.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgb(255 255 255 / 32%) 0 2px,transparent 3px),radial-gradient(circle at 78% 22%,rgb(255 255 255 / 22%) 0 1.5px,transparent 2.5px),linear-gradient(155deg,#eeeafd,#d9d2f7 58%,#c9c2ee);background-size:190px 190px,240px 240px,auto;transition:background var(--t-cycle) var(--ease),filter var(--t-cycle) var(--ease)}.sky[data-tone=night]{background:radial-gradient(circle at 18% 18%,rgb(255 250 220 / 42%) 0 1.5px,transparent 2.5px),radial-gradient(circle at 78% 22%,rgb(255 255 255 / 30%) 0 1px,transparent 2px),linear-gradient(155deg,#31275d,#211b42 58%,#15112e);background-size:160px 160px,230px 230px,auto}.sky[data-tone=dawn]{background:radial-gradient(circle at 16% 20%,rgb(255 255 255 / 34%) 0 2px,transparent 3px),linear-gradient(155deg,#e8d8f2,#decdec 52%,#efc9c2);background-size:210px 210px,auto}.sky[data-tone=day]{background:radial-gradient(circle at 18% 18%,rgb(255 255 255 / 40%) 0 2px,transparent 3px),linear-gradient(155deg,#f4effd,#eee8fa 55%,#d7d3f6);background-size:220px 220px,auto}.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 60% at 50% 10%,transparent 45%,rgb(46 35 83 / 10%) 100%)}.sky-body{position:absolute;width:96px;height:96px;border-radius:50%;transition:bottom var(--t-cycle) var(--ease),opacity var(--t-cycle) var(--ease),transform var(--t-cycle) var(--ease)}.sky-moon{left:7%;bottom:72%;opacity:.16;background:radial-gradient(circle at 34% 30%,#fff9dd,#aaa2ca 62%,transparent 68%);box-shadow:inset -12px -10px 18px #2c235640,0 12px #372c6024}.sky[data-tone=lobby] .sky-moon,.sky[data-tone=day] .sky-moon,.sky[data-tone=dawn] .sky-moon{transform:translateY(150px) scale(.78);opacity:0}.sky-sun{right:9%;bottom:-16%;opacity:0;background:radial-gradient(circle at 36% 32%,#fff7c8,#f4b83f 65%,#c77e1b 70%);box-shadow:inset -10px -10px 16px #a66d1e40,0 10px #a66d1e24}.sky[data-tone=lobby] .sky-sun,.sky[data-tone=day] .sky-sun{bottom:70%;opacity:.32}.sky[data-tone=dawn] .sky-sun{bottom:8%;opacity:.38}.sky-fog{position:absolute;left:-40%;width:180%;height:38%;opacity:.22;filter:blur(24px)}.sky-fog-1{bottom:1%;animation:fog-drift 52s linear infinite}.sky-fog-2{bottom:18%;opacity:.14;animation:fog-drift 67s linear infinite reverse}.sky[data-tone=day] .sky-fog,.sky[data-tone=lobby] .sky-fog{opacity:.08}@keyframes fog-drift{0%{transform:translate(-10%)}to{transform:translate(10%)}}.sky-content{position:relative;z-index:1;min-height:100dvh;color:var(--color-text)}@media(prefers-reduced-motion:reduce){.sky-fog{animation:none}}.role-portrait{display:grid;place-items:center;aspect-ratio:1;overflow:visible}.role-portrait-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.role-portrait-fallback{color:var(--gold-400)}.role-portrait-fallback .icon{width:58%;height:58%}.landing-page{--landing-ink: #251f44;--landing-muted: #544d70;--landing-paper: #fffdf9;--landing-lilac: #d9d1f5;--landing-violet: #58459b;--landing-violet-dark: #382b6d;--landing-gold: #f4b83f;--landing-gold-edge: #a66d1e;width:100%;overflow:clip;color:var(--landing-ink);background:radial-gradient(circle at 9% 8%,rgb(255 255 255 / 76%) 0 4%,transparent 18%),radial-gradient(circle at 94% 20%,rgb(244 184 63 / 17%) 0 2%,transparent 14%),linear-gradient(180deg,#eeeafd,#f7f3ff 42%,#eeeafd)}.landing-page section[id]{scroll-margin-top:6rem}.landing-page #landing-main:focus{outline:none}.landing-skip{position:fixed;top:.75rem;left:.75rem;z-index:100;min-height:44px;padding:.6rem 1rem;border:2px solid var(--landing-violet-dark);border-radius:var(--r-sm);background:var(--landing-paper);color:var(--landing-ink);font-weight:900;transform:translateY(-160%);transition:transform .16s var(--ease-out)}.landing-skip:focus{transform:translateY(0)}.landing-header{position:relative;z-index:20;padding:1.15rem clamp(1rem,4vw,2rem) 0}.landing-nav{width:min(100%,1220px);min-height:70px;margin-inline:auto;padding:.65rem .75rem .65rem 1rem;display:flex;align-items:center;gap:clamp(1rem,3vw,2.8rem);border:2px solid #8d85ad;border-radius:22px;background:#fffdf9eb;box-shadow:inset 0 2px #fff,0 5px #52438140,0 16px 32px #3227581f}.landing-brand{display:inline-flex;align-items:center;gap:.65rem;min-height:48px;color:var(--landing-ink);font-family:var(--display);font-size:1.12rem;font-weight:700;white-space:nowrap}.landing-brand:hover,.landing-brand strong{color:var(--landing-violet)}.landing-brand-mark{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--landing-violet-dark);border-radius:14px;background:var(--landing-gold);color:var(--landing-ink);box-shadow:inset 0 2px #ffffff94,0 4px 0 var(--landing-gold-edge)}.landing-nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(.7rem,2vw,1.8rem);margin-left:auto}.landing-nav-links a,.landing-footer nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--landing-muted);font-size:.9rem;font-weight:800}.landing-nav-links a:hover,.landing-footer nav a:hover{color:var(--landing-violet-dark)}.landing-nav-cta{min-height:48px;padding:.62rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--landing-violet-dark);border-radius:14px;background:var(--landing-violet);color:#fff;font-family:var(--display);font-weight:700;box-shadow:inset 0 2px #ffffff40,0 4px 0 var(--landing-violet-dark);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),background-color .15s var(--ease-out)}.landing-nav-cta:hover{background:#6955af;color:#fff;transform:translateY(-1px)}.landing-nav-cta:active{transform:translateY(3px);box-shadow:inset 0 1px #fff3,0 1px 0 var(--landing-violet-dark)}.landing-hero,.landing-section,.landing-proof,.landing-footer{width:min(100% - clamp(2rem,8vw,4rem),1180px);margin-inline:auto}.landing-hero{min-height:min(760px,calc(100dvh - 92px));padding-block:clamp(4rem,9vw,7.5rem) clamp(3.25rem,7vw,5rem);display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(2.5rem,7vw,6.5rem)}.landing-hero-copy{position:relative;z-index:3}.landing-kicker{margin:0 0 .9rem;display:flex;align-items:center;gap:.55rem;color:#724b0b;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.landing-kicker>span{width:30px;height:3px;border-radius:999px;background:var(--landing-gold-edge)}.landing-hero h1{max-width:11ch;font-size:clamp(3.5rem,7.8vw,6.7rem);line-height:.91;letter-spacing:-.055em;text-shadow:0 4px 0 rgb(255 255 255 / 72%)}.landing-hero h1 em{display:inline-block;color:var(--landing-violet);font-style:normal;transform:rotate(-2deg)}.landing-hero-lede{max-width:52ch;margin:1.6rem 0 0;color:var(--landing-muted);font-size:clamp(1.02rem,1.8vw,1.16rem);line-height:1.72;text-wrap:pretty}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.8rem}.landing-button{--landing-button-edge: var(--landing-violet-dark);min-height:52px;padding:.72rem 1.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:2px solid var(--landing-button-edge);border-radius:16px;font-family:var(--display);font-size:1.04rem;font-weight:700;box-shadow:inset 0 2px #ffffff61,0 5px 0 var(--landing-button-edge),0 12px 20px #30245621;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),background-color .15s var(--ease-out)}.landing-button:hover{transform:translateY(-2px)}.landing-button:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff47,0 1px 0 var(--landing-button-edge),0 6px 10px #3024561a}.landing-button-primary{--landing-button-edge: var(--landing-gold-edge);background:var(--landing-gold);color:var(--landing-ink)}.landing-button-primary:hover{background:#ffc95e;color:var(--landing-ink)}.landing-button-secondary{background:var(--landing-paper);color:var(--landing-ink)}.landing-button-secondary:hover{background:#f0ecfb;color:var(--landing-ink)}.landing-safe-note{margin:1.35rem 0 0;display:flex;align-items:center;gap:.45rem;color:var(--landing-muted);font-size:.84rem}.landing-safe-note .icon{color:#237a50}.landing-hero-scene{position:relative;min-height:560px;isolation:isolate}.landing-moon{position:absolute;z-index:-2;width:min(88%,520px);aspect-ratio:1;top:2%;left:50%;transform:translate(-50%);border:3px solid #8177ad;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgb(255 255 255 / 72%) 0 4%,transparent 4.4%),radial-gradient(circle at 67% 58%,rgb(95 78 150 / 15%) 0 9%,transparent 9.5%),radial-gradient(circle at 45% 72%,rgb(95 78 150 / 13%) 0 5%,transparent 5.5%),linear-gradient(145deg,#f7f2ff,#c8bdec 72%);box-shadow:inset -22px -22px #5d4b9717,inset 12px 14px #ffffff5c,0 12px #766ca5,0 36px 60px #2c224f3d}.landing-moon:before,.landing-moon:after{content:"";position:absolute;border-radius:50%;background:#5b4b9121}.landing-moon:before{width:12%;aspect-ratio:1;top:20%;right:23%}.landing-moon:after{width:8%;aspect-ratio:1;bottom:23%;left:25%}.landing-moon span{position:absolute;width:7px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff2e}.landing-moon span:nth-child(1){left:17%;top:42%}.landing-moon span:nth-child(2){right:14%;top:36%}.landing-moon span:nth-child(3){right:27%;bottom:15%}.landing-scene-whisper{position:absolute;z-index:-1;top:14%;left:11%;margin:0;color:#372b667a;font-family:var(--display);font-size:1rem;font-weight:700;line-height:1.3;transform:rotate(-8deg)}.landing-hero-role{position:absolute;z-index:2;width:48%;margin:0;display:grid;justify-items:center;animation:landing-float 5.6s var(--ease) infinite alternate;filter:drop-shadow(0 15px 11px rgb(38 28 72 / 20%))}.landing-hero-role .role-portrait{width:100%}.landing-hero-role figcaption{margin-top:-.6rem;padding:.28rem .78rem;border:2px solid var(--landing-violet-dark);border-radius:999px;background:var(--landing-paper);color:var(--landing-ink);font-family:var(--display);font-size:.85rem;font-weight:700;box-shadow:0 4px #776ba5}.landing-hero-role[data-position="0"]{left:-3%;bottom:2%;animation-delay:-1.2s}.landing-hero-role[data-position="1"]{right:-4%;bottom:0;z-index:4;animation-delay:-3.6s}.landing-hero-role[data-position="2"]{width:43%;left:29%;top:0;z-index:3;animation-delay:-2.2s}.landing-scene-star{position:absolute;z-index:-1;width:9px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff2b;animation:landing-twinkle 2.4s ease-in-out infinite alternate}.star-one{top:7%;right:1%}.star-two{top:32%;left:-2%;animation-delay:-.8s}.star-three{bottom:12%;left:43%;animation-delay:-1.5s}.landing-proof{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid #8d85ad;border-radius:24px;background:var(--landing-paper);box-shadow:inset 0 2px #fff,0 6px #4b3c7a40,0 18px 34px #2d23501f}.landing-proof-item{min-width:0;padding:clamp(1rem,2.5vw,1.5rem);display:flex;align-items:center;justify-content:center;gap:.75rem}.landing-proof-item+.landing-proof-item{border-left:2px dashed #cbc4df}.landing-proof-item strong{color:var(--landing-violet);font-family:var(--display);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1}.landing-proof-item span{color:var(--landing-muted);font-size:.82rem;line-height:1.3}.landing-section{padding-block:clamp(5.5rem,10vw,8.5rem)}.landing-section-heading{max-width:720px;margin-bottom:clamp(2rem,5vw,3.5rem)}.landing-section-heading h2{font-size:clamp(2.25rem,5vw,4.3rem);line-height:1.02;letter-spacing:-.04em}.landing-heading-split{max-width:none;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(2rem,7vw,7rem);align-items:end}.landing-heading-split>p{max-width:44ch;margin:0 0 .2rem;color:var(--landing-muted);line-height:1.72}.landing-narrative{position:relative}.landing-narrative:before{content:"";position:absolute;top:30%;bottom:12%;left:calc(50% - 1px);z-index:-1;border-left:2px dashed #aaa0cc}.landing-timeline{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem clamp(3rem,8vw,7rem)}.landing-step{position:relative;min-height:178px;padding:1.5rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;border:2px solid #8c83ab;border-radius:24px;background:var(--landing-paper);box-shadow:inset 0 2px #fff,0 5px #4e3f7e33,0 15px 26px #3227581a}.landing-step[data-step="1"],.landing-step[data-step="3"]{transform:translateY(3.5rem)}.landing-step[data-step="1"]{background:#30285a;border-color:#17112f;box-shadow:inset 0 2px #ffffff17,0 5px #17112f,0 15px 26px #1b14333d}.landing-step[data-step="1"] h3,.landing-step[data-step="1"] p{color:#fffafc}.landing-step-number{width:45px;height:45px;display:grid;place-items:center;border:2px solid var(--landing-gold-edge);border-radius:50%;background:var(--landing-gold);color:var(--landing-ink);font-family:var(--display);font-weight:700;box-shadow:inset 0 2px #ffffff73,0 3px 0 var(--landing-gold-edge)}.landing-step h3{margin-top:.2rem;font-size:1.28rem}.landing-step p{margin:.55rem 0 0;color:var(--landing-muted);font-size:.94rem;line-height:1.66}.landing-features{position:relative;width:min(100%,100%);padding-inline:max(calc((100% - 1180px)/2),clamp(1rem,4vw,2rem));background:#2a234d;color:#fffafd}.landing-features:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background:radial-gradient(circle at 9% 18%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 86% 22%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 72% 74%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 24% 82%,#fff 0 1px,transparent 1.8px)}.landing-features .landing-section-heading{position:relative}.landing-features h2{color:#fffafd}.landing-features .landing-kicker{color:#ffd985}.landing-features .landing-kicker>span{background:#ffd985}.landing-bento{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto auto;gap:1rem}.landing-feature{position:relative;min-height:230px;padding:clamp(1.35rem,3vw,2rem);overflow:hidden;border:2px solid #8279aa;border-radius:26px;background:#3a3264;color:#fffafd;box-shadow:inset 0 2px #ffffff1a,0 6px #17112f,0 18px 30px #0f0a2333}.landing-feature.feature-large{grid-row:span 2;min-height:480px;background:#f6f0ff;color:var(--landing-ink);border-color:#9c91bf;box-shadow:inset 0 2px #fff,0 6px #6b6096,0 18px 30px #0f0a2333}.landing-feature.feature-wide{grid-column:1 / -1;min-height:220px;padding-right:min(38%,26rem);background:#4b3d80}.landing-feature-icon{width:50px;height:50px;display:grid;place-items:center;border:2px solid var(--landing-gold-edge);border-radius:16px;background:var(--landing-gold);color:var(--landing-ink);box-shadow:inset 0 2px #ffffff73,0 4px 0 var(--landing-gold-edge)}.landing-feature-label{margin:1.4rem 0 .35rem;color:#ffd985;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.feature-large .landing-feature-label{color:#79510d}.landing-feature h3{color:inherit;font-size:clamp(1.45rem,3vw,2rem)}.landing-feature-body{max-width:54ch;margin-top:.65rem;color:#e5dff4;line-height:1.68}.feature-large .landing-feature-body{color:var(--landing-muted)}.feature-clock{position:absolute;left:8%;right:8%;bottom:8%;min-height:150px;padding:1.35rem;border:2px solid #8b80ae;border-radius:24px;background:#30285a;color:#fffafd;box-shadow:inset 0 2px #ffffff1a,0 5px #17112f}.feature-clock span{display:block;color:#d9d1ed;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.feature-clock strong{display:block;margin-top:.25rem;font-family:var(--display);font-size:clamp(2.5rem,5vw,4.6rem);line-height:1;font-variant-numeric:tabular-nums}.feature-clock i{position:absolute;left:1.35rem;right:1.35rem;bottom:1.15rem;height:8px;overflow:hidden;border-radius:99px;background:#211a41}.feature-clock i:after{content:"";display:block;width:62%;height:100%;border-radius:inherit;background:var(--landing-gold)}.feature-wide:after{content:"?";position:absolute;right:8%;top:50%;width:126px;aspect-ratio:1;display:grid;place-items:center;transform:translateY(-50%) rotate(7deg);border:3px solid #cabfed;border-radius:31% 69% 50% 50%/52% 44% 56% 48%;background:#f6f0ff;color:var(--landing-violet);font-family:var(--display);font-size:5rem;font-weight:700;box-shadow:0 7px #261c4d}.landing-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.landing-mode{position:relative;min-height:420px;padding:clamp(1.5rem,4vw,2.4rem);border:2px solid #8c83ab;border-radius:28px;background:var(--landing-paper);box-shadow:inset 0 2px #fff,0 6px #4e3f7e38,0 18px 32px #3227581f}.landing-mode:nth-child(2){background:#dcd4f6}.landing-mode-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-mode-icon{width:62px;height:62px;display:grid;place-items:center;border:2px solid var(--landing-violet-dark);border-radius:20px;background:var(--landing-gold);color:var(--landing-ink);box-shadow:inset 0 2px #ffffff73,0 5px 0 var(--landing-gold-edge)}.landing-mode-number{color:#58459b33;font-family:var(--display);font-size:clamp(3.4rem,8vw,6rem);font-weight:700;line-height:1}.landing-mode-badge{width:fit-content;margin:1.8rem 0 .55rem;padding:.25rem .7rem;border:2px solid #a66d1e;border-radius:999px;background:#ffdb86;color:#654006;font-size:.72rem;font-weight:900}.landing-mode h3{font-size:clamp(1.8rem,4vw,2.6rem)}.landing-mode>p:not(.landing-mode-badge){max-width:53ch;color:var(--landing-muted);line-height:1.72}.landing-mode ul{margin:1.35rem 0 0;padding:1.1rem 0 0;display:grid;gap:.55rem;border-top:2px dashed #c6bedc;list-style:none}.landing-mode li{display:flex;align-items:center;gap:.5rem;color:var(--landing-ink);font-size:.88rem;font-weight:800}.landing-mode li .icon{color:#237a50}.landing-inline-cta{margin-top:1.5rem;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:2px dashed #9f95c0;border-radius:20px}.landing-inline-cta p{margin:0;color:var(--landing-muted)}.landing-inline-cta strong{color:var(--landing-ink)}.landing-text-link{min-height:44px;display:inline-flex;align-items:center;gap:.5rem;color:var(--landing-violet);font-family:var(--display);font-size:1.02rem;font-weight:700;white-space:nowrap}.landing-text-link:hover{color:var(--landing-violet-dark)}.landing-roles{padding-top:clamp(5rem,9vw,7.5rem)}.landing-role-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem}.landing-role-card{--role-edge: #6f65a0;position:relative;min-width:0;padding:.65rem .65rem .85rem;display:grid;border:2px solid var(--role-edge);border-radius:20px;background:var(--landing-paper);color:var(--landing-ink);box-shadow:inset 0 2px #fff,0 5px color-mix(in srgb,var(--role-edge) 72%,#352866),0 13px 20px #3227581a;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),background-color .18s var(--ease-out)}.landing-role-card[data-faction=village]{--role-edge: #5685be}.landing-role-card[data-faction=wolf]{--role-edge: #bb5862}.landing-role-card[data-faction=solo]{--role-edge: #8b61b7}.landing-role-card:hover{transform:translateY(-4px) rotate(-.8deg);background:#fff;color:var(--landing-ink)}.landing-role-card:active{transform:translateY(3px);box-shadow:inset 0 2px #fff,0 1px 0 var(--role-edge),0 6px 12px #32275817}.landing-role-card .role-portrait{width:100%}.landing-role-index{position:absolute;z-index:2;top:.55rem;right:.55rem;min-width:30px;padding:.1rem .3rem;border:1.5px solid #b8b0cf;border-radius:999px;background:#fffdf9db;color:var(--landing-muted);font-family:var(--display);font-size:.66rem;font-weight:700;text-align:center}.landing-role-copy{min-width:0;display:grid;padding:.2rem .25rem 0}.landing-role-copy strong{overflow:hidden;color:var(--landing-ink);font-family:var(--display);font-size:.98rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.landing-role-copy small{margin-top:.2rem;color:var(--landing-muted);font-size:.7rem}.landing-role-card:nth-child(7){grid-column-start:2}.landing-roles-more{margin-top:1.5rem;padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:2px solid #8c83ab;border-radius:22px;background:#ddd5f6;box-shadow:inset 0 2px #ffffff9e,0 5px #4e3f7e33}.landing-roles-more p{margin:0;display:grid}.landing-roles-more strong{color:var(--landing-ink);font-family:var(--display);font-size:1.1rem}.landing-roles-more span{color:var(--landing-muted);font-size:.86rem}.landing-faq{padding-top:clamp(5rem,9vw,7rem)}.landing-faq-list{border-top:2px solid #aaa0c7}.landing-faq details{border-bottom:2px solid #aaa0c7}.landing-faq summary{min-height:78px;padding:1.05rem .35rem;display:grid;grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;gap:1rem;color:var(--landing-ink);cursor:pointer;font-family:var(--display);font-size:clamp(1.02rem,2vw,1.25rem);font-weight:700;list-style:none}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary>span{color:#766ca2;font-size:.76rem}.landing-faq summary i{width:38px;height:38px;position:relative;display:grid;place-items:center;border:2px solid #776ca4;border-radius:50%;background:var(--landing-paper);box-shadow:0 3px #776ca4}.landing-faq summary i:before,.landing-faq summary i:after{content:"";position:absolute;width:14px;height:2px;border-radius:99px;background:var(--landing-violet-dark);transition:transform .18s var(--ease-out)}.landing-faq summary i:after{transform:rotate(90deg)}.landing-faq details[open] summary i:after{transform:rotate(0)}.landing-faq details[open] summary{color:var(--landing-violet-dark)}.landing-faq details>p{max-width:72ch;margin:-.4rem 0 1.5rem 58px;padding-right:5rem;color:var(--landing-muted);line-height:1.72}.landing-final-cta{position:relative;width:min(100% - clamp(2rem,8vw,4rem),1180px);margin:1rem auto 0;padding:clamp(4rem,8vw,6rem) clamp(1.25rem,8vw,7rem);overflow:hidden;border:2px solid #17112f;border-radius:clamp(26px,4vw,40px);background:radial-gradient(circle at 12% 22%,rgb(255 255 255 / 72%) 0 1.5px,transparent 2px),radial-gradient(circle at 88% 72%,rgb(255 255 255 / 60%) 0 1px,transparent 1.8px),linear-gradient(145deg,#362d61,#211a41);color:#fffafd;box-shadow:inset 0 2px #ffffff1a,0 8px #17112f,0 26px 42px #1c143838}.landing-final-cta .landing-kicker{color:#ffd985}.landing-final-cta .landing-kicker>span{background:#ffd985}.landing-final-cta h2{position:relative;z-index:2;max-width:780px;color:#fffafd;font-size:clamp(2.5rem,6vw,5.3rem);line-height:.98;letter-spacing:-.045em}.landing-final-cta>p:not(.landing-kicker){position:relative;z-index:2;margin:1rem 0 1.8rem;color:#ded7ef}.landing-final-cta .landing-button{position:relative;z-index:2}.landing-final-moon{position:absolute;right:clamp(1rem,8vw,6rem);top:50%;width:clamp(170px,24vw,290px);aspect-ratio:1;display:grid;place-items:center;transform:translateY(-50%) rotate(8deg);border:3px solid #b4a8da;border-radius:50%;background:#ded6f8;color:var(--landing-violet);box-shadow:inset -14px -16px #614f9c1f,0 10px #17112f;opacity:.88}.landing-final-moon .icon{width:34%;height:34%}.landing-footer{padding-block:4.5rem 2.5rem;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:2rem}.landing-footer>p{max-width:36ch;margin:0 auto;color:var(--landing-muted);font-size:.88rem;text-align:center}.landing-footer nav{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.landing-footer>small{grid-column:1 / -1;padding-top:1.5rem;border-top:2px dashed #c1bad6;color:var(--landing-muted);font-size:.75rem;text-align:center}@keyframes landing-float{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-8px) rotate(1deg)}}@keyframes landing-twinkle{0%{opacity:.45;transform:scale(.78)}to{opacity:1;transform:scale(1.08)}}@media(max-width:1000px){.landing-nav-links{display:none}.landing-nav-cta{margin-left:auto}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:2rem}.landing-hero-scene{min-height:480px}.landing-role-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-role-card:nth-child(7){grid-column-start:auto}.landing-role-card:nth-child(9){grid-column-start:2}.landing-footer{grid-template-columns:auto 1fr}.landing-footer nav{grid-column:1 / -1;justify-content:center}}@media(max-width:760px){.landing-header{padding-top:.75rem}.landing-nav{min-height:62px;padding:.45rem .5rem .45rem .7rem;border-radius:18px}.landing-brand-mark{width:38px;height:38px;border-radius:12px}.landing-nav .landing-brand{font-size:1rem}.landing-hero{min-height:auto;padding-top:4.5rem;grid-template-columns:1fr}.landing-hero h1{max-width:9ch;font-size:clamp(3.4rem,15vw,5.6rem)}.landing-hero-lede{max-width:58ch}.landing-hero-scene{width:min(100%,560px);min-height:500px;margin-inline:auto}.landing-proof{grid-template-columns:1fr 1fr}.landing-proof-item:nth-child(3){border-left:none;border-top:2px dashed #cbc4df}.landing-proof-item:nth-child(4){border-top:2px dashed #cbc4df}.landing-heading-split{grid-template-columns:1fr;gap:1rem}.landing-heading-split>p{max-width:60ch}.landing-narrative:before{display:none}.landing-timeline{grid-template-columns:1fr;gap:1rem}.landing-step[data-step="1"],.landing-step[data-step="3"]{transform:none}.landing-bento{grid-template-columns:1fr;grid-template-rows:auto}.landing-feature.feature-large{grid-row:auto;min-height:470px}.landing-feature.feature-wide{grid-column:auto}.landing-mode-grid{grid-template-columns:1fr}.landing-mode{min-height:auto}.landing-inline-cta{align-items:flex-start;flex-direction:column}.landing-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-role-card:nth-child(9){grid-column-start:auto}.landing-role-card:nth-child(10){grid-column-start:2}.landing-roles-more{align-items:flex-start;flex-direction:column}.landing-final-moon{right:-4rem;opacity:.2}.landing-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.landing-footer>p{margin:0}.landing-footer nav{grid-column:auto;flex-wrap:wrap;justify-content:center}.landing-footer>small{grid-column:auto;width:100%}}@media(max-width:480px){.landing-header{padding-inline:.65rem}.landing-nav .landing-brand>span:last-child strong{display:block;margin-top:-.25rem}.landing-nav-cta{min-height:44px;padding-inline:.85rem}.landing-hero,.landing-section,.landing-proof,.landing-footer,.landing-final-cta{width:calc(100% - 2rem)}.landing-hero{padding-top:3.6rem}.landing-hero-actions{display:grid;grid-template-columns:1fr}.landing-button{width:100%}.landing-safe-note{align-items:flex-start}.landing-hero-scene{min-height:360px}.landing-scene-whisper{left:4%;font-size:.8rem}.landing-hero-role{width:47%}.landing-hero-role[data-position="2"]{width:40%}.landing-hero-role figcaption{padding-inline:.55rem;font-size:.7rem}.landing-proof-item{padding:1rem .65rem;align-items:flex-start;flex-direction:column;gap:.35rem}.landing-proof-item strong{font-size:1.75rem}.landing-section{padding-block:5rem}.landing-section-heading h2{font-size:clamp(2.2rem,12vw,3.4rem)}.landing-step{min-height:0;padding:1.2rem;grid-template-columns:40px minmax(0,1fr)}.landing-step-number{width:40px;height:40px}.landing-features{width:100%;padding-inline:1rem}.landing-feature.feature-wide{padding-right:1.35rem;padding-bottom:8rem}.feature-wide:after{width:78px;right:1.25rem;top:auto;bottom:1.2rem;transform:rotate(7deg);font-size:3rem}.landing-mode{padding:1.35rem}.landing-mode-number{font-size:3.8rem}.landing-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.landing-role-card:nth-child(10){grid-column-start:auto}.landing-role-card:nth-child(11){grid-column-start:1}.landing-role-copy strong{font-size:.9rem}.landing-roles-more{padding:1.15rem}.landing-faq summary{min-height:72px;padding-block:.85rem;grid-template-columns:28px minmax(0,1fr) 38px;gap:.55rem}.landing-faq summary i{width:34px;height:34px}.landing-faq details>p{margin-left:34px;padding-right:.5rem}.landing-final-cta{padding:3.5rem 1.25rem}.landing-final-cta h2{font-size:clamp(2.25rem,12vw,3.25rem)}.landing-footer nav{gap:.55rem 1rem}}@media(prefers-reduced-motion:reduce){.landing-hero-role,.landing-scene-star{animation:none}}.emoji-picker-container{margin-top:.4rem}.emoji-picker-grid{display:flex;flex-wrap:wrap;gap:.35rem;padding:.65rem;background:var(--color-surface-soft);border:2px solid var(--color-outline);border-radius:var(--r-md);scrollbar-width:none;-ms-overflow-style:none}.emoji-picker-grid::-webkit-scrollbar{display:none;width:0;height:0}.emoji-btn{width:44px;height:44px;font-size:1.25rem;display:grid;place-items:center;font-family:var(--emoji);border-radius:var(--r-sm);border:2px solid var(--color-outline-soft);background:var(--color-surface-raised);box-shadow:0 3px 0 var(--color-shadow);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.emoji-btn:hover{transform:translateY(-2px);background:#fff7d8}.emoji-btn.active{border-color:var(--color-primary-edge);background:#d6cbff;box-shadow:0 4px 0 var(--color-primary-edge);transform:translateY(-1px)}.new-room{max-width:620px;padding-top:clamp(1.5rem,5vw,3.5rem)}.new-room-head{margin-bottom:1.75rem}.new-room-head .muted{margin:.65rem 0 0}.new-room-eyebrow{margin:0 0 .35rem;color:#8c5708;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.new-room-form{gap:1.1rem}.mode-option{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:.85rem;width:100%;padding:1.15rem;text-align:left;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),border-color .16s var(--ease-out),background-color .16s var(--ease-out)}.mode-option:hover{transform:translateY(-2px);background:var(--color-surface-raised)}.mode-option:active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-shadow)}.mode-option-check{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--color-outline);border-radius:50%;background:var(--color-surface-soft);color:var(--color-on-primary);box-shadow:inset 0 2px #ffffff73}.mode-option[aria-pressed=true] .mode-option-check{background:var(--color-primary);border-color:var(--color-primary-edge);box-shadow:0 3px 0 var(--color-primary-edge)}.mode-option-copy{min-width:0}.mode-option-title{color:var(--color-text);font-size:1.18rem}.mode-option-desc{margin-top:.2rem;font-size:.9rem;line-height:1.5}.new-room-name{gap:.4rem;margin-top:.35rem}.new-room-submit{margin-top:.55rem}@media(max-width:560px){.mode-option{grid-template-columns:36px 1fr;padding:1rem}.mode-option-check{width:34px;height:34px}}.role-guide-content{display:flex;flex-direction:column;gap:1.1rem;color:var(--color-text)}.role-guide-head{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.25rem;align-items:center}.role-guide-art{padding:.35rem;border-radius:var(--r-lg);background:radial-gradient(circle at 50% 42%,var(--color-surface-raised),var(--color-surface-soft) 72%);border:2px solid color-mix(in srgb,var(--faction, var(--color-primary)) 42%,var(--color-outline));box-shadow:0 4px color-mix(in srgb,var(--faction, var(--color-primary)) 22%,var(--color-shadow))}.role-guide-heading h3{margin-top:.35rem;color:var(--color-text);font-size:clamp(1.35rem,4vw,1.85rem)}.role-guide-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0;color:var(--faction, var(--color-primary));font-size:.78rem}.role-guide-tagline{margin:.4rem 0 0;color:var(--color-text-muted)}.role-guide-section h4{margin:0 0 .4rem;color:var(--color-primary-text);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.role-guide-section p{max-width:66ch;margin:0;color:var(--color-text-muted)}.role-guide-tips{margin:.65rem 0 0;padding-left:1.2rem;color:var(--color-text-muted)}.role-guide-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0}.role-guide-stats>div{padding:.8rem .9rem;border:2px solid var(--color-outline-soft);border-radius:var(--r-sm);background:var(--color-surface-soft)}.role-guide-stats dt{color:var(--color-text-faint);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.role-guide-stats dd{margin:.25rem 0 0;color:var(--color-text);font-weight:800}.guide-role-browser{display:grid;grid-template-columns:170px minmax(0,1fr);gap:1.35rem}.guide-role-list{display:flex;flex-direction:column;gap:.4rem}.guide-role-list button{min-height:46px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.55rem;padding:.25rem .5rem;border:2px solid transparent;border-radius:var(--r-sm);color:var(--color-text-muted);text-align:left;background:var(--color-surface-soft);transition:transform var(--t-hover) var(--ease-out),background-color var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out)}.guide-role-list button:hover{color:var(--color-text);background:var(--color-surface-inset);transform:translateY(-1px)}.guide-role-list button[aria-pressed=true]{border-color:var(--faction, var(--color-primary));color:var(--color-text);background:var(--color-surface-raised);box-shadow:0 3px color-mix(in srgb,var(--faction, var(--color-primary)) 42%,var(--color-shadow))}.guide-role-list-art{width:38px}@media(max-width:720px){.role-guide-head{grid-template-columns:96px minmax(0,1fr);gap:.9rem}.role-guide-stats,.guide-role-browser{grid-template-columns:1fr}.guide-role-list{flex-direction:row;overflow-x:auto;padding-bottom:.4rem}.guide-role-list button{min-width:132px}}.guide-dialog{width:min(780px,calc(100% - 2rem));max-width:none;margin:auto;padding:0;color:var(--color-text);background:transparent;border:0;overflow:visible}.guide-dialog::backdrop{background:#140f2ba8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.guide-surface{display:flex;flex-direction:column;max-height:min(78dvh,720px);overflow:hidden;background:linear-gradient(155deg,var(--color-surface-raised),var(--color-surface) 72%);border:2px solid var(--color-outline);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);animation:guide-in .28s var(--ease-out) both}.guide-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem .9rem}.guide-eyebrow{margin:0 0 .2rem;color:#8c5708;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.guide-head h2{color:var(--color-text)}.guide-close{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--color-outline);background:var(--color-surface-soft);color:var(--color-text-muted);box-shadow:0 3px 0 var(--color-shadow);transition:background var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out)}.guide-close:hover{color:var(--color-text);background:var(--color-surface-inset)}.guide-switcher{display:flex;gap:.35rem;padding:0 1.4rem .9rem;border-bottom:2px solid var(--color-outline-soft);overflow-x:auto}.guide-switcher button{min-height:44px;padding:.45rem .9rem;border:2px solid transparent;border-radius:var(--r-sm);color:var(--color-text-faint);font-weight:800;white-space:nowrap;transition:color var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out)}.guide-switcher button:hover{color:var(--color-text);background:var(--color-surface-soft)}.guide-switcher button[aria-pressed=true]{color:var(--color-on-primary);border-color:var(--color-primary-edge);background:var(--color-primary)}.guide-content{min-height:0;padding:1.3rem 1.4rem 1.5rem;overflow-y:auto;overscroll-behavior:contain}.guide-lede{max-width:64ch;margin:0 0 1.25rem;color:var(--color-text-muted)}.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.guide-steps li{display:grid;grid-template-columns:32px 1fr;gap:.75rem;padding:1rem 1rem 1rem 0;border-top:2px solid var(--color-outline-soft)}.guide-step-number{width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary-text);font-variant-numeric:tabular-nums}.guide-steps h3,.guide-win-conditions h3{margin:0;font-size:.98rem;color:var(--color-text)}.guide-steps p{margin:.3rem 0 0;color:var(--color-text-muted);font-size:.88rem}.guide-win-conditions{margin-top:1rem;padding-top:1.15rem;border-top:2px solid var(--color-outline-soft)}.guide-win-conditions ul{margin:.65rem 0 0;padding-left:1.2rem;color:var(--color-text-muted)}.guide-secrecy{margin-top:1.1rem;padding:.8rem 1rem;border-left:4px solid var(--color-accent-edge);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--color-surface-soft);color:var(--color-text-muted);font-size:.84rem}@media(max-width:720px){.guide-dialog{width:100%;margin:auto 0 0}.guide-surface{max-height:88dvh;border-radius:var(--r-xl) var(--r-xl) 0 0;padding-bottom:env(safe-area-inset-bottom)}.guide-head,.guide-content,.guide-switcher{padding-inline:1rem}.guide-steps{grid-template-columns:1fr}}@keyframes guide-in{0%{opacity:0;transform:translateY(16px) scale(.98)}}.home{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:clamp(1.5rem,4vw,2.5rem);padding-block:clamp(2rem,7vw,5rem)}.home-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(2rem,7vw,5.5rem);align-items:center}.home-copy{min-width:0}.home-eyebrow{margin:0 0 .55rem;font-size:.8rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#8c5708}.home-hero h1{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;font-size:clamp(3rem,8vw,5.5rem);color:var(--color-text);text-shadow:0 4px 0 rgb(255 255 255 / 72%)}.home-hero-sub{font-family:var(--sans);font-size:.24em;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:var(--color-primary)}.home-lede{margin:1rem 0 0;max-width:49ch;color:var(--color-text-muted);font-size:1.08rem;line-height:1.7;text-wrap:pretty}.home-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.65rem}.home-join{display:grid;grid-template-columns:minmax(150px,220px) auto;gap:.75rem;margin-top:1rem;max-width:410px}.home-join input{letter-spacing:.18em;text-transform:uppercase;font-family:var(--display);font-weight:700;text-align:center}.home-cast{position:relative;min-height:410px;border:2px solid #8178ad;border-radius:38% 62% 46% 54%/55% 42% 58% 45%;background:radial-gradient(circle at 50% 38%,rgb(255 255 255 / 78%),transparent 42%),linear-gradient(155deg,#d9d2f7,#b9afe8);box-shadow:inset 0 3px #ffffffa6,0 10px #766ba5,0 22px 38px #3023582e;isolation:isolate}.home-cast-orbit{position:absolute;top:13%;right:10%;bottom:13%;left:10%;border:2px dashed rgb(74 59 124 / 25%);border-radius:50%;transform:rotate(-10deg)}.home-character{position:absolute;width:47%;display:grid;justify-items:center;filter:drop-shadow(0 12px 10px rgb(45 32 82 / 22%));animation:character-float 5s var(--ease) infinite alternate}.home-character .role-portrait{width:100%}.home-character span{margin-top:-.25rem;padding:.25rem .7rem;border:2px solid #4b3d7a;border-radius:999px;background:#fffdfd;color:#2e274d;font-family:var(--display);font-size:.82rem;font-weight:700;box-shadow:0 3px #776ca4}.home-character[data-position="0"]{left:-4%;bottom:6%;z-index:2}.home-character[data-position="1"]{right:-2%;bottom:4%;z-index:3;animation-delay:-1.4s}.home-character[data-position="2"]{left:28%;top:-2%;width:42%;animation-delay:-2.6s}.home-cast>p{position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%) rotate(-4deg);width:100%;margin:0;color:#372c6324;font-family:var(--display);font-size:clamp(2.3rem,5vw,4rem);font-weight:700;text-align:center}.home-facts{display:grid;grid-template-columns:repeat(3,minmax(110px,150px)) minmax(190px,1fr);align-items:center;gap:.8rem;padding:1rem;border:2px solid var(--color-outline);border-radius:var(--r-lg);background:#fffdfdb8;box-shadow:var(--shadow-card)}.fact{padding:.3rem .65rem}.fact+.fact{border-left:2px solid var(--color-outline-soft)}.fact-n{font-family:var(--display);font-size:1.75rem;font-weight:700;color:#8c5708;line-height:1}.fact-label{font-size:.82rem;color:var(--color-text-muted);margin-top:.25rem}.home-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:.5rem;min-height:44px;color:var(--color-primary);font-weight:800}@keyframes character-float{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-7px) rotate(1deg)}}@media(max-width:900px){.home-layout{grid-template-columns:1fr}.home-cast{min-height:330px;width:min(100%,520px);margin-inline:auto}.home-facts{grid-template-columns:repeat(3,1fr)}.home-link{grid-column:1 / -1;justify-content:center;border-top:2px solid var(--color-outline-soft);padding-top:.65rem}}@media(max-width:560px){.home{justify-content:flex-start}.home-hero h1{font-size:clamp(2.8rem,17vw,4.2rem)}.home-actions{display:grid;grid-template-columns:1fr}.home-join{grid-template-columns:1fr;max-width:none}.home-cast{min-height:260px;border-radius:28px}.home-character{width:48%}.home-character[data-position="2"]{width:40%}.home-character span{font-size:.72rem}.home-facts{grid-template-columns:repeat(3,1fr);padding:.75rem;gap:.3rem}.fact{padding-inline:.35rem}.fact-n{font-size:1.4rem}.fact-label{font-size:.72rem;line-height:1.3}}@media(prefers-reduced-motion:reduce){.home-character{animation:none}}.card{position:relative;aspect-ratio:3 / 5;width:100%;perspective:1400px}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--t-flip) var(--ease-flip)}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-lg);overflow:hidden}.card-back{transform:rotateY(180deg)}.card-front{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--color-surface-raised) 92%,var(--faction) 8%),var(--color-surface));border:2px solid color-mix(in srgb,var(--faction, var(--color-primary)) 62%,var(--color-outline));box-shadow:inset 0 2px #ffffff6b,0 5px color-mix(in srgb,var(--faction) 38%,var(--color-shadow)),0 12px 20px var(--color-shadow-soft)}.card-front:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px solid color-mix(in srgb,var(--color-outline) 72%,transparent);border-radius:var(--r-md);pointer-events:none}.card-emblem{flex:1;display:grid;place-items:center;color:var(--faction, var(--color-primary));width:100%;min-height:0;padding-top:2%;position:relative}.card-emblem:before{content:"";position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--faction) 15%,var(--color-surface-soft)) 0 48%,transparent 70%);pointer-events:none}.card-emblem .role-portrait{position:relative;width:min(88cqw,100%);max-height:100%}.card-emblem .role-portrait-image{filter:drop-shadow(0 8px 8px rgb(44 32 82 / 24%))}.card-emblem .role-portrait-fallback .icon{width:46cqw;height:46cqw;opacity:.92}.card-text{text-align:center;padding:0 10% 4px}.card-name{font-family:var(--display);font-size:clamp(15px,6.5cqw,19px);font-weight:700;line-height:1.2;color:var(--ivory)}.card-tagline{font-size:clamp(12px,3.8cqw,13px);color:var(--ivory-dim);line-height:1.4;margin-top:4px}.card-faction{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--ivory-faint);padding-bottom:4px}.card-dot{width:6px;height:6px;border-radius:50%;background:var(--faction, var(--gold-500))}.card-back{background:linear-gradient(145deg,var(--color-primary),var(--color-primary-edge));border:2px solid var(--color-outline-strong);box-shadow:var(--shadow-card);display:grid;place-items:center}.card-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,var(--line-soft) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,var(--line-soft) 0 1px,transparent 1px 9px);opacity:.75}.card-back:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px solid rgb(255 255 255 / 44%);border-radius:var(--r-sm)}.card-back-emblem{position:relative;display:grid;place-items:center;width:44%;aspect-ratio:1;border:1px solid var(--gold-700);border-radius:50%;color:#ffe6a8}.card-back-emblem .icon{width:24cqw;height:24cqw}.card-button{display:block;width:100%;padding:0;container-type:inline-size;transition:transform var(--t-hover) var(--ease-out),filter var(--t-hover) var(--ease-out)}.card-button:hover{transform:translateY(-5px) rotate(-.35deg);filter:saturate(1.04)}.card-button:hover .card-front{border-color:color-mix(in srgb,var(--faction, var(--gold-500)) 70%,transparent)}.card-hold{container-type:inline-size;touch-action:none;cursor:pointer}.card-hold .card-back{transform:none}.card-hold .card-front{transform:rotateY(180deg)}.card-unsupported .card-front{opacity:.86}.detail{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}@media(max-width:720px){.detail{grid-template-columns:1fr}.detail-card{width:min(100%,220px)}}.detail-card{container-type:inline-size;position:sticky;top:1.5rem}.detail-body{display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1.2rem,3vw,2rem);border:2px solid var(--color-outline);border-radius:var(--r-xl);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow-card)}.detail-body h2{font-size:1.05rem;color:var(--color-primary-text);margin-bottom:.5rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.4rem}.detail-tag{padding:.35rem .75rem;border:2px solid var(--color-outline-soft);border-radius:999px;font-size:.74rem;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface-soft)}.detail-tag-faction{border-color:color-mix(in srgb,var(--faction, var(--gold-600)) 50%,transparent);color:var(--faction, var(--color-primary))}.detail-tag-soon{border-color:var(--line-soft);color:var(--color-text-faint)}.detail-tagline{margin:0;font-family:var(--display);font-size:1.1rem;color:var(--color-primary-text)}.detail-ability{margin:0;max-width:62ch;color:var(--color-text-muted);font-size:1rem}.detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:0;padding:0}.detail-stat dt{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint)}.detail-stat dd{margin:.25rem 0 0;color:var(--color-text);font-size:.92rem;font-weight:800}.detail-stat{padding:.85rem 1rem;border:2px solid var(--color-outline-soft);border-radius:var(--r-md);background:var(--color-surface-soft)}.detail-tips{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem;max-width:62ch}.detail-tips li{position:relative;padding-left:1.1rem;color:var(--color-text-muted);font-size:.94rem}.detail-tips li:before{content:"";position:absolute;left:0;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--color-primary)}.detail-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}@media(max-width:720px){.detail-card{position:static;margin-inline:auto}.detail-body{border-radius:var(--r-lg)}}.roles-page{padding-top:clamp(1.5rem,4vw,3rem)}.roles-head{max-width:650px}.roles-eyebrow{margin:0 0 .35rem;color:#8c5708;font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.roles-lede{max-width:58ch;margin:.7rem 0 0;text-wrap:pretty}.roles-search{margin-top:1.5rem}.filters-pack{margin-top:-.45rem}.roles-page .role-grid{margin-top:1.25rem}@media(max-width:560px){.roles-page{padding-top:.75rem}.roles-search{width:100%}}.avatar-dialog{width:min(460px,calc(100% - 2rem));max-width:none;margin:auto;padding:0;border:0;background:transparent;color:var(--color-text);overflow:visible}.avatar-dialog::backdrop{background:#140f2ba8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.avatar-modal-card{display:flex;flex-direction:column;gap:1.15rem;padding:1.35rem;border:2px solid var(--color-outline);border-radius:var(--r-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-modal);animation:avatar-pop .26s var(--ease-pop) both}@keyframes avatar-pop{0%{opacity:0;transform:translateY(18px) scale(.96)}}.avatar-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.avatar-modal-eyebrow{margin:0 0 .15rem;color:#8c5708;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.avatar-modal-head h2{margin:0;color:var(--color-text);font:700 1.45rem/1.15 var(--display)}.modal-close-btn{width:44px;height:44px;display:grid;place-items:center;flex:none;border:2px solid var(--color-outline);border-radius:50%;background:var(--color-surface-soft);color:var(--color-text);box-shadow:0 3px 0 var(--color-shadow);transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),background-color .14s var(--ease-out)}.modal-close-btn:hover{background:var(--color-surface-inset);transform:translateY(-1px)}.modal-close-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-shadow)}.avatar-preview-box{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:.9rem;padding:.8rem;border:2px solid var(--color-outline);border-radius:var(--r-lg);background:var(--color-surface-soft)}.avatar-preview-badge{width:64px;height:64px;display:grid;place-items:center;border:2px solid var(--color-outline-strong);border-radius:50%;background:var(--color-surface-raised);box-shadow:0 4px 0 var(--color-shadow);font:36px/1 var(--emoji)}.avatar-name-field{display:grid;gap:.3rem;color:var(--color-text-muted);font-size:.78rem;font-weight:900}.avatar-name-input{width:100%}.avatar-emoji-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;max-height:230px;overflow-y:auto;padding:.65rem;border:2px solid var(--color-outline-soft);border-radius:var(--r-lg);background:var(--color-surface-soft)}.avatar-emoji-btn{width:100%;min-width:44px;aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--color-outline-soft);border-radius:var(--r-sm);background:var(--color-surface-raised);box-shadow:0 3px 0 var(--color-shadow);font:1.65rem/1 var(--emoji);transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),background-color .14s var(--ease-out),border-color .14s var(--ease-out)}.avatar-emoji-btn:hover{transform:translateY(-2px);background:#fff7d8}.avatar-emoji-btn[aria-pressed=true]{transform:translateY(-1px);border-color:var(--color-primary-edge);background:#d6cbff;box-shadow:0 4px 0 var(--color-primary-edge)}.avatar-modal-actions{display:flex;justify-content:flex-end}.avatar-modal-actions .btn{min-width:180px}@media(max-width:480px){.avatar-dialog{width:100%;margin:auto 0 0}.avatar-modal-card{max-height:88dvh;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.avatar-emoji-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-modal-actions .btn{width:100%}}.picker-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}.picker-total{font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:.85rem}.picker-total.ok{color:var(--color-success)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.65rem}.picker-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.55rem .65rem;border:2px solid var(--color-outline-soft);border-radius:var(--r-md);background:var(--color-surface-raised);box-shadow:0 3px 0 var(--color-shadow);transition:border-color var(--t-hover) var(--ease-out),transform var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.picker-row.picked{border-color:color-mix(in srgb,var(--faction, var(--color-primary)) 55%,var(--color-outline));background:var(--color-surface-soft);box-shadow:0 4px color-mix(in srgb,var(--faction, var(--color-primary)) 35%,var(--color-shadow))}.picker-portrait{width:42px;border-radius:var(--r-sm);background:var(--color-surface-soft)}.picker-portrait .role-portrait-image{filter:drop-shadow(0 4px 5px var(--color-shadow-soft))}.picker-portrait.role-portrait-fallback{color:var(--faction, var(--gold-500))}.picker-info{display:flex;flex-direction:column;min-width:0}.picker-name{font-family:var(--display);font-size:.98rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-sub{font-size:.72rem;color:var(--color-text-faint)}.picker-controls{display:flex;align-items:center;gap:.15rem}.picker-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--color-text-muted);border:2px solid transparent;transition:color var(--t-hover) var(--ease-out),background var(--t-hover) var(--ease-out)}.picker-btn:hover:not(:disabled){color:var(--color-primary-text);border-color:var(--color-outline);background:var(--color-surface-soft)}.picker-count{min-width:1.3rem;text-align:center;font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--color-text);font-weight:800}.random-picker{display:flex;flex-direction:column;gap:1.75rem}.random-counts-section,.random-pool-section,.random-preview-section{display:flex;flex-direction:column;gap:.8rem}.random-picker h3{margin:0;color:var(--color-text);font-size:1.15rem}.faction-steppers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.stepper-card{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:78px;padding:.8rem;border:2px solid color-mix(in srgb,var(--faction) 48%,var(--color-outline));border-radius:var(--r-md);background:var(--color-surface-raised);box-shadow:0 4px color-mix(in srgb,var(--faction) 28%,var(--color-shadow))}.stepper-label,.pool-group h4,.count-status,.chip-roll{display:inline-flex;align-items:center;gap:.4rem}.stepper-label{font-weight:900;font-size:.94rem;color:var(--color-text)}.stepper-label .icon{color:var(--faction)}.stepper-controls{display:flex;align-items:center;gap:.35rem}.stepper-auto-info{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.stepper-auto-badge{font-size:.7rem;color:var(--color-text-faint);font-weight:700;text-align:right}.stepper-btn{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--color-outline);border-radius:var(--r-sm);background:var(--color-surface-soft);color:var(--color-text);box-shadow:0 3px 0 var(--color-shadow);transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),background-color .14s var(--ease-out)}.stepper-btn:hover:not(:disabled){background:#e8e1ff;transform:translateY(-1px)}.stepper-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--color-shadow)}.stepper-value{min-width:1.6rem;text-align:center;color:var(--color-text);font:700 1.25rem var(--display);font-variant-numeric:tabular-nums}.count-status{flex-wrap:wrap;padding:.75rem .9rem;border:2px solid #4d9a72;border-radius:var(--r-md);background:#e2f4e9;color:#185a3b;font-size:.9rem}.count-status.warn{border-color:#b47b24;background:#fff0c9;color:#6e4300}.pool-header,.preview-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem}.pool-actions{display:flex;flex-wrap:wrap;gap:.5rem}.pool-group{margin-top:.45rem}.pool-group h4{margin:0 0 .55rem;color:var(--faction);font-size:.9rem;letter-spacing:.02em}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.55rem}.pool-chip{display:flex;align-items:center;gap:.5rem;min-height:52px;padding:.45rem .6rem;border:2px solid var(--color-outline-soft);border-radius:var(--r-sm);background:var(--color-surface-raised);box-shadow:0 3px 0 var(--color-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),border-color .15s var(--ease-out),background-color .15s var(--ease-out)}.pool-chip:hover{transform:translateY(-1px);border-color:var(--faction)}.pool-chip.active{border-color:var(--faction);background:color-mix(in srgb,var(--faction) 11%,var(--color-surface-raised));box-shadow:0 4px color-mix(in srgb,var(--faction) 54%,var(--color-shadow))}.pool-chip input{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--faction);box-shadow:none;cursor:pointer}.pool-portrait{width:34px;height:34px;border-radius:var(--r-sm)}.pool-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:.86rem;font-weight:800}.chip-roll{background:var(--color-primary)!important;border-color:var(--color-primary-edge)!important;color:var(--color-on-primary)!important;box-shadow:0 4px 0 var(--color-primary-edge)!important}.preview-deck-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem;padding:.8rem;border:2px dashed var(--color-outline);border-radius:var(--r-md);background:var(--color-surface-soft)}.preview-card{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .7rem;border:2px solid color-mix(in srgb,var(--faction) 55%,var(--color-outline));border-radius:var(--r-sm);background:var(--color-surface-raised)}.preview-role-name{color:var(--color-text);font-weight:900;font-size:.86rem}.preview-role-faction{color:var(--color-text-muted);font-size:.75rem}@media(max-width:760px){.faction-steppers{grid-template-columns:1fr}.stepper-card{min-height:68px}}@media(max-width:480px){.pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-actions,.pool-actions .chip,.chip-roll{width:100%}.preview-deck-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.side-card-editor{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem;padding:1rem;border:2px solid var(--color-outline);border-radius:var(--r-lg);background:var(--color-surface-soft)}.side-card-editor h3,.side-card-editor p{margin:0}.side-card-editor fieldset{min-width:0;margin:0;padding:.8rem;border:1px solid var(--color-outline);border-radius:var(--r-md);background:var(--color-surface)}.side-card-editor legend{padding-inline:.35rem;color:var(--color-text);font-family:var(--display);font-weight:700}.side-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.65rem}.side-card-grid label{display:flex;flex-direction:column;gap:.3rem;min-width:0;color:var(--color-text-muted)}.side-card-grid select{width:100%;min-width:0}.side-card-warning{color:var(--color-danger-text);font-size:.86rem;font-weight:800;text-wrap:pretty}.tally{display:flex;flex-direction:column;gap:.5rem}.tally-row{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center}.tally-name{font-size:.85rem;color:var(--color-text-muted)}.tally-lead .tally-name{color:var(--color-text)}.tally-count{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--color-primary-text);min-width:2.5rem;text-align:right}.tally-track{grid-column:1 / -1;height:8px;border-radius:999px;background:var(--color-surface-inset);border:1px solid var(--color-outline-soft);overflow:hidden}.tally-fill{height:100%;background:var(--color-primary);transition:width var(--t-bar) var(--ease-out)}.tally-lead .tally-fill{background:var(--color-accent-edge)}.balance{display:flex;flex-direction:column;gap:.6rem}.balance-track{position:relative;height:10px;border-radius:999px;background:var(--color-surface-inset);border:1px solid var(--color-outline-soft)}.balance-mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line)}.balance-fill{position:absolute;top:0;bottom:0;border-radius:3px;transition:left var(--t-bar) var(--ease-out),width var(--t-bar) var(--ease-out),background var(--t-bar) var(--ease-out)}.balance-fill[data-side=village]{background:var(--village)}.balance-fill[data-side=wolf]{background:var(--wolf)}.balance-fill[data-side=even]{background:var(--gold-600)}.balance-legend{display:flex;justify-content:space-between;font-size:.78rem;color:var(--color-text-faint)}.balance-score{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.warnings{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.warnings li{font-size:.82rem;color:var(--color-danger-text);padding-left:.85rem;position:relative}.warnings li:before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--wolf)}.lobby{display:flex;flex-direction:column;gap:1rem;max-width:920px;margin:0 auto}.lobby h2{font-size:1.2rem;color:var(--color-text);margin-bottom:.75rem}.chip.active{background:var(--color-primary)!important;border-color:var(--color-primary-edge)!important;color:var(--color-on-primary)!important;box-shadow:0 2px 0 var(--color-primary-edge);font-weight:800}.lobby-code{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lobby-code-value{font-family:var(--display);font-size:1.9rem;letter-spacing:.28em;color:var(--color-primary);line-height:1;font-variant-numeric:tabular-nums}.lobby-url-input{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem;min-height:44px;background:var(--color-surface-soft);border:2px solid var(--color-outline);color:var(--color-text);border-radius:var(--r-sm);padding:.45rem .65rem;outline:none;cursor:pointer;text-overflow:ellipsis}.lobby-url-input:focus{border-color:var(--gold-600)}.lobby-seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.6rem}.lobby-seats>li{min-width:0}.lobby-seat-item{display:grid;grid-template-columns:2.4rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.6rem .85rem;width:100%;min-height:64px;border-radius:var(--r-md);background:var(--color-surface-raised);border:2px solid var(--color-outline-soft);box-shadow:0 4px 0 var(--color-shadow);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),border-color .15s var(--ease-out),background-color .15s var(--ease-out);text-align:left}.lobby-seat-item.is-me{border-color:var(--color-primary);box-shadow:0 5px 0 var(--color-primary-edge);background:#f3efff;cursor:pointer}.lobby-seat-item.is-me:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--color-primary-edge);background:#e9e1ff}.lobby-seat-avatar{font-size:1.6rem;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;font-family:var(--emoji);background:var(--color-surface-soft);border:2px solid var(--color-outline-strong);border-radius:50%;box-shadow:0 3px 0 var(--color-shadow);flex-shrink:0}.lobby-seat-name{display:block;min-width:0;width:100%;font-weight:700;color:var(--color-text);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-seat-copy{display:grid;min-width:0;gap:.3rem}.lobby-seat-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;min-width:0}.lobby-seat-tag,.lobby-seat-status{display:inline-flex;align-items:center;min-height:26px;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:800;line-height:1.2;white-space:nowrap}.lobby-seat-tag{color:var(--color-primary-text);background:var(--color-surface-soft);border:1px solid var(--color-outline)}.lobby-seat-status{color:var(--color-danger-text);background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface-raised));border:1px solid color-mix(in srgb,var(--color-danger) 45%,var(--color-outline))}.lobby-seat-edit{font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem;color:var(--color-primary);font-weight:700;background:#e8e1ff;padding:.25rem .5rem;border-radius:.5rem;border:1px solid #b3a7df;white-space:nowrap}.lobby-seat-item.offline{opacity:.5}.lobby-names{width:100%;resize:vertical;font-family:inherit;font-size:1rem;line-height:1.8;color:var(--color-text);background:var(--color-surface-raised);border:2px solid var(--color-outline);border-radius:var(--r-sm);padding:.6rem .75rem;outline:none}.lobby-names:focus{border-color:var(--gold-600)}.lobby-range{display:grid;grid-template-columns:8rem 1fr 3rem;align-items:center;gap:.75rem;font-size:.9rem}.lobby-range input[type=range]{width:100%;min-height:32px;padding:0;border:none;border-radius:999px;background:transparent;box-shadow:none;accent-color:var(--color-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none}.lobby-range input[type=range]::-webkit-slider-runnable-track{height:8px;border:1px solid var(--color-outline-soft);border-radius:999px;background:var(--color-surface-inset)}.lobby-range input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border:2px solid var(--color-primary-edge);border-radius:50%;background:var(--color-primary);box-shadow:0 3px 0 var(--color-primary-edge);-webkit-appearance:none}.lobby-range input[type=range]::-moz-range-track{height:8px;border:1px solid var(--color-outline-soft);border-radius:999px;background:var(--color-surface-inset)}.lobby-range input[type=range]::-moz-range-thumb{width:22px;height:22px;border:2px solid var(--color-primary-edge);border-radius:50%;background:var(--color-primary);box-shadow:0 3px 0 var(--color-primary-edge)}.lobby input[type=checkbox]{width:24px;height:24px;min-height:24px;flex:0 0 24px;accent-color:var(--color-primary)}.lobby-range-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}@media(max-width:560px){.lobby-range{grid-template-columns:6rem 1fr 3rem}}.game{min-height:100dvh;display:flex;flex-direction:column}.game-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem clamp(.75rem,3vw,1.5rem) 0;padding:.8rem clamp(.85rem,3vw,1.25rem);border:2px solid var(--color-outline);border-radius:var(--r-lg);background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:0 4px 0 var(--color-shadow),0 10px 22px var(--color-shadow-soft);flex-wrap:wrap}.game-phase{display:flex;align-items:baseline;gap:.6rem}.game-phase-name{font-family:var(--display);font-size:1.2rem;color:var(--color-text);font-weight:700;white-space:nowrap}.game-phase-n{font-size:.8rem;color:var(--color-text-faint);letter-spacing:.1em;text-transform:uppercase}.game-stats{display:flex;align-items:center;gap:1rem;font-size:.82rem;color:var(--color-text-muted)}.game-stat{display:inline-flex;align-items:center;gap:.35rem;font-variant-numeric:tabular-nums;white-space:nowrap}.game-stat .icon{width:16px;height:16px;color:var(--color-text-faint)}.game-stat[data-urgent=true]{color:var(--color-danger-text);font-weight:900}.game-tools{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.game-you{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.25rem .7rem .25rem .35rem;border:2px solid color-mix(in srgb,var(--faction, var(--color-primary)) 55%,var(--color-outline));border-radius:999px;font-size:.82rem;background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 3px color-mix(in srgb,var(--faction, var(--color-primary)) 40%,var(--color-shadow));transition:transform var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out),background-color var(--t-hover) var(--ease-out)}.game-you:hover{border-color:color-mix(in srgb,var(--faction, var(--gold-500)) 72%,transparent);background:color-mix(in srgb,var(--faction, var(--color-primary)) 9%,var(--color-surface-raised));transform:translateY(-1px)}.game-you-portrait{width:34px;border-radius:50%;background:var(--color-surface-soft);color:var(--faction, var(--gold-500))}.game-you-name{font-family:var(--display);color:var(--color-text)}.game-you[data-dead=true]{opacity:.55}.game-guide-button{min-height:44px;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:2px solid var(--color-outline);border-radius:var(--r-sm);color:var(--color-text-muted);background:var(--color-surface-raised);box-shadow:0 3px 0 var(--color-shadow);font-size:.82rem;transition:transform var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out)}.game-guide-button:hover{border-color:var(--color-primary);color:var(--color-primary-text);transform:translateY(-1px)}.game-body{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 3rem;max-width:1000px;width:100%;margin:0 auto}.game-prompt{text-align:center;max-width:44ch;margin:0 auto;padding:1rem 1.25rem;border:2px solid var(--color-outline-soft);border-radius:var(--r-lg);background:color-mix(in srgb,var(--color-surface) 82%,transparent);box-shadow:0 4px 0 var(--color-shadow)}.game-prompt h2{font-size:clamp(1.2rem,4vw,1.75rem);color:var(--color-text)}.game-prompt p{margin:.5rem 0 0;color:var(--color-text-muted)}.game-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.journal{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:240px;overflow-y:auto;padding:.85rem 1rem;border:2px solid var(--color-outline-soft);border-radius:var(--r-md);background:color-mix(in srgb,var(--color-surface) 82%,transparent)}.journal li{font-size:.86rem;color:var(--color-text-muted);padding-left:3.2rem;position:relative}.journal-night{position:absolute;left:0;color:var(--color-text-faint);font-size:.74rem;letter-spacing:.06em}.journal li[data-kind=death]{color:var(--color-danger-text)}.journal li[data-kind=end]{color:var(--color-primary-text);font-family:var(--display);font-size:1rem}@media(max-width:680px){.game-head{display:grid;grid-template-columns:1fr auto}.game-stats{justify-content:flex-end}.game-tools{grid-column:1 / -1;width:100%}.game-you{min-width:0;flex:1}.game-you-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:380px){.game-phase-name{font-size:1.05rem}.game-phase-n{font-size:.72rem}.game-stats{gap:.55rem;font-size:.76rem}}.player-board{width:100%;max-width:760px;margin:0 auto 1.25rem;display:flex;flex-direction:column;gap:.9rem}.board-center{align-self:center;padding:.5rem 1.1rem;border:2px solid var(--color-outline);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:800;box-shadow:0 3px 0 var(--color-shadow)}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.7rem;width:100%}.seat-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:126px;padding:.75rem .5rem;border:2px solid var(--color-outline);border-radius:var(--r-md);background:var(--color-surface);color:var(--color-text);box-shadow:0 4px 0 var(--color-shadow),0 10px 16px var(--color-shadow-soft);text-align:center;-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),border-color .15s var(--ease-out),background-color .15s var(--ease-out)}.seat-pickable{cursor:pointer;border-color:var(--color-primary)}.seat-pickable:hover{transform:translateY(-3px);border-color:var(--color-primary-edge);background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));box-shadow:0 7px 0 var(--color-primary-edge),0 14px 20px var(--color-shadow-soft)}.seat-pickable:active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-primary-edge)}.seat-selected{border-color:var(--color-accent-edge);background:#fff0bd;box-shadow:0 6px 0 var(--color-accent-edge),0 13px 20px var(--color-shadow-soft)}.sky-content[data-tone=night] .seat-selected{background:#514779;color:#fffafd}.seat-is-me{border-color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 11%,var(--color-surface))!important;box-shadow:0 5px 0 var(--color-primary-edge),0 11px 18px var(--color-shadow-soft)!important}.seat-is-me:hover{transform:translateY(-2px)}.seat-me-tag{font-size:.75rem;color:var(--color-primary);font-weight:900}.sky-content[data-tone=night] .seat-me-tag{color:#d9ccff}.seat-disabled{opacity:.48;pointer-events:none}.seat-dead{filter:grayscale(.8);opacity:.64;background:var(--color-surface-soft);border-style:dashed}.seat-avatar{position:relative;width:56px;height:56px;display:grid;place-items:center;margin-bottom:.45rem;border:2px solid var(--color-outline-strong);border-radius:50%;background:var(--color-surface-raised);box-shadow:inset 0 2px #ffffff73,0 3px 0 var(--color-shadow);transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.seat-avatar[data-ally=true]{border-color:var(--wolf-text);box-shadow:0 3px color-mix(in srgb,var(--wolf-text) 55%,var(--color-shadow))}.seat-avatar[data-lover=true]{border-color:var(--solo-text);box-shadow:0 3px color-mix(in srgb,var(--solo-text) 55%,var(--color-shadow))}.seat-avatar[data-heat="1"]{box-shadow:0 0 0 3px #e88991}.seat-avatar[data-heat="2"]{box-shadow:0 0 0 4px #cc4852}.seat-avatar[data-heat="3"]{box-shadow:0 0 0 5px #b9343f}.seat-emoji{font:28px/1 var(--emoji)}.seat-badge,.seat-dead-badge{position:absolute;width:24px;height:24px;display:grid;place-items:center;border:2px solid var(--color-outline-strong);border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 2px 0 var(--color-shadow)}.seat-badge{top:-7px;right:-7px}.seat-dead-badge{right:-7px;bottom:-7px;background:var(--color-danger);color:var(--color-on-danger)}.seat-offline{position:absolute;bottom:-2px;left:-2px;width:13px;height:13px;border:2px solid var(--color-surface);border-radius:50%;background:#706b82}.seat-info{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.seat-name{width:100%;overflow:hidden;color:var(--color-text);font-size:.9rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.seat-relation{display:inline-flex;align-items:center;gap:.2rem;margin-top:.2rem;padding:.12rem .4rem;border:1px solid currentColor;border-radius:999px;font-size:.68rem;font-weight:900;line-height:1.25}.seat-relation .icon{width:12px;height:12px}.seat-relation-wolf{color:var(--wolf-text)}.seat-relation-lover{color:var(--solo-text)}.seat-role{margin-top:.1rem;color:#925a06;font-family:var(--display);font-size:.8rem;font-weight:700}.sky-content[data-tone=night] .seat-role{color:#ffd16d}.seat-votes{margin-top:.2rem;color:var(--color-danger-text);font-size:.82rem;font-weight:900}.seat-shake{animation:seat-shake .3s var(--ease-out)}@keyframes seat-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}}@media(max-width:479px){.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.seat-card{min-height:116px;padding:.6rem .35rem}}@media(min-width:480px)and (max-width:720px){.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.role-action{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.role-action-options{width:min(100%,680px);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:.75rem}.role-action-option{min-height:52px;padding:.75rem 1rem;border:2px solid var(--color-outline-strong);border-radius:var(--r-md);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 5px 0 var(--color-shadow),0 10px 18px var(--color-shadow-soft);font-family:var(--display);font-weight:700;text-wrap:pretty;transition:transform var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out)}.role-action-option:hover{transform:translateY(-2px);border-color:var(--color-primary)}.role-action-option:active{transform:translateY(4px);box-shadow:0 1px 0 var(--color-shadow)}.role-action-recorded{width:min(100%,560px);margin:0 auto;display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.2rem;border:2px solid var(--color-outline);border-radius:var(--r-lg);background:var(--color-surface);color:var(--color-text-muted);box-shadow:var(--shadow-card);text-align:center}.role-action-recorded strong{color:var(--color-text);font-family:var(--display);font-size:1.1rem}.private-dashboard{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border:2px solid var(--color-outline);border-radius:var(--r-lg);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:var(--color-text);box-shadow:var(--shadow-card);min-width:0}.private-dashboard-heading{display:flex;align-items:center;gap:.45rem;color:var(--color-primary-text)}.private-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin:0}.private-resources div{display:flex;justify-content:space-between;gap:.5rem;min-width:0;padding:.55rem .7rem;border:1px solid var(--color-outline-soft);border-radius:var(--r-sm);background:var(--color-surface-raised)}.private-resources dt{overflow-wrap:anywhere;color:var(--color-text-muted)}.private-resources dd{margin:0;color:var(--color-text);font-family:var(--display);font-size:1.1rem;font-variant-numeric:tabular-nums}.private-statuses{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.private-statuses li{padding:.35rem .65rem;border:1px solid var(--color-danger-text);border-radius:var(--r-sm);color:var(--color-danger-text);background:var(--color-surface-raised);font-size:.82rem;font-weight:800}.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.65rem}.knowledge-card{min-width:0;padding:.8rem;border:1px solid var(--color-outline-soft);border-radius:var(--r-md);background:var(--color-surface-raised)}.knowledge-card h3{font-size:1rem}.knowledge-card p{margin:.35rem 0 0;color:var(--color-text-muted);overflow-wrap:anywhere;text-wrap:pretty}.knowledge-card small{display:block;margin-top:.45rem;color:var(--color-text-faint)}.public-outcome{width:min(100%,760px);margin:0 auto;padding:.9rem 1rem;border:2px solid var(--color-outline);border-radius:var(--r-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card)}.public-outcome-title{display:flex;align-items:center;gap:.4rem;color:var(--color-primary-text)}.public-outcome ul{margin:.55rem 0 0;padding-left:1.2rem}.public-outcome li{color:var(--color-text-muted);text-wrap:pretty}.public-outcome li+li{margin-top:.35rem}.public-outcome li span{margin-inline:.3rem;color:var(--color-text);font-weight:900}.outcome-winners{padding:1rem;border:2px solid var(--color-accent-edge);border-radius:var(--r-lg);background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface));box-shadow:var(--shadow-card)}.outcome-winners h2{margin-bottom:.7rem}.outcome-winners ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.65rem;margin:0;padding:0;list-style:none}.outcome-winners li{display:flex;flex-direction:column;padding:.65rem .75rem;border-radius:var(--r-sm);background:var(--color-surface-raised);color:var(--color-text-muted)}.outcome-winners strong{color:var(--color-text);font-family:var(--display);text-transform:capitalize}.deal{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.deal-card{width:min(60vw,230px);container-type:inline-size;animation:deal-in .52s var(--ease-out) both}@keyframes deal-in{0%{opacity:0;transform:translateY(28px) scale(.9)}to{opacity:1;transform:none}}.notebook{max-width:420px;margin:0 auto;padding:.85rem 1rem;border:2px solid var(--color-outline);border-radius:var(--r-md);background:var(--color-surface);box-shadow:0 4px 0 var(--color-shadow)}.wolf-consensus{width:min(100%,520px);margin:0 auto;padding:.85rem 1rem;border:2px solid color-mix(in srgb,var(--wolf) 52%,var(--color-outline));border-radius:var(--r-md);background:color-mix(in srgb,var(--wolf) 9%,var(--color-surface));box-shadow:0 4px color-mix(in srgb,var(--wolf) 38%,var(--color-shadow))}.wolf-consensus-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.wolf-consensus-head strong{color:var(--color-danger-text);font-weight:900}.wolf-consensus-head span{color:var(--ivory-faint);font-size:.72rem;text-align:right}.wolf-consensus ul{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.wolf-consensus li{display:grid;grid-template-columns:minmax(5rem,auto) 1rem minmax(0,1fr);gap:.4rem;align-items:baseline;color:var(--ivory-faint)}.wolf-consensus-actor{color:var(--ivory-dim)}.wolf-consensus-target{overflow-wrap:anywhere}.wolf-consensus li[data-ready=true] .wolf-consensus-target{color:var(--ivory)}@media(max-width:520px){.wolf-consensus-head{align-items:flex-start;flex-direction:column;gap:.15rem}.wolf-consensus-head span{text-align:left}}.seer-card{width:min(100%,420px);margin:0 auto .75rem;padding:.85rem 1.1rem;border-radius:var(--r-md);border:2px solid var(--color-outline);background:var(--color-surface);text-align:center;box-shadow:0 4px 0 var(--color-shadow),0 10px 18px var(--color-shadow-soft);animation:seerPop .3s cubic-bezier(.16,1,.3,1)}@keyframes seerPop{0%{opacity:0;transform:scale(.94) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.seer-card[data-wolf=true]{border-color:color-mix(in srgb,var(--wolf) 60%,transparent);background:color-mix(in srgb,var(--wolf) 14%,var(--ink-850))}.seer-card[data-wolf=false]{border-color:color-mix(in srgb,var(--village) 60%,transparent);background:color-mix(in srgb,var(--village) 12%,var(--ink-850))}.seer-card-badge{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.75rem;letter-spacing:.08em;color:var(--gold-400);margin-bottom:.45rem;font-weight:500}.seer-card-content{display:flex;align-items:center;justify-content:center;gap:.9rem}.seer-card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface-soft);color:var(--village-text)}.seer-card[data-wolf=true] .seer-card-icon{color:var(--wolf-text)}.seer-card-info{text-align:left}.seer-card-name{font-family:var(--display);font-size:1.25rem;color:var(--ivory);line-height:1.2}.seer-card-verdict{font-size:.95rem;font-weight:600;color:var(--village-text);margin-top:.15rem}.seer-card[data-wolf=true] .seer-card-verdict{color:var(--color-danger-text)}.notebook ul{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.notebook li{display:flex;align-items:baseline;gap:.5rem;font-size:.88rem}.notebook-night{font-size:.72rem;color:var(--ivory-faint);min-width:3.5rem}.notebook-name{color:var(--ivory);font-family:var(--display);font-size:1rem}.notebook-verdict{color:var(--village-text)}.notebook li[data-wolf=true] .notebook-verdict{color:var(--color-danger-text)}.witch{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:.6rem;align-items:center;text-align:center}.witch-victim{margin:0;color:var(--ivory-dim);font-size:.94rem}.witch-victim strong{color:var(--color-danger-text);font-weight:500}.chip.witch-on{border-color:var(--gold-500);color:var(--gold-300);background:#c9a45c1f}.reveal{display:flex;flex-wrap:wrap;gap:clamp(1rem,4vw,2.5rem);justify-content:center}.reveal-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(46vw,180px)}.reveal-card{width:100%;container-type:inline-size}.reveal-text{text-align:center;width:100%;padding:.65rem .75rem;border:2px solid var(--color-outline-soft);border-radius:var(--r-md);background:var(--color-surface);box-shadow:0 3px 0 var(--color-shadow)}.reveal-name{font-family:var(--display);font-size:1.15rem;color:var(--color-text)}.reveal-cause{font-size:.88rem;color:var(--color-danger-text);margin-top:.15rem}.reveal-role{font-size:.8rem;color:var(--color-text-faint);margin-top:.15rem}.result{display:flex;flex-direction:column;gap:2rem}.result h2{font-size:1rem;color:var(--color-primary-text);margin-bottom:1rem}.result-head{text-align:center;padding:1.25rem;border:2px solid var(--color-outline);border-radius:var(--r-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.result-eyebrow{margin:0 0 .4rem;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-faint)}.result-head h1{color:var(--color-primary-text)}.result-head h1[data-winner=wolf]{color:var(--color-danger-text)}.result-head h1[data-winner=village]{color:var(--village-text)}.result-head h1[data-winner=lovers],.result-head h1[data-winner=soi-trang]{color:var(--solo-text)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:clamp(.7rem,2vw,1.2rem)}.result-player{container-type:inline-size;display:flex;flex-direction:column;gap:.4rem;text-align:center}.result-dead{filter:grayscale(1);opacity:.55}.result-name{font-family:var(--display);font-size:1rem;color:var(--color-text)}.join{max-width:460px;min-height:60dvh;display:flex;flex-direction:column;justify-content:center}.join-form{margin-top:1.5rem}.join-submit{margin-top:.75rem}.join-eyebrow{letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem}.join-code{letter-spacing:.26em;color:var(--gold-300);font-variant-numeric:tabular-nums;margin-bottom:.4rem}.handoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:var(--color-bg);animation:handoff-in .24s var(--ease-out)}.handoff-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem;width:min(92vw,480px);border:2px solid var(--color-outline);border-radius:var(--r-xl);background:var(--color-surface);box-shadow:var(--shadow-modal)}.handoff-inner h2{font-size:clamp(1.7rem,6vw,2.4rem);color:var(--color-text)}.handoff-inner .btn{margin-top:1rem}@keyframes handoff-in{0%{opacity:0}}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:50;padding:.6rem 1.1rem;border-radius:var(--r-sm);font-size:.9rem;box-shadow:var(--shadow-md);animation:toast-in .24s var(--ease-out)}.toast-error{background:var(--color-danger);border:2px solid var(--color-danger-edge);color:var(--color-on-danger)}.toast-quiet{background:var(--color-surface-raised);border:2px solid var(--color-outline);color:var(--color-text-muted)}.update-required{min-height:100dvh;display:grid;place-items:center;padding:1rem}.update-required-card{width:min(100%,560px);display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.update-required-card>.icon{color:var(--color-danger-text)}.update-required-card p{max-width:48ch;margin:0;color:var(--color-text-muted);text-wrap:pretty}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1rem,4vw,2rem);max-width:1180px;margin:0 auto}.topbar a{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;color:var(--color-text-muted);font-size:.9rem}.topbar a:hover{color:var(--color-primary-text)}.brand{font-family:var(--display);font-size:1.05rem;letter-spacing:.06em;color:var(--color-primary-text)}.not-found-page{min-height:100dvh;display:grid;place-items:center}.not-found-card{width:min(100%,620px);padding:clamp(1.5rem,5vw,3rem);text-align:center}.not-found-card h1{margin-top:.4rem}.not-found-card .muted{max-width:48ch;margin:.9rem auto 0}.not-found-actions{justify-content:center;margin-top:1.5rem}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:clamp(.7rem,2vw,1.2rem)}.role-grid>*{container-type:inline-size}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0}.chip{min-height:44px;padding:.45rem .9rem;border:2px solid var(--color-outline);border-radius:999px;font-size:.85rem;font-weight:800;color:var(--color-text-muted);background:var(--color-surface);box-shadow:0 3px 0 var(--color-shadow);transition:border-color var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out),background-color var(--t-hover) var(--ease-out),transform var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.chip:hover{color:var(--color-text);border-color:var(--color-primary);transform:translateY(-1px)}.chip[aria-pressed=true]{border-color:var(--color-primary-edge);color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 2px 0 var(--color-primary-edge);transform:translateY(1px)}.search{display:flex;align-items:center;gap:.6rem;min-height:50px;padding:.1rem .85rem;border:2px solid var(--color-outline);border-radius:var(--r-md);background:var(--color-surface-raised);color:var(--color-text-faint);box-shadow:inset 0 3px #31265414;max-width:390px}.search input{border:none;background:none;box-shadow:none;padding:.55rem 0;flex:1;min-width:0}.search input:focus{border:none;box-shadow:none}@media(max-width:560px){.topbar{padding-block:.75rem}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{max-width:none}}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.spread{justify-content:space-between}:root,.sky-content[data-tone=lobby]{color-scheme:light;--color-bg: #eeeafd;--color-bg-accent: #d9d2f7;--color-surface: #fffdfd;--color-surface-raised: #ffffff;--color-surface-soft: #e5e0f7;--color-surface-inset: #d8d2ed;--color-text: #241f45;--color-text-muted: #514b6f;--color-text-faint: #625b7c;--color-outline: #8d86ad;--color-outline-soft: #c5bfdd;--color-outline-strong: #3b315f;--color-shadow: #756d9e;--color-shadow-soft: rgb(47 37 83 / 16%);--color-primary-text: #58459b;--color-danger-text: #a92c38;--village-text: #205fad;--wolf-text: #a92c38;--solo-text: #6f3cad}.sky-content[data-tone=night]{color-scheme:dark;--color-bg: #211b42;--color-bg-accent: #352c66;--color-surface: #302957;--color-surface-raised: #3b3369;--color-surface-soft: #292349;--color-surface-inset: #211c3e;--color-text: #fffafd;--color-text-muted: #ddd7ef;--color-text-faint: #bbb4d3;--color-outline: #827aa9;--color-outline-soft: #554d7d;--color-outline-strong: #eee8ff;--color-shadow: #15112f;--color-shadow-soft: rgb(8 5 25 / 34%);--color-primary-text: #d2c8ff;--color-danger-text: #ffadb5;--village-text: #9bcaff;--wolf-text: #ffadb5;--solo-text: #d9b8ff}.sky-content[data-tone=dawn]{color-scheme:light;--color-bg: #decdec;--color-bg-accent: #efc9c2;--color-surface: #fff8fc;--color-surface-raised: #fffdfd;--color-surface-soft: #eeddea;--color-surface-inset: #ddcadd;--color-text: #2f234a;--color-text-muted: #574a6c;--color-text-faint: #746782;--color-outline: #967fa3;--color-outline-soft: #cfb9d3;--color-outline-strong: #4a355e;--color-shadow: #8d6e96;--color-shadow-soft: rgb(67 39 73 / 18%);--color-primary-text: #58459b;--color-danger-text: #a92c38;--village-text: #205fad;--wolf-text: #a92c38;--solo-text: #6f3cad}.sky-content[data-tone=day]{color-scheme:light;--color-bg: #eee8fa;--color-bg-accent: #cfcbf4;--color-surface: #fffdfd;--color-surface-raised: #ffffff;--color-surface-soft: #e5e0f5;--color-surface-inset: #d7d1ea;--color-text: #241f45;--color-text-muted: #514b6f;--color-text-faint: #625b7c;--color-outline: #8a82a9;--color-outline-soft: #c6bfdc;--color-outline-strong: #3b315f;--color-shadow: #756c9d;--color-shadow-soft: rgb(47 37 83 / 16%);--color-primary-text: #58459b;--color-danger-text: #a92c38;--village-text: #205fad;--wolf-text: #a92c38;--solo-text: #6f3cad}:root{--color-primary: #58459b;--color-primary-hover: #6955af;--color-on-primary: #ffffff;--color-primary-edge: #352866;--color-accent: #f4b83f;--color-accent-hover: #ffc95e;--color-on-accent: #241f45;--color-accent-edge: #a66d1e;--color-danger: #b9343f;--color-danger-hover: #cc4852;--color-on-danger: #ffffff;--color-danger-edge: #74212a;--color-success: #237a50;--color-on-success: #ffffff;--village: #205fad;--wolf: #b9343f;--wolf-soft: #e88991;--solo: #6f3cad;--night: #211b42;--dawn: #decdec;--day: #eee8fa;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--shadow-button: inset 0 2px 0 rgb(255 255 255 / 42%), 0 5px 0 var(--button-edge), 0 10px 18px rgb(42 31 75 / 16%);--shadow-card: inset 0 1px 0 rgb(255 255 255 / 52%), 0 5px 0 rgb(64 49 102 / 16%), 0 12px 24px rgb(42 31 75 / 12%);--shadow-modal: inset 0 2px 0 rgb(255 255 255 / 45%), 0 8px 0 rgb(48 37 82 / 22%), 0 22px 48px rgb(31 23 56 / 28%);--shadow-sm: 0 4px 12px var(--color-shadow-soft);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-modal);--shadow-3d: var(--shadow-card);--sans: "Nunito", ui-rounded, "Avenir Next", system-ui, sans-serif;--display: "Baloo 2", "Nunito", ui-rounded, system-ui, sans-serif;--emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--ease-flip: cubic-bezier(.36, .66, .28, 1);--t-page: .42s;--t-flip: .85s;--t-cycle: 1s;--t-hover: .18s;--t-bar: .6s;--t-death: 1.2s;--stroke: 1.9}.sky-content{--ink-900: var(--color-bg);--ink-850: var(--color-surface);--ink-800: var(--color-surface-raised);--ink-750: var(--color-surface-soft);--ink-700: var(--color-surface-inset);--ink-600: var(--color-outline);--gold-300: var(--color-on-accent);--gold-400: #9a5f08;--gold-500: var(--color-accent);--gold-600: #b66f08;--gold-700: var(--color-accent-edge);--ivory: var(--color-text);--ivory-dim: var(--color-text-muted);--ivory-faint: var(--color-text-faint);--line: var(--color-outline);--line-soft: var(--color-outline-soft)}.sky-content[data-tone=night]{--gold-300: #ffe3a5;--gold-400: #ffd16d;--gold-600: #e3a72f}[data-faction=village]{--faction: var(--village-text)}[data-faction=wolf]{--faction: var(--wolf-text)}[data-faction=solo]{--faction: var(--solo-text)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}html{background:#eeeafd}#root{min-height:100dvh}body{margin:0;min-width:320px;min-height:100dvh;background:#eeeafd;color:var(--color-text);font-family:var(--sans);font-weight:600;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,.display{font-family:var(--display);font-weight:700;letter-spacing:-.018em;margin:0;color:var(--color-text);text-wrap:balance}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12}h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}a{color:var(--color-primary-text);text-decoration:none;transition:color var(--t-hover) var(--ease-out)}a:hover{color:var(--color-primary-edge)}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--color-text);background:var(--color-surface-raised);border:2px solid var(--color-outline);border-radius:var(--r-md);min-height:48px;padding:.65rem .9rem;outline:none;font-weight:600;box-shadow:inset 0 3px #31265414;transition:border-color var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:inset 0 3px #31265414,0 0 0 3px #58459b29}::placeholder{color:var(--color-text-faint);opacity:.9}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}::selection{background:#cfc3ff;color:#241f45}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none;width:0;height:0}.shell{width:min(100%,1180px);margin:0 auto;padding:1.5rem clamp(1rem,4vw,2rem) 4rem}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint);font-size:.875rem}.btn{--button-edge: var(--color-accent-edge);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.72rem 1.35rem;border-radius:var(--r-md);font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:.02em;background:var(--color-accent);color:var(--color-on-accent);border:2px solid var(--color-accent-edge);box-shadow:var(--shadow-button);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),background-color .15s var(--ease-out)}.btn:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-on-accent);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 1px #ffffff52,0 1px 0 var(--button-edge),0 5px 9px #2a1f4b1f}.btn-quiet{--button-edge: var(--color-shadow);background:var(--color-surface-raised);border-color:var(--color-outline-strong);color:var(--color-text)}.btn-quiet:hover:not(:disabled){background:var(--color-surface-soft);color:var(--color-text)}.btn-danger{--button-edge: var(--color-danger-edge);background:var(--color-danger);border-color:var(--color-danger-edge);color:var(--color-on-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.panel{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-outline);border-radius:var(--r-lg);padding:1.4rem;box-shadow:var(--shadow-3d)}.panel[aria-pressed=true]{border-color:var(--color-primary);box-shadow:inset 0 2px #ffffff8c,0 6px 0 var(--color-primary-edge),0 13px 24px var(--color-shadow-soft)}.icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round}@media(max-width:560px){.shell{padding-inline:1rem;padding-bottom:2.5rem}.btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}