:root{--ink:#151310;--panel:#1b1916;--panel-2:#211e1a;--line:rgba(240,218,183,.12);--cream:#f0dfc3;--muted:#9f917e;--rust:#d95d3d;--amber:#dc9b58;--green:#729174}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--ink)}body{color:var(--cream);font-family:Trebuchet MS,Segoe UI,sans-serif;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:2px solid #efad64;outline-offset:3px}.game-shell{min-height:100vh;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 0),#171511;background-size:28px 28px;position:relative;overflow:hidden}.game-shell:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.topbar{height:82px;display:grid;grid-template-columns:1fr auto 1fr;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(19,17,14,.94);position:relative;z-index:20}.brand,.topbar{align-items:center}.brand{border:0;color:var(--cream);background:none;display:flex;gap:12px;padding:0;cursor:pointer;justify-self:start;text-align:left}.brand-mark{width:42px;height:42px;border:1px solid rgba(234,193,136,.32);display:grid;place-items:center;background:linear-gradient(145deg,#2d2119,#171511);color:var(--rust);transform:rotate(45deg);font:900 22px Georgia,serif}.brand-mark:first-letter{transform:rotate(-45deg)}.brand>span:last-child{display:flex;flex-direction:column;gap:2px}.brand b{letter-spacing:.14em;font-family:Impact,Arial Narrow,sans-serif;font-size:19px;font-weight:500}.brand small{color:#837868;font-size:8px;letter-spacing:.18em}.phase-chip{display:flex;align-items:center;min-width:310px;height:52px;padding:0 18px;border:1px solid var(--line);background:#1c1915;box-shadow:inset 0 0 28px rgba(0,0,0,.2)}.phase-lobby .phase-chip{display:none}.phase-chip>span:nth-child(2){display:flex;flex-direction:column;flex:1 1;gap:2px}.panel-heading small,.phase-chip small{color:#817665;font-size:8px;letter-spacing:.18em}.phase-chip b{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.phase-chip strong{color:var(--amber);font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.phase-orb{width:25px;height:25px;border-radius:50%;background:linear-gradient(110deg,#e8d6b5 48%,#4e3929 50%);box-shadow:0 0 17px rgba(217,157,92,.28);margin-right:12px}.top-actions{justify-self:end;gap:10px}.discord-ready,.top-actions{display:flex;align-items:center}.discord-ready{height:30px;padding:0 11px;gap:7px;border:1px solid rgba(112,137,174,.18);color:#8c9bb4;background:#191b20;font-size:8px;letter-spacing:.13em}.discord-ready i{color:#55aa7b;font-style:normal;font-size:9px}.icon-button,.invite-button{height:36px;border:1px solid var(--line);color:var(--cream);background:#1e1b17;cursor:pointer}.icon-button{width:40px;color:#ae9e87}.invite-button{padding:0 16px;border-color:rgba(216,93,61,.45);color:#f1d3bd;background:linear-gradient(180deg,#8d402d,#6f3022);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.icon-button:hover,.invite-button:hover{filter:brightness(1.15)}.game-grid{display:grid;grid-template-columns:222px minmax(480px,1fr) 246px;min-height:calc(100vh - 172px);position:relative;z-index:2}.players-panel,.role-panel{background:rgba(25,23,19,.95);padding:22px 18px 18px;border-right:1px solid var(--line);z-index:5}.players-panel{border-right:0;border-left:1px solid var(--line);padding-inline:0}.eyebrow{color:#8a7d6c;margin:0 0 12px;font-size:9px;letter-spacing:.24em}.role-card{min-height:300px;padding:16px;position:relative;overflow:hidden;border:1px solid rgba(221,169,101,.25);background:radial-gradient(circle at 50% 28%,rgba(220,137,73,.15),transparent 36%),linear-gradient(155deg,#2d251d,#151310 75%);box-shadow:0 15px 35px rgba(0,0,0,.3),inset 0 0 0 4px #191611,inset 0 0 0 5px rgba(222,181,119,.1)}.role-card:after,.role-card:before{content:"";position:absolute;width:50px;height:50px;border-color:rgba(231,179,106,.5)}.role-card:before{top:7px;left:7px;border-top:1px solid;border-left:1px solid}.role-card:after{bottom:7px;right:7px;border-right:1px solid;border-bottom:1px solid}.card-corner{display:block;position:relative;z-index:2;color:#8b7f6b;text-align:center;font-size:7px;letter-spacing:.28em}.role-art{height:148px;display:grid;place-items:center;position:relative}.role-halo{position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid rgba(224,156,86,.25);background:repeating-radial-gradient(circle,transparent 0 15px,rgba(213,140,70,.045) 16px 17px)}.role-halo:after{content:"";position:absolute;inset:13px;border:1px dashed rgba(231,169,99,.2);border-radius:50%;animation:turn 22s linear infinite}.role-icon{position:relative;z-index:2;color:var(--rust);font:900 82px Georgia,serif;text-shadow:0 8px 25px rgba(203,74,44,.35);transform:rotate(-8deg)}.role-seer .role-icon{color:#9b91c6}.role-guardian .role-icon{color:#87a68a}.role-villager .role-icon{color:#d59c59}.role-copy{position:relative;z-index:2;text-align:center}.role-copy span{color:#9c8e78;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.role-copy h2{margin:3px 0 7px;color:#f2dec0;text-transform:uppercase;letter-spacing:.06em;font:500 27px Impact,Arial Narrow,sans-serif}.role-copy p{margin:0 auto;max-width:165px;color:#9f927f;font:italic 11px/1.55 Georgia,serif}.intel-card,.objective-card{margin-top:14px;padding:12px 13px;border-left:2px solid #8e4b36;background:#201c17}.intel-card small,.objective-card small{color:#847765;font-size:7px;letter-spacing:.18em}.intel-card p,.objective-card p{margin:5px 0 0;color:#b8aa97;font:11px/1.4 Georgia,serif}.intel-card{border-left-color:#847aae}.village-wrap{min-width:0;position:relative;background:#1a1714;overflow:hidden}.scene-caption{height:78px;position:absolute;z-index:8;top:0;left:50%;transform:translateX(-50%);width:min(620px,90%);display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;pointer-events:none}.scene-caption small{color:#ad8e6a;font-size:8px;letter-spacing:.26em}.scene-caption h1{margin:3px 0 0;font:500 22px Impact,Arial Narrow,sans-serif;letter-spacing:.13em}.caption-line{height:1px;flex:1 1;background:linear-gradient(90deg,transparent,rgba(218,173,115,.3))}.caption-line:last-child{transform:scaleX(-1)}.village-scene{inset:0;perspective:900px;background:#111318}.sky,.village-scene{position:absolute;overflow:hidden}.sky{inset:0 0 45%;background:radial-gradient(circle at 55% 23%,rgba(226,191,135,.09),transparent 22%),linear-gradient(#171b25,#343332 56%,#765a3e)}.moon{position:absolute;top:15%;left:54%;width:65px;height:65px;background:#e9d7b2;box-shadow:0 0 18px #e4c89966,0 0 80px #d6a66a33}.moon,.moon i{border-radius:50%}.moon i{display:block;margin:10px 0 0 12px;width:12px;height:8px;background:#b9a68b66;box-shadow:24px 16px 0 2px #b9a68b44}.star{position:absolute;color:#f8e7c6;font-size:22px;opacity:.6}.s1{left:20%;top:13%}.s2{left:72%;top:18%}.s3{left:38%;top:25%}.s4{left:82%;top:35%}.ridge{position:absolute;left:-5%;right:-5%;bottom:-24px;height:135px;background:#202326;clip-path:polygon(0 72%,8% 47%,17% 65%,28% 32%,39% 63%,49% 40%,59% 69%,69% 28%,78% 59%,89% 39%,100% 68%,100% 100%,0 100%)}.ridge-front{bottom:-46px;background:#292925;opacity:.94;transform:scaleX(-1)}.world{inset:7% -3% -10%;transform-style:preserve-3d;transform:rotateX(54deg) translateY(21%)}.ground,.world{position:absolute}.ground{inset:16% 5% 0;border-radius:52% 48% 10% 10%;background:radial-gradient(ellipse at 50% 48%,#63503a 0 7%,transparent 7.5%),radial-gradient(ellipse at 50% 52%,transparent 0 23%,rgba(139,111,76,.25) 24% 25%,transparent 26%),linear-gradient(150deg,#3b4535,#232c25 72%);box-shadow:inset 0 20px 70px rgba(0,0,0,.4),0 -10px 90px #171b18;transform:translateZ(-10px)}.path{position:absolute;z-index:1;background:#6b573e;opacity:.6;filter:blur(.4px)}.path-one{width:7%;height:65%;left:47%;top:46%;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.path-two{height:6%;width:64%;left:18%;top:64%;transform:rotate(-4deg);clip-path:polygon(0 30%,100% 0,100% 80%,0 100%)}.fire,.hut,.tower,.tree,.well{position:absolute;z-index:4;transform-style:preserve-3d}.hut{width:70px;height:55px;background:#79523a;border:3px solid #38281f;transform:rotateX(-54deg) translateZ(22px);box-shadow:inset 8px 0 15px rgba(0,0,0,.25),0 22px 20px rgba(0,0,0,.25)}.hut:before{content:"";position:absolute;left:-8px;top:-30px;width:82px;height:40px;background:#392a22;clip-path:polygon(50% 0,100% 75%,88% 100%,50% 32%,12% 100%,0 75%)}.hut i{left:12px;bottom:13px;width:12px;height:15px;background:#e3a45a;box-shadow:0 0 12px #d66e33}.hut b,.hut i{position:absolute}.hut b{right:12px;bottom:0;width:18px;height:29px;background:#3a2920}.hut-a{left:18%;top:36%;transform:rotateX(-54deg) rotate(-8deg) translateZ(22px)}.hut-b{right:17%;top:38%;transform:rotateX(-54deg) rotate(8deg) translateZ(22px)}.hut-c{left:28%;top:66%;transform:rotateX(-54deg) rotate(-3deg) translateZ(22px) scale(.85)}.hut-d{right:27%;top:67%;transform:rotateX(-54deg) rotate(4deg) translateZ(22px) scale(.82)}.tower{left:47%;top:28%;width:45px;height:95px;background:#4a463c;transform:rotateX(-54deg) translateZ(38px);border:3px solid #2d2c27}.tower:before{content:"";position:absolute;left:-10px;top:-28px;width:59px;height:35px;background:#312823;clip-path:polygon(50% 0,100% 100%,0 100%)}.tower i{position:absolute;top:20px;left:13px;width:13px;height:22px;background:#dda05d;box-shadow:0 0 14px #c86f39}.tower b{position:absolute;width:5px;height:32px;background:#2c2925;right:-8px;top:-26px}.tree{width:12px;height:56px;background:#3c2b21;transform:rotateX(-54deg) translateZ(20px)}.tree:after,.tree:before{content:"";position:absolute;left:-25px;width:62px;height:55px;background:#1d3327;clip-path:polygon(50% 0,100% 100%,0 100%)}.tree:before{top:-38px}.tree:after{top:-18px;transform:scale(.8)}.tree-a{left:9%;top:54%}.tree-b{right:9%;top:56%;transform:rotateX(-54deg) translateZ(20px) scale(.8)}.tree-c{right:34%;top:29%;transform:rotateX(-54deg) translateZ(20px) scale(.7)}.well{left:47%;top:58%;width:52px;height:30px;border:6px solid #554d40;border-radius:50%;transform:rotateX(-54deg) translateZ(18px);background:#1b1e1d}.well i{position:absolute;left:3px;right:3px;top:-17px;height:5px;background:#352a23;box-shadow:3px 13px 0 -1px #392d23}.fire{left:calc(50% - 14px);top:50%;width:28px;height:30px;transform:rotateX(-54deg) translateZ(30px)}.fire:before{content:"";position:absolute;inset:3px 7px 6px;background:#eb6a31;clip-path:polygon(55% 0,100% 72%,62% 100%,0 75%);box-shadow:0 0 20px 6px rgba(230,97,39,.55);animation:flame 1.3s ease-in-out infinite alternate}.fire b,.fire i{position:absolute;bottom:2px;left:1px;width:28px;height:4px;background:#4c2c20;transform:rotate(25deg)}.fire b{transform:rotate(-25deg)}.scene-player{position:absolute;z-index:8;width:48px;height:48px;transform:translate(-50%,-50%) rotateX(-54deg) translateZ(36px);border:0;background:transparent;color:var(--cream);cursor:pointer;filter:drop-shadow(0 8px 5px rgba(0,0,0,.45))}.scene-player>span{width:31px;height:31px;margin:auto;display:grid;place-items:center;border-radius:50% 50% 42% 42%;background:var(--player-color);border:2px solid #d7c1a0;font-size:8px;font-weight:800;transition:.2s ease}.scene-player:after{content:"";position:absolute;left:20px;top:29px;width:9px;height:14px;background:var(--player-color);border-radius:2px 2px 6px 6px;z-index:-1}.scene-player small{position:absolute;left:50%;top:42px;transform:translateX(-50%);padding:2px 5px;background:rgba(21,18,15,.82);font-size:7px;letter-spacing:.05em;white-space:nowrap}.scene-player.selected>span,.scene-player:not(:disabled):hover>span{transform:translateY(-4px);border-color:#ffcc83;box-shadow:0 0 0 4px rgba(220,112,59,.28),0 0 20px #d85c3f99}.scene-player:disabled{cursor:default}.scene-player.dead{opacity:.24;filter:grayscale(1)}.scene-player.dead:before{content:"×";position:absolute;z-index:3;color:#d56347;font-size:30px;left:14px;top:-1px}.fog{position:absolute;z-index:5;height:90px;width:70%;border-radius:50%;background:rgba(210,205,184,.08);filter:blur(22px);pointer-events:none}.fog-one{top:45%;left:-15%;animation:drift 12s ease-in-out infinite alternate}.fog-two{top:62%;right:-20%;animation:drift 15s ease-in-out infinite alternate-reverse}.ambient-shade{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(transparent 45%,rgba(10,9,8,.28))}.ambient-shade.night{background:rgba(14,20,36,.1)}.scene-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:9;color:#887d6d;background:rgba(18,16,13,.75);border:1px solid rgba(255,255,255,.07);padding:7px 11px;font-size:8px;letter-spacing:.08em;white-space:nowrap}.mouse-icon{color:#c99966;padding-right:5px}.compact-player-strip,.compact-role-chip{display:none}.panel-heading{height:45px;padding:0 17px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading>span{display:flex;flex-direction:column;gap:2px}.panel-heading b{font-size:11px;color:#baab96;font-weight:500}.live-dot{width:7px;height:7px;border-radius:50%;background:#64a578;box-shadow:0 0 9px #64a578}.player-list{padding:7px 0}.player-row{width:100%;min-height:57px;display:grid;grid-template-columns:25px 37px 1fr 18px;gap:7px;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.035);border-left:2px solid transparent;padding:5px 13px 5px 10px;color:var(--cream);background:transparent;text-align:left;cursor:pointer;transition:.16s ease}.player-row:not(:disabled):hover{background:#24201b;border-left-color:#795643}.player-row.selected{background:linear-gradient(90deg,rgba(201,87,57,.2),transparent);border-left-color:var(--rust)}.player-row.dead{opacity:.35;filter:grayscale(1)}.player-row:disabled{cursor:default}.player-number{color:#5c554b;font:8px Georgia,serif}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(240,223,195,.35);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--avatar) 80%,white),var(--avatar));color:#f8e6cb;font-size:8px;font-weight:800;position:relative}.avatar i{position:absolute;right:-1px;bottom:1px;width:7px;height:7px;border-radius:50%;background:#474039;border:2px solid #1d1a17}.avatar i.online{background:#66a678}.player-name{display:flex;flex-direction:column;gap:2px}.player-name b{font-size:11px;font-weight:600}.player-name small{color:#6f665a;font-size:6px;letter-spacing:.14em}.player-row:first-child .player-name small{color:#bb755f}.row-mark{color:#776c5d;text-align:center}.selected .row-mark{color:var(--rust)}.room-code{margin:8px 14px 0;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;border:1px dashed rgba(226,195,150,.18);background:#1e1b17}.room-code span{display:flex;flex-direction:column;gap:2px}.room-code small{color:#6e6559;font-size:6px;letter-spacing:.15em}.room-code b{font-size:11px;letter-spacing:.16em;color:#c4b398}.room-code button{border:0;background:transparent;color:#b77654;font-size:7px;letter-spacing:.12em;cursor:pointer}.action-dock{height:90px;position:relative;z-index:12;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:0 24px;border-top:1px solid var(--line);background:#171410;box-shadow:0 -10px 35px rgba(0,0,0,.2)}.narrator-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #543f2e;transform:rotate(45deg);background:#211b16}.narrator-mark span{transform:rotate(-45deg);color:var(--amber)}.narrator-copy small{color:#9f6c50;font-size:7px;letter-spacing:.2em}.narrator-copy p{margin:5px 0 0;color:#c2b39f;font:italic 12px/1.4 Georgia,serif}.primary-action{min-width:190px;height:45px;padding:0 8px 0 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #9c4a33;background:linear-gradient(#8c402e,#693022);color:#f3d9c5;text-transform:uppercase;letter-spacing:.1em;font-size:9px;cursor:pointer;box-shadow:0 7px 18px rgba(95,36,24,.25)}.primary-action i{width:29px;height:29px;display:grid;place-items:center;background:rgba(31,13,10,.28);font-style:normal;font-size:15px}.primary-action:hover{filter:brightness(1.14);transform:translateY(-1px)}.primary-action:disabled{cursor:wait;opacity:.48;filter:grayscale(.35);transform:none}.ending-overlay,.lobby-overlay{position:fixed;inset:82px 0 90px;z-index:15;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(187,91,49,.12),transparent 34%),linear-gradient(180deg,rgba(10,12,10,.34),rgba(9,8,7,.78));-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.lobby-overlay{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 0}.lobby-overlay .lobby-card{flex:0 0 auto}.ending-card,.lobby-card{width:min(520px,calc(100% - 36px));padding:42px 50px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(226,173,103,.3);background:radial-gradient(circle at 50% -10%,rgba(226,157,86,.16),transparent 33%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 40%),rgba(22,19,16,.97);box-shadow:0 34px 90px rgba(0,0,0,.72),0 0 55px rgba(119,49,29,.11),inset 0 0 0 5px #15120f,inset 0 0 0 6px rgba(221,171,106,.13)}.lobby-card:after,.lobby-card:before{content:"";position:absolute;width:62px;height:62px;pointer-events:none;border-color:rgba(224,166,93,.42)}.lobby-card:before{top:11px;left:11px;border-top:1px solid;border-left:1px solid}.lobby-card:after{right:11px;bottom:11px;border-right:1px solid;border-bottom:1px solid}.lobby-card>*{position:relative;z-index:1}.ending-card>small,.lobby-kicker{color:#ae8060;font-size:8px;letter-spacing:.25em}.ending-card h2,.lobby-card h2{margin:13px 0 14px;color:#f1dfc2;font:500 48px/.92 Impact,Arial Narrow,sans-serif;letter-spacing:.06em}.lobby-card h2 em{color:var(--rust);font-style:normal}.ending-card p,.lobby-card p{max-width:390px;margin:0 auto 23px;color:#a99b88;font:italic 14px/1.6 Georgia,serif}.ending-card button,.lobby-card button{height:48px;min-width:210px;padding:0 19px;border:1px solid #a75438;background:#7e3828;color:#f3d9c4;text-transform:uppercase;letter-spacing:.12em;font-size:10px;cursor:pointer}.ending-card button:disabled,.lobby-card button:disabled{opacity:.48;cursor:wait}.lobby-card button span{margin-left:20px}.lobby-card>small{display:block;margin-top:14px;color:#6f6559;font-size:7px;letter-spacing:.09em}.lobby-card .secondary-lobby-button{display:block;height:38px;min-width:210px;margin:8px auto 0;border-color:rgba(230,200,155,.18);background:#241f1a;color:#b7a58e}.lobby-intro{width:min(560px,calc(100% - 32px));padding:35px 48px 32px}.lobby-status{width:max-content;max-width:100%;min-height:24px;margin:0 auto 16px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(103,159,116,.2);border-radius:999px;background:rgba(43,72,49,.16);color:#86aa89;font-size:7px;letter-spacing:.16em}.lobby-status i{width:5px;height:5px;border-radius:50%;background:#72ad7f;box-shadow:0 0 9px #72ad7f}.lobby-intro h2{margin-top:11px;text-shadow:0 8px 28px rgba(0,0,0,.52)}.lobby-intro h2 em{text-shadow:0 7px 25px rgba(217,93,61,.24)}.lobby-features{max-width:390px;margin:-4px auto 20px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(235,203,155,.1)}.lobby-features>span{min-height:50px;padding:9px 6px 7px;display:flex;flex-direction:column;justify-content:center;gap:3px}.lobby-features>span+span{border-left:1px solid rgba(235,203,155,.1)}.lobby-features b{color:#e7c99e;font:500 15px/1 Impact,Arial Narrow,sans-serif;letter-spacing:.07em}.lobby-features small{color:#756a5c;font-size:6px;letter-spacing:.13em}.lobby-card .lobby-primary{width:min(310px,100%);border-color:#b45a3d;background:linear-gradient(180deg,#9d472f,#733021);box-shadow:0 12px 30px rgba(94,31,18,.34),inset 0 1px rgba(255,255,255,.08)}.lobby-card .lobby-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.lobby-intro .secondary-lobby-button{width:min(310px,100%)}.lobby-card .watch-lobby-button{display:block;width:min(310px,100%);height:34px;min-width:0;margin:8px auto 0;padding:0;border:0;background:transparent;color:#a58f77;font-size:8px;letter-spacing:.12em}.lobby-card .watch-lobby-button:hover{color:#e0b984}.lobby-card>.lobby-footnote{margin-top:13px;color:#7b7062;letter-spacing:.08em}.lobby-card .text-lobby-button{display:block;height:auto;min-width:0;margin:13px auto 0;padding:3px;border:0;background:transparent;color:#7c7164;text-transform:none;letter-spacing:.04em}.multiplayer-setup{width:min(470px,calc(100% - 36px));padding-block:30px}.multiplayer-lobby h2,.multiplayer-setup h2{font-size:40px}.multiplayer-setup p{margin-bottom:16px}.multiplayer-setup label{display:block;max-width:310px;margin:9px auto;text-align:left}.multiplayer-setup label>span{display:block;margin-bottom:5px;color:#8f7d68;font-size:7px;letter-spacing:.17em}.multiplayer-setup input{width:100%;height:42px;border:1px solid rgba(229,190,136,.2);background:#171410;color:#ead8bb;padding:0 12px;outline:none;font:12px Trebuchet MS,sans-serif;letter-spacing:.05em}.multiplayer-setup input:focus{border-color:#a85c3e;box-shadow:0 0 0 3px rgba(168,92,62,.12)}.multiplayer-setup>button:not(.text-lobby-button){margin-top:12px}.multi-error{margin:8px auto!important;color:#df795f!important;font:10px/1.4 Trebuchet MS,sans-serif!important}.joined-players{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:330px;margin:0 auto 18px}.joined-players>span{min-height:38px;display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid rgba(232,203,160,.1);background:#1c1814;color:#b8a991;font-size:9px;text-align:left}.joined-players i{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:50%;background:var(--avatar);border:1px solid #c9ae86;color:#f4e4c9;font-style:normal;font-size:7px}.ending-symbol{margin-top:20px;color:var(--rust);font:80px/1 Georgia,serif}.ending-card h2{font-size:39px}.discussion-strip{position:fixed;z-index:14;left:242px;right:266px;bottom:105px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.talk-title{align-self:flex-start;margin-bottom:2px;padding:4px 8px;background:#171410;color:#997356;font-size:7px;letter-spacing:.2em;border:1px solid var(--line)}.talk-bubble{align-self:flex-start;max-width:410px;display:flex;gap:9px;align-items:center;padding:7px 11px 7px 7px;background:rgba(26,23,19,.9);border:1px solid rgba(232,197,148,.13);box-shadow:0 8px 20px rgba(0,0,0,.18)}.talk-bubble:nth-child(3){margin-left:12%}.talk-bubble:nth-child(4){margin-left:5%}.mini-avatar{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--avatar);border:1px solid #c9b18e;font-size:7px}.talk-bubble p{margin:0;color:#aea08d;font:10px/1.45 Georgia,serif}.talk-bubble p b{display:block;color:#d3c0a4;font:8px Trebuchet MS,sans-serif;text-transform:uppercase;letter-spacing:.08em}.toast{position:fixed;z-index:100;left:50%;bottom:108px;transform:translateX(-50%);padding:10px 16px;background:#e3c49b;color:#211914;border:1px solid #fff1d5;box-shadow:0 10px 35px rgba(0,0,0,.5);font-size:10px;letter-spacing:.05em;animation:toastIn .25s ease-out}@keyframes flame{0%{transform:scale(.85) rotate(-4deg)}to{transform:scale(1.08) rotate(4deg)}}@keyframes turn{to{transform:rotate(1turn)}}@keyframes drift{0%{transform:translateX(-7%)}to{transform:translateX(20%)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:1050px){.topbar{grid-template-columns:1fr auto}.phase-chip{grid-row:2;grid-column:1/-1;position:absolute;top:72px;left:50%;transform:translateX(-50%);z-index:30;height:43px}.game-grid{grid-template-columns:190px minmax(430px,1fr) 220px;padding-top:33px}.discussion-strip{left:210px;right:240px}}@media (max-width:820px){body{overflow:auto}.game-shell{min-height:100svh;overflow:visible}.topbar{height:66px;padding:0 14px;position:sticky;top:0}.brand small,.discord-ready{display:none}.brand-mark{width:34px;height:34px}.brand b{font-size:15px}.invite-button{padding:0 10px;font-size:7px}.phase-chip{top:65px;width:100%;min-width:0;border-inline:0}.game-grid{display:flex;flex-direction:column;min-height:auto;padding-top:42px}.village-wrap{order:1;height:60svh;min-height:430px}.role-panel{order:2;border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:14px}.role-panel .eyebrow{grid-column:1/-1;margin:0}.role-card{min-height:210px}.role-art{height:90px}.role-icon{font-size:54px}.role-halo{width:80px;height:80px}.role-copy h2{font-size:20px}.intel-card,.objective-card{margin:0;align-self:start}.players-panel{order:3;border:0;border-top:1px solid var(--line)}.player-list{display:grid;grid-template-columns:1fr 1fr}.room-code{max-width:300px;margin-inline:auto}.action-dock{position:sticky;bottom:0;height:auto;min-height:82px;padding:10px 14px;grid-template-columns:36px 1fr}.narrator-mark{width:32px;height:32px}.primary-action{grid-column:1/-1;width:100%;height:40px}.ending-overlay,.lobby-overlay{position:fixed;inset:66px 0 0}.lobby-card{padding:34px 24px}.lobby-card h2{font-size:39px}.discussion-strip{position:absolute;left:12px;right:12px;top:340px;bottom:auto}.talk-bubble{max-width:min(390px,90vw)}.toast{bottom:95px}}@media (max-width:520px){.top-actions .icon-button{display:none}.scene-caption h1{font-size:17px}.scene-caption{gap:9px}.player-list,.role-panel{grid-template-columns:1fr}.role-card{width:min(240px,100%);margin:auto}.role-panel .eyebrow{grid-column:auto}.lobby-card h2{font-size:34px}.lobby-card p{font-size:12px}.lobby-intro{padding:25px 21px 24px}.lobby-status{margin-bottom:13px;font-size:6px}.lobby-intro h2{margin-block:10px 11px;font-size:36px}.lobby-intro p{line-height:1.5}.lobby-features,.lobby-intro p{margin-bottom:16px}.lobby-features>span{min-height:45px;padding-inline:3px}.lobby-features small{font-size:5px;letter-spacing:.08em}}@media (max-height:680px) and (min-width:821px){.topbar{height:68px}.game-grid{min-height:calc(100vh - 146px);grid-template-columns:200px 1fr 230px}.action-dock{height:78px}.role-card{min-height:255px}.role-art{height:112px}.player-row{min-height:49px}.ending-overlay,.lobby-overlay{inset:68px 0 78px}.lobby-overlay{padding-block:14px}.lobby-card{padding-block:22px}.multiplayer-lobby h2,.multiplayer-setup h2{margin-block:8px 10px;font-size:32px}.multiplayer-setup p{margin-bottom:10px;font-size:12px;line-height:1.4}.multiplayer-setup label{margin-block:6px}.multiplayer-setup input{height:38px}.multiplayer-setup>button:not(.text-lobby-button){margin-top:8px;height:42px}.discussion-strip{left:218px;right:248px;bottom:88px}}@media (min-height:760px){.lobby-overlay{align-items:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.is-embedded .topbar{padding-inline:16px}.is-embedded .discord-ready{color:#9aabd0;border-color:rgba(114,137,190,.32)}@media (max-height:700px),(max-width:900px){body,html{height:100%;overflow:hidden}.game-shell{height:100svh;min-height:0;overflow:hidden}.topbar{height:64px;grid-template-columns:auto minmax(210px,1fr) auto;gap:12px;padding:0 14px;position:relative}.brand small,.discord-ready,.top-actions .icon-button{display:none}.brand-mark{width:34px;height:34px;font-size:18px}.brand b{font-size:15px}.phase-chip{position:static;grid-row:auto;grid-column:auto;justify-self:center;width:min(100%,360px);min-width:0;height:44px;padding:0 12px;transform:none;border-inline:1px solid var(--line)}.phase-chip b{font-size:10px}.phase-chip strong{font-size:14px}.phase-orb{width:22px;height:22px}.invite-button{height:38px;padding:0 11px}.game-grid{display:block;height:calc(100svh - 64px - 98px);min-height:0;padding:0}.players-panel,.role-panel{display:none}.village-wrap{width:100%;height:100%;min-height:0}.scene-caption{display:none}.world{inset:2% -3% -9%;transform:rotateX(50deg) translateY(17%) scale(.96)}.compact-role-chip{position:absolute;z-index:12;top:10px;left:10px;display:flex;align-items:center;gap:8px;min-width:110px;height:40px;padding:5px 10px 5px 7px;border:1px solid rgba(224,172,104,.25);background:rgba(24,20,16,.88);box-shadow:0 8px 20px rgba(0,0,0,.28)}.compact-role-chip>span:first-child{width:29px;height:29px;display:grid;place-items:center;color:var(--rust);background:#2a211a;font:700 19px Georgia,serif}.compact-role-chip>span:last-child{display:flex;flex-direction:column;gap:1px}.compact-role-chip small{color:#877967;font-size:6px;letter-spacing:.15em}.compact-role-chip b{color:#e6d2b4;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.compact-player-strip{position:absolute;z-index:13;left:10px;right:10px;bottom:8px;display:flex;justify-content:center;gap:5px;height:56px;padding:6px 8px;overflow-x:auto;scrollbar-width:none;border:1px solid rgba(236,205,161,.1);background:rgba(20,17,14,.9);box-shadow:0 8px 25px rgba(0,0,0,.34)}.compact-player-strip::-webkit-scrollbar{display:none}.compact-player-strip button{flex:0 0 52px;min-width:52px;display:grid;grid-template-rows:30px 10px;justify-items:center;gap:2px;border:0;border-bottom:2px solid transparent;background:transparent;color:#b8aa96;cursor:pointer}.compact-player-strip button>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--avatar);border:1px solid rgba(240,216,181,.55);color:#f3dfc1;font-size:7px;font-weight:800}.compact-player-strip button small{max-width:50px;overflow:hidden;color:inherit;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.compact-player-strip button.selected{border-bottom-color:var(--rust);color:#f1c29f}.compact-player-strip button.selected>span{box-shadow:0 0 0 3px rgba(217,93,61,.35)}.compact-player-strip button.dead{opacity:.28;filter:grayscale(1)}.compact-player-strip button:disabled{cursor:default}.scene-hint{bottom:72px;padding:5px 8px;font-size:7px}.action-dock{height:98px;min-height:98px;position:relative;bottom:auto;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:10px 14px}.narrator-mark{width:32px;height:32px}.narrator-copy{min-width:0}.narrator-copy p{display:-webkit-box;overflow:hidden;margin-top:3px;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.primary-action{grid-column:auto;width:auto;min-width:152px;height:42px;padding-left:13px;gap:9px}.primary-action i{width:27px;height:27px}.ending-overlay,.lobby-overlay{inset:64px 0 0}.discussion-strip{display:none}.toast{bottom:110px}}@media (max-width:600px){.topbar{grid-template-columns:40px minmax(0,1fr) 40px;gap:7px;padding:0 9px}.brand>span:last-child{display:none}.phase-chip{padding-inline:8px}.phase-chip small{display:none}.phase-chip b{font-size:9px}.phase-orb{margin-right:7px}.invite-button{width:40px;padding:0;font-size:0}.invite-button:before{content:"+";font-size:18px}.game-grid{height:calc(100svh - 64px - 112px)}.action-dock{height:112px;min-height:112px;grid-template-columns:1fr;align-content:center;gap:7px;padding:8px 10px}.narrator-mark{display:none}.narrator-copy small{font-size:6px}.narrator-copy p{-webkit-line-clamp:1;font-size:10px}.primary-action{grid-column:1;width:100%;min-width:0;height:40px}.compact-player-strip{justify-content:flex-start}.scene-hint{display:none}.toast{bottom:122px}.phase-lobby .topbar{grid-template-columns:1fr 40px}.phase-lobby .brand>span:last-child{display:flex}.phase-lobby .brand b{font-size:14px}.phase-lobby .brand small{display:none}}