:root{font-family:Inter,ui-rounded,Avenir Next,Segoe UI,sans-serif;color:#142e34;background:#8fbfd0;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #142e34;--ink-soft: #526b6c;--teal: #167b7c;--teal-light: #70b9aa;--coral: #cf765b;--sun: #ddb45f;--cream: #f4efe2;--glass: rgba(246, 243, 232, .68);--shadow: 0 8px 24px rgba(15, 36, 40, .14)}*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:900px;min-height:600px;background:#8fbfd0}button,kbd{font:inherit}button{color:inherit}button:focus-visible{outline:3px solid var(--sun);outline-offset:3px}[hidden]{display:none!important}.game-root{position:relative;isolation:isolate;background:#8fbfd0}.game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair;outline:none}.game-root.is-pointer-locked .game-canvas{cursor:none}.hud{position:absolute;inset:0;z-index:10;pointer-events:none}.hud__topbar{position:absolute;top:16px;left:18px;right:18px;display:grid;grid-template-columns:minmax(200px,1fr) minmax(280px,340px) minmax(200px,1fr);align-items:start;gap:12px}.brand-card,.mission-card,.bag-card,.mode-card,.icon-button,.interaction-prompt,.objective-ribbon,.toast{border:1px solid rgba(255,255,255,.48);background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08)}.brand-card{justify-self:start;display:flex;align-items:center;gap:9px;min-width:194px;padding:7px 13px 7px 7px;border-radius:10px;transition:opacity .18s ease}.brand-card h1{margin:1px 0 0;font-size:16px;line-height:1;letter-spacing:-.035em}.brand-mark{position:relative;display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border-radius:10px;background:var(--teal)}.brand-mark:before,.brand-mark:after,.brand-mark i{position:absolute;content:"";border:3px solid var(--cream);border-top:0;border-left-color:transparent;border-right-color:transparent;border-radius:50%}.brand-mark:before{width:26px;height:10px;bottom:7px}.brand-mark:after{width:20px;height:9px;bottom:12px}.brand-mark i{width:13px;height:7px;bottom:17px}.eyebrow{margin:0;color:var(--teal);font-size:8px;font-weight:800;letter-spacing:.16em;line-height:1.35}.mission-card{width:100%;padding:8px 12px 10px;border-radius:10px;transition:transform .18s ease,box-shadow .18s ease}.mission-card.is-pulsing{transform:translateY(2px) scale(1.018);box-shadow:0 12px 42px #0e8f9152}.mission-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--ink-soft);font-size:10px;font-weight:700}.mission-card__header strong{color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}.progress{position:relative;height:6px;overflow:hidden;border-radius:999px;background:#173b461f}.progress:after{position:absolute;inset:0;content:"";background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),rgba(255,255,255,.62) calc(10% - 2px),rgba(255,255,255,.62) 10%)}.progress__fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--teal-light),var(--sun));transition:transform .28s cubic-bezier(.2,.8,.2,1)}.hud__actions{justify-self:end;display:flex;gap:6px;pointer-events:auto}.icon-button{min-height:34px;padding:0 10px;border-radius:8px;color:var(--ink);font-size:9px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .15s ease,background .15s ease}.icon-button:hover:not(:disabled){transform:translateY(-2px);background:#fff9e8}.icon-button:disabled{cursor:default;opacity:.48}.icon-button--accent{border-color:#ff705f59;color:#87382f;background:#ffe6cbe6}.bag-card,.mode-card{position:absolute;bottom:18px;min-height:64px;border-radius:10px}.bag-card{left:18px;display:flex;align-items:center;gap:10px;min-width:174px;padding:8px 12px 8px 8px}.bag-card__icon{position:relative;width:42px;height:44px;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(244,239,226,.28) 8px 10px),linear-gradient(145deg,#70b9aa6b,#167b7cc7);border:2px solid rgba(20,46,52,.28)}.bag-card__icon:before{position:absolute;top:-4px;left:10px;width:20px;height:8px;content:"";border:3px solid var(--coral);border-radius:4px}.bag-card__icon span{position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.62);border-radius:4px}.bag-card strong{display:block;margin-top:2px;font-size:18px;line-height:1.1;font-variant-numeric:tabular-nums}.bag-pips{display:flex;gap:4px;margin-top:5px}.bag-pips i{width:13px;height:4px;border-radius:999px;background:#173b4621;transition:background .18s ease,transform .18s ease}.bag-pips i.is-filled{transform:translateY(-1px);background:var(--coral)}.mode-card{right:18px;display:flex;min-width:164px;flex-direction:column;justify-content:center;padding:9px 14px;text-align:right}.mode-card strong{margin:2px 0;font-size:14px;letter-spacing:.04em}.mode-card__speed{color:var(--ink-soft);font-size:10px;font-weight:650}.crosshair{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.88);border-radius:50%;box-shadow:0 1px 4px #173b468c,inset 0 0 0 1px #173b4626;transition:width .16s ease,height .16s ease,border-color .16s ease}.crosshair i{position:absolute;top:50%;left:50%;width:3px;height:3px;transform:translate(-50%,-50%);border-radius:50%;background:var(--sun)}.game-root[data-aiming-litter=true] .crosshair{width:14px;height:14px;border-color:#ffe4a3;box-shadow:0 1px 4px #173b467a,inset 0 0 0 2px #ffbc556b}.game-root[data-aiming-litter=true] .crosshair i{background:#fff}.game-root[data-phase=ready] .crosshair,.game-root[data-phase=paused] .crosshair,.game-root[data-phase=won] .crosshair{opacity:0}.interaction-prompt{position:absolute;top:calc(50% + 28px);left:50%;display:flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;transform:translate(-50%);border-radius:9px;color:var(--ink);font-size:11px;font-weight:750;animation:prompt-in .18s ease both}.interaction-prompt kbd,.start-panel__controls kbd{display:inline-grid;min-width:26px;height:24px;place-items:center;padding:0 7px;border:1px solid rgba(23,59,70,.15);border-bottom-width:3px;border-radius:8px;background:#fff9e7;color:var(--teal);font-size:10px;font-weight:850;letter-spacing:.04em}.objective-ribbon{position:absolute;bottom:22px;left:50%;display:flex;align-items:center;gap:9px;max-width:340px;padding:7px 12px;transform:translate(-50%);border-radius:10px;color:var(--ink-soft);font-size:10px;font-weight:750;text-align:center}.objective-ribbon__dot{width:8px;height:8px;flex:0 0 auto;border:2px solid #fff;border-radius:50%;background:var(--coral);box-shadow:0 0 0 3px #ff705f2e}.toast{position:absolute;top:86px;left:50%;max-width:420px;padding:8px 14px;transform:translate(-50%,-10px) scale(.96);border-radius:10px;color:var(--ink);font-size:11px;font-weight:800;text-align:center;opacity:0;transition:opacity .2s ease,transform .24s ease}.toast:before{display:inline-block;width:8px;height:8px;margin-right:9px;content:"";border-radius:50%;background:var(--teal-light)}.toast[data-tone=attention]:before{background:var(--coral)}.toast[data-tone=deposit]:before{background:var(--sun)}.toast--visible{transform:translate(-50%) scale(1);opacity:1}.game-root[data-phase=playing] .brand-card{opacity:.82}.start-panel,.state-panel{position:absolute;inset:0;z-index:30;display:grid;place-items:center;pointer-events:auto}.start-panel{grid-template-columns:minmax(460px,660px) 160px;justify-content:center;gap:56px;padding:50px;background:radial-gradient(circle at 72% 42%,rgba(255,214,107,.25),transparent 22%),linear-gradient(90deg,#0c454dc7,#0c454d42 62%,#0c454d14);color:var(--cream)}.start-panel__content{align-self:center;max-width:620px;text-shadow:0 2px 18px rgba(11,51,59,.28)}.start-panel__tag{display:inline-flex;margin:0 0 20px;padding:8px 13px;border:1px solid rgba(255,245,216,.42);border-radius:999px;background:#0e8f9159;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.start-panel h2{margin:0;font-size:clamp(64px,7.6vw,112px);font-weight:800;letter-spacing:-.075em;line-height:.79}.start-panel h2 em{color:var(--sun);font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.06em}.start-panel__lead{max-width:530px;margin:30px 0 28px;color:#fff5d8e0;font-size:17px;font-weight:520;line-height:1.6}.primary-button,.secondary-button{min-height:54px;border-radius:15px;font-weight:850;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:42px;min-width:232px;padding:0 18px 0 24px;border:1px solid rgba(255,255,255,.62);background:var(--sun);color:var(--ink);box-shadow:0 13px 30px #173b463d}.primary-button b{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--coral);color:#fff;font-size:18px}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.start-panel__controls{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:28px;color:#fff5d8cc;font-size:10px;font-weight:750}.start-panel__controls span{display:flex;align-items:center;gap:7px}.start-panel__controls kbd{color:var(--ink)}.start-panel__badge{position:relative;align-self:center;display:grid;width:154px;height:154px;place-items:center;transform:rotate(7deg);border:2px dashed rgba(255,245,216,.72);border-radius:50%;background:#0e8f91ad;box-shadow:0 0 0 12px #0e8f912e;text-align:center}.start-panel__badge span{position:absolute;top:21px;color:var(--sun);font-family:Georgia,Times New Roman,serif;font-size:66px;line-height:1}.start-panel__badge small{position:absolute;bottom:24px;color:#fff;font-size:10px;font-weight:850;letter-spacing:.11em;line-height:1.3;text-transform:uppercase}.state-panel{background:#0a343c85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.state-panel__shell{width:min(520px,calc(100vw - 80px));padding:44px 46px;border:1px solid rgba(255,255,255,.66);border-radius:30px;background:#fff7def0;box-shadow:0 30px 90px #0c373f52;text-align:center}.state-panel h2{margin:7px 0 12px;color:var(--ink);font-size:42px;letter-spacing:-.045em;line-height:1.02}.state-panel p:not(.eyebrow){margin:0 auto;max-width:390px;color:var(--ink-soft);font-size:15px;line-height:1.55}.state-panel__actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.state-panel .primary-button{min-width:146px;padding:0 22px}.secondary-button{min-width:146px;padding:0 20px;border:1px solid rgba(23,59,70,.16);background:#fff;color:var(--ink-soft)}.screen-vignette{position:absolute;inset:0;z-index:5;pointer-events:none;box-shadow:inset 0 0 110px #0a4a521a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes prompt-in{0%{transform:translate(-50%,5px) scale(.96);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}