:root{color-scheme:dark;--ink:#f2ead5;--muted:#b7c7c6;--dark:#101e24;--surface:#152b30;--amber:#f4c474;--line:#738e8b;--green:#c6e4ac;font-family:'Segoe UI',system-ui,sans-serif;color:var(--ink);background:#0b141c;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,select{font:inherit}button{min-height:44px;border:1px solid #738e8b;border-radius:7px;padding:9px 15px;color:var(--ink);background:var(--surface);cursor:pointer;touch-action:manipulation}button:hover{background:#28434a}button:active{transform:translateY(1px)}button:disabled{opacity:.57;cursor:default}button.primary{background:var(--amber);border-color:var(--amber);color:#172326;font-weight:700}button.confirm{background:var(--green);color:#162c21;border-color:var(--green);font-weight:700}button.quiet{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}input:not([type=range]):not([type=checkbox]),select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#0f2228}input[type=range]{accent-color:var(--amber);width:90px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--amber)}:focus-visible{outline:3px solid #f4c474;outline-offset:4px}label{display:block}a{color:var(--amber)}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#world{position:fixed;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%;outline-offset:-6px}header{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 24px;background:#101e24f5;min-height:72px}header .wordmark{font-family:Georgia,serif;font-size:1.35rem;border:0;background:none;padding:0;white-space:nowrap}.wordmark small{font-size:.73em;font-style:italic}.top-tools,.desktop-audio,.desktop-audio label{display:flex;align-items:center;gap:8px}.desktop-audio{gap:4px;margin-right:10px}.desktop-audio button{border:0;padding:5px;min-width:34px}.desktop-audio output{font-size:.75rem;min-width:30px;color:var(--muted)}.flag{width:49px;padding:7px;line-height:0;background:none;border-color:transparent}.flag svg{width:32px;height:22px;border-radius:2px}.flag[aria-pressed=true]{border-color:var(--amber);background:#2d3b3a}.menu{position:relative;z-index:2;width:min(480px,42vw);margin:clamp(24px,8vh,90px) 0 0 clamp(24px,5vw,90px);padding:26px 30px 20px;background:#101e24f7;border-radius:6px;box-shadow:0 12px 45px #0004}.edition{color:var(--muted);font-size:.85rem;margin:0 0 18px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(2rem,3.2vw,3.7rem);line-height:1.07;margin:0 0 22px;color:#f6d49a}h2{font-size:1.8rem;margin:0 0 15px}.intro{line-height:1.65;margin:0 0 20px}#menuForm>label{margin-bottom:6px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.entry-grid button{font-weight:650}#practice,#resume{margin:10px 0 0;padding-left:0}.credit{font-size:.72rem;line-height:1.6;color:var(--muted);margin:22px 0 0}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:6px}#joinForm{margin-top:14px}.lobby{position:relative;z-index:2;width:min(490px,calc(100% - 32px));margin:35px 0 0 32px;padding:24px;background:#101e24f7;border-radius:8px}.lobby .invite{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0}.room-code{font-size:1.6rem;font-family:Georgia,serif;letter-spacing:.15em;color:var(--amber)}.seat{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #536d6d}.seat span{flex:1;overflow-wrap:anywhere}.seat small{color:var(--muted)}.initial{display:grid;place-items:center;flex:none!important;width:35px;height:35px;border-radius:50%;background:#35575c;color:var(--ink);font-family:Georgia,serif}.lobby label{margin-top:13px}.lobby select{margin-top:5px}.lobby .buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.lobby .note{color:var(--muted);font-size:.85rem;line-height:1.5}.camera-tools{position:fixed;z-index:4;right:18px;bottom:20px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:340px}.camera-tools button{padding:8px 11px;background:#14272cf2}.playing .camera-tools{bottom:125px}.camera-tools button[id^=orbit],.camera-tools button[id^=zoom]{width:44px}#status{position:fixed;z-index:3;left:50%;transform:translateX(-50%);top:88px;max-width:min(560px,calc(100% - 28px));text-align:center;background:#101e24f5;padding:12px 22px;border-radius:7px;pointer-events:none}#phaseLabel{font-size:1.2rem;font-family:Georgia,serif;color:var(--amber)}#guidance{margin:5px 0 0;font-size:.9rem;line-height:1.4}#players{position:fixed;z-index:3;top:92px;left:18px;max-width:210px;background:#101e24eb;border-radius:6px;padding:8px 12px}#players .p{display:flex;align-items:center;gap:7px;margin:5px 0;font-size:.8rem;overflow-wrap:anywhere}#players .p.me{color:var(--amber)}#players .offline{color:#d9a6a2}.action-tray{position:fixed;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 28px);padding:14px 18px;background:#10242afa;border:1px solid #5f7f7c;border-radius:10px;box-shadow:0 6px 30px #0006}.tray-copy{max-width:270px;font-size:.9rem;line-height:1.35}.tray-copy strong{display:block;color:var(--amber);margin-bottom:4px}.tray-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.creature-picks{display:flex;gap:5px;flex-wrap:wrap}.creature-picks button{width:45px;min-height:48px;padding:3px;background:#2a4249;border-color:#81938f;position:relative}.creature-picks svg{width:30px;height:30px}.creature-picks button.selected{border:2px solid var(--amber);background:#4b4b36}.creature-picks small{display:block;font-size:.65rem}.creature-picks .frozen{opacity:.65}.piece-label{position:fixed;z-index:3;transform:translate(-50%,-50%);pointer-events:none;background:#0f2229f2;border:1px solid #a6b9a6;color:var(--ink);padding:2px 6px;border-radius:4px;font-size:.72rem}.piece-label.select{border-color:var(--amber);color:var(--amber)}.near-piece{position:fixed;z-index:7;display:flex;gap:6px;align-items:center;max-width:calc(100% - 20px);background:#10242afa;padding:7px;border-radius:8px;border:1px solid #9cb79b}.near-piece button{min-width:44px}.near-piece .invalid{font-size:.8rem;max-width:180px;line-height:1.4;color:#f3b3a7}.turn-cue{position:fixed;z-index:6;left:50%;top:190px;transform:translateX(-50%);background:#f0e4c9;color:#142a2e;border-color:#f0e4c9;box-shadow:0 4px 20px #0005;animation:arrive .35s ease-out;max-width:calc(100% - 40px)}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}#toast,#connection{position:fixed;z-index:12;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);padding:12px 18px;background:#f0e4c9;color:#16292b;border-radius:6px;text-align:center;box-shadow:0 4px 22px #0005}#toast{bottom:134px}#connection{top:77px;background:#79352e;color:white}dialog{width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 32px);border:1px solid #8a9d91;background:#14292e;color:var(--ink);padding:28px;border-radius:12px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#050e17bd}.dialog-close{float:right;font-size:1.6rem;line-height:1;width:44px;padding:5px;margin:-12px -10px 0 6px}dialog p,dialog li{line-height:1.6}dialog ul{padding-left:22px}.setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:22px 0}.setting input[type=range]{width:100%;grid-column:1/-1}.setting label{font-size:1.1rem}.setting output{color:var(--amber);margin-left:8px}.check{display:flex;gap:12px;align-items:center;margin:18px 0}.help-scene{display:flex;justify-content:center;gap:20px;align-items:center;background:#0f2028;padding:15px;border-radius:8px}.help-scene svg{width:70px;height:70px}.ending{position:fixed;z-index:4;right:24px;top:95px;width:min(340px,calc(100% - 32px));background:#11282df7;padding:22px;border:1px solid #a9bb94;border-radius:10px}.ending h2{color:var(--amber);font-size:1.9rem}.ending p{line-height:1.5}.ending .buttons{display:flex;gap:8px;flex-wrap:wrap}.history-row{padding:10px 0;border-bottom:1px solid #4e6868}#webglError{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);padding:22px;background:var(--dark);z-index:10;max-width:90%}.fallback-board{position:fixed;inset:75px 0 0;display:grid;place-items:center}.fallback-board svg{width:100%;height:100%;max-height:100%}.blind #world{filter:brightness(.7)}.calm *,@media(prefers-reduced-motion:reduce){scroll-behavior:auto}@media(min-width:1800px){.menu{margin-top:12vh}.lobby{margin-left:5vw}}@media(max-width:1150px){header{padding:10px 14px}.desktop-audio{display:none}.menu{width:42vw;margin-left:24px;margin-top:40px;padding:24px}#players{top:auto;bottom:135px;max-width:190px}#status{top:82px}.camera-tools{max-width:250px;right:12px}.camera-tools button{font-size:.8rem}.action-tray{width:max-content;max-width:calc(100% - 20px);gap:8px}.tray-copy{max-width:220px}}@media(max-width:700px){header{gap:8px;align-items:center;flex-wrap:wrap;padding:8px 10px;min-height:64px}header .wordmark{font-size:1rem}.top-tools{gap:4px;margin-left:auto}.top-tools>button:not(.flag){font-size:.7rem;padding:7px;min-height:40px}.flag{width:38px;min-height:40px;padding:4px}.flag svg{width:27px;height:19px}.menu{width:calc(100% - 28px);margin:30vh 14px 16px;padding:22px;max-width:490px}.menu h1{font-size:2.15rem}.menu .intro{font-size:.92rem;line-height:1.5}.menu .edition{margin-bottom:10px}.menu .credit{margin-top:10px;font-size:.65rem}.menu .quiet{font-size:.85rem}.camera-tools{bottom:10px;right:10px;gap:4px;max-width:unset}.menu-open .camera-tools{top:75px;bottom:auto;max-width:180px}.camera-tools button{padding:6px 8px;min-height:40px}.camera-tools button[id^=orbit],.camera-tools button[id^=zoom]{width:40px}.lobby{margin:22vh 14px 16px;padding:20px;width:calc(100% - 28px)}.lobby h2{font-size:1.5rem}.playing #players{top:69px;bottom:auto;left:10px;right:10px;max-width:none;padding:4px 8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.playing #players .p{font-size:.65rem;margin:2px;gap:4px}#status{top:110px;padding:9px 12px;max-width:calc(100% - 20px);width:max-content}#phaseLabel{font-size:1.05rem}#guidance{font-size:.78rem}.action-tray{bottom:8px;padding:10px 12px;flex-wrap:wrap;justify-content:center;gap:8px;width:calc(100% - 20px)}.tray-copy{max-width:100%;text-align:center;width:100%;font-size:.8rem}.tray-copy strong{display:inline;margin-right:5px}.tray-actions{justify-content:center}.tray-actions button{font-size:.85rem}.playing .camera-tools{bottom:160px;max-width:235px}.turn-cue{top:190px;font-size:.85rem}.ending{top:175px;right:10px;padding:16px;width:calc(100% - 20px)}.ending h2{font-size:1.4rem;margin-bottom:8px}.ending p{font-size:.85rem;margin:10px 0}#toast{bottom:175px;font-size:.85rem}.near-piece{font-size:.8rem}dialog{padding:23px}.piece-label{font-size:.65rem}}@media(max-height:600px) and (min-width:701px){header{min-height:56px;padding:6px 14px}.menu{margin-top:15px;padding:18px;width:430px}.menu h1{font-size:2.15rem;margin-bottom:10px}.intro{margin-bottom:10px}.credit{margin-top:8px}.edition{margin-bottom:10px}.lobby{margin-top:15px;padding:18px;max-height:calc(100dvh - 80px);overflow:auto}#status{top:65px;padding:8px 14px}.turn-cue{top:140px}.action-tray{bottom:8px;padding:10px}.playing .camera-tools{bottom:105px}.ending{top:70px;padding:16px}.ending h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.calm *{animation:none!important;transition:none!important}