:root{color:#edf8ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#07110f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg,#14231ed1,#05100ff2),repeating-linear-gradient(90deg,#e8ff7008 0 1px,#0000 1px 96px),#07110f;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:20px;position:relative;overflow:hidden}.scanlines{pointer-events:none;z-index:20;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#ffffff08,#ffffff08 1px,#0000 1px 5px);position:fixed;inset:0}.celebration-layer{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.reveal-flash{color:#e8ff70;text-align:center;background:#07110fdb;border:1px solid #e8ff70b8;min-width:220px;padding:10px 16px;font-size:.78rem;font-weight:900;animation:1.2s ease-out forwards reveal-flash;position:absolute;top:18%;left:50%}.confetti-piece{top:-24px;left:var(--x);background:var(--color);opacity:0;width:8px;height:14px;animation:1.45s cubic-bezier(.18,.78,.28,.98) forwards confetti-drop;animation-delay:var(--delay);position:absolute}.top-bar,.command-ribbon,.control-grid{z-index:1;position:relative}.top-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07110fc2;border:1px solid #97b49e3d;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 14px;display:flex}.brand-lockup,.status-cluster,.panel-heading,.feed-header,.map-header,.action-bar,.status-pill,.primary-button,.secondary-button,.icon-button,.map-hint,.api-warning{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{color:#e8ff70;background:#102019;border:1px solid #e8ff7080;place-items:center;width:48px;height:48px;display:grid}.eyebrow{color:#9cad9f;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}h1,h2,p{margin:0}h1{color:#f7ffe6;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1}h2{color:#f6ffe6;font-size:1rem;line-height:1.2}.status-cluster{flex-wrap:wrap;justify-content:flex-end;gap:10px}.status-pill,.icon-button{color:#d9eadd;background:#0f1f1ae6;border:1px solid #97b49e40;min-height:38px}.status-pill{gap:8px;padding:0 12px;font-size:.86rem}.icon-button{cursor:pointer;justify-content:center;width:38px}.icon-button:hover,.primary-button:hover,.secondary-button:hover,.mode-card:hover,.segmented-control button:hover{border-color:#e8ff70a6}.icon-button.is-authenticated{color:#77e6a5;border-color:#77e6a58c}.command-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.mission-stat{background:#0a1614d1;border:1px solid #97b49e33;min-height:76px;padding:12px}.mission-stat span,.result-readout span,.rule-list span,.empty-state,.round-log small{color:#9cad9f;font-size:.82rem}.mission-stat strong{color:#e8ff70;margin-top:8px;font-size:1.45rem;line-height:1;display:block}.control-grid{grid-template-columns:minmax(240px,310px) minmax(0,1fr) minmax(340px,480px);gap:14px;min-height:calc(100vh - 190px);margin-top:14px;display:grid}.left-rail,.right-rail,.mission-area{min-width:0}.left-rail,.right-rail{flex-direction:column;gap:14px;display:flex}.panel,.street-view-shell,.guess-map-shell{background:#081311db;border:1px solid #97b49e38;box-shadow:inset 0 0 0 1px #ffffff05}.panel{padding:14px}.panel.compact{padding-bottom:12px}.panel-heading,.feed-header,.map-header{justify-content:space-between;gap:12px}.panel-heading{color:#e8ff70;justify-content:flex-start;margin-bottom:12px}.mode-list{gap:8px;display:grid}.mode-card,.segmented-control button,.primary-button,.secondary-button,.participant-row select,.bot-add-controls select{color:#eef8ee;cursor:pointer;border:1px solid #97b49e33}.mode-card:disabled,.segmented-control button:disabled{cursor:not-allowed;opacity:.55}.mode-card{text-align:left;background:#0e1c18c7;gap:5px;width:100%;min-height:92px;padding:10px;display:grid}.mode-card span{color:#e8ff70;letter-spacing:.12em;font-size:.68rem;font-weight:900}.mode-card strong{font-size:.98rem}.mode-card small{color:#aebeb2;line-height:1.35}.mode-card.is-selected,.segmented-control button.is-selected{background:#e8ff701f;border-color:#e8ff70}.segmented-control{gap:8px;display:grid}.segmented-control button{text-align:left;background:#0c1b17cc;min-height:40px;padding:0 10px}.rule-list{gap:8px;display:grid}.rule-list span{background:#ffffff09;border-left:2px solid #e8ff70b3;padding:8px 10px}.timer-toggle{color:#d6e4dc;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.timer-toggle input{accent-color:#e8ff70;width:17px;height:17px}.timer-input{gap:7px;margin-top:13px;display:grid}.timer-input span{color:#8fa59d;text-transform:uppercase;font-size:11px;font-weight:800}.timer-input input{color:#eef8f1;background:#030a0ccc;border:1px solid #73a7b847;border-radius:5px;width:100%;min-height:40px;padding:0 11px}.mission-area{flex-direction:column;gap:12px;display:flex}.api-warning{color:#ffd8cc;background:#3a1813e0;border:1px solid #ff6b4a73;gap:10px;min-height:42px;padding:10px 12px}.street-view-shell,.guess-map-shell{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.street-view-shell{flex:auto;min-height:560px}.feed-header,.map-header{border-bottom:1px solid #97b49e2e;min-height:58px;padding:12px}.feed-state{color:#9cad9f;border:1px solid #97b49e40;place-items:center;min-width:58px;min-height:30px;font-size:.78rem;font-weight:900;display:inline-grid}.feed-state.is-live{color:#e8ff70;border-color:#e8ff70bf}.street-view-frame,.map-frame{min-height:0;position:relative}.street-view-frame{min-height:500px;overflow:hidden}.street-view,.guess-map{border:0;width:100%;height:100%;position:absolute;inset:0}.street-view{transform-origin:50%;will-change:transform, filter;background:linear-gradient(#e8ff700d,#e8ff7000),#0a1714;display:block}.street-view-frame.is-walking .street-view{animation:.34s ease-out camera-bob-walk}.street-view-frame.is-running .street-view{animation:.23s ease-out camera-bob-run}.street-view-frame.is-turning .street-view{animation:.14s ease-out camera-turn}.street-view-frame.is-blocked .street-view{filter:saturate(.9)contrast(1.08);animation:.21s ease-out camera-blocked}.street-view-frame:after{content:"";pointer-events:none;border:0 solid #ff6b4a00;transition:border-color .12s,box-shadow .12s;position:absolute;inset:0;box-shadow:inset 0 0 #ff6b4a00}.street-view-frame.is-blocked:after{border-width:2px;border-color:#ff6b4abf;box-shadow:inset 0 0 48px #ff6b4a57}.movement-status{pointer-events:none;z-index:2;color:#e8ff70;background:#07110fd1;border:1px solid #e8ff7080;place-items:center;min-width:74px;min-height:28px;font-size:.72rem;font-weight:900;display:grid;position:absolute;bottom:12px;right:12px}.street-view-frame.is-running .movement-status{background:#e8ff7029;border-color:#e8ff70e6}.street-view-frame.is-turning .movement-status{color:#d9f2ff;background:#122930d1;border-color:#8cd2ffb8}.street-view-frame.is-blocked .movement-status{color:#ffd8cc;background:#3a1813e0;border-color:#ff6b4adb}.feed-overlay{color:#d9eadd;text-align:center;background:#07110fbd;place-content:center;justify-items:center;gap:12px;padding:20px;display:grid;position:absolute;inset:0}.street-view-interaction-shield{cursor:not-allowed;position:absolute;inset:0}.feed-overlay-warning{color:#ffd8cc}.feed-overlay-muted{color:#c7d8ca;background:#07110f99}.mobile-move-pad{display:none}.mobile-move-button{color:#e8ff70;touch-action:none;-webkit-user-select:none;user-select:none;background:#07110fd1;border:1px solid #e8ff707a;place-items:center;width:54px;height:54px;display:grid}.mobile-move-button:active{background:#e8ff7029;border-color:#e8ff70f2}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal-flash{0%{opacity:0;transform:translate(-50%,-10px)scale(.96)}18%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.98)}}@keyframes confetti-drop{0%{opacity:0;transform:translate(0,0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 105vh, 0) rotate(620deg)}}@keyframes camera-bob-walk{0%{transform:translate(0,0)scale(1.01)}42%{transform:translateY(5px)scale(1.012)}to{transform:translate(0,0)scale(1)}}@keyframes camera-bob-run{0%{transform:translate(0,0)scale(1.018)}36%{transform:translateY(10px)scale(1.024)}72%{transform:translateY(-4px)scale(1.016)}to{transform:translate(0,0)scale(1)}}@keyframes camera-turn{0%{transform:translate(0,0)scale(1.005)}50%{transform:translate(2px)scale(1.008)}to{transform:translate(0,0)scale(1)}}@keyframes camera-blocked{0%{transform:translate(0,0)scale(1.012)}35%{transform:translate(-8px)scale(1.018)}68%{transform:translate(6px)scale(1.01)}to{transform:translate(0,0)scale(1)}}.action-bar{background:#081311e0;border:1px solid #97b49e38;justify-content:space-between;gap:14px;min-height:76px;padding:12px}.map-action-bar{z-index:2;background:linear-gradient(90deg,#e8ff7014,#081311e0 42%),#081311eb;border-color:#e8ff7047;position:relative}.action-bar strong{color:#f6ffe6;margin-top:4px;font-size:1.05rem;display:block}.primary-button{color:#07110f;transform-origin:50%;background:#d9f85f;justify-content:center;gap:8px;min-width:154px;min-height:44px;padding:0 16px;font-weight:900;transition:border-color .16s,box-shadow .16s,min-width .16s,transform .16s}.primary-button:not(:disabled):hover,.map-action-bar:hover .primary-button:not(:disabled){min-width:172px;transform:translateY(-1px)scale(1.04);box-shadow:0 10px 28px #d9f85f3d}.primary-button:disabled{cursor:not-allowed;opacity:.72}.secondary-button{color:#edf8ed;background:#0c1b17e0;justify-content:center;gap:8px;min-width:140px;min-height:44px;padding:0 14px;font-weight:800}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030807bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.final-debrief{background:#081311f5;border:1px solid #e8ff7073;width:min(560px,100%);padding:24px;box-shadow:0 24px 90px #00000085,inset 0 0 0 1px #ffffff08}.settings-modal{background:#081311f7;border:1px solid #e8ff7073;width:min(620px,100%);padding:24px;position:relative;box-shadow:0 24px 90px #00000085,inset 0 0 0 1px #ffffff08}.auth-modal{background:#10191d;border:1px solid #73a7b857;border-radius:8px;width:min(460px,100vw - 32px);max-height:calc(100vh - 32px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 28px 80px #0000009e}.auth-modal h2{margin:3px 0 0;font-size:24px}.auth-tabs{background:#050a0cb8;border:1px solid #73a7b838;border-radius:6px;grid-template-columns:1fr 1fr;gap:2px;margin:24px 0 18px;padding:3px;display:grid}.auth-tabs button{color:#88a0a8;cursor:pointer;background:0 0;border:0;border-radius:4px;min-height:40px}.auth-tabs button.is-selected{color:#eaf7f2;background:#243b40}.auth-form{gap:14px;display:grid}.auth-form .primary-button,.account-summary .secondary-button{justify-content:center;width:100%}.auth-config-state,.account-summary{background:#070d10b8;border:1px solid #73a7b83d;border-radius:6px;gap:10px;margin-top:24px;padding:18px;display:grid}.auth-config-state p,.account-summary span{color:#91a6ad;margin:0;line-height:1.5}.account-summary strong{font-size:22px}.auth-message{color:#77e6a5;margin:0;font-size:13px}.modal-close-button{position:absolute;top:14px;right:14px}.debrief-emblem{color:#e8ff70;background:#e8ff701a;border:1px solid #e8ff70a3;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid}.final-debrief h2{margin-top:4px;font-size:1.8rem}.settings-modal h2{margin-top:4px;font-size:1.65rem}.settings-copy{color:#d9eadd;max-width:520px;margin-top:10px;line-height:1.5}.account-key-controls{background:#050c0e9e;border:1px solid #73a7b838;border-radius:6px;gap:11px;margin-top:14px;padding:14px;display:grid}.account-key-controls p,.settings-account-note{color:#91a6ad;margin:0;font-size:12px;line-height:1.5}.account-key-controls p strong{color:#dceae2}.text-button{color:#e49c8d;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:800}.text-button:disabled{opacity:.45;cursor:not-allowed}.settings-link{color:#e8ff70;border:1px solid #e8ff706b;align-items:center;min-height:42px;margin-top:18px;padding:0 14px;font-weight:900;text-decoration:none;display:inline-flex}.settings-link:hover{background:#e8ff7014;border-color:#e8ff70d1}.api-key-field{gap:8px;margin-top:18px;display:grid}.api-key-field span{color:#9cad9f;font-size:.8rem;font-weight:800}.api-key-field input{color:#f6ffe6;width:100%;min-height:46px;font:inherit;background:#030807d6;border:1px solid #97b49e57;outline:none;padding:0 12px}.api-key-field input:focus{border-color:#e8ff70bf;box-shadow:0 0 0 3px #e8ff701a}.settings-warning{color:#ffd8cc;background:#3a1813c7;border:1px solid #ff6b4a6b;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.debrief-rating{color:#d9eadd;margin-top:8px;font-weight:800}.debrief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.debrief-grid div{background:#ffffff0a;min-height:84px;padding:12px}.debrief-grid span{color:#9cad9f;font-size:.8rem}.debrief-grid strong{color:#e8ff70;margin-top:8px;font-size:1.2rem;display:block}.debrief-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.guess-map-shell{min-height:470px;transition:border-color .18s,box-shadow .18s}.map-frame{min-height:410px}.guess-map-shell.is-expanded{z-index:35;background:#081311fa;border-color:#e8ff707a;width:min(58vw,920px);height:calc(100vh - 104px);min-height:560px;position:fixed;top:76px;right:24px;box-shadow:0 28px 90px #0000009e,inset 0 0 0 1px #e8ff700f}.guess-map-shell.is-expanded .map-frame{min-height:0}.map-hint{color:#edf8ed;pointer-events:none;background:#07110fdb;border:1px solid #e8ff705c;justify-content:center;gap:8px;min-height:38px;padding:8px 10px;position:absolute;bottom:12px;left:12px;right:12px}.result-panel{min-height:150px}.result-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.result-readout div{background:#ffffff09;min-height:70px;padding:10px}.result-readout strong{color:#e8ff70;margin-top:8px;font-size:1.02rem;display:block}.history-panel{flex:1}.round-log{gap:8px;margin:0;padding:0;list-style:none;display:grid}.round-log li{background:#ffffff09;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:grid}.round-log span{color:#e8ff70;font-weight:900}.round-log strong{color:#f6ffe6}.lobby-modal{background:#081311fa;border:1px solid #e8ff7073;width:min(920px,100%);max-height:calc(100vh - 40px);padding:24px;position:relative;overflow:auto;box-shadow:0 28px 100px #0000009e,inset 0 0 0 1px #ffffff08}.leaderboard-modal{background:#10191d;border:1px solid #e8ff704d;border-radius:8px;width:min(680px,100vw - 32px);max-height:calc(100vh - 32px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #000000ad}.leaderboard-modal h2{margin:3px 0 0;font-size:25px}.leaderboard-team-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0 16px;display:grid}.leaderboard-team-strip>div{background:#ffffff09;border:1px solid #73a7b82e;gap:4px;padding:13px 15px;display:grid}.leaderboard-team-strip>div.is-leading{background:#e8ff7012;border-color:#e8ff7061}.leaderboard-team-strip span{color:#91a6ad;text-transform:uppercase;font-size:11px;font-weight:800}.leaderboard-team-strip strong{font-size:22px}.leaderboard-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{background:#ffffff09;border-left:3px solid #0000;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:9px 13px;display:grid}.leaderboard-list li.is-winner{background:#e8ff7013;border-left-color:#e8ff70}.leaderboard-rank{color:#e8ff70;place-items:center;font-weight:900;display:grid}.leaderboard-identity,.leaderboard-result{gap:3px;display:grid}.leaderboard-identity strong{align-items:center;gap:7px;display:flex}.leaderboard-identity span,.leaderboard-result span{color:#91a6ad;text-transform:uppercase;font-size:11px}.leaderboard-result{justify-items:end}.leaderboard-result strong{color:#e8ff70;font-size:18px}.lobby-title-row,.lobby-section-heading,.participant-row,.participant-identity,.invite-row,.bot-add-controls{align-items:center;display:flex}.lobby-title-row{gap:14px}.lobby-title-row .debrief-emblem{margin-bottom:0}.lobby-title-row h2,.lobby-section-heading h3,.lobby-entry-section h3{color:#f6ffe6;margin:0}.lobby-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.lobby-entry-section{background:#ffffff06;border:1px solid #97b49e38;align-content:start;gap:14px;min-height:280px;padding:16px;display:grid}.lobby-entry-section .panel-heading{margin-bottom:0}.lobby-entry-section .primary-button,.lobby-entry-section .secondary-button{width:100%}.lobby-status-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.lobby-status-strip div,.team-score-strip div{background:#ffffff09;min-height:68px;padding:11px 12px}.lobby-status-strip span,.team-score-strip span,.participant-identity span,.scoreboard-list small{color:#9cad9f;font-size:.78rem}.lobby-status-strip strong,.team-score-strip strong{color:#e8ff70;margin-top:7px;display:block}.invite-row{gap:8px;margin-top:12px}.invite-row input{color:#d9eadd;background:#030807c2;border:1px solid #97b49e47;flex:1;min-width:0;min-height:40px;padding:0 10px}.invite-row span{color:#9cad9f;width:72px;font-size:.75rem}.lobby-roster{margin-top:20px}.lobby-section-heading{justify-content:space-between;gap:14px;margin-bottom:10px}.bot-add-controls{gap:8px}.bot-add-controls select,.participant-row select{background:#0c1b17e6;min-height:38px;padding:0 10px}.participant-list{gap:7px;display:grid}.participant-row{background:#ffffff09;grid-template-columns:minmax(180px,1fr) 140px 90px 38px;gap:10px;min-height:58px;padding:8px 10px;display:grid}.participant-row.is-disconnected{opacity:.56}.participant-identity{gap:10px;min-width:0}.participant-identity div{min-width:0}.participant-identity strong,.participant-identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.participant-score{color:#e8ff70;text-align:right}.participant-slot{width:38px}.team-badge{color:#d9eadd;text-transform:uppercase;border:1px solid #97b49e40;justify-self:start;padding:6px 8px;font-size:.72rem;font-weight:900}.team-alpha{color:#d9f2ff;border-color:#8cd2ff8c}.team-bravo{color:#e8ff70;border-color:#e8ff708c}.lobby-error{color:#ffb6a3;margin-top:12px}.lobby-waiting{color:#9cad9f;align-self:center;font-weight:800}.scoreboard-panel{min-height:220px}.team-score-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scoreboard-list{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.scoreboard-list li{background:#ffffff09;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:0 10px;display:grid}.scoreboard-list li>span{color:#9cad9f;font-weight:900}.scoreboard-list li>div strong{align-items:center;gap:6px;display:flex}.scoreboard-list li>div small{text-transform:uppercase;margin-top:2px;display:block}.scoreboard-score{color:#72d6d2;justify-content:flex-end;align-items:center;gap:7px;display:flex}.scoreboard-score strong{color:#e8ff70}.multiplayer-cta-panel p{color:#b7c8ba;line-height:1.45}.multiplayer-cta-panel .secondary-button{width:100%;margin-top:14px}@media (width<=1180px){.control-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.right-rail{flex-direction:column;grid-column:1/-1;display:flex}}@media (width<=820px){.app-shell{padding:12px}.top-bar,.action-bar{flex-direction:column;align-items:stretch}.status-cluster{justify-content:flex-start}.command-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid,.right-rail{grid-template-columns:1fr}.mission-area{min-height:62vh}.guess-map-shell.is-expanded{width:auto;height:auto;min-height:470px;position:relative;inset:auto}.mobile-move-pad{z-index:3;grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,54px);gap:8px;display:grid;position:absolute;bottom:14px;left:14px}.move-forward{grid-area:1/2}.move-left{grid-area:2/1}.move-right{grid-area:2/3}.move-back{grid-area:3/2}}@media (width<=520px){.command-ribbon{grid-template-columns:1fr}.mission-stat{min-height:62px}.result-readout{grid-template-columns:1fr}.primary-button,.secondary-button{width:100%}.debrief-grid{grid-template-columns:1fr}.final-debrief,.settings-modal,.lobby-modal{padding:18px}.lobby-entry-grid,.lobby-status-strip{grid-template-columns:1fr}.lobby-section-heading,.bot-add-controls{flex-direction:column;align-items:stretch}.participant-row{grid-template-columns:minmax(0,1fr) auto}.participant-row select,.team-badge{grid-column:1}.participant-score,.participant-row .icon-button,.participant-slot{grid-area:1/2}}