: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}.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{color:#eef8ee;cursor:pointer;border:1px solid #97b49e33}.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}.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}.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}.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,min-height .18s}.map-frame{min-height:410px;transition:min-height .18s}.guess-map-shell:hover{border-color:#e8ff707a;min-height:530px;box-shadow:0 18px 48px #00000042,inset 0 0 0 1px #e8ff700f}.guess-map-shell:hover .map-frame{min-height:470px}.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}@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}.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{padding:18px}}