:root{--ink:#1b140c;--paper:#fff6e3;--gold:#f2c14e;--gold-deep:#d39a1f;--navy:#1d3a6e;--thief:#2f6b32;--danger:#c4472f;--panel:#12100ec7;--line:#ffecc42e;color:var(--paper);background:#0e0c0a;font-family:Trebuchet MS,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.hidden{display:none!important}.screen{min-height:100%;position:relative}.kicker{letter-spacing:.28em;text-transform:uppercase;opacity:.7;margin:0 0 8px;font-size:12px}h1,h2{margin:0}.btn{color:var(--ink);background:#ece3d0;border:0;border-radius:10px;padding:12px 22px;box-shadow:0 3px #b9aa8c}.btn.primary{background:linear-gradient(#ffe38a, var(--gold));box-shadow:0 4px 0 var(--gold-deep);min-width:220px;font-size:18px;font-weight:800}.btn.ghost{color:var(--paper);box-shadow:none;border:1px solid var(--line);background:0 0}.btn.mini{min-width:0;padding:6px 12px;font-size:13px}.btn:active{box-shadow:none;transform:translateY(2px)}.hint{opacity:.7;font-size:13px}.loading-screen{z-index:100;text-align:center;background:#0e0c0a;place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:24px;transition:opacity .22s;display:grid;position:fixed;inset:0}.loading-screen.is-ready{opacity:0}.loading-screen h1{color:#fff6e3;letter-spacing:.08em;text-shadow:2px 3px #3a2a10;font-size:clamp(36px,7vw,62px)}.loading-screen p{color:#fff6e3b8;min-height:24px;margin:2px 0 8px}.loading-mark{border:3px solid #f2c14e33;border-top-color:var(--gold);border-radius:50%;width:72px;height:72px;margin-bottom:4px;animation:.9s linear infinite loading-spin;position:relative}.loading-mark i,.loading-mark span{background:var(--gold);border-radius:2px;width:15px;height:7px;margin-top:-3px;position:absolute;top:50%}.loading-mark i{left:12px}.loading-mark span{background:#ece3d0;right:12px}.loading-progress{background:#2a241c;border-radius:3px;width:min(320px,100vw - 48px);height:6px;overflow:hidden}.loading-progress i{background:var(--gold);width:0;height:100%;transition:width .16s;display:block}#loading-percent{min-width:48px;color:var(--gold);font-variant-numeric:tabular-nums}#btn-loading-retry{margin-top:8px}@keyframes loading-spin{to{transform:rotate(360deg)}}#screen-title{background:#1a1208 url(/assets/map.jpg) 50%/cover no-repeat;place-items:center;padding:18px;display:grid}#screen-title:before{content:"";background:linear-gradient(#50320a59,#140c04c7);position:absolute;inset:0}.title-card{text-align:center;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:36px 40px 28px;position:relative}.title-layout{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:stretch;gap:14px;width:min(1120px,100%);display:grid;position:relative}.brand-logo{object-fit:contain;filter:drop-shadow(0 8px 12px #00000061);width:112px;height:112px;margin:-18px auto 2px;display:block}.title-card h1{color:#fff;text-shadow:3px 4px #3a2a10,0 0 18px #ffc84673;letter-spacing:.08em;font-size:clamp(48px,8vw,84px)}.tagline{opacity:.85;margin:8px 0 24px}.title-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.title-actions .btn{min-width:180px}.public-rooms{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12100ee0;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;min-height:430px;padding:18px;display:grid}.public-rooms>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.public-rooms h2{font-size:20px}.public-rooms header p,.public-room-status{color:#fff6e394;margin:3px 0 0;font-size:12px}.public-room-list{align-content:start;gap:6px;min-height:210px;display:grid;overflow-y:auto}.public-room{border-bottom:1px solid #ffecc41a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:9px 10px;display:grid}.public-room strong{color:var(--gold);font-family:JetBrains Mono,SF Mono,ui-monospace,monospace}.public-room span{color:#fff6e3a6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.public-room .btn{grid-area:1/2/3}.public-room-status{text-align:center;min-height:18px}.public-rooms>.btn.primary{width:100%;min-width:0}#screen-setup{background:linear-gradient(#080a10e0,#080a10eb),url(/assets/map.jpg) 50%/cover;place-items:center;padding:12px 18px;display:grid}.setup-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(1160px,100%);padding:16px 18px 14px}.setup-head,.setup-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-panel{background:#f2c14e12;border:1px solid #f2c14e59;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:6px 18px;margin-top:10px;padding:10px 12px;display:grid}.room-summary,.room-connection{align-items:center;gap:8px;display:flex}.room-summary strong{color:var(--gold);letter-spacing:.08em;font:800 20px/1 JetBrains Mono,SF Mono,ui-monospace,monospace}.room-connection{justify-self:end;font-size:13px}.room-connection i{background:#8a8174;border-radius:50%;width:9px;height:9px}.room-connection.is-ready i{background:#56d879;box-shadow:0 0 0 3px #56d87924}.room-connection.is-error i{background:var(--danger)}.room-panel p{color:#fff6e39e;grid-column:1/-1;margin:0;font-size:12px}.setup-grid{grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);grid-template-areas:"role articles""player articles""ai articles";gap:10px;margin:10px 0;display:grid}.setup-role{grid-area:role}.setup-player-vehicle{grid-area:player}.setup-ai-vehicle{grid-area:ai}.setup-articles{grid-area:articles}.block{border:1px solid var(--line);border-radius:12px;margin:0;padding:8px}.block legend{color:var(--gold);padding:0 8px}.role-picks,.veh-picks{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.pick{color:inherit;background:#ffffff0a;border:2px solid #0000;border-radius:12px;justify-items:center;gap:4px;padding:6px 8px;display:grid}.pick img{object-fit:contain;filter:drop-shadow(0 5px #00000040);width:auto;height:58px}.pick small{opacity:.65;font-size:12px}.pick .room-occupant{min-height:20px;color:var(--ink);background:var(--gold);border-radius:3px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:800}.pick.on{border-color:var(--gold);background:#f2c14e1f}.setup-panel.is-room-guest .setup-player-vehicle,.setup-panel.is-room-guest .setup-ai-vehicle,.setup-panel.is-room-guest .setup-articles{opacity:.6}.setup-panel.is-room-guest .veh-picks,.setup-panel.is-room-guest .article-list,.setup-panel.is-room-guest textarea{pointer-events:none}.articles .article-list{gap:6px;margin-bottom:6px;display:grid}.article{text-align:left;color:inherit;background:#ffffff0a;border:1px solid #0000;border-radius:8px;padding:6px 8px}.article b{display:block}.article small{opacity:.65}.article.on{border-color:var(--gold)}.custom-label{opacity:.8;margin:6px 0 4px;font-size:13px;display:block}textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--paper);background:#00000059;border-radius:8px;padding:8px 10px}@media (width>=701px){#screen-setup{min-height:100dvh}.setup-head h2{font-size:24px}.setup-head .btn{padding:9px 18px}.setup-foot .btn.primary{padding:10px 22px}.setup-articles textarea{min-height:58px;max-height:92px}}#screen-play{background:#8ec8e6;grid-template-rows:minmax(0,1fr) auto;height:100%;max-height:100%;display:grid;overflow:hidden}.play-stage{min-height:0;position:relative;overflow:hidden}#map-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.play-hud{top:calc(var(--map-top,0px) + 10px);left:calc(var(--map-left,0px) + 10px);right:calc(var(--map-right,0px) + 10px);flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute}.stat{border:1px solid var(--line);white-space:nowrap;background:#0c0e129e;border-radius:10px;align-items:baseline;gap:6px;padding:6px 10px;display:flex}.stat span{opacity:.7;font-size:12px}.stat b{font-size:18px}.stat small{opacity:.6}.play-hud .btn{margin-left:auto}.type-dock{z-index:5;border-top:3px solid var(--gold);background:#14110d;padding:10px 16px 14px;position:relative;overflow:hidden}.type-progress{background:#2a241c;border-radius:99px;height:6px;margin-bottom:8px;overflow:hidden}.type-progress i{background:var(--gold);width:0;height:100%;display:block}.type-line{white-space:nowrap;letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:clamp(18px,2.4vw,28px);line-height:1.6;overflow:hidden}.type-line .done{color:#7dff9a}.type-line .todo{color:#8a8174}.type-line .cur{color:#fff;background:var(--navy);border-radius:4px;padding:0 3px;box-shadow:0 0 0 2px #f2c14eb3}.type-line .cur.blink{animation:1s step-end infinite caret}.type-hint{opacity:.65;margin:8px 0 0;font-size:13px}@keyframes caret{50%{background:#4d6eaa}}#screen-result{--result-fx:url(/assets/result-caught-fx.webp);background:linear-gradient(#080a10c2,#080a10e0),url(/assets/map.jpg) 50%/cover no-repeat;place-items:center;padding:16px;display:grid}#screen-result[data-outcome=finished]{--result-fx:url(/assets/result-escaped-fx.webp)}.result-card{background:linear-gradient(90deg, #12100eeb, #12100ecc, #12100eeb), var(--result-fx) center / cover no-repeat, #12100e;border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:16px;flex-direction:column;justify-content:center;width:min(880px,100%);min-height:min(560px,100vh - 32px);padding:clamp(28px,6vh,56px) clamp(24px,6vw,64px);display:flex;position:relative;box-shadow:0 18px 60px #0000007a}.result-badge{z-index:2;aspect-ratio:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 7px #00000052);width:clamp(142px,19vw,176px);position:absolute;top:0;left:50%;right:auto;transform:translate(-50%,-50%)}#screen-result:not(.hidden) .result-badge{animation:.52s cubic-bezier(.2,.9,.25,1.2) both badge-arrive}.result-card h2{margin-bottom:8px;font-size:40px}.result-desc{opacity:.76;margin:0 0 10px}.result-rank{justify-content:center;align-items:center;gap:16px;min-height:112px;margin:2px auto 6px;display:flex}.result-rank img{object-fit:contain;filter:drop-shadow(0 8px 10px #0000006b);width:112px;height:112px}.result-rank div{text-align:left;gap:3px;display:grid}.result-rank span{color:#fff6e394;letter-spacing:0;font-size:12px}.result-rank b{font-size:25px}.result-rank small{color:#fff6e3ad}.result-stats{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 18px;padding:0;list-style:none;display:grid}.result-stats li{text-align:left;background:#ffffff0d;border:1px solid #0000;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;min-height:74px;padding:10px 12px;display:grid;position:relative}.result-stats li.is-record{background:#f2c14e1a;border-color:#f2c14e94;box-shadow:inset 0 0 18px #f2c14e0d}.result-stats li>span{color:#fff6e3b8}.result-stats li>b{text-align:right}.result-stats li>small{color:#fff6e37a;grid-column:1/-1;font-size:11px}.new-record-icon{z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 3px #0000006b);width:58px;height:58px;position:absolute;top:-22px;right:-8px;transform:rotate(4deg)}#screen-result:not(.hidden) .new-record-icon{animation:.44s cubic-bezier(.2,.9,.25,1.25) both new-record-pop}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-cta{min-width:172px!important}.poster-dialog{width:min(620px,100vw - 28px);max-width:none;height:min(900px,100dvh - 28px);max-height:calc(100dvh - 28px);color:var(--paper);background:#12100e;border:1px solid #f2c14e57;border-radius:8px;margin:auto;padding:0;overflow:hidden;box-shadow:0 28px 90px #000000b3}.poster-dialog[open]{grid-template-rows:56px minmax(0,1fr) auto auto;display:grid}.poster-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050506d1}.poster-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:56px;padding:0 14px 0 20px;display:flex}.poster-head h2{font-size:18px}.poster-close{color:#fff6e3bd;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;font-size:28px;line-height:1;display:grid}.poster-close:hover{color:#fff}.poster-preview{background:#171513;place-items:center;min-height:0;padding:12px 18px;display:grid;overflow:hidden;container-type:size}.poster-preview canvas{aspect-ratio:9/16;width:min(100%,56.25cqh);height:auto;display:block;box-shadow:0 10px 32px #00000075}.poster-status{text-align:center;color:#fff6e39e;min-height:24px;margin:0;padding:5px 18px 0;font-size:13px}.poster-actions{border-top:1px solid var(--line);justify-content:center;gap:10px;padding:6px 16px 16px;display:flex}.poster-actions .btn{min-width:142px}.btn:disabled{cursor:wait;opacity:.46;transform:none}@keyframes badge-arrive{0%{opacity:0;transform:translate(-50%,-62%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes new-record-pop{0%{opacity:0;transform:rotate(10deg)scale(.55)}to{opacity:1;transform:rotate(4deg)scale(1)}}@media (width<=820px){#screen-title{display:block;overflow-y:auto}.title-layout{grid-template-columns:1fr;margin:0 auto}.public-rooms{min-height:360px}#screen-setup{padding:18px;display:block}.setup-grid{grid-template-columns:1fr;grid-template-areas:"role""player""ai""articles"}}@media (width<=700px){.title-card{padding:24px 18px}.setup-panel{padding:14px}.room-panel{grid-template-columns:1fr}.room-connection{justify-self:start}.room-panel p{grid-column:1}.pick img{height:64px}.result-card{background-size:auto,auto 100%,auto;width:100%;min-height:min(620px,100vh - 32px);padding:28px 18px}.result-badge{width:clamp(104px,29vw,126px)}.result-card h2{font-size:32px}.result-rank{gap:10px;min-height:92px}.result-rank img{width:88px;height:88px}.result-rank b{font-size:21px}.result-stats{margin:10px 0 14px}.result-stats li{min-height:66px;padding:8px 10px}.new-record-icon{width:50px;height:50px;top:-18px;right:-7px}.poster-dialog{width:calc(100vw - 18px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.poster-preview{padding:8px}.poster-actions .btn{min-width:0;padding-inline:16px}}@media (prefers-reduced-motion:reduce){.loading-screen{transition:none}.loading-mark{animation:none}.loading-progress i{transition:none}#screen-result:not(.hidden) .result-badge,#screen-result:not(.hidden) .new-record-icon{animation:none}}