:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18324b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#18324b;--ink-soft:#526477;--navy:#173c61;--navy-deep:#102d49;--blue:#2c628d;--paper:#f6f1e7;--paper-deep:#eee7d8;--white:#fffdf8;--line:#d8d2c5;--line-blue:#bdcad5;--orange:#d28a34;--orange-soft:#f2d9b8;--green:#337262;--green-soft:#d9e9e1;--red:#a94e45;--red-soft:#f1d9d3;--shadow:0 18px 55px #1f2f3c1a;--shadow-soft:0 8px 26px #1f2f3c12;background:#f2eee4;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f2eee4;min-width:320px;max-width:100%;min-height:100%;overflow-x:clip}body{background:radial-gradient(circle at 14% 8%,#fffffff2,#0000 30%),linear-gradient(135deg,#193a5906 25%,#0000 25%) 0 0/36px 36px,#f2eee4;min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:clip}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #d28a3452}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;font-family:Noto Serif SC,Songti SC,SimSun,serif}#root{width:100%;max-width:100%;min-height:100vh;overflow-x:clip}main{width:100%;max-width:100%;overflow-x:clip}.button{background:var(--navy);color:#fff;letter-spacing:.03em;cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 6px 16px #173c6133}.button:hover:not(:disabled){background:#1c4a77;transform:translateY(-1px);box-shadow:0 8px 20px #173c613d}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.button--wide{width:100%}.button--secondary{border-color:var(--navy);color:var(--navy);box-shadow:none;background:0 0}.button--secondary:hover:not(:disabled){background:#173c6114}.button--quiet{border-color:var(--line);color:var(--ink);box-shadow:none;background:0 0}.button--quiet:hover:not(:disabled){background:#18324b0e}.button--danger{background:var(--red)}.button__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}.panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;position:relative;overflow:hidden}.panel--white{background:#fffdf8f5}.panel--paper{background:linear-gradient(#18324b05 1px, transparent 1px) 0 0 / 100% 28px, var(--paper)}.panel--navy{background:var(--navy-deep);color:#fff;border-color:#284d70}.panel--warm{background:#fff9ee;border-color:#dfcfb8}.eyebrow{color:var(--orange);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:800}.text-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-size:.82rem}.text-button:hover{color:var(--navy)}.field,.scenario-form label,.secret-form label,.action-form>label,.destination-fields label{gap:8px;display:grid}.field__label,.scenario-form label>span,.secret-form label>span,.action-form label>span,.destination-fields label>span{color:var(--ink);font-size:.84rem;font-weight:750}.field__hint,.field>small{color:var(--ink-soft);font-size:.72rem;line-height:1.55}input,select,textarea{width:100%;min-height:46px;color:var(--ink);background:#ffffffd1;border:1px solid #c8c3b8;border-radius:5px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s}textarea{resize:vertical;min-height:88px}input::placeholder,textarea::placeholder{color:#8b949c}input:focus,select:focus,textarea:focus{border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 3px #2c628d1c}input[aria-invalid=true]{background:#fff8f6;border-color:#c77d74}select:disabled,input:disabled{cursor:not-allowed;opacity:.62;background:#ece9e2}.inline-notice{border:1px solid var(--line-blue);color:var(--ink);background:#edf3f7;border-radius:5px;align-items:flex-start;gap:12px;padding:13px 15px;display:flex}.inline-notice__mark{background:var(--blue);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 4px #2c628d1f}.inline-notice strong{margin-bottom:3px;font-size:.82rem;display:block}.inline-notice p{color:inherit;margin:0;font-size:.77rem;line-height:1.55}.inline-notice--warning{background:#fff4dc;border-color:#dfbd85}.inline-notice--warning .inline-notice__mark{background:var(--orange);box-shadow:0 0 0 4px #d28a3424}.inline-notice--danger{color:#723a36;background:#fbedeb;border-color:#d6a19b}.inline-notice--danger .inline-notice__mark{background:var(--red);box-shadow:0 0 0 4px #a94e4521}.inline-notice--success{background:var(--green-soft);border-color:#9dbeb2}.inline-notice--success .inline-notice__mark{background:var(--green)}.brand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand__mark{width:40px;height:25px;display:block;position:relative}.brand__mark:before{content:"";background:var(--navy);width:24px;height:2px;position:absolute;top:11px;left:8px;transform:rotate(-17deg)}.brand__mark i{z-index:1;border:2px solid var(--navy);background:var(--paper);border-radius:50%;width:10px;height:10px;position:absolute;top:7px}.brand__mark i:first-child{background:var(--navy);left:2px}.brand__mark i:last-child{border-color:var(--orange);right:2px}.brand>span:last-child{gap:1px;display:grid}.brand strong{letter-spacing:.08em;font-family:Noto Serif SC,Songti SC,serif;font-size:1.03rem}.brand small{color:var(--ink-soft);letter-spacing:.12em;font-size:.62rem}.brand--small .brand__mark{transform-origin:0;margin-right:-4px;transform:scale(.86)}.brand--small strong{font-size:.9rem}.landing-shell{background:linear-gradient(90deg,#0000 49.9%,#18324b09 50%,#0000 50.1%) 50%/13vw 100%,radial-gradient(circle at 8% 80%,#d28a341f,#0000 26%);min-height:100vh;padding:0 5vw;position:relative;overflow:hidden}.landing-orbit{pointer-events:none;border:1px solid #173c6114;border-radius:50%;position:absolute}.landing-orbit:before,.landing-orbit:after{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px;position:absolute}.landing-orbit--one{width:520px;height:520px;top:-260px;right:-230px}.landing-orbit--one:before{bottom:72px;left:68px}.landing-orbit--two{width:340px;height:340px;bottom:-150px;left:-220px}.landing-orbit--two:after{background:var(--navy);top:80px;right:25px}.landing-nav{z-index:2;border-bottom:1px solid #18324b21;justify-content:space-between;align-items:center;max-width:1240px;height:92px;margin:0 auto;display:flex;position:relative}.landing-nav__edition{color:var(--ink-soft);letter-spacing:.12em;border:1px solid #18324b33;border-radius:100px;padding:7px 11px;font-size:.7rem}.landing-grid{z-index:1;grid-template-columns:minmax(0,520px);justify-content:center;align-items:center;width:100%;max-width:1240px;min-height:calc(100vh - 92px);margin:0 auto;padding:52px 0;display:grid;position:relative}.hero-copy{max-width:680px}.hero-copy h1{max-width:650px;color:var(--ink);margin:20px 0 24px;font-size:clamp(3.25rem,6vw,5.8rem);font-weight:800;line-height:1.08}.hero-copy h1 span{color:var(--navy);display:block}.hero-copy>p{max-width:600px;color:var(--ink-soft);margin-bottom:35px;font-size:1.03rem;line-height:1.9}.hero-route{border-top:1px solid #18324b24;border-bottom:1px solid #18324b24;grid-template-columns:auto minmax(38px,1fr) auto minmax(38px,1fr) auto;align-items:center;max-width:620px;padding:20px 0;display:grid}.hero-route>div{grid-template-columns:18px auto;align-items:center;column-gap:9px;display:grid}.hero-route>div small{color:var(--ink-soft);grid-column:2;font-size:.67rem}.hero-route>div strong{font-size:.82rem}.hero-route>i{border-top:1px dashed #8aa0b3;height:1px;margin:0 10px}.route-node{border:3px solid var(--paper);background:var(--navy);width:13px;height:13px;box-shadow:0 0 0 1px var(--navy);border-radius:50%;grid-row:1/span 2}.route-node--waypoint{background:var(--orange);box-shadow:0 0 0 1px var(--orange)}.route-node--destination{background:var(--paper);box-shadow:0 0 0 2px var(--orange), inset 0 0 0 3px var(--paper)}.hero-notes{color:var(--ink-soft);gap:28px;margin-top:25px;font-size:.75rem;display:flex}.hero-notes span{align-items:baseline;gap:6px;display:flex}.hero-notes b{color:var(--ink);font-family:Noto Serif SC,Songti SC,serif;font-size:1rem}.entry-card{justify-self:center;width:100%;max-width:520px;padding:34px;box-shadow:0 26px 70px #1f2f3c29}.entry-card:after{content:"";z-index:0;pointer-events:none;border:1px solid #18324b14;position:absolute;inset:9px}.entry-card>*{z-index:1;position:relative}.entry-card__tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:30px;display:grid}.entry-card__tabs button{color:#77828b;cursor:pointer;background:0 0;border:0;padding:0 0 13px;font-size:.82rem;font-weight:700;position:relative}.entry-card__tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:18%;right:18%}.entry-card__tabs button.is-active{color:var(--navy)}.entry-card__tabs button.is-active:after{background:var(--orange)}.entry-card__heading{align-items:center;gap:15px;margin-bottom:24px;display:flex}.entry-card__seal{border:1px solid var(--orange);width:48px;height:48px;color:var(--orange);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px #d28a3447;border-radius:50%;flex:none;place-items:center;font-family:Noto Serif SC,Songti SC,serif;font-size:1.2rem;display:grid}.entry-card__heading h1{margin:0;font-size:1.45rem}.entry-card__heading p{color:var(--ink-soft);margin:0;font-size:.76rem}.entry-card .inline-notice{margin-bottom:16px}.entry-form{gap:18px;display:grid}.code-input{text-transform:uppercase;letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.12rem;font-weight:800}.entry-card__privacy{border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin-top:24px;padding-top:19px;display:flex}.entry-card__privacy>span{color:var(--green);font-size:1.1rem}.entry-card__privacy p{color:var(--ink-soft);margin:0;font-size:.7rem;line-height:1.55}.entry-card__privacy strong{color:var(--ink);display:block}.landing-footer{z-index:1;color:#707d87;border-top:1px solid #18324b1a;justify-content:center;align-items:center;gap:14px;height:54px;font-size:.68rem;display:flex;position:absolute;bottom:0;left:5vw;right:5vw}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.room-shell{min-height:100vh;padding:0 max(28px,4vw) 60px}.room-topbar{border-bottom:1px solid #18324b24;justify-content:space-between;align-items:center;max-width:1380px;height:76px;margin:0 auto;display:flex}.room-topbar__actions{align-items:center;gap:14px;display:flex}.connection-pill{color:var(--ink-soft);white-space:nowrap;background:#ffffff73;border:1px solid #18324b24;border-radius:100px;align-items:center;gap:7px;padding:6px 10px;font-size:.68rem;display:inline-flex}.connection-pill>span{background:#8c969d;border-radius:50%;width:7px;height:7px}.connection-pill.is-online>span{background:#3c8a6f;box-shadow:0 0 0 4px #3c8a6f1f}.connection-pill.is-pending>span{background:var(--orange);animation:1.2s infinite pulse}.connection-pill.is-offline{color:var(--red)}.connection-pill.is-offline>span{background:var(--red)}.room-code{min-width:210px;color:var(--ink);text-align:left;cursor:pointer;background:#fffdf8b8;border:1px solid #18324b33;border-radius:6px;grid-template-columns:auto 1fr;align-items:baseline;column-gap:14px;padding:13px 18px;transition:border-color .15s,background .15s;display:grid}.room-code:hover{border-color:var(--blue);background:var(--white)}.room-code>span{color:var(--ink-soft);letter-spacing:.12em;font-size:.66rem}.room-code strong{letter-spacing:.14em;justify-self:end;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.28rem}.room-code small{color:#7a858e;text-align:right;grid-column:1/-1;margin-top:3px;font-size:.61rem}.room-code--compact{align-items:center;gap:8px;min-width:142px;padding:8px 11px;display:flex}.room-code--compact strong{font-size:.8rem}.room-code--compact small{display:none}.lobby-hero{justify-content:space-between;align-items:center;gap:40px;max-width:1380px;min-height:150px;margin:0 auto;padding:34px 0 28px;display:flex}.lobby-hero>div:first-child{max-width:760px}.lobby-hero h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.22}.lobby-hero p{color:var(--ink-soft);margin:0;line-height:1.7}.room-shell>.inline-notice,.preparation-shell>.inline-notice{max-width:1380px;margin:0 auto 14px}.lobby-layout{grid-template-columns:minmax(0,1.45fr) minmax(350px,.72fr);align-items:start;gap:22px;max-width:1380px;margin:0 auto;display:grid}.lobby-players,.scenario-card,.start-card{padding:28px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;min-width:0;margin-bottom:22px;display:flex}.section-heading>div:first-child{min-width:0;max-width:100%}.section-heading h2{overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:5px 0 0;font-size:1.45rem}.section-heading__aside{flex:none}.capacity-chip,.confidential-chip{border:1px solid var(--line);min-height:28px;color:var(--ink-soft);white-space:nowrap;background:#f1eee8;border-radius:100px;align-items:center;padding:5px 10px;font-size:.68rem;display:inline-flex}.capacity-chip.is-ready{background:var(--green-soft);color:#286454;border-color:#a8c7bb}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.seat-card{background:#f6f1e77a;border:1px dashed #d0cbc0;border-radius:6px;align-items:center;gap:11px;min-height:78px;padding:13px 14px 13px 40px;display:flex;position:relative}.seat-card.is-filled{background:#f7fafb;border-style:solid;border-color:#cad3da}.seat-card__number{color:#9aa3a9;font-family:ui-monospace,monospace;font-size:.62rem;position:absolute;top:10px;left:11px}.avatar{background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-family:Noto Serif SC,Songti SC,serif;font-size:.9rem;display:grid}.avatar--small{width:30px;height:30px;font-size:.72rem}.seat-card__copy{gap:3px;min-width:0;display:grid}.seat-card__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.seat-card__copy small{color:var(--ink-soft);font-size:.67rem}.presence-dot{background:#a2a9ae;border-radius:50%;flex:none;width:7px;height:7px;margin-left:auto}.presence-dot.is-online{background:#3a866d;box-shadow:0 0 0 3px #3a866d1c}.seat-card__empty{color:#929ba1;align-items:center;gap:10px;width:100%;display:flex}.seat-card__empty span{border:1px dashed #bfc3c3;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.05rem;display:grid}.seat-card__empty small{font-size:.67rem}.lobby-guidance{border-left:3px solid var(--orange);background:#faf3e6;align-items:center;gap:11px;margin-top:20px;padding:14px;display:flex}.lobby-guidance>span{border:1px solid var(--orange);width:25px;height:25px;color:var(--orange);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.lobby-guidance p{color:var(--ink-soft);margin:0;font-size:.72rem;line-height:1.55}.lobby-side{gap:18px;display:grid}.scenario-route{gap:0;display:grid}.scenario-route>div{grid-template-columns:20px 72px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;display:grid}.scenario-route>div small{color:var(--ink-soft);font-size:.7rem}.scenario-route>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.scenario-route>div .route-node{grid-row:auto}.scenario-route>i{border-left:1px dashed #8aa0b3;width:1px;height:18px;margin-left:6px}.scenario-facts{border-top:1px solid var(--line);margin:20px 0 0;padding-top:10px}.scenario-facts>div{justify-content:space-between;gap:18px;padding:8px 0;font-size:.72rem;display:flex}.scenario-facts dt{color:var(--ink-soft)}.scenario-facts dd{text-align:right;margin:0;font-weight:700}.scenario-form{gap:13px;display:grid}.scenario-form__hint{border-left:2px solid var(--orange);color:var(--ink-soft);background:#d28a3414;margin:0;padding:9px 11px;font-size:.66rem;line-height:1.55}.scenario-form input,.scenario-form select{min-height:40px}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.start-card h2{color:#fff;margin:8px 0 9px;font-size:1.55rem}.start-card p{color:#c8d5df;margin-bottom:20px;font-size:.77rem;line-height:1.65}.start-card .button{background:var(--orange);border-color:#e3aa67;box-shadow:0 7px 18px #0000002e}.waiting-pulse{color:#d4dee5;align-items:center;gap:5px;font-size:.76rem;display:flex}.waiting-pulse span{background:var(--orange);border-radius:50%;width:5px;height:5px;animation:1.2s infinite pulse}.waiting-pulse span:nth-child(2){animation-delay:.16s}.waiting-pulse span:nth-child(3){margin-right:7px;animation-delay:.32s}.waiting-pulse--ink{color:var(--ink-soft);justify-content:center}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:24px;display:flex}.empty-state__route{align-items:center;margin-bottom:16px;display:flex}.empty-state__route i{border-top:1px dashed #9aa8b2;width:42px}.empty-state__route i:nth-child(2){border:2px solid var(--orange);border-radius:50%;width:8px;height:8px}.empty-state h3{margin-bottom:7px;font-size:1.05rem}.empty-state p{max-width:400px;color:var(--ink-soft);margin:0;font-size:.75rem;line-height:1.6}.empty-state__action{margin-top:18px}.preparation-shell{background:radial-gradient(circle at 50% 38%,#ffffffbf,#0000 40%),linear-gradient(90deg,#0000 49.9%,#18324b09 50%,#0000 50.1%) 50%/18vw 100%;min-height:100vh;padding:0 max(24px,4vw) 70px}.room-topbar--floating{border-bottom-color:#18324b1a}.preparation-progress{grid-template-columns:repeat(3,1fr);align-items:start;max-width:720px;margin:38px auto 30px;display:grid}.preparation-progress>div{color:#869099;justify-items:center;gap:7px;font-size:.72rem;display:grid;position:relative}.preparation-progress>div:not(:last-child):after{content:"";border-top:1px dashed #b7bdc0;width:calc(100% - 50px);position:absolute;top:15px;left:calc(50% + 25px)}.preparation-progress span{z-index:1;background:var(--paper);border:1px solid #b6bdc1;border-radius:50%;place-items:center;width:31px;height:31px;font-family:Noto Serif SC,Songti SC,serif;display:grid;position:relative}.preparation-progress .is-active{color:var(--navy)}.preparation-progress .is-active span{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 0 0 5px #d28a341f}.preparation-stage{max-width:820px;margin:0 auto}.identity-card,.host-preparation{min-height:560px;padding:42px 50px;box-shadow:0 28px 75px #1f2f3c29}.identity-card:before,.identity-card:after{content:"";pointer-events:none;position:absolute}.identity-card:before{border:1px solid #18324b1c;inset:12px}.identity-card:after{border:1px solid #d28a3433;border-radius:50%;width:260px;height:260px;top:-120px;right:-110px}.identity-card--hunter{border-top:4px solid var(--red)}.identity-card--runner{border-top:4px solid var(--green)}.privacy-toggle{z-index:3;color:var(--ink-soft);cursor:pointer;background:#ffffff8c;border:1px solid #18324b2e;border-radius:100px;padding:6px 10px;font-size:.67rem;position:absolute;top:28px;right:30px}.identity-card__ornament{align-content:space-between;display:grid;position:absolute;top:48px;bottom:48px;left:34px}.identity-card__ornament:before{content:"";border-left:1px dashed #18324b33;position:absolute;top:9px;bottom:9px;left:4px}.identity-card__ornament i{z-index:1;border:2px solid var(--paper);background:var(--navy);width:9px;height:9px;box-shadow:0 0 0 1px var(--navy);border-radius:50%;position:relative}.identity-card__ornament i:nth-child(2){background:var(--orange);box-shadow:0 0 0 1px var(--orange)}.identity-card__content{z-index:2;text-align:center;max-width:590px;margin:0 auto;transition:filter .18s,opacity .18s;position:relative}.identity-card__role-mark{border:1px solid var(--navy);width:82px;height:82px;color:var(--navy);box-shadow:inset 0 0 0 6px var(--paper), inset 0 0 0 7px #18324b40;border-radius:50%;place-items:center;margin:18px auto;font-family:Noto Serif SC,Songti SC,serif;font-size:2rem;display:grid}.identity-card--hunter .identity-card__role-mark{border-color:var(--red);color:var(--red)}.identity-card--runner .identity-card__role-mark{border-color:var(--green);color:var(--green)}.identity-card__label{color:var(--ink-soft);margin-bottom:3px;font-size:.78rem}.identity-card h1{margin-bottom:12px;font-size:clamp(2.3rem,6vw,3.7rem)}.identity-card__mission{max-width:520px;color:var(--ink-soft);margin:0 auto 24px;font-size:.84rem;line-height:1.8}.identity-card__facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0 0 24px;display:grid}.identity-card__facts>div{gap:5px;padding:14px;display:grid}.identity-card__facts>div+div{border-left:1px solid var(--line)}.identity-card__facts small{color:var(--ink-soft);font-size:.68rem}.identity-card__facts strong{font-size:.8rem}.identity-card__concealment,.private-panel__cover{z-index:2;background:repeating-linear-gradient(45deg, transparent, transparent 12px, #18324b06 12px, #18324b06 24px), var(--paper);flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.identity-card__concealment>span,.private-panel__cover>span{color:var(--orange);margin-bottom:12px;font-size:2.2rem}.identity-card__concealment small,.private-panel__cover small{color:var(--ink-soft);margin-top:5px;font-size:.7rem}.identity-card.is-concealed .identity-card__concealment{display:flex}.identity-card.is-concealed .privacy-toggle{z-index:4}.secret-form{border:1px solid var(--line);text-align:left;background:#ffffff6b;border-radius:6px;gap:13px;padding:18px;display:grid}.secret-form>p{color:var(--ink-soft);margin:-2px 0 2px;font-size:.7rem;line-height:1.55}.submitted-state{background:var(--green-soft);text-align:left;border:1px solid #a5c7ba;border-radius:6px;align-items:center;gap:13px;padding:15px;display:flex}.submitted-state>span{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.submitted-state strong{font-size:.82rem}.submitted-state p{color:#4f6a61;margin:3px 0 0;font-size:.68rem;line-height:1.5}.submitted-state--large{justify-content:center;min-height:150px}.host-preparation>h1{margin:9px 0 12px;font-size:clamp(2rem,4vw,3rem)}.host-preparation>p{max-width:650px;color:var(--ink-soft);line-height:1.75}.host-progress-card{border:1px solid var(--line);background:#ffffff7a;border-radius:7px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:25px;margin:28px 0;padding:22px;display:grid}.ring-progress{--progress:0deg;background:conic-gradient(var(--orange) var(--progress), #dad7cf 0);text-align:center;border-radius:50%;place-content:center;width:104px;height:104px;display:grid;position:relative}.ring-progress:before{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:9px}.ring-progress strong,.ring-progress small{z-index:1;position:relative}.ring-progress strong{font-family:Noto Serif SC,Songti SC,serif;font-size:1.7rem}.ring-progress small{color:var(--ink-soft);font-size:.62rem}.host-progress-card>div:last-child>span{color:var(--ink-soft);font-size:.7rem}.host-progress-card h2{margin:5px 0 8px;font-size:1.45rem}.host-progress-card p{color:var(--ink-soft);margin:0;font-size:.75rem}.host-ready-list{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px;display:grid}.host-ready-list>div{border:1px solid var(--line);background:#fff6;border-radius:5px;align-items:center;gap:10px;padding:10px;display:flex}.host-ready-list strong{font-size:.75rem}.host-ready-list small{margin-left:auto;font-size:.65rem}.host-ready-list small.is-waiting{color:var(--orange)}.host-ready-list small.is-done{color:var(--green)}.game-shell{background:#ece8df;width:100%;max-width:100%;min-height:100vh;overflow-x:clip}.game-topbar{background:#fffdf8f5;border-bottom:1px solid #d2cec5;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;width:100%;min-width:0;max-width:100%;min-height:74px;padding:10px max(22px,3.2vw);display:grid}.game-topbar__brand,.game-topbar__status{align-items:center;gap:14px;min-width:0;display:flex}.game-topbar__status{justify-content:flex-end}.game-topbar__round{border-left:1px solid var(--line);border-right:1px solid var(--line);align-items:center;gap:15px;min-width:0;padding:0 18px;display:flex}.game-topbar__round>span,.game-topbar__round>div span{color:var(--ink-soft);font-size:.62rem;display:block}.game-topbar__round>strong{font-family:Noto Serif SC,Songti SC,serif;font-size:1.7rem}.game-topbar__round>strong small{color:var(--ink-soft);font-family:inherit;font-size:.75rem}.game-topbar__round>i{background:var(--orange);border-radius:50%;width:5px;height:5px}.game-topbar__round>div b{font-size:.78rem}.countdown{border:1px solid var(--line);background:#f6f3ed;border-radius:5px;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;min-width:112px;padding:7px 10px;display:grid}.countdown__label{color:var(--ink-soft);font-size:.61rem}.countdown strong{font-family:ui-monospace,Consolas,monospace;font-size:.9rem}.countdown--urgent{background:var(--red-soft);color:var(--red);border-color:#d19d94}.phase-rail{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;background:#f7f4ed;border-bottom:1px solid #d4d0c7;grid-template-columns:repeat(8,minmax(100px,1fr));width:100%;min-width:0;max-width:100%;display:grid;overflow-x:auto}.phase-rail__step{color:#899198;border-right:1px solid #dfdcd4;align-items:center;gap:8px;min-height:54px;padding:8px 13px;display:flex;position:relative}.phase-rail__step>span{border:1px solid #bac0c4;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:.61rem;display:grid}.phase-rail__step small{white-space:nowrap;font-size:.66rem}.phase-rail__step.is-done{color:var(--green)}.phase-rail__step.is-done>span{border-color:var(--green);background:var(--green-soft)}.phase-rail__step.is-current{background:var(--navy);color:#fff}.phase-rail__step.is-current:after{content:"";background:var(--navy);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.phase-rail__step.is-current>span{border-color:var(--orange);background:var(--orange)}.game-content{width:100%;min-width:0;max-width:1560px;margin:0 auto;padding:24px max(18px,2.4vw) 60px}.game-content>.inline-notice,.winner-banner{margin-bottom:14px}.game-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px) minmax(280px,350px);align-items:start;gap:16px;width:100%;min-width:0;max-width:100%;display:grid}.game-main-column,.game-side-column{gap:16px;min-width:0;max-width:100%;display:grid}.game-grid>*,.game-main-column>*,.game-side-column>*{min-width:0;max-width:100%}.scene-board,.action-panel,.player-roster,.public-log,.private-panel,.host-console{padding:20px}.scene-board .section-heading{margin-bottom:12px}.scene-board .section-heading h2{line-height:1.28}.map-legend,.live-label{color:var(--ink-soft);align-items:center;gap:7px;font-size:.65rem;display:inline-flex}.map-legend i,.live-label i{background:var(--orange);border-radius:50%;width:7px;height:7px}.live-label i{background:var(--green);box-shadow:0 0 0 3px #3372621a}.map-canvas{background:radial-gradient(circle at 68% 30%,#d28a341a,#0000 25%),linear-gradient(127deg,#ebe7dc 0 36%,#f5f1e8 36% 58%,#e8e4d9 58% 100%);border:1px solid #cbc7bd;border-radius:6px;min-height:360px;position:relative;overflow:hidden}.map-texture{opacity:.42;background:radial-gradient(circle,#8798a5 1px,#0000 1.4px) 0 0/42px 42px,linear-gradient(32deg,#0000 47%,#18324b1a 48% 49%,#0000 50%) 0 0/150px 120px;position:absolute;inset:0}.map-route-line{border:2px dashed #2c628d73;border-color:#2c628d73 #2c628d73 #0000 #0000;border-radius:50%;width:58%;height:42%;position:absolute;top:31%;left:20%;transform:rotate(-7deg)}.map-route-line i{background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute}.map-route-line i:first-child{top:4%;left:12%}.map-route-line i:nth-child(2){top:-3%;left:40%}.map-route-line i:nth-child(3){top:12%;right:25%}.map-route-line i:nth-child(4){background:var(--orange);top:40%;right:1%}.landmark,.treasure-pin,.self-pin{z-index:2;background:#fffdf8eb;border:1px solid #18324b38;border-radius:5px;grid-template-columns:18px auto;align-items:center;column-gap:8px;padding:8px 10px;display:grid;position:absolute;box-shadow:0 7px 18px #18324b17}.landmark .route-node{grid-row:1/span 2}.landmark small,.treasure-pin small,.self-pin small{color:var(--ink-soft);font-size:.56rem}.landmark strong,.treasure-pin strong,.self-pin strong{white-space:nowrap;font-size:.72rem}.landmark--start{bottom:18%;left:7%}.landmark--waypoint{top:20%;left:40%}.landmark--destination{bottom:22%;right:6%}.treasure-pin{background:#fff3d7;border-color:#d7aa65;top:49%;right:25%}.treasure-pin>span{color:var(--orange);grid-row:1/span 2;font-size:1.05rem}.self-pin{background:#e9f4ef;border-color:#78a99a;bottom:35%;left:26%}.self-pin>span{background:var(--green);color:#fff;border-radius:50%;grid-row:1/span 2;place-items:center;width:26px;height:26px;font-size:.58rem;font-weight:800;display:grid}.scene-board__footer{color:var(--ink-soft);align-items:center;gap:18px;padding-top:13px;font-size:.64rem;display:flex}.scene-board__footer>span{align-items:center;gap:5px;display:inline-flex}.scene-board__footer .text-button{margin-left:auto;font-size:.65rem}.legend-dot{border-radius:50%;width:6px;height:6px}.legend-dot--blue{background:var(--blue)}.legend-dot--orange{background:var(--orange)}.player-list{gap:6px;display:grid}.player-row{background:#fbfaf6;border:1px solid #dedbd3;border-radius:5px;align-items:center;gap:9px;min-height:50px;padding:8px;display:flex}.player-row__seat{color:#89939a;text-align:center;width:18px;font-family:ui-monospace,monospace;font-size:.62rem}.player-row>div{min-width:0;display:grid}.player-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.player-row small{color:var(--ink-soft);font-size:.61rem}.player-row--captured,.player-row--stranded,.player-row--escaped{opacity:.7}.player-row--captured .avatar,.player-row--stranded .avatar{background:#777f85}.player-row--escaped .avatar{background:var(--green)}.privacy-caption{border-top:1px solid var(--line);color:var(--ink-soft);align-items:flex-start;gap:7px;margin:15px 0 0;padding-top:12px;font-size:.62rem;line-height:1.5;display:flex}.privacy-caption>span{color:var(--green)}.privacy-caption--center{text-align:center;border-top:0;justify-content:center}.private-panel{min-height:420px}.private-panel__header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex;position:relative}.private-panel__header h2{color:#fff;margin:4px 0 0;font-size:1.25rem}.private-panel__header button{color:#d1dce5;cursor:pointer;background:0 0;border:1px solid #ffffff3b;border-radius:100px;padding:5px 9px;font-size:.62rem}.private-panel__body{z-index:1;position:relative}.role-strip{background:#ffffff0f;border:1px solid #ffffff26;border-radius:5px;align-items:center;gap:10px;padding:11px;display:flex}.role-strip>span{border:1px solid var(--orange);width:35px;height:35px;color:var(--orange);border-radius:50%;place-items:center;font-family:Noto Serif SC,Songti SC,serif;display:grid}.role-strip>div{display:grid}.role-strip small{color:#9fb2c2;font-size:.58rem}.role-strip strong{font-size:.82rem}.role-strip em{color:#b8c7d2;margin-left:auto;font-size:.66rem;font-style:normal}.private-location{border-bottom:1px solid #ffffff24;padding:17px 2px;display:grid}.private-location small{color:#9fb2c2;font-size:.62rem}.private-location strong{color:#fff;margin:3px 0;font-family:Noto Serif SC,Songti SC,serif;font-size:1.55rem}.private-location span{color:#9fb2c2;font-size:.6rem}.private-stats{border-bottom:1px solid #ffffff24;grid-template-columns:1fr 1fr;display:grid}.private-stats>div{gap:3px;padding:12px 5px;display:grid}.private-stats>div:nth-child(odd){border-right:1px solid #ffffff1f}.private-stats small{color:#9fb2c2;font-size:.58rem}.private-stats strong{font-size:.69rem}.private-stats strong.is-good{color:#7ec3aa}.visited-regions{border-bottom:1px solid #ffffff24;padding:11px 0}.visited-regions summary{color:#b8c7d2;cursor:pointer;font-size:.64rem}.visited-regions>div{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.visited-regions span{color:#d7e0e7;border:1px solid #ffffff24;border-radius:3px;padding:4px 6px;font-size:.57rem}.hand-section{padding-top:13px}.hand-section__title{justify-content:space-between;margin-bottom:8px;font-size:.68rem;display:flex}.hand-section__title span{color:#9fb2c2}.hand-list{gap:7px;display:grid}.hand-card{border:1px solid #ffffff26;border-left:3px solid var(--orange);background:#ffffff0e;border-radius:4px;padding:9px}.hand-card>div{color:#9fb2c2;justify-content:space-between;font-size:.54rem;display:flex}.hand-card>strong{margin:3px 0;font-size:.72rem;display:block}.hand-card p{color:#adbecb;margin:0;font-size:.57rem;line-height:1.45}.hand-card.is-locked{opacity:.55;border-left-color:#82909b}.hand-card.is-special{border-left-color:var(--red)}.hand-empty{color:#8fa4b4;text-align:center;border:1px dashed #ffffff26;margin:0;padding:12px;font-size:.62rem}.private-notices{gap:6px;margin-top:12px;display:grid}.private-notices>strong{font-size:.68rem}.private-notices>div{color:#bdcbd5;gap:6px;display:flex}.private-notices>div>span{color:var(--orange)}.private-notices p,.private-notices b{margin:0;font-size:.58rem;line-height:1.45}.private-notices b{color:#fff;display:block}.private-panel__cover{background:var(--navy-deep);color:#fff}.private-panel.is-hidden .private-panel__cover{display:flex}.private-panel.is-hidden .private-panel__header{z-index:4}.private-panel.is-hidden .private-panel__header>div{opacity:0}.action-panel .section-heading{margin-bottom:12px}.action-form{gap:14px;display:grid}.action-form__description{color:var(--ink-soft);margin:0;font-size:.75rem;line-height:1.6}.task-question{border:0;border-left:3px solid var(--orange);background:#fff3dd;margin:0;padding:18px;font-family:Noto Serif SC,Songti SC,serif;font-size:1.05rem;line-height:1.7}.task-question span{color:var(--orange);letter-spacing:.12em;margin-bottom:5px;font-family:Noto Sans SC,sans-serif;font-size:.62rem;font-weight:800;display:block}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option-grid button{min-height:76px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff8c;border:1px solid #d4c8b6;border-radius:5px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-content:center;column-gap:9px;padding:10px;transition:border-color .15s,background .15s,transform .15s;display:grid}.option-grid button:hover:not(:disabled){border-color:var(--blue);transform:translateY(-1px)}.option-grid button.is-selected{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#edf2f5}.option-grid button:disabled{opacity:.45;cursor:not-allowed}.option-grid__mark{width:27px;height:27px;color:var(--navy);border:1px solid #aeb9c1;border-radius:50%;grid-row:1/span 2;place-items:center;font-size:.66rem;font-weight:800;display:grid}.option-grid button.is-selected .option-grid__mark{border-color:var(--navy);background:var(--navy);color:#fff}.option-grid button strong{font-size:.73rem}.option-grid button small{color:var(--ink-soft);font-size:.59rem;line-height:1.4}.destination-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.action-helper{color:#755329;background:#d28a341a;border-radius:4px;align-items:flex-start;gap:8px;margin:0;padding:9px 11px;font-size:.64rem;line-height:1.5;display:flex}.action-helper>span{border:1px solid var(--orange);width:18px;height:18px;color:var(--orange);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.public-log{flex-direction:column;max-height:calc(100vh - 168px);display:flex;position:sticky;top:16px}.public-log .section-heading{flex:none}.event-list{scrollbar-color:#c2c6c6 transparent;scrollbar-width:thin;min-height:120px;max-height:calc(100vh - 390px);margin:0;padding:0 5px 0 0;list-style:none;overflow-y:auto}.event{grid-template-columns:29px minmax(0,1fr);gap:9px;padding:0 0 18px;display:grid;position:relative}.event:not(:last-child):before{content:"";border-left:1px solid #d8d9d6;position:absolute;top:29px;bottom:0;left:14px}.event__mark{z-index:1;width:29px;height:29px;color:var(--blue);background:#f4f6f6;border:1px solid #c3cbd0;border-radius:50%;place-items:center;font-size:.7rem;display:grid;position:relative}.event--capture .event__mark,.event--victory .event__mark{background:var(--red-soft);color:var(--red);border-color:#d1a09a}.event--alarm .event__mark,.event--treasure .event__mark{color:var(--orange);background:#fff3d9;border-color:#ddb875}.event__meta{color:#879198;gap:8px;margin:1px 0 3px;font-size:.56rem;display:flex}.event strong{font-size:.73rem}.event p{color:var(--ink-soft);margin:3px 0 0;font-size:.64rem;line-height:1.5}.public-log .empty-state{min-height:240px}.chat-placeholder{background:#f6f4ef;border:1px dashed #c8c7c1;border-radius:5px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.chat-placeholder>span{width:28px;height:28px;color:var(--ink-soft);background:#e3e5e4;border-radius:50%;flex:none;place-items:center;display:grid}.chat-placeholder>div{display:grid}.chat-placeholder strong{font-size:.66rem}.chat-placeholder small{color:var(--ink-soft);font-size:.56rem;line-height:1.45}.host-console{min-width:0;max-width:100%;overflow:hidden}.host-console .inline-notice{margin-bottom:14px}.confidential-chip{background:var(--red-soft);color:var(--red);border-color:#d5a19a}.host-table-wrap{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.host-table{border-collapse:collapse;width:100%;min-width:720px;font-size:.68rem}.host-table th{border-bottom:2px solid var(--navy);color:var(--ink-soft);text-align:left;padding:9px;font-size:.61rem}.host-table td{border-bottom:1px solid var(--line);padding:10px 9px}.host-table td:first-child{gap:2px;display:grid}.host-table td:first-child small{color:var(--ink-soft);font-size:.57rem}.role-badge,.submission{color:var(--ink-soft);background:#e9ecee;border-radius:100px;padding:4px 7px;font-size:.58rem;display:inline-flex}.role-badge--hunter{background:var(--red-soft);color:var(--red)}.role-badge--runner,.submission.is-done{background:var(--green-soft);color:var(--green)}.resolution-hint{color:var(--ink-soft);background:#edf2f5;gap:8px;margin:14px 0 0;padding:10px;font-size:.65rem;display:flex}.resolution-hint span{color:var(--orange)}.host-console__actions{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.winner-banner{box-shadow:var(--shadow-soft);background:linear-gradient(120deg,#fff3d9,#fffaf0);border:1px solid #cfaa72;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 24px;display:grid}.winner-banner__seal{border:1px solid var(--orange);width:54px;height:54px;color:var(--orange);border-radius:50%;place-items:center;font-family:Noto Serif SC,Songti SC,serif;font-size:1.35rem;display:grid;box-shadow:inset 0 0 0 4px #fff5e1,inset 0 0 0 5px #d28a344d}.winner-banner h1{margin:4px 0 3px;font-size:1.75rem}.winner-banner p{color:var(--ink-soft);margin:0;font-size:.74rem}.winner-banner__note{text-align:right;border-left:1px solid #dfc89f;padding-left:20px;display:grid}.winner-banner__note strong{font-size:.68rem}.winner-banner__note small{color:var(--ink-soft);font-size:.59rem}.loading-shell,.error-shell{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loading-route{align-items:center;margin-bottom:25px;display:flex}.loading-route span{border:3px solid var(--paper);background:var(--navy);width:13px;height:13px;box-shadow:0 0 0 1px var(--navy);border-radius:50%;animation:1.4s infinite pulse}.loading-route span:nth-of-type(2){background:var(--orange);box-shadow:0 0 0 1px var(--orange);animation-delay:.2s}.loading-route span:nth-of-type(3){background:var(--paper);box-shadow:0 0 0 2px var(--orange);animation-delay:.4s}.loading-route i{border-top:1px dashed #8fa0ac;width:55px}.loading-shell h1{margin-bottom:8px;font-size:2rem}.loading-shell p{color:var(--ink-soft);margin-bottom:22px}.error-shell .panel{text-align:left;width:min(560px,100%);padding:24px}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1c2c94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--paper);border-radius:8px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 90px #00000047}.modal__close{cursor:pointer;background:#e9e5dc;border:0;border-radius:50%;width:32px;height:32px;position:absolute;top:14px;right:16px}.modal h2{margin:8px 0;font-size:1.7rem}.modal__description{color:var(--ink-soft);font-size:.78rem;line-height:1.6}.tutorial-button{min-height:40px;color:var(--ink);cursor:pointer;white-space:nowrap;background:#fffdf8b8;border:1px solid #18324b38;border-radius:100px;align-items:center;gap:7px;padding:7px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.tutorial-button:hover{border-color:var(--blue);background:var(--white)}.tutorial-button>span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.68rem;display:grid}.tutorial-overlay{z-index:400;pointer-events:none;isolation:isolate;position:fixed;inset:0}.tutorial-shade{z-index:0;pointer-events:auto;background:#071421ad;animation:.16s ease-out both tutorial-shade-in;position:fixed}.tutorial-spotlight{z-index:1;pointer-events:none;border:2px solid #f1a23f;border-radius:10px;animation:.18s ease-out both tutorial-spotlight-in;position:fixed;box-shadow:0 0 0 3px #fffaf06b,0 0 24px #f09b37b3}.tutorial-cue{border:1px solid #d28a3494;border-left:4px solid var(--orange);color:var(--ink);background:#fffaf0;border-radius:8px;padding:16px;box-shadow:0 12px 28px #1f2f3c21}.tutorial-cue--floating{z-index:3;pointer-events:auto;width:min(360px,100% - 24px);margin:0;animation:.18s ease-out both tutorial-cue-in;position:fixed;overflow-y:auto;box-shadow:0 18px 48px #030f1a57}.tutorial-cue-arrow{z-index:2;pointer-events:none;background:#fffaf0;width:15px;height:15px;position:fixed;transform:translate(-50%)rotate(45deg)}.tutorial-cue-arrow[data-placement=bottom]{border-top:1px solid #d28a3494;border-left:1px solid #d28a3494}.tutorial-cue-arrow[data-placement=top]{border-bottom:1px solid #d28a3494;border-right:1px solid #d28a3494}.tutorial-cue__heading{gap:7px;display:grid}.tutorial-cue__heading>span{color:var(--orange-deep);letter-spacing:.08em;align-items:center;gap:6px;font-size:.65rem;font-weight:800;display:inline-flex}.tutorial-cue__heading i{background:var(--orange);color:#fff;letter-spacing:0;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.62rem;font-style:normal;display:grid}.tutorial-cue__heading strong{font-size:1rem}.tutorial-cue__body{color:var(--ink-soft);margin-top:8px;font-size:.78rem;line-height:1.65}.tutorial-cue__body p{color:var(--ink-soft);margin:0}.tutorial-cue__actions{justify-content:flex-end;gap:9px;margin-top:13px;display:flex}.tutorial-cue__actions button{min-height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px 11px;font-size:.72rem;font-weight:700}.tutorial-cue__actions button.is-primary{background:var(--navy);color:#fff}@keyframes tutorial-shade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-spotlight-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-cue-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tutorial-shade,.tutorial-spotlight,.tutorial-cue--floating{animation:none}}@media (forced-colors:active){.tutorial-shade{background:#000000d1}.tutorial-spotlight,.tutorial-cue-arrow,.tutorial-cue--floating{border-color:canvastext}}.tutorial-layer{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b1c2c9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tutorial{border:1px solid var(--line);background:var(--paper);border-radius:10px;width:min(720px,100%);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 30px 90px #0000004d}.tutorial__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tutorial__kicker{color:var(--orange);letter-spacing:.18em;font-size:.68rem;font-weight:800}.tutorial__header h1{margin:5px 0 0;font-size:2rem}.tutorial__close{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#e9e5dc;border:0;border-radius:50%;flex:none;font-size:1.3rem}.tutorial__audience{border:1px solid var(--line);background:#ece7dc;border-radius:7px;grid-template-columns:1fr 1fr;margin:24px 0 22px;padding:4px;display:grid}.tutorial__audience button{min-height:42px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;font-weight:700}.tutorial__audience button.is-active{background:var(--white);color:var(--navy);box-shadow:0 2px 8px #1f2f3c1a}.tutorial__progress{grid-template-columns:repeat(5,1fr);margin-bottom:26px;display:grid}.tutorial__progress button{color:#8a939a;cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;min-width:0;min-height:52px;display:grid;position:relative}.tutorial__progress button:not(:last-child):after{content:"";border-top:1px dashed #b7bdc0;width:calc(100% - 28px);position:absolute;top:13px;left:calc(50% + 14px)}.tutorial__progress span{z-index:1;background:var(--paper);border:1px solid #aeb6bb;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.68rem;font-weight:800;display:grid;position:relative}.tutorial__progress small{font-size:.66rem}.tutorial__progress button.is-current,.tutorial__progress button.is-done{color:var(--navy)}.tutorial__progress button.is-current span{border-color:var(--orange);background:var(--orange);color:#fff}.tutorial__progress button.is-done span{border-color:var(--navy);background:var(--navy);color:#fff}.tutorial__step{border:1px solid var(--line);border-left:4px solid var(--orange);background:var(--white);border-radius:7px;min-height:235px;padding:24px}.tutorial__step>span{color:var(--ink-soft);font-size:.7rem}.tutorial__step h2{margin:7px 0 18px;font-size:1.6rem}.tutorial__step ol{counter-reset:tutorial-item;gap:12px;margin:0;padding:0;list-style:none;display:grid}.tutorial__step li{min-height:28px;color:var(--ink-soft);counter-increment:tutorial-item;padding:4px 0 4px 38px;font-size:.86rem;line-height:1.55;position:relative}.tutorial__step li:before{content:counter(tutorial-item);background:var(--paper-deep);width:27px;height:27px;color:var(--navy);border-radius:50%;place-items:center;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:1px;left:0}.tutorial__actions{justify-content:space-between;align-items:center;gap:18px;margin-top:22px;display:flex}.tutorial__actions>div{gap:10px;display:flex}.tutorial__skip{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0}@media (width<=1240px){.game-topbar{grid-template-columns:1fr auto}.game-topbar__round{border:0;border-top:1px solid var(--line);grid-area:2/1/auto/-1;justify-content:center;padding:8px 0 0}.game-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.public-log{grid-column:1/-1;max-height:none;position:static}.event-list{max-height:430px}}@media (width<=960px){.landing-grid{grid-template-columns:minmax(0,520px);padding-top:50px}.hero-copy,.entry-card{justify-self:center;max-width:680px}.entry-card{width:min(520px,100%)}.landing-footer{flex-wrap:wrap;height:auto;padding:18px 0;position:relative;left:auto;right:auto}.lobby-layout{grid-template-columns:1fr}.lobby-side{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:1fr}.game-side-column{grid-template-columns:1fr 1fr;align-items:start}.public-log{grid-column:auto}.map-canvas{min-height:330px}}@media (width<=720px){.landing-shell{padding:0 20px}.landing-nav{height:72px}.landing-grid{min-height:auto;padding:42px 0 45px}.hero-copy h1{margin-top:15px;font-size:clamp(2.65rem,15vw,4rem)}.hero-copy>p{font-size:.9rem}.hero-route{grid-template-columns:1fr;align-items:start;gap:10px;padding-left:10px}.hero-route>i{border-top:0;border-left:1px dashed #8aa0b3;width:1px;height:18px;margin:-4px 0 -4px 6px}.hero-notes{flex-wrap:wrap;gap:10px 20px}.entry-card{padding:28px 23px}.landing-footer span:nth-child(2n){display:none}.room-shell,.preparation-shell{padding:0 15px 45px}.room-topbar{height:auto;min-height:68px}.room-topbar__actions .connection-pill,.room-topbar__actions .room-code{display:none}.lobby-hero{flex-direction:column;align-items:stretch;min-height:auto;padding:34px 0 25px}.lobby-hero .room-code{width:100%}.lobby-side,.seat-grid,.host-ready-list{grid-template-columns:1fr}.lobby-players,.scenario-card,.start-card{padding:21px}.preparation-progress{margin:25px auto 22px}.preparation-progress strong{font-size:.66rem}.identity-card,.host-preparation{min-height:520px;padding:72px 24px 30px}.identity-card__ornament{display:none}.privacy-toggle{top:24px;right:22px}.host-progress-card{text-align:center;grid-template-columns:1fr;justify-items:center}.game-topbar{grid-template-columns:1fr;gap:8px;padding:10px 15px}.game-topbar__brand,.game-topbar__status{justify-content:space-between}.game-topbar__brand .room-code,.game-topbar__status .connection-pill,.game-topbar__status .text-button{display:none}.tutorial-layer{place-items:end center;padding:0}.tutorial{border-radius:14px 14px 0 0;width:100%;max-height:calc(100dvh - 12px);padding:22px 18px 18px}.tutorial__header h1{font-size:1.65rem}.tutorial__audience{margin:18px 0}.tutorial__progress{margin:0 -6px 18px}.tutorial__progress small{font-size:.6rem}.tutorial__step{min-height:0;padding:19px 17px}.tutorial__step h2{font-size:1.35rem}.tutorial__actions{align-items:flex-end}.tutorial__actions>div{justify-content:flex-end}.game-topbar__round{grid-area:auto;justify-content:flex-start}.phase-rail{grid-template-columns:repeat(8,112px)}.game-content{padding:14px 12px 40px}.game-side-column{grid-template-columns:1fr}.scene-board,.action-panel,.player-roster,.public-log,.private-panel,.host-console{padding:16px}.map-canvas{min-height:390px}.landmark--start{bottom:11%;left:5%}.landmark--waypoint{top:15%;left:18%}.landmark--destination{bottom:24%;right:4%}.treasure-pin{top:40%;right:5%}.self-pin{bottom:34%;left:12%}.scene-board__footer{flex-wrap:wrap}.scene-board__footer .text-button{text-align:left;width:100%;margin-left:0}.option-grid,.destination-fields{grid-template-columns:1fr}.winner-banner{grid-template-columns:auto 1fr}.winner-banner__note{text-align:left;border-top:1px solid #dfc89f;border-left:0;grid-column:1/-1;padding:12px 0 0}.host-console__actions,.form-actions{flex-direction:column-reverse}.host-console__actions .button,.form-actions .button{width:100%}}@media (width<=420px){.brand small{display:none}.entry-card__heading{align-items:flex-start}.hero-notes{display:grid}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:8px 12px}.section-heading__aside{max-width:100%}.identity-card__facts{grid-template-columns:1fr}.identity-card__facts>div+div{border-top:1px solid var(--line);border-left:0}.countdown{min-width:103px}.tutorial-button{padding:7px 9px}.tutorial-button>span,.tutorial__progress small{display:none}.tutorial__progress button{min-height:34px}.tutorial__actions{flex-direction:column;align-items:stretch}.tutorial__actions>div,.tutorial__actions .button{width:100%}.tutorial__skip{align-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}