/* Loup-garou.live — Home Application Screen v1.1.0
   Intention: fixed app-like screen, no document scroll, compact controls, no theme bleed. */
.lgl-home-v2{
  --lgl-h-bg:#050915;--lgl-h-panel:rgba(8,14,32,.76);--lgl-h-line:rgba(255,255,255,.115);
  --lgl-h-text:#f7f6ff;--lgl-h-muted:#aab1c8;--lgl-h-gold:#f2a32d;--lgl-h-gold2:#ffc968;
  --lgl-h-blue:#3559ff;--lgl-h-purple:#8448ff;--lgl-h-cyan:#10dfd2;
  position:fixed;inset:0;z-index:10;width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;
  color:var(--lgl-h-text);background:#050915;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  isolation:isolate;-webkit-tap-highlight-color:transparent;
}
body.admin-bar .lgl-home-v2{top:32px;height:calc(100dvh - 32px)}
.lgl-home-v2 *{box-sizing:border-box}.lgl-home-v2 button,.lgl-home-v2 input{font:inherit}.lgl-home-v2 button{color:inherit}.lgl-home-v2 svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lgl-home-v2__ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:
 radial-gradient(circle at 82% 18%,rgba(58,90,255,.26),transparent 23%),
 radial-gradient(circle at 15% 62%,rgba(111,54,223,.15),transparent 31%),
 linear-gradient(180deg,#060b1b 0%,#071128 42%,#080d1d 73%,#050812 100%)}
.lgl-home-v2__ambient:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-2%;height:33%;opacity:.86;background:
 linear-gradient(0deg,rgba(2,5,13,.96),rgba(3,8,20,.28)),
 repeating-linear-gradient(119deg,transparent 0 42px,rgba(27,39,79,.32) 43px 67px);clip-path:polygon(0 63%,5% 46%,11% 58%,17% 38%,24% 58%,31% 41%,38% 62%,46% 43%,54% 59%,62% 41%,70% 62%,78% 37%,85% 57%,93% 42%,100% 58%,100% 100%,0 100%)}
.lgl-home-v2__moon{position:absolute;right:-24px;top:11%;width:116px;aspect-ratio:1;border-radius:50%;opacity:.46;background:radial-gradient(circle at 38% 34%,#fff,#dce6ff 54%,#8395ff 70%,transparent 72%);filter:drop-shadow(0 0 26px rgba(120,146,255,.45))}
.lgl-home-v2__mist{position:absolute;width:120%;height:22%;left:-10%;border-radius:50%;filter:blur(25px);opacity:.16;background:linear-gradient(90deg,transparent,#8094ff,transparent);animation:lgl-h-mist 14s ease-in-out infinite alternate}.lgl-home-v2__mist--one{top:39%;transform:rotate(-5deg)}.lgl-home-v2__mist--two{top:62%;animation-delay:-7s;opacity:.1;transform:rotate(4deg)}
.lgl-home-v2__stars,.lgl-home-v2__stars:before,.lgl-home-v2__stars:after{position:absolute;content:"";inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.4px);background-size:73px 67px;opacity:.13}.lgl-home-v2__stars:before{transform:translate(26px,18px);background-size:97px 81px;opacity:.12}.lgl-home-v2__stars:after{transform:translate(9px,43px);background-size:131px 103px;opacity:.08}
.lgl-home-v2__frame{position:relative;z-index:2;width:min(100%,520px);height:100%;margin:0 auto;padding:var(--lgl-safe-top,max(10px,env(safe-area-inset-top))) clamp(14px,4.1vw,22px) var(--lgl-safe-bottom,max(10px,env(safe-area-inset-bottom)));display:grid;grid-template-rows:auto minmax(0,1fr)}
.lgl-home-v2__topbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}.lgl-home-v2__brand{display:flex;align-items:center;gap:9px;min-width:0;text-decoration:none;color:inherit}.lgl-home-v2__brand-mark{width:38px;height:38px;flex:0 0 38px;filter:drop-shadow(0 5px 11px rgba(241,164,47,.28))}.lgl-home-v2__brand-copy{display:flex;flex-direction:column;min-width:0}.lgl-home-v2__brand-copy b{font:700 clamp(19px,5vw,23px)/1 Georgia,serif;letter-spacing:-.4px;white-space:nowrap}.lgl-home-v2__brand-copy b span{color:var(--lgl-h-gold)}.lgl-home-v2__brand-copy small{margin-top:4px;color:#9da5bd;font-size:10px;letter-spacing:.02em}.lgl-home-v2__menu{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--lgl-h-line);border-radius:13px;background:rgba(8,13,31,.64);display:grid;place-items:center;backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.035)}.lgl-home-v2__menu svg{width:19px;height:19px}
.lgl-home-v2__main{min-height:0;display:grid;grid-template-rows:minmax(210px,1fr) auto auto auto;gap:clamp(8px,1.45vh,13px);padding:3px 0 4px}
.lgl-home-v2__hero{position:relative;min-height:0;overflow:hidden;border-radius:26px;background:linear-gradient(180deg,rgba(8,18,43,.18),rgba(7,12,29,.02));isolation:isolate}.lgl-home-v2__hero:after{content:"";position:absolute;inset:auto 0 0;height:46%;z-index:2;background:linear-gradient(0deg,rgba(5,9,21,.98),rgba(5,9,21,.66) 36%,transparent);pointer-events:none}.lgl-home-v2__hero-copy{position:relative;z-index:4;width:62%;padding:clamp(16px,3.2vh,28px) 0 0 2px}.lgl-home-v2__eyebrow{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border-radius:999px;border:1px solid rgba(128,79,255,.28);background:rgba(94,57,209,.20);color:#d9d0ff;font-size:clamp(10px,2.75vw,12px);white-space:nowrap;backdrop-filter:blur(8px)}.lgl-home-v2__eyebrow i{font-style:normal;color:var(--lgl-h-gold2)}
.lgl-home-v2__hero h1{margin:clamp(12px,2vh,18px) 0 9px;font:500 clamp(29px,9vw,46px)/.96 Georgia,serif;letter-spacing:-1px;text-shadow:0 4px 18px rgba(0,0,0,.34)}.lgl-home-v2__hero h1 strong{display:inline-block;font-weight:700}.lgl-home-v2__hero h1 strong span{color:var(--lgl-h-gold)}.lgl-home-v2__hero p{width:94%;margin:0;color:#bdc3d4;font-size:clamp(11px,3vw,14px);line-height:1.48;text-shadow:0 2px 9px rgba(0,0,0,.68)}
.lgl-home-v2__hero-art{position:absolute;z-index:1;right:-1px;top:0;width:58%;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%)}.lgl-home-v2__hero-art img{position:absolute;right:-2%;bottom:-4%;width:min(100%,250px);height:auto;object-fit:contain;filter:saturate(1.06) contrast(1.03) drop-shadow(-8px 18px 22px rgba(0,0,0,.46));animation:lgl-h-wolf 6s ease-in-out infinite}.lgl-home-v2__hero-aura{position:absolute;right:3%;top:17%;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(97,81,255,.22),transparent 67%);filter:blur(8px);animation:lgl-h-aura 3.8s ease-in-out infinite}
.lgl-home-v2__actions{display:grid;grid-template-columns:1.12fr .88fr;gap:8px}.lgl-home-action{position:relative;min-width:0;height:clamp(52px,7.4vh,62px);padding:0 clamp(9px,2.6vw,13px);border-radius:16px;border:1px solid transparent;display:grid;grid-template-columns:34px minmax(0,1fr) 12px;align-items:center;gap:8px;text-align:left;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.23);transition:transform .16s ease,filter .16s ease,border-color .16s ease;cursor:pointer}.lgl-home-action:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 10%,rgba(255,255,255,.13) 34%,transparent 55%);transform:translateX(-120%);transition:transform .46s ease}.lgl-home-action:active{transform:scale(.985)}.lgl-home-action:hover:before,.lgl-home-action:focus-visible:before{transform:translateX(120%)}.lgl-home-action:focus-visible{outline:2px solid #fff;outline-offset:2px}.lgl-home-action--create{background:linear-gradient(135deg,#c97b1e 0%,#e89828 52%,#f0aa3b 100%);border-color:rgba(255,206,103,.26)}.lgl-home-action--join{background:linear-gradient(135deg,#2549df 0%,#493cf0 48%,#7639ed 100%);border-color:rgba(146,120,255,.32)}.lgl-home-action__icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(5,9,21,.16);border:1px solid rgba(255,255,255,.24)}.lgl-home-action__icon svg{width:18px;height:18px;stroke-width:2}.lgl-home-action__copy{display:flex;min-width:0;flex-direction:column}.lgl-home-action__copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,3.55vw,15px);line-height:1.15}.lgl-home-action__copy small{margin-top:3px;font-size:clamp(8px,2.45vw,10px);opacity:.78;white-space:nowrap}.lgl-home-action__arrow{font-size:22px;opacity:.68;transform:translateY(-1px)}
.lgl-home-v2__modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lgl-mode-card{position:relative;height:clamp(59px,8.4vh,72px);min-width:0;padding:0 10px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:linear-gradient(180deg,rgba(9,21,45,.86),rgba(5,13,28,.88));display:grid;grid-template-columns:34px minmax(0,1fr) 10px;align-items:center;gap:8px;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.025);cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.lgl-mode-card:active{transform:scale(.985)}.lgl-mode-card--text{border-color:rgba(17,218,211,.29)}.lgl-mode-card--voice{border-color:rgba(144,75,255,.36)}.lgl-mode-card.is-active{background:linear-gradient(180deg,rgba(10,31,53,.94),rgba(6,18,37,.94));box-shadow:inset 0 0 18px rgba(12,223,209,.055)}.lgl-mode-card__icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center}.lgl-mode-card--text .lgl-mode-card__icon{color:#22e4db;background:rgba(16,219,209,.10)}.lgl-mode-card--voice .lgl-mode-card__icon{color:#ba86ff;background:rgba(133,70,244,.14)}.lgl-mode-card__icon svg{width:19px;height:19px}.lgl-mode-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.lgl-mode-card b{font-size:clamp(11px,3.15vw,13px);white-space:nowrap}.lgl-mode-card small{margin-top:3px;color:#9199af;font-size:clamp(8px,2.3vw,10px);white-space:nowrap}.lgl-mode-card>i{width:7px;height:7px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}.lgl-mode-card.is-active>i{border-color:transparent;background:var(--lgl-h-cyan);box-shadow:0 0 9px rgba(16,223,210,.72)}
.lgl-home-v2__quick-info{height:clamp(34px,4.8vh,42px);display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.085);border-radius:14px;background:rgba(8,13,30,.68);backdrop-filter:blur(10px);overflow:hidden}.lgl-home-v2__quick-info span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:0 5px;border-right:1px solid rgba(255,255,255,.065)}.lgl-home-v2__quick-info span:last-child{border-right:0}.lgl-home-v2__quick-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,2.35vw,10px);font-weight:600;color:#b9bfd0}.lgl-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%}.lgl-dot--green{background:#4ee39a;box-shadow:0 0 8px #4ee39a}.lgl-dot--purple{background:#9665ff;box-shadow:0 0 8px #9665ff}.lgl-dot--gold{background:#f3a52e;box-shadow:0 0 8px #f3a52e}
.lgl-home-dialog[hidden]{display:none}.lgl-home-dialog{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center}.lgl-home-dialog__backdrop{position:absolute;inset:0;background:rgba(1,4,11,.62);backdrop-filter:blur(10px);animation:lgl-h-fade .18s ease-out}.lgl-home-dialog__card{position:relative;z-index:2;width:min(100%,520px);padding:9px 18px calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.12);border-radius:24px 24px 0 0;background:linear-gradient(180deg,#10172d 0%,#070b17 100%);box-shadow:0 -24px 60px rgba(0,0,0,.42);animation:lgl-h-sheet .24s cubic-bezier(.2,.8,.2,1)}.lgl-home-dialog__grab{width:42px;height:4px;margin:2px auto 13px;border-radius:99px;background:rgba(255,255,255,.18)}.lgl-home-dialog__card header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.lgl-home-dialog__card header small{color:#9fa6bb;font-size:11px}.lgl-home-dialog__card h2{margin:2px 0 13px;font:700 22px/1.1 Georgia,serif}.lgl-home-dialog__card header button{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#171d31;color:#fff;font-size:22px}.lgl-home-dialog__card label{display:block;margin-top:9px;color:#b7bdcd;font-size:11px}.lgl-home-dialog__card input{width:100%;height:46px;margin-top:5px;padding:0 13px;border:1px solid rgba(255,255,255,.10);border-radius:13px;outline:0;background:#090f20;color:#fff}.lgl-home-dialog__card input:focus{border-color:#7457ff;box-shadow:0 0 0 3px rgba(116,87,255,.12)}.lgl-home-dialog__submit{width:100%;height:49px;margin-top:14px;padding:0 16px;border:0;border-radius:14px;background:linear-gradient(135deg,#3053ff,#783cff);display:flex;align-items:center;justify-content:space-between;font-weight:700}.lgl-home-dialog__error{min-height:16px;margin:7px 0 0;color:#ff8492;font-size:11px;text-align:center}
@keyframes lgl-h-wolf{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.008)}}@keyframes lgl-h-aura{50%{transform:scale(1.09);opacity:.68}}@keyframes lgl-h-mist{to{transform:translateX(7%) rotate(-2deg)}}@keyframes lgl-h-sheet{from{transform:translateY(18px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes lgl-h-fade{from{opacity:0}to{opacity:1}}
@media (max-width:782px){body.admin-bar .lgl-home-v2{top:46px;height:calc(100dvh - 46px)}}
@media (max-width:370px){.lgl-home-v2__frame{padding-inline:12px}.lgl-home-v2__brand-copy small{display:none}.lgl-home-v2__hero-copy{width:66%}.lgl-home-v2__hero-art{width:60%;right:-10px}.lgl-home-v2__actions{grid-template-columns:1fr 1fr}.lgl-home-action{grid-template-columns:30px minmax(0,1fr);gap:7px}.lgl-home-action__arrow{display:none}.lgl-home-action__icon{width:29px;height:29px}.lgl-home-action__copy small{display:none}.lgl-home-v2__quick-info b{font-size:8px}}
@media (max-height:720px){.lgl-home-v2__topbar{height:48px}.lgl-home-v2__brand-mark{width:34px;height:34px;flex-basis:34px}.lgl-home-v2__main{grid-template-rows:minmax(188px,1fr) auto auto auto;gap:7px}.lgl-home-v2__hero-copy{padding-top:12px}.lgl-home-v2__eyebrow{padding:5px 9px}.lgl-home-v2__hero h1{margin:10px 0 7px;font-size:clamp(28px,8.7vw,40px)}.lgl-home-v2__hero p{font-size:11px;line-height:1.4}.lgl-home-action{height:50px}.lgl-mode-card{height:56px}.lgl-home-v2__quick-info{height:32px}}
@media (max-height:640px){.lgl-home-v2__main{grid-template-rows:minmax(168px,1fr) auto auto auto}.lgl-home-v2__hero p{display:none}.lgl-home-v2__eyebrow{font-size:9px}.lgl-home-v2__hero h1{font-size:clamp(27px,8.1vw,36px)}.lgl-mode-card small{display:none}.lgl-mode-card{height:50px}.lgl-home-v2__quick-info{height:29px}}
@media (min-width:700px){.lgl-home-v2__frame{width:min(100%,620px)}.lgl-home-v2__hero-copy{width:55%}.lgl-home-v2__hero-art{width:53%}.lgl-home-v2__actions{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.lgl-home-v2 *,.lgl-home-v2 *:before,.lgl-home-v2 *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}