:root{font-family:Inter,Hiragino Sans,Yu Gothic UI,Yu Gothic,system-ui,sans-serif;color:#edf0ea;background:#101815;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:#101815}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(#09120fb8,#09120fd1),radial-gradient(circle at 18% 8%,rgba(147,123,70,.12),transparent 25rem),radial-gradient(circle at 82% 80%,rgba(35,91,81,.16),transparent 28rem),#101815}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #f2bd62;outline-offset:3px}.home-shell,.game-shell,.loading-screen,.matching-screen{min-height:100vh;min-height:100svh}.home-shell{width:min(1120px,100%);margin:0 auto;padding:clamp(1.4rem,3vw,2.8rem) clamp(1rem,4vw,3.5rem) 2rem}.brand{position:relative;margin-bottom:clamp(1.25rem,2.5vw,2rem)}.brand-emblem,.header-emblem{display:inline-block;background:url(/assets/museum-emblem.png) center / 125% no-repeat;filter:drop-shadow(0 0 12px rgba(225,169,78,.18))}.brand-lockup{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.25rem)}.brand-lockup>div{min-width:0}.brand-emblem{width:clamp(3.25rem,5.5vw,4.75rem);flex:0 0 auto;aspect-ratio:1}.brand-kicker,.eyebrow{display:block;color:#d8a85d;font-size:.72rem;font-weight:750;letter-spacing:.16em;line-height:1.4}.brand h1{margin:.18rem 0 0;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(2.35rem,5.6vw,4.75rem);font-weight:500;letter-spacing:-.065em;line-height:1.03;white-space:nowrap}.network-status{margin:0 0 1rem;padding:.7rem .9rem;border:1px solid rgba(235,181,91,.34);border-radius:.6rem;background:#be7b2e26;color:#ffe1a9;font-size:.78rem;line-height:1.55}.pwa-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid rgba(129,207,179,.24);border-radius:.7rem;background:#235b5133}.pwa-banner.update{border-color:#e5b56257;background:#8b5b252e}.pwa-banner>div{display:grid;gap:.2rem;min-width:0}.pwa-banner strong{color:#ecf6e9;font-size:.82rem}.pwa-banner small{color:#aac5b6;font-size:.69rem;line-height:1.4}.pwa-banner.update small{color:#e4c990}.pwa-banner .button{flex:0 0 auto;min-height:2.45rem;padding:.55rem .8rem;font-size:.75rem}.mode-section{display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(1rem,3vw,2rem);margin-bottom:1rem;padding:clamp(1rem,2vw,1.35rem);border:1px solid rgba(236,232,212,.16);border-radius:.85rem;background:#0e1a15e0;box-shadow:0 16px 38px #00000029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-heading h2{margin:.25rem 0 .35rem;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:500}.play-method-section{margin-bottom:1rem;padding:clamp(1rem,2vw,1.35rem);border:1px solid rgba(236,232,212,.16);border-radius:.85rem;background:#0e1a15e0;box-shadow:0 16px 38px #00000029}.play-method-section h2{margin:.25rem 0 .85rem;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:500}.play-method-picker,.invite-action-picker{display:grid;gap:.65rem;margin:0;padding:0;border:0}.play-method-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.play-method-picker legend,.invite-action-picker legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.play-method-picker label,.invite-action-picker label{display:grid;min-width:0;align-items:center;border:1px solid rgba(231,234,217,.18);border-radius:.65rem;background:#050d0a47;color:#dae0d7;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.play-method-picker label{grid-template-columns:auto auto minmax(0,1fr);gap:.45rem;min-height:5.4rem;padding:.7rem}.play-method-picker label:hover,.invite-action-picker label:hover{border-color:#e5b56080;transform:translateY(-1px)}.play-method-picker label.is-selected,.invite-action-picker label.is-selected{border-color:#dca84f;background:#dca84f1c;box-shadow:inset 0 0 0 1px #dca84f1f}.play-method-picker input,.invite-action-picker input{width:1.05rem;height:1.05rem;margin:0;accent-color:#e4ae57}.play-method-picker label>span:last-child,.invite-action-picker label>span{display:grid;gap:.18rem;min-width:0}.play-method-picker strong,.invite-action-picker strong{color:#fff2d2;font-size:.86rem}.play-method-picker small,.invite-action-picker small{color:#aeb9af;font-size:.72rem;line-height:1.38}.play-method-number{color:#8faf9b;font-family:Georgia,serif;font-size:.76rem;letter-spacing:.1em}.invite-action-picker{grid-template-columns:repeat(2,minmax(0,1fr));margin:1rem 0 .85rem}.invite-action-picker label{grid-template-columns:auto minmax(0,1fr);gap:.55rem;min-height:4.7rem;padding:.65rem .7rem}.invite-card>p{margin:.8rem 0;color:#bdc8bd;font-size:.88rem;line-height:1.6}.start-section,.remote-section{margin-bottom:1rem}.section-heading{margin:0 0 .55rem}.section-heading h2{margin:.2rem 0 0;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:500}.quick-start-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.48fr);align-items:center;column-gap:1.5rem}.quick-start-card .card-topline,.quick-start-card h2,.quick-start-card .play-points{grid-column:1}.quick-start-card .card-action{grid-column:2;grid-row:1 / span 3;margin-top:0}.remote-card{width:100%}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem}.home-card{position:relative;display:flex;min-height:0;flex-direction:column;padding:clamp(1.15rem,2.5vw,1.75rem);overflow:hidden;border:1px solid rgba(236,232,212,.16);border-radius:.85rem;background:linear-gradient(145deg,#1e2b26f7,#111916f7);box-shadow:0 22px 50px #00000030}.remote-card{background:linear-gradient(145deg,#262f27fa,#121e1cfa)}.home-card:after{content:"";position:absolute;width:14rem;height:14rem;right:-7rem;bottom:-8rem;border:1px solid rgba(224,170,86,.23);border-radius:50%}.card-topline{display:flex;align-items:center;justify-content:space-between}.local-card-topline{gap:.75rem}.local-card-heading{display:flex;min-width:0;align-items:baseline;gap:.75rem}.local-card-heading h2{margin:0;color:#fff9eb;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:500}.local-card-topline .card-tag{margin-left:auto}.remote-card-topline{gap:.75rem}.remote-card-heading{display:flex;min-width:0;align-items:baseline;gap:.75rem}.remote-card-heading h2{margin:0;color:#fff9eb;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:500}.remote-card-topline .card-tag{margin-left:auto}.card-number{color:#88a08d;font-family:Georgia,serif;font-size:.85rem;letter-spacing:.14em}.card-tag{padding:.25rem .5rem;border-radius:999px;background:#7cab971f;color:#a9d4c1;font-size:.68rem;font-weight:750}.home-card h2{margin:.75rem 0 .4rem;color:#fff9eb;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.45rem,2.8vw,1.85rem);font-weight:500}.home-card p{margin:0 0 .8rem;color:#bdc5bb;font-size:.86rem;line-height:1.65}.play-points{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:.25rem 0 1rem;padding:0;color:#aebcb0;font-size:.72rem;list-style:none}.play-points li:before{content:"✓";margin-right:.35rem;color:#e4b35f;font-weight:900}.card-action{position:relative;z-index:1;width:100%;margin-top:.25rem}.home-matchmaking-cta{position:fixed;z-index:50;right:.75rem;bottom:1.25rem;left:.75rem;display:grid;gap:.25rem;width:min(calc(100% - 1.5rem),42rem);margin:0 auto;padding:.65rem .75rem .7rem;border:1px solid rgba(122,229,201,.3);border-radius:.75rem;background:#0c1712f5;box-shadow:0 12px 32px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-matchmaking-cta .button{width:100%}.home-matchmaking-cta small{display:block;color:#a5b5a8;font-size:.68rem;line-height:1.4;text-align:center}.home-matchmaking-cta .matchmaking-description{color:#bdc8bd}.home-matchmaking-cta .matchmaking-hint{margin-top:0}.home-start-button{display:block;width:min(100%,42rem);margin:1rem auto 0}.host-role-picker{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:0 0 .35rem;padding:0;border:0}.host-role-picker legend{margin-bottom:.35rem;padding:0;color:#aeb9af;font-size:.68rem;font-weight:750}.host-role-picker label{display:flex;min-height:2.35rem;align-items:center;gap:.45rem;padding:.4rem .6rem;border:1px solid rgba(237,240,234,.18);border-radius:.5rem;background:#060e0b47;color:#c9d2c8;cursor:pointer;font-size:.75rem;font-weight:750}.host-role-picker label.is-selected{border-color:#dca84f;background:#dca84f1f;color:#fff0cc}.host-role-picker input{width:1rem;height:1rem;margin:0;accent-color:#e4ae57}.host-role-picker label:has(input:focus-visible){outline:3px solid #f2bd62;outline-offset:2px}.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0;border:0}.mode-picker legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mode-picker label{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .65rem;min-height:4.5rem;padding:.75rem .8rem;border:1px solid rgba(231,234,217,.18);border-radius:.65rem;background:#050d0a47;color:#dae0d7;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.mode-picker label:hover{border-color:#e5b56080;transform:translateY(-1px)}.mode-picker label.is-selected{border-color:#dca84f;background:#dca84f1c;box-shadow:inset 0 0 0 1px #dca84f1f}.mode-picker input{grid-row:1 / span 2;align-self:center;width:1.05rem;height:1.05rem;margin:0;accent-color:#e4ae57}.mode-picker label:has(input:focus-visible){outline:3px solid #f2bd62;outline-offset:3px}.mode-copy{display:grid;gap:.15rem;min-width:0}.mode-copy strong{color:#fff2d2;font-size:.9rem}.mode-copy strong small{margin-left:.25rem;color:#e9bb66;font-size:.58rem;letter-spacing:.05em}.mode-copy>span{color:#aeb9af;font-size:.75rem;line-height:1.45}.mode-duration{grid-column:2;color:#98aa9d;font-size:.72rem;font-weight:750}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.7rem 1.1rem;border:1px solid transparent;border-radius:.55rem;cursor:pointer;font-weight:750;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.46}.button.primary{background:#e0aa56;color:#1d221a}.button.primary:hover:not(:disabled){background:#f3c371}.button.secondary{border-color:#edf0ea47;background:transparent;color:#edf0ea}.button.secondary:hover:not(:disabled){background:#edf0ea1a}.button.danger{border-color:#eb7e686b;background:#8730262e;color:#ffc9be}.button.danger:hover:not(:disabled){background:#9b392c57}.action-button{gap:.45rem}.action-button:before{content:"";width:1.28rem;height:1.28rem;flex:0 0 1.28rem;background-image:url(/assets/action-icons.png);background-position:0 100%;background-size:300% 200%;background-repeat:no-repeat}.action-move:before{background-position:0 0}.action-confirm:before{background-position:0 100%}.or{display:flex;align-items:center;gap:.7rem;margin:.55rem 0 .45rem;color:#859388;font-size:.7rem}.or:before,.or:after{content:"";height:1px;flex:1;background:#ebeddd21}.join-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem}.code-field{display:grid;gap:.35rem;margin:0;color:#d5ded2;font-size:.8rem;font-weight:700}.code-field small{color:#9aac9f;font-size:.72rem;font-weight:600}.code-field input{width:100%;height:2.85rem;border:1px solid rgba(237,240,234,.2);border-radius:.55rem;background:#070d0a57;color:#fff8e8;letter-spacing:.13em;padding:0 .8rem;text-transform:uppercase}.join-button{white-space:nowrap}.field-hint{position:relative;z-index:1;display:block;margin-top:.4rem;color:#a5b5a8;font-size:.76rem;line-height:1.45}.resume-row{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin-top:1rem;color:#aab5ab;font-size:.76rem}.text-button{border:0;border-bottom:1px solid currentColor;padding:0;background:transparent;color:#ebbc6c;cursor:pointer;font-size:inherit}.text-button:hover{color:#fff1ce}.notice{margin:1.25rem 0 0;padding:.85rem 1rem;border-radius:.5rem;font-size:.9rem}.notice.error{border:1px solid rgba(221,113,93,.45);background:#81312a38;color:#ffd4cc}.rules-disclosure{margin-top:1rem;border:1px solid rgba(228,220,194,.14);border-radius:.75rem;background:#0d1814d1;color:#c2ccc1}.rules-disclosure summary{min-height:3rem;padding:.85rem 1rem;cursor:pointer;color:#edd099;font-size:.8rem;font-weight:750}.rules-disclosure summary::marker{color:#d8a85d}.rules-disclosure ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0 1.2rem 1.2rem 2.4rem}.rules-disclosure li{padding-right:.65rem;color:#aeb9af;font-size:.74rem;line-height:1.65}.rules-disclosure strong{color:#edf0e8}.home-footer{margin-top:1rem;color:#7f8f84;font-size:.7rem;letter-spacing:.04em;text-align:center}.game-shell{min-height:100svh;padding-bottom:2rem}.game-shell.has-confirm-dock{padding-bottom:6.5rem}.game-header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1fr);align-items:center;gap:1rem;min-height:calc(4.75rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(1rem,4vw,3rem) 0;border-bottom:1px solid rgba(232,237,221,.12);background:#0c1612f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wordmark{display:inline-flex;align-items:center;justify-self:start;gap:.45rem;border:0;background:transparent;color:#fbf4e3;cursor:pointer;font-family:Georgia,Yu Mincho,serif;font-size:1.35rem;letter-spacing:-.04em}.header-emblem{width:2rem;height:2rem;flex:0 0 2rem}.phase-strip{display:flex;align-items:center;justify-content:center;gap:.8rem;color:#d5ddd2;font-size:.78rem;white-space:nowrap}.phase-strip strong{color:#fff8e8;font-size:1rem}.turn{display:inline-flex;align-items:baseline;gap:.35rem;padding:.25rem .5rem;border:1px solid rgba(229,181,98,.35);border-radius:.4rem;background:#e5b5621a;color:#f0c879;font-weight:800}.turn small{color:#b98a45;font-size:.56rem;font-weight:900;letter-spacing:.12em}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.timer-stack{display:grid;justify-items:end;gap:.06rem}.timer-stack small{color:#aebdac;font-size:.54rem;font-weight:750;letter-spacing:.01em;line-height:1.1;white-space:nowrap}.timer{min-width:3.2rem;color:#e9eade;font-variant-numeric:tabular-nums;font-weight:800;text-align:center}.timer.is-critical{color:#ff9d86;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.42}}.role-chip{padding:.35rem .65rem;border-radius:99px;font-size:.72rem;font-weight:800}.role-chip.guards{background:#599e8c2e;color:#9ee5d2}.role-chip.thief{background:#d6895b2e;color:#ffc28f}.icon-button{display:grid;width:2.75rem;height:2.75rem;flex:0 0 2.75rem;place-items:center;border:1px solid rgba(237,240,234,.19);border-radius:50%;background:transparent;color:#dfe5da;cursor:pointer;font-size:1.2rem}.icon-button:hover{background:#edf0ea1a}.invite-banner,.connection-banner{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:2.8rem;padding:.55rem 1rem;background:#daa8541c;color:#ecd49e;font-size:.84rem}.invite-banner{justify-content:space-between;padding-inline:clamp(1rem,6vw,6rem);background:#316e5f2e;color:#d8e8df}.invite-banner div{display:flex;align-items:baseline;gap:.7rem}.invite-banner span{color:#a2b7aa;font-size:.7rem;letter-spacing:.1em}.invite-banner strong{color:#fff2ca;font-size:1.25rem;letter-spacing:.18em}.invite-banner small{color:#b3c9bc}.connection-banner{gap:.75rem;background:#8b412d47;color:#ffd0bd}.connection-banner .text-button{color:#ffe1a8;white-space:nowrap}.reaction-layer{position:relative;z-index:30;display:flex;grid-column:1 / -1;width:min(100%,780px);min-height:1.9rem;justify-self:center;justify-content:flex-end;margin-top:-.45rem;pointer-events:none}.reaction-panel{position:relative;flex:0 0 1.9rem;width:1.9rem;margin-right:.55rem;pointer-events:auto}.reaction-heading{display:grid;width:1.9rem;height:1.9rem;place-items:center;padding:0;border:1px solid rgba(229,181,98,.5);border-radius:50%;appearance:none;background:#12251df5;color:#f5d488;cursor:pointer;box-shadow:0 4px 12px #00000052;transition:background .18s ease,border-color .18s ease,transform .18s ease}.reaction-heading span{display:block;font-size:.8rem;line-height:1;transition:transform .2s ease}.reaction-panel.is-open .reaction-heading{border-color:#f5d488;background:#345f50}.reaction-panel.is-open .reaction-heading span{transform:rotate(180deg)}.reaction-content{position:absolute;top:0;right:calc(100% + .4rem);display:grid;padding:.35rem;border:1px solid rgba(229,181,98,.28);border-radius:.65rem;background:#0c1b14f5;box-shadow:0 10px 24px #00000061;animation:reaction-drawer-open .22s ease-out both;transform-origin:right top}.reaction-buttons{display:flex;gap:.35rem}.reaction-button{display:grid;width:2.15rem;height:2.15rem;place-items:center;padding:0;border:1px solid rgba(237,240,234,.18);border-radius:.52rem;background:#060e0b5c;font-size:1.25rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.reaction-button:hover:not(:disabled){transform:translateY(-1px);border-color:#e0aa56;background:#e0aa561f}.reaction-button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.45}.reaction-feed{position:absolute;z-index:40;right:clamp(.45rem,1.8vw,.85rem);bottom:clamp(.45rem,1.8vw,.85rem);display:grid;gap:.3rem;justify-items:end;max-width:calc(100% - .9rem);pointer-events:none}.reaction-toast{position:relative;display:inline-flex;align-items:center;gap:.22rem;padding:.3rem .5rem;border:1px solid rgba(122,229,201,.48);border-radius:999px;background:#07140ef0;box-shadow:0 4px 14px #00000070,0 0 0 1px #fff7e10f;animation:reaction-float-fade 2.8s ease-out forwards}.reaction-toast.thief{border-color:#df755f94;background:#25120ef0}.reaction-toast small{color:#a8c9bb;font-size:.6rem;font-weight:800}.reaction-toast.thief small{color:#ffc1ab}.reaction-toast strong{color:#fff8e7;font-size:1.1rem;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.65)}@keyframes reaction-float-fade{0%{opacity:0;transform:translateY(.45rem) scale(.92)}12%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(-.25rem) scale(1)}to{opacity:0;transform:translateY(-.75rem) scale(.96)}}@keyframes reaction-drawer-open{0%{opacity:0;transform:translate(.5rem) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.game-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(18rem,.7fr);gap:clamp(1rem,2.5vw,2rem);width:min(1380px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.game-layout.is-board-only{grid-template-columns:minmax(0,1fr);width:min(960px,100%)}.board-panel,.control-panel{border:1px solid rgba(229,235,219,.13);border-radius:1rem;background:#17231ecc;box-shadow:0 20px 55px #00000029}.board-panel{display:grid;min-width:0;place-items:center;padding:clamp(.65rem,2vw,1.25rem)}.control-panel{position:sticky;top:6rem;align-self:start;min-height:21rem;padding:clamp(1.15rem,2.5vw,2rem)}.action-brief,.result-hero{width:min(100%,780px);margin-bottom:.9rem}.action-brief{display:grid;min-height:6.9rem;align-content:start;gap:.28rem;padding:.8rem .9rem;border:1px solid rgba(122,229,201,.24);border-radius:.7rem;background:linear-gradient(135deg,#28594b3d,#10211973)}.action-brief>strong{display:flex;align-items:baseline;gap:.4rem;color:#fff4d2;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:500}.action-brief>strong>span{min-width:0}.action-brief .brief-progress{flex:none;margin:0;color:#efd092;font-family:inherit;font-size:.68em;font-weight:500;letter-spacing:.02em;white-space:nowrap}.action-brief p{margin:0;color:#c4d4c7;font-size:.88rem;line-height:1.55}.action-brief small{margin-top:.2rem;color:#efd092;font-size:.72rem;line-height:1.45}.action-brief .action-ready-list{gap:.28rem .75rem;margin:.35rem 0 .1rem;padding-top:.45rem;border-top:1px solid rgba(229,235,219,.12);font-size:.78rem}.brief-action-row{display:flex;gap:.5rem;margin-top:.3rem}.brief-action-row.mobile-only{display:none}.brief-action-row .button{flex:1;min-height:2.45rem;font-size:.8rem}.action-confirm-dock{position:fixed;z-index:55;right:0;bottom:calc(.75rem + env(safe-area-inset-bottom));left:50%;display:flex;width:min(calc(100% - 1.5rem),42rem);margin:0;padding:.55rem;border:1px solid rgba(122,229,201,.3);border-radius:.75rem;background:#0c1712f5;box-shadow:0 12px 32px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;transform:translate(-50%)}.action-confirm-dock .button{width:100%;pointer-events:auto}.result-hero{padding:.95rem 1rem;border:1px solid rgba(229,181,98,.38);border-radius:.7rem;background:linear-gradient(135deg,#8b5b254d,#192a20b3)}.result-hero.thief{border-color:#dd845f6b;background:linear-gradient(135deg,#80402b4d,#192a20b3)}.result-hero.aborted{border-color:#c9d3ca40;background:#1d2a23b8}.result-hero h2{margin:.25rem 0 .35rem;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:500}.result-hero p{margin:0;color:#d4ddce;font-size:.88rem;line-height:1.55}.board-stage{position:relative;box-sizing:border-box;width:min(100%,780px)}.board-stage .board-wrap{width:100%}.board-wrap{width:min(100%,780px)}.board{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid rgba(238,227,198,.19);border-radius:.65rem;background:linear-gradient(rgba(245,237,213,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(245,237,213,.018) 1px,transparent 1px),radial-gradient(circle at 50% 50%,#33463d,#17251f 68%,#111b17);background-size:5% 5%,5% 5%,auto;box-shadow:inset 0 0 6rem #00000061;touch-action:manipulation}.board.is-result{border-color:#f0c36f85;box-shadow:inset 0 0 0 2px #f0c36f1f,inset 0 0 6rem #00000061,0 0 0 2px #f0c36f14}.corridors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.corridors line{stroke:#779787;stroke-width:3.3;stroke-linecap:round;opacity:.6}.room,.junction{position:absolute;transform:translate(-50%,-50%);border:0;padding:0}.room{z-index:2;width:14.2%;aspect-ratio:1;border:1px solid rgba(249,242,221,.34);border-radius:.5rem;background:linear-gradient(145deg,#52705f,#31483d);color:#fbf6e6;box-shadow:inset 0 0 0 1px #09161161,0 4px 12px #0000002b;text-align:left}.room:disabled,.junction:disabled{pointer-events:none;opacity:1;cursor:default}.room.is-visited{background:linear-gradient(145deg,#49574d,#2e3a32)}.room.is-known-empty{box-shadow:inset 0 0 0 2px #c9dccc9e,0 4px 12px #0000002b}.room.has-found-footprint{box-shadow:inset 0 0 0 2px #dea95c,0 0 0 2px #dea95c26}.room.room-exit{background:linear-gradient(145deg,#896735,#5d4628);box-shadow:inset 0 0 0 1px #ffecb08c,0 0 18px #dcaa4d33}.room.is-interactive,.junction.is-interactive{touch-action:manipulation;cursor:pointer}.room.is-interactive:hover,.junction.is-interactive:hover{filter:brightness(1.22)}.room.is-interactive{z-index:7;border-color:#f0c36f;box-shadow:inset 0 0 0 2px #f0c36f5c,0 0 0 3px #f0c36f1a}.room.is-draft-target{outline:3px solid #fff1c8;outline-offset:2px;animation:select-pulse 1.4s ease-in-out infinite}.junction.is-draft-target{z-index:8;animation:select-pulse 1.4s ease-in-out infinite}.room.is-remote-hover,.junction.is-remote-hover{outline:2px dashed #9ce4d2;outline-offset:3px}.room.is-setup-target{outline:3px solid #97e1cc;outline-offset:2px}.room.is-warning-target{outline:3px solid #e68470;outline-offset:2px}@keyframes select-pulse{50%{outline-color:#e0aa56}}.room-label{position:absolute;top:.32rem;left:.4rem;color:#fffaebe0;font-size:clamp(.7rem,1.7vw,.84rem);font-weight:800}.room-label{z-index:3}.exit-mark,.footprint-marker,.empty-mark,.warning-mark{z-index:1}.thief-mark{z-index:2}.exit-mark,.footprint,.thief-mark,.empty-mark,.warning-mark{position:absolute;display:grid;place-items:center}.exit-mark{right:7%;top:8%;width:86%;height:84%;background:url(/assets/exit-door.png) center 54% / 100% auto no-repeat;color:transparent;font-size:0;filter:drop-shadow(0 0 8px rgba(239,182,75,.2))}.footprint-marker{position:absolute;inset:5%;display:block}.footprint-icon{position:relative;display:block;width:1.68rem;height:1.2rem;background-image:url(/assets/footprints.png);background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.32))}.footprint-marker .footprint-icon{width:100%;height:100%}.footprint-code{position:absolute;z-index:2;top:0;right:0;display:grid;width:clamp(.75rem,26%,1.05rem);height:clamp(.75rem,26%,1.05rem);place-items:center;border:1px solid #17241d;border-radius:50%;background:#fff7df;color:#17241d;font-size:clamp(.49rem,1.5vw,.66rem);font-weight:900}.footprint-start{background-position:0 0}.footprint-checkpoint{background-position:50% 0}.footprint-ordinary{background-position:100% 0}.thief-mark{inset:11%;border:1px solid rgba(238,193,108,.42);border-radius:24%;background-color:#e5b15333;background-image:url(/assets/thief-character.png);background-position:center;background-size:94% auto;background-repeat:no-repeat;color:transparent;box-shadow:inset 0 0 0 1px #ffdd9129,0 0 10px #e5b15329;filter:brightness(1.22) contrast(1.08) drop-shadow(0 2px 4px rgba(0,0,0,.42))}.empty-mark{right:.4rem;bottom:.25rem;color:#d9ece0;font-weight:900}.warning-mark{left:-.4rem;top:-.5rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#df755f;color:#fff4e9;font-size:.72rem;font-weight:900}.selection-mark{position:absolute;z-index:12;right:-.42rem;bottom:-.42rem;display:grid;width:1.2rem;height:1.2rem;place-items:center;border:2px solid #fff7dc;border-radius:50%;background:#28594b;color:#fff9e7;box-shadow:0 2px 5px #0006;font-size:.78rem;font-weight:900}.is-last-action-target{animation:action-arrive .55s cubic-bezier(.2,.9,.35,1.18) both}@keyframes action-arrive{0%{transform:translate(-50%,-50%) scale(.72);filter:brightness(1.7)}to{transform:translate(-50%,-50%) scale(1);filter:none}}.junction{z-index:4;display:grid;width:clamp(2.75rem,6.6%,3.25rem);aspect-ratio:1;place-items:center;border:2px solid #c7d4c7;border-radius:50%;background:#243a30;color:#102018;box-shadow:0 3px 8px #00000059;font-size:clamp(.48rem,1vw,.75rem);font-weight:900;clip-path:circle(50%)}.junction-visual{display:grid;width:100%;height:100%;place-items:center;border-radius:50%;pointer-events:none}.junction.is-interactive{z-index:5;border-color:#8ee2cd;background:#456e60;box-shadow:0 0 0 3px #7ae5c91f,0 0 16px #7ae5c957}.junction.guard-0,.junction.guard-1,.junction.guard-2{border-color:#c7d4c7;background:#243a30}.junction.guard-0:after,.junction.guard-1:after,.junction.guard-2:after{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;background-position:center;background-size:100% auto;background-repeat:no-repeat;transform:translate(-50%,-50%);pointer-events:none}.junction.guard-0:after{background-image:url(/assets/guard-blue.png)}.junction.guard-1:after{background-image:url(/assets/guard-red.png)}.junction.guard-2:after{background-image:url(/assets/guard-green.png)}.junction.guard-0>.junction-visual,.junction.guard-1>.junction-visual,.junction.guard-2>.junction-visual{color:transparent}.junction .selection-mark{right:.04rem;bottom:.04rem;width:1.05rem;height:1.05rem;font-size:.68rem}.junction.guard-selectable{animation:guard-ready-pulse 1.7s ease-in-out infinite;box-shadow:0 0 0 4px #7ae5c92e,0 0 18px #7ae5c973,0 3px 8px #00000059}.junction.guard-selected{z-index:5;border-color:#fff0a9;background:#e2a84f;color:#2d2311;box-shadow:0 0 0 4px #ffdb754d,0 0 24px #ffc24ec7,0 3px 8px #00000059;animation:guard-selected-pulse 1.2s ease-in-out infinite}@keyframes guard-ready-pulse{50%{box-shadow:0 0 0 7px #7ae5c914,0 0 24px #7ae5c99e,0 3px 8px #00000059}}@keyframes guard-selected-pulse{50%{box-shadow:0 0 0 6px #ffdb7529,0 0 30px #ffc24eeb,0 3px 8px #00000059}}.remote-cursor{position:absolute;z-index:10;pointer-events:none;transform:translate(-10%,-10%);color:#effff7;text-shadow:0 1px 3px #06120c}.remote-cursor span{display:block;font-size:1.8rem;line-height:1;transform:rotate(-35deg)}.remote-cursor small{display:block;margin-top:-.2rem;border-radius:99px;background:#193a30;padding:.1rem .25rem;font-size:.58rem;font-weight:900}.remote-cursor.guard-1 small{background:#825524}.remote-cursor.guard-2 small{background:#55578c}.board-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .95rem;margin-top:.8rem;color:#c2cdc2;font-size:.78rem}.board-legend span{display:inline-flex;align-items:center;gap:.32rem}.board-legend .legend-item{gap:.4rem}.board-legend .footprint-icon{width:1.35rem;height:.96rem}.board-legend .footprint-code{top:-.25rem;right:-.24rem;width:.62rem;height:.62rem;font-size:.42rem}.replay-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(20rem,.7fr);gap:clamp(1rem,2.5vw,2rem);width:min(1380px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.replay-board-panel{display:grid;align-content:start;gap:1.2rem}.replay-board-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;width:min(100%,780px)}.replay-board-heading h1{margin:.35rem 0 0;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.65rem,3.5vw,2.45rem);font-weight:500;letter-spacing:-.04em}.replay-panel{min-height:0;max-height:calc(100svh - 8rem);overflow:hidden}.replay-panel h2{margin-bottom:.55rem}.replay-event{display:grid;gap:.18rem;margin:1.15rem 0;padding:1rem;border:1px solid rgba(229,181,98,.35);border-radius:.7rem;background:linear-gradient(145deg,#e0aa5621,#13251d7a)}.replay-event strong{color:#fff4d6;font-family:Georgia,Yu Mincho,serif;font-size:1.2rem;font-weight:500}.replay-event>span:last-child{color:#c4d0c2;font-size:.8rem}.replay-actor{width:fit-content;padding:.18rem .4rem;border-radius:99px;background:#7ae5c921;color:#9fe5d1;font-size:.62rem;font-weight:900;letter-spacing:.08em}.replay-actor.thief{background:#df755f24;color:#ffc1ab}.replay-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.45rem}.replay-board-controls{width:min(100%,780px);margin-top:-.35rem}.replay-controls .button{min-height:2.55rem;padding-inline:.45rem;font-size:.74rem}.replay-slider{display:grid;gap:.3rem;margin-top:.9rem;color:#aebcaf;font-size:.68rem}.replay-slider input{width:100%;accent-color:#e0aa56;cursor:pointer}.replay-timeline{display:grid;gap:.25rem;max-height:min(38vh,23rem);margin:1rem 0 0;padding:.25rem .25rem .25rem 0;overflow-y:auto;list-style:none;scrollbar-color:#567466 transparent}.replay-timeline li{border-left:2px solid rgba(229,235,219,.13)}.replay-timeline li.is-current{border-left-color:#e0aa56}.replay-timeline button{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.55rem;width:100%;padding:.55rem .5rem;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.replay-timeline button:hover,.replay-timeline li.is-current button{background:#e0aa5617}.replay-step-number{color:#778d80;font-family:Georgia,serif;font-size:.74rem}.replay-step-copy{display:grid;gap:.15rem;min-width:0}.replay-step-copy strong{overflow:hidden;color:#dbe6d8;font-size:.76rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.replay-step-copy small{overflow:hidden;color:#899b8d;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.replay-timeline li.is-current .replay-step-number,.replay-timeline li.is-current .replay-step-copy strong{color:#f0c879}.replay-finish{margin-top:.8rem!important}.control-copy h2,.result-card h2{margin:.35rem 0 .75rem;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:500;letter-spacing:-.03em}.control-copy p,.result-card p{color:#bdc8bd;font-size:.91rem;line-height:1.75}.hint{padding:.75rem;border-left:2px solid #e0aa56;background:#dda94f14;color:#e4d1a6!important;font-size:.8rem!important}.setup-list{display:grid;gap:.45rem;margin:1.1rem 0 1.4rem;padding:0;list-style:none}.setup-list li{display:flex;justify-content:space-between;padding:.55rem .65rem;border-bottom:1px solid rgba(231,239,224,.12);color:#dfe9de;font-size:.84rem}.guard-entry>span{display:inline-flex;align-items:center;gap:.42rem}.guard-entry i{display:grid;width:1.16rem;height:1.16rem;place-items:center;border:1px solid rgba(255,248,226,.82);border-radius:50%;background:#173126;color:#fff9e8;font-size:.65rem;font-style:normal;font-weight:900}.guard-entry.guard-0 i{background:#315d7a}.guard-entry.guard-1 i{background:#85512d}.guard-entry.guard-2 i{background:#526c49}.setup-list strong{color:#98d9c4;font-size:.75rem}.ready-list{display:grid;grid-template-columns:1fr auto;gap:.5rem .75rem;margin:1.2rem 0;font-size:.86rem}.ready-list dt{color:#bfcbc0}.ready-list dd{margin:0;color:#f0c879;font-weight:750}.draft-box{display:grid;gap:.65rem;margin-top:1.25rem;padding:.95rem;border:1px solid rgba(225,174,88,.38);border-radius:.65rem;background:#dda94f17}.draft-box strong{color:#fff2cc;font-size:.9rem}.draft-box span{color:#d3d8d0;font-size:.78rem}.draft-box>div{display:flex;gap:.55rem;margin-top:.15rem}.draft-box .button{flex:1;min-height:2.5rem;font-size:.84rem}.trap-warning{color:#ffc0b0!important;font-weight:800}.result-card{padding:.35rem 0}.result-card .result-detail{margin-top:1.3rem;color:#96a69a;font-size:.78rem}.loading-screen{display:grid;place-items:center;padding:2rem;color:#e5e8de}.mobile-selection{display:block;margin-top:.75rem;color:#f0c879;font-size:.83rem;font-weight:800}.exit-dialog-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:1rem;background:#040907c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.exit-dialog{width:min(28rem,100%);padding:clamp(1.25rem,4vw,2rem);border:1px solid rgba(229,181,98,.4);border-radius:.9rem;background:#17251f;box-shadow:0 24px 70px #0000006b}.exit-dialog h2{margin:.45rem 0 .7rem;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:500}.exit-dialog p{margin:0;color:#bdc8bd;font-size:.88rem;line-height:1.7}.exit-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1.4rem}.selection-summary{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:.9rem 0!important;padding:.65rem .75rem;border:1px solid rgba(224,170,86,.3);border-radius:.55rem;background:#e0aa5614}.selection-summary strong{color:#f5d38d;font-size:1rem}.draft-target{display:block;color:#fff7df;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600}.desktop-action-row{display:flex;gap:.55rem;margin-top:.15rem}.result-actions{display:grid;gap:.55rem;margin-top:1.25rem}.result-actions .button{width:100%}.rematch-actions{display:grid;gap:.5rem;padding:.85rem;border:1px solid rgba(122,229,201,.28);border-radius:.65rem;background:#235b5124}.rematch-actions>strong{color:#fff2d2;font-size:.94rem}.rematch-actions p{margin:0;color:#c2d3c6;font-size:.76rem;line-height:1.5}.rematch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.rematch-options .button{min-height:2.75rem;padding:.5rem;font-size:.72rem;line-height:1.3}.rematch-cancel{justify-self:start;margin-top:.1rem;font-size:.72rem}.handoff-screen{position:relative;display:grid;min-height:100svh;place-items:center;padding:6rem 1rem 2rem;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(213,158,69,.12),transparent 26rem),#08110deb}.handoff-screen.thief{background:radial-gradient(circle at 50% 42%,rgba(195,94,59,.12),transparent 26rem),#08110df0}.handoff-topbar{position:absolute;top:0;left:0;display:flex;width:100%;min-height:4.75rem;align-items:center;gap:.55rem;padding:0 clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(232,237,221,.1);color:#f8f0dd;font-family:Georgia,Yu Mincho,serif}.handoff-topbar .icon-button{margin-left:auto}.handoff-card{width:min(34rem,100%);padding:clamp(1.5rem,5vw,3rem);border:1px solid rgba(226,184,105,.28);border-radius:1rem;background:#14211be6;box-shadow:0 28px 80px #00000059;text-align:center}.handoff-screen.thief .handoff-card{border-color:#dd845f4d}.role-seal{display:grid;width:4.6rem;height:4.6rem;margin:1.25rem auto .85rem;place-items:center;border:1px solid #e5b45f;border-radius:50%;background:#e5b45f1a;color:#f3cf8d;font-family:Georgia,serif;font-size:2rem}.handoff-screen.guards .role-seal{position:relative;overflow:hidden;border-color:#e5b45f;background-color:#e5b45f1a;background-image:none;color:transparent}.handoff-screen.guards .role-seal:before{content:"";position:absolute;inset:0;background:url(/assets/guard-blue.png) center / 82% auto no-repeat;pointer-events:none}.handoff-screen.thief .role-seal{border-color:#df916d;background-color:#e5b1533d;background-image:url(/assets/thief-character.png);background-position:center;background-repeat:no-repeat;background-size:96% auto;color:transparent;filter:brightness(1.22) contrast(1.08) drop-shadow(0 3px 7px rgba(0,0,0,.45));box-shadow:0 0 0 .2rem #e5b15324,0 6px 16px #00000040}.handoff-step{margin:0;color:#b8c5ba;font-size:.78rem}.handoff-step strong{color:#f1d092}.handoff-screen.thief .handoff-step strong{color:#ffc2a6}.handoff-card h1{margin:.45rem 0 .8rem;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:500;letter-spacing:-.04em}.reveal-button{width:100%;margin-top:1.4rem}.handoff-card>small{display:block;margin-top:.7rem;color:#809087;font-size:.67rem}.loading-screen{display:grid;min-height:100svh;place-items:center;padding:1rem;color:#e5e8de}.loading-card{width:min(30rem,100%);padding:clamp(1.5rem,5vw,2.5rem);border:1px solid rgba(226,184,105,.2);border-radius:1rem;background:#14211be6;text-align:center}.loading-mark{display:block;width:2.6rem;height:2.6rem;margin:0 auto 1rem;border:2px solid rgba(229,180,95,.2);border-top-color:#e5b45f;border-radius:50%;animation:loading-spin .9s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-card h1{margin:.4rem 0 .6rem;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:1.75rem;font-weight:500}.loading-card>p:not(.notice){color:#afbbb0;font-size:.85rem}.loading-actions{display:grid;gap:.55rem;margin-top:1rem}.error-mark{display:grid;width:2.6rem;height:2.6rem;margin:0 auto 1rem;place-items:center;border:1px solid rgba(235,126,104,.5);border-radius:50%;background:#87302647;color:#ffc9be;font-size:1.3rem;font-weight:800}.error-card .button{width:100%;margin-top:1rem}.dialog-backdrop{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:1rem;background:#040907cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.exit-dialog>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1.4rem}@media(min-width:841px){.board-wrap{width:min(100%,780px,calc(100svh - 15rem))}.replay-board-panel .board-wrap{width:min(100%,780px,calc(100svh - 22rem))}}@media(min-width:681px)and (max-height:760px){.home-shell{padding-top:1.5rem}.brand{margin-bottom:1rem}.mode-section{margin-bottom:.75rem;padding:.85rem 1rem}.mode-picker label{min-height:4rem;padding:.55rem .7rem}.home-card{padding:1.15rem 1.35rem}.home-card h2{margin:.5rem 0 .3rem}.home-card p{margin-bottom:.55rem;line-height:1.5}.play-points{margin:.15rem 0 .65rem}}@media(max-width:840px){body{background-attachment:scroll}.home-shell{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.home-start-button{position:fixed;z-index:50;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));left:.75rem;width:min(calc(100% - 1.5rem),42rem);margin:0 auto;box-shadow:0 12px 32px #00000057}.game-shell{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.game-shell.has-confirm-dock{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.game-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "status status";min-height:calc(4.2rem + env(safe-area-inset-top));gap:.35rem .75rem;padding:calc(.55rem + env(safe-area-inset-top)) .75rem .55rem}.wordmark{grid-area:brand}.phase-strip{grid-area:status;justify-content:flex-start;gap:.55rem;overflow:hidden;font-size:.7rem}.phase-strip strong{font-size:.8rem}.turn{padding:.2rem .42rem}.header-actions{grid-area:actions}.role-chip{padding:.3rem .5rem;font-size:.66rem}.game-layout,.replay-layout{grid-template-columns:1fr;padding:.75rem;gap:.75rem}.replay-panel{order:-1;max-height:none}.replay-timeline{max-height:16rem}.control-panel{position:static;min-height:0}.board-panel{order:0}.control-panel{order:1}.control-panel .desktop-action,.control-panel .desktop-action-row{display:none}.brief-action-row.mobile-only{display:flex}.connection-banner{justify-content:space-between;font-size:.74rem}}@media(max-width:680px){.home-shell{padding-top:1.25rem}.brand-lockup{gap:.65rem}.brand-emblem{width:3.25rem}.brand-kicker{font-size:.58rem;letter-spacing:.11em}.brand h1{max-width:100%;font-size:clamp(1.85rem,8.9vw,2.2rem);white-space:nowrap}.mode-section{grid-template-columns:1fr;gap:.75rem;padding:.9rem}.play-method-section{padding:.9rem}.play-method-picker{grid-template-columns:1fr}.play-method-picker label{min-height:4.25rem}.invite-action-picker{grid-template-columns:1fr}.mode-picker label{min-height:4rem;padding:.65rem .7rem}.quick-start-card{display:flex;align-items:stretch;gap:0}.quick-start-card .card-action{margin-top:.25rem}.home-card{min-height:auto}.home-card h2{font-size:1.5rem}.pwa-banner{align-items:stretch;flex-direction:column;gap:.65rem}.pwa-banner .button{width:100%}.join-row{grid-template-columns:1fr}.join-button{width:100%}.rules-disclosure ol{grid-template-columns:1fr;gap:.65rem}.game-header{padding-inline:.75rem}.wordmark-label{display:none}.timer{min-width:2.75rem;font-size:.82rem}.header-actions{gap:.4rem}.icon-button{width:2.5rem;height:2.5rem;flex-basis:2.5rem}.invite-banner{align-items:center;flex-wrap:wrap;gap:.4rem .8rem;padding-inline:.8rem}.invite-banner small{width:100%}.connection-banner{align-items:flex-start;padding-inline:.8rem}.reaction-button{width:2.05rem;height:2.05rem}.board-panel{padding:.6rem .4rem}.replay-board-heading{align-items:start}.replay-board-heading h1{font-size:1.65rem}.board-legend{gap:.45rem .7rem;font-size:.75rem}.room-label{top:.2rem;left:.25rem}.junction{width:2.75rem;border-color:transparent;background:transparent;box-shadow:none}.junction .junction-visual{width:1.8rem;height:1.8rem;border:2px solid #c7d4c7;background:#243a30;box-shadow:0 2px 6px #00000052}.junction.is-interactive{border-color:transparent;background:transparent;box-shadow:none}.junction.is-interactive .junction-visual{border-color:#8ee2cd;background:#456e60;box-shadow:0 0 0 2px #7ae5c91f,0 0 10px #7ae5c952}.junction.guard-0,.junction.guard-1,.junction.guard-2{border-color:transparent;background:transparent;box-shadow:none}.junction.guard-0 .junction-visual,.junction.guard-1 .junction-visual,.junction.guard-2 .junction-visual{border-color:#c7d4c7;background:#243a30}.junction.guard-0:after,.junction.guard-1:after,.junction.guard-2:after{top:50%;left:50%;width:1.6rem;height:1.6rem;transform:translate(-50%,-50%)}.junction.is-draft-target,.junction.is-remote-hover{outline:0;animation:none}.junction.is-draft-target .junction-visual{outline:3px solid #fff1c8;outline-offset:1px}.junction.is-remote-hover .junction-visual{outline:2px dashed #9ce4d2;outline-offset:2px}.junction.guard-selectable,.junction.guard-selected{box-shadow:none;animation:none}.junction.guard-selected .junction-visual{border-color:#fff0a9;background:#e2a84f;box-shadow:0 0 0 3px #ffdb7538,0 0 14px #ffc24e94}.action-brief,.result-hero{margin-bottom:.65rem}.action-brief{min-height:6.1rem;padding:.7rem .75rem}.action-brief>strong.is-setup-guards{font-size:clamp(.82rem,4.1vw,1.05rem);letter-spacing:-.025em;white-space:nowrap}.action-brief p{font-size:.82rem}.rematch-options{grid-template-columns:1fr}.exit-mark{right:12%;top:12%;width:76%;height:76%;background-size:100% auto;transform:none}.thief-mark{inset:11%;background-size:94% auto}.exit-dialog>div{grid-template-columns:1fr}.handoff-topbar{min-height:4.2rem;padding-inline:.85rem}.handoff-topbar>span:nth-child(2){font-size:.95rem}.handoff-card{padding:1.35rem 1rem}}@media(max-width:360px){.brand-emblem{width:2.75rem}.brand-lockup{gap:.5rem}.brand h1{font-size:8.5vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.timer.is-critical,.room.is-draft-target,.junction.is-draft-target,.junction.guard-selectable,.junction.guard-selected,.is-last-action-target,.loading-mark,.reaction-toast,.reaction-content{animation:none}}.matchmaking-button{border-color:#7ae5c999;background:linear-gradient(135deg,#2a806c,#1d5c4f)}.matchmaking-hint{display:block;margin-top:.55rem;line-height:1.55}.matching-screen{position:relative;display:grid;min-height:100svh;place-items:center;padding:6rem 1rem 2rem;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(122,229,201,.11),transparent 27rem),#08110df5}.matching-topbar{position:absolute;top:0;left:0;display:flex;width:100%;min-height:4.75rem;align-items:center;gap:.55rem;padding:0 clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(232,237,221,.1);color:#f8f0dd;font-family:Georgia,Yu Mincho,serif}.matching-card{width:min(34rem,100%);padding:clamp(1.5rem,5vw,3rem);border:1px solid rgba(122,229,201,.28);border-radius:1rem;background:#14211beb;box-shadow:0 28px 80px #00000059;text-align:center}.matching-card h1{margin:.45rem 0 .8rem;color:#fff7e7;font-family:Georgia,Yu Mincho,serif;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:500;letter-spacing:-.04em}.matching-card>p{margin:0;color:#bdc8bd;font-size:.88rem;line-height:1.75}.matching-pulse{display:block;width:4.4rem;height:4.4rem;margin:1.35rem auto 1rem;border:2px solid rgba(122,229,201,.24);border-top-color:#7ae5c9;border-radius:50%;box-shadow:0 0 0 8px #7ae5c90f,0 0 30px #7ae5c947;animation:matching-spin 1.1s linear infinite}.matching-countdown{display:grid;gap:.1rem;margin:1.5rem auto;padding:.85rem 1rem;border:1px solid rgba(122,229,201,.2);border-radius:.7rem;background:#7ae5c912}.matching-countdown small{color:#9fbdb0;font-size:.68rem;letter-spacing:.08em}.matching-countdown strong{color:#f5d38d;font-family:Georgia,Yu Mincho,serif;font-size:2.15rem;font-weight:500;letter-spacing:.04em}.matching-note{margin-bottom:1.35rem!important;color:#96a69a!important;font-size:.76rem!important}.matching-card .notice{margin:0 0 1rem}.matching-card .button{width:100%}@keyframes matching-spin{to{transform:rotate(360deg)}}@media(max-width:680px){.matching-topbar{min-height:4.2rem;padding-inline:.85rem}.matching-card{padding:1.35rem 1rem}}@media(prefers-reduced-motion:reduce){.matching-pulse{animation:none}}