:root{--bg: #0b1230;--panel: rgba(16, 22, 56, .9);--panel-2: rgba(36, 46, 100, .95);--panel-3: rgba(52, 64, 130, .95);--line: rgba(170, 195, 255, .25);--text: #f5f7ff;--muted: #c3cbee;--sun: #ffd84a;--sun-2: #ffe98a;--mint: #5fe3b0;--sky: #6fc3ff;--coral: #ff8078;--lilac: #b9a2ff;--orange: #ffad4d;--ink: #1a1830;--radius: 18px;--top-h: 120px;--dock-h: 200px;--font: ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", "Segoe UI", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}button{font-family:inherit;color:inherit;-webkit-user-select:none;user-select:none}.btn,.icon-btn,.card-btn,.seed-btn,.tab,.seg,.switch,.next-btn,.map-node,.note-card{cursor:pointer;transition:transform .12s ease,filter .12s ease,background .15s ease,box-shadow .15s ease}.btn{min-height:48px;padding:10px 18px;border-radius:16px;border:2px solid var(--line);background:var(--panel-2);font-size:17px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.15}.btn small{display:block;font-weight:600;font-size:13px;opacity:.8}.btn.big{min-height:60px;font-size:20px;padding:12px 24px;flex-direction:column;gap:2px}.btn.small{min-height:44px;font-size:15px;padding:8px 14px}.btn.tiny{min-height:44px;font-size:14px;padding:6px 12px;border-radius:12px}.btn.primary{background:linear-gradient(180deg,var(--sun-2),var(--sun));color:var(--ink);border-color:#fff0a8;box-shadow:0 4px #c79a1a}.btn.ghost{background:transparent}.btn.toggle.on{background:#5a2a2a;border-color:var(--orange)}.btn:hover:not(:disabled),.icon-btn:hover:not(:disabled),.card-btn:hover:not(:disabled),.seed-btn:hover:not(:disabled),.tab:hover,.map-node:hover:not(:disabled),.note-card:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.card-btn:active:not(:disabled),.seed-btn:active:not(:disabled),.next-btn:active:not(:disabled),.tab:active,.switch:active,.map-node:active:not(:disabled){transform:scale(.96)}.btn.primary:active:not(:disabled){box-shadow:0 1px #c79a1a;transform:translateY(2px)}:focus-visible{outline:3px solid #ffffff;outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.4)}.icon-btn{min-width:44px;min-height:44px;border-radius:14px;border:2px solid var(--line);background:var(--panel);font-size:20px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.icon-btn.small{min-width:44px;min-height:44px;font-size:18px;padding:0}.icon-btn .lbl{font-size:14px;font-weight:800}.switch{position:relative;width:84px;height:44px;border-radius:22px;border:2px solid var(--line);background:#3a3f5c;padding:0;flex:none}.switch .knob{position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:50%;background:#d8dcef;transition:left .15s ease;box-shadow:0 2px 4px #00000059}.switch .sw-text{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-weight:900;font-size:14px;letter-spacing:.04em}.switch.on{background:#1f8f66;border-color:var(--mint)}.switch.on .knob{left:44px;background:#fff}.switch.on .sw-text{right:auto;left:11px}.hud{position:fixed;inset:0;display:none;pointer-events:none}.hud.visible{display:block}.hud button,.hud .gauge,.hud .goal,.hud .card,.hud .timeline,.hud .bubble,.hud .hint,.hud .cause-card{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 6px calc(10px + env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto;grid-template-areas:"left right" "tl tl" "status status";gap:6px 8px;align-items:center;background:linear-gradient(180deg,#060a1eb8,#060a1e00)}.tb-left{grid-area:left;display:flex;gap:8px;align-items:center;min-width:0}.tb-right{grid-area:right;display:flex;gap:6px}.mission-chip{font-weight:900;font-size:18px;padding:8px 14px;border-radius:14px;background:var(--panel);border:2px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hard-tag{margin-left:6px}.timeline{grid-area:tl;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;padding:5px 6px;border-radius:14px;background:var(--panel);border:2px solid var(--line)}.timeline::-webkit-scrollbar{display:none}.tl-day{font-size:12px;font-weight:900;color:var(--muted);padding:0 2px 0 4px;flex:none}.tl-cell{position:relative;flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:20px;background:#ffd84a29;border:2px solid transparent}.tl-cell.dark{background:#283278b3}.tl-cell.past{opacity:.45}.tl-cell.after{opacity:.55;border:2px dashed rgba(255,255,255,.35)}.tl-cell.now{border-color:var(--sun);box-shadow:0 0 0 2px #ffd84a59;transform:scale(1.08)}.tl-w{position:absolute;right:-4px;top:-6px;font-size:14px}.tl-cp{position:absolute;left:-4px;bottom:-6px;font-size:13px}.tl-check{position:absolute;right:1px;bottom:-2px;font-size:12px;font-weight:900;color:var(--mint)}.tl-flag{font-size:20px;flex:none}.status-row{grid-area:status;display:flex;flex-direction:column;gap:6px}.gauges{display:grid;grid-template-columns:1.2fr 1.2fr 1fr .9fr;gap:5px}.gauge{display:flex;align-items:center;gap:5px;min-height:40px;padding:4px 8px;border-radius:12px;background:var(--panel);border:2px solid var(--line);font-weight:800;font-size:14px;white-space:nowrap;min-width:0}.g-icon{font-size:17px}.g-val small{color:var(--muted);font-weight:700}.g-power .plus{color:var(--sun)}.g-power .minus{color:var(--orange)}.pips{display:inline-flex;gap:2px}.pip{width:8px;height:16px;border-radius:3px;background:#2b3050;border:1px solid rgba(255,255,255,.2)}.pip.on{background:var(--mint)}.pip.next{background:#5fe3b059;border-style:dashed}.g-battery.charging .pip.on{animation:pulse 1.2s ease-in-out infinite}.gauge .bar{flex:1;min-width:18px;height:10px;border-radius:6px;background:#2b3050;overflow:hidden}.gauge .bar i{display:block;height:100%;border-radius:6px}.g-water .bar i{background:var(--sky)}.g-air .bar i{background:#9ff3ff}.gauge.low{border-color:var(--coral)}.flag{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--coral);color:var(--ink);font-size:12px}.goals{display:flex;flex-direction:column;gap:4px}.goal{display:grid;grid-template-columns:auto 1fr 60px auto;align-items:center;gap:8px;padding:5px 10px;border-radius:12px;background:var(--panel);border:2px solid var(--line);font-size:14px;font-weight:800}.goal-icon{font-size:18px}.goal-bar{height:10px;border-radius:6px;background:#2b3050;overflow:hidden}.goal-bar i{display:block;height:100%;background:var(--sun);border-radius:6px;transition:width .4s ease}.goal.done{border-color:var(--mint)}.goal.done .goal-bar i{background:var(--mint)}.goal.broken{border-color:var(--coral)}.goal.broken .goal-text{text-decoration:line-through;opacity:.8}.goal-num{min-width:34px;text-align:right}.sandbox-note{display:block;color:var(--muted)}.bubble-row{position:absolute;top:calc(var(--top-h) + 6px);left:calc(10px + env(safe-area-inset-left));display:flex;align-items:flex-start;gap:8px;max-width:min(460px,calc(100vw - 20px))}.bubble-row.hidden{display:none}.bot{flex:none;width:48px;height:44px;padding:0;border-radius:50% 50% 46% 46%;background:#f1f3fa;border:3px solid #3fd0c9;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;animation:float 3s ease-in-out infinite}.bot:before{content:"";position:absolute;inset:8px 7px 10px;border-radius:10px;background:#121628}.bot:after{content:"";position:absolute;top:-9px;left:50%;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:#3fd0c9}.bot-eye{position:relative;width:5px;height:9px;border-radius:3px;background:#9ff6ff;z-index:1;top:-1px}.bubble{background:#fdfdff;color:var(--ink);padding:9px 13px;border-radius:16px 16px 16px 4px;font-weight:800;font-size:16px;line-height:1.3;box-shadow:0 6px 18px #0000004d;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.bubble-row.coach .bubble{background:#fff6c8;border:3px solid var(--sun)}.bubble-text{flex:1 1 auto;min-width:0}.bubble .chips{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%;order:3}.bubble-row.min .bubble{display:none}.bot{cursor:pointer;pointer-events:auto}.chip{display:inline-flex;gap:3px;align-items:center;background:#eef0fb;border-radius:10px;padding:2px 8px;font-size:14px}.tip-next{flex:none;order:2;border:none;background:#e1e5fb;border-radius:12px;min-height:44px;min-width:56px;font-weight:900;color:var(--ink)}.cause-cards{position:absolute;top:calc(var(--top-h) + 6px);right:calc(10px + env(safe-area-inset-right));display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100vw - 20px))}.cause-card{background:#fff;color:var(--ink);border-radius:18px;padding:12px 14px;box-shadow:0 8px 24px #00000059;border-left:8px solid var(--coral);animation:pop .3s ease}.cause-card[data-cause=blackout]{border-left-color:var(--orange)}.cause-card[data-cause=cold]{border-left-color:var(--sky)}.cause-card[data-cause=empty]{border-left-color:var(--lilac)}.cc-title{font-weight:900;font-size:17px;display:flex;gap:8px;align-items:center}.cc-icon{font-size:24px}.cause-card p{margin:6px 0;font-size:15px;line-height:1.35;font-weight:600}.cc-fix{background:#fff6c8;border-radius:10px;padding:6px 8px}.cc-btns{display:flex;gap:6px;flex-wrap:wrap}.cause-card .btn{color:var(--ink);background:#eef0fb;border-color:#d7dcf5}.cause-card .btn.primary{background:var(--sun)}.hints{position:absolute;left:calc(10px + env(safe-area-inset-left));bottom:calc(var(--dock-h) + 8px);display:flex;flex-direction:column;gap:6px;max-width:min(520px,calc(100vw - 20px))}.hint{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-radius:14px;font-weight:800;font-size:15px;background:var(--panel);border:2px solid var(--line);line-height:1.25}.hint-icon{font-size:20px}.hint-text{flex:1}.hint.bad{border-color:var(--coral);background:#5a1828eb}.hint.warn{border-color:var(--orange);background:#503214eb}.hint.good{border-color:var(--mint);background:#104638eb}.dock{position:absolute;left:0;right:0;bottom:0;padding:8px calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:linear-gradient(0deg,#080c22f5,#0c1230eb);border-top:2px solid var(--line);pointer-events:auto}.dock-top{display:flex;align-items:center;gap:8px}.tabs{display:flex;gap:6px;flex:1;min-width:0}.tab{position:relative;min-height:46px;padding:6px 14px;border-radius:14px;border:2px solid var(--line);background:var(--panel);font-weight:900;font-size:16px;white-space:nowrap}.tab.active{background:var(--panel-3);border-color:var(--sky);box-shadow:inset 0 -4px 0 var(--sky)}.tab .dot{position:absolute;top:4px;right:5px;width:10px;height:10px;border-radius:50%;background:var(--sun)}.turn-btns{display:flex;gap:6px}.next-btn{position:relative;min-height:60px;min-width:150px;padding:6px 18px 6px 14px;border-radius:20px;border:3px solid #fff0a8;background:linear-gradient(180deg,var(--sun-2),var(--sun));color:var(--ink);font-weight:900;display:flex;align-items:center;gap:10px;box-shadow:0 5px #c79a1a}.next-arrow{font-size:26px}.next-text{display:flex;flex-direction:column;align-items:flex-start;font-size:21px;line-height:1.05}.next-text small{font-size:13px;font-weight:800;opacity:.8}.next-btn.warn{border-color:var(--coral)}.next-warn{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:var(--ink);font-size:16px;border:2px solid #fff}.cards{display:flex;gap:8px;height:186px;overflow-x:auto;overflow-y:hidden;padding:8px 2px 2px;scroll-snap-type:x proximity;scrollbar-width:thin}.card{scroll-snap-align:start;flex:none;width:190px;padding:8px 10px;border-radius:16px;background:var(--panel-2);border:2px solid var(--line);display:flex;flex-direction:column;gap:5px}.card.selected{border-color:var(--sun);box-shadow:0 0 0 2px #ffd84a59}.card.quick{width:auto;justify-content:center;background:transparent;border-style:dashed}.card-head{display:flex;align-items:center;gap:6px;font-weight:900}.big-icon{font-size:26px;line-height:1}.card-head .name{flex:1;font-size:15px;line-height:1.1}.card-head .count{font-size:17px;color:var(--sun)}.card-note{font-size:13px;color:var(--muted);font-weight:700;line-height:1.25}.card-more{font-size:12px;color:var(--muted);line-height:1.3}.card-btn{margin-top:auto;min-height:44px;border-radius:12px;border:2px solid var(--line);background:var(--panel-3);font-weight:900;font-size:16px}.card-btn.primary{background:linear-gradient(180deg,var(--sun-2),var(--sun));color:var(--ink);border-color:#fff0a8}.meter{display:flex;align-items:center;gap:6px}.m-lbl{font-size:14px;width:20px}.meter .pips i,.meter .drops i,.cells i{display:inline-block;width:16px;height:12px;border-radius:4px;background:#2b3050;border:1px solid rgba(255,255,255,.25);margin-right:2px}.meter .pips i.on{background:#6ee06a}.meter .drops i{border-radius:50%/60% 60% 40% 40%;width:13px;height:14px}.meter .drops i.on{background:var(--sky)}.cells i.on{background:var(--mint)}.status{font-size:14px;font-weight:900;padding:3px 8px;border-radius:10px;background:#ffffff14;align-self:flex-start}.status.good{color:#b8ffd9}.status.bad{color:#ffd0cc;background:#ff5a5040}.status.warn{color:#ffe2b3;background:#ffaa4638}.status.ready{color:var(--ink);background:var(--sun)}.status.rest{color:var(--muted)}.card.bad{border-color:#ff8078cc}.card.warn{border-color:#ffad4dcc}.card.ready{border-color:var(--sun)}.seed-row{display:flex;gap:5px;flex-wrap:wrap}.seed-btn{min-width:48px;min-height:48px;border-radius:12px;border:2px solid var(--line);background:var(--panel-3);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;line-height:1;padding:3px 5px}.seed-btn small{font-size:12px;font-weight:900;color:var(--sun)}.dev-btns{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.build-card.used{opacity:.6}.empty-note{width:auto;justify-content:center;font-weight:800;color:var(--muted)}.segs{display:flex;flex-wrap:wrap;gap:5px}.seg{min-height:44px;padding:4px 10px;border-radius:12px;border:2px solid var(--line);background:var(--panel-3);font-weight:800;font-size:14px}.seg.on{background:#1f8f66;border-color:var(--mint)}.sky-card{width:240px}.coach-target{position:relative;animation:coach 1.1s ease-in-out infinite;z-index:2}.coach-target:after{content:"👆";position:absolute;left:50%;bottom:-30px;font-size:28px;transform:translate(-50%);animation:point 1.1s ease-in-out infinite;pointer-events:none}.dock .coach-target:after{inset:-30px 4px auto auto;transform:none;animation-name:point-down;content:"👇"}@media(pointer:coarse)and (hover:none){.keys{display:none}}.toast{position:absolute;left:50%;top:calc(var(--top-h) + 10px);transform:translate(-50%,-12px);opacity:0;pointer-events:none;background:#fff;color:var(--ink);padding:10px 16px;border-radius:16px;font-weight:700;box-shadow:0 8px 22px #00000059;display:flex;gap:8px;align-items:center;transition:opacity .25s ease,transform .25s ease;max-width:calc(100vw - 24px);z-index:5}.toast.show{opacity:1;transform:translate(-50%)}.toast-icon{font-size:22px}.screens{position:fixed;inset:0;display:none;pointer-events:none}.screens.visible{display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:#0508198c;pointer-events:auto;overflow-y:auto;z-index:10}.screens>.card,.screens>.title-wrap{margin:auto}.screens .card{position:relative;width:min(580px,100%);flex:none;padding:24px;border-radius:26px;background:var(--panel);border:2px solid var(--line);box-shadow:0 20px 60px #00000073;display:block;animation:rise .25s ease}.screens h2{margin:0 0 8px;font-size:28px;line-height:1.15}.screens h2 small{font-size:15px;color:var(--muted)}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--sky);margin-bottom:6px}.lead{font-size:18px;line-height:1.4;margin:6px 0 12px;font-weight:600}.note{color:var(--muted);font-weight:600;line-height:1.4}.note.small{font-size:14px}.more{background:#6fc3ff1f;border-radius:14px;padding:10px 12px;line-height:1.45;font-weight:600}.btn-row{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:16px}.btn-row.wrap{flex-wrap:wrap;justify-content:center}.keys{margin:14px 0 0;text-align:center;line-height:1.8}.keys b{display:inline-block;min-width:22px;padding:0 5px;border-radius:6px;background:#ffffff1f;color:var(--text)}.btn-col{display:flex;flex-direction:column;gap:8px}.close{position:absolute;top:12px;right:12px;min-width:48px}.title-screen{background:radial-gradient(ellipse 46% 58% at 50% 50%,#080c289e,#080c282e),linear-gradient(180deg,#0508191a,#05081999)!important}.title-wrap{text-align:center;width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;animation:rise .4s ease}.logo{display:flex;flex-direction:column;align-items:center}.logo-moon{font-size:54px;animation:float 4s ease-in-out infinite}.logo h1{margin:0;font-size:clamp(40px,9vw,66px);line-height:1;font-weight:900;letter-spacing:-.02em;text-shadow:0 4px 0 #1a2256,0 10px 30px rgba(0,0,0,.5)}.logo h1 em{font-style:normal;color:#ffb8e2;text-shadow:0 4px 0 #6a2a66,0 10px 30px rgba(0,0,0,.5)}.tagline{font-size:18px;font-weight:700;margin:4px 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.7)}.title-btns{display:flex;flex-direction:column;gap:10px;width:min(380px,100%)}.title-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.title-row .btn{font-size:15px;padding:8px 6px}.fine{font-size:13px;color:var(--muted);text-shadow:0 1px 6px rgba(0,0,0,.8)}.howto{text-align:center}.howto-art{font-size:54px;margin:12px 0;letter-spacing:.08em}.dots{display:flex;justify-content:center;gap:8px}.dots i{width:12px;height:12px;border-radius:50%;background:#3a4270}.dots i.on{background:var(--sun)}.tip-list{text-align:left;font-size:18px;line-height:1.5;font-weight:700}.map{width:min(960px,100%)!important}.map-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.map-head h2{flex:1;text-align:center;margin:0}.map-head .spacer{width:90px}.map-path{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.map-node{position:relative;min-height:132px;border-radius:22px;border:3px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(111,195,255,.18),transparent 70%),var(--panel-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px;font-weight:900}.map-node.next{border-color:var(--sun);animation:glow 1.8s ease-in-out infinite}.map-node.done{border-color:var(--mint)}.map-node.locked{background:#1d2244}.map-node.sandbox{border-style:dashed;border-color:var(--lilac)}.node-num{position:absolute;top:8px;left:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--panel);font-size:15px}.node-icon{font-size:38px}.node-name{font-size:17px;text-align:center}.node-stars{font-size:18px;color:#50578a;letter-spacing:2px}.node-stars .on{color:var(--sun)}.node-hard{position:absolute;top:8px;right:10px;font-size:13px;color:var(--orange)}.node-lock{font-size:12px;color:var(--muted)}.briefing .btn-row{position:sticky;bottom:-24px;margin:12px -24px -24px;padding:12px 24px 18px;background:linear-gradient(180deg,#10163800,#101638fa 30%);border-radius:0 0 26px 26px}.brief-icon{font-size:32px}.brief-goals{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.brief-goal{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:#ffd84a1f;border:2px solid rgba(255,216,74,.5);font-weight:900;font-size:18px}.bg-icon{font-size:28px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brief-grid>div:first-child{grid-column:1 / -1}.mini-h{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.mini-note{font-size:13px;color:var(--muted);font-weight:700;margin-top:4px}.forecast{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.fc{position:relative;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ffd84a29;font-size:19px}.fc.dark{background:#283278cc}.fc.after{opacity:.6;border:2px dashed rgba(255,255,255,.35)}.fc b{position:absolute;top:-6px;right:-4px;font-size:14px}.fc-flag{font-size:20px}.haves{display:flex;flex-wrap:wrap;gap:5px}.have{display:inline-flex;align-items:center;gap:2px;font-size:22px;padding:3px 7px;border-radius:10px;background:#ffffff14}.have small{font-size:13px;font-weight:900;color:var(--sun)}.have.new{border:2px dashed var(--sun)}.stars-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}.star-goal{font-size:13px;font-weight:800;padding:4px 10px;border-radius:10px;background:#ffffff12;color:var(--muted)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.set-lbl{font-weight:900;font-size:18px}.set-desc{font-size:14px;color:var(--muted);font-weight:600}.vol{display:flex;align-items:center;gap:8px}.vol input{width:150px;height:44px;accent-color:var(--sun)}.vol output{min-width:44px;font-weight:900}.settings .btn-row{flex-wrap:wrap}.notebook{width:min(820px,100%)!important}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:58vh;overflow-y:auto;padding:2px}.note-card{text-align:left;border-radius:16px;border:2px solid var(--line);background:var(--panel-2);padding:10px;display:flex;flex-direction:column;gap:3px;min-height:96px}.note-card.locked{opacity:.5;border-style:dashed}.nc-icon{font-size:26px}.nc-title{font-weight:900;font-size:15px}.nc-line{font-size:13px;color:var(--muted);font-weight:600}.notebook.page{text-align:center;width:min(560px,100%)!important}.report{width:min(720px,100%)!important}.rp-chart{display:flex;gap:4px;align-items:flex-end;height:170px;padding:8px;border-radius:14px;background:#00000040;overflow-x:auto}.rp-col{flex:1;min-width:26px;height:100%;display:flex;flex-direction:column}.rp-col.blackout .rp-bars{background:#ff807826}.rp-bars{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px;border-radius:6px}.rp-bars i{width:40%;border-radius:4px 4px 0 0;display:block}.rp-bars .made,.rp-legend .made{background:var(--sun)}.rp-bars .used,.rp-legend .used{background:var(--orange);background-image:repeating-linear-gradient(45deg,transparent 0 4px,rgba(0,0,0,.25) 4px 7px)}.rp-bars .bat{position:absolute;left:50%;width:12px;height:12px;margin-left:-6px;margin-bottom:-6px;border-radius:50%;background:var(--mint);border:2px solid #fff}.rp-legend .bat{background:var(--mint);border-radius:50%}.rp-lbl{text-align:center;font-size:13px;height:22px;white-space:nowrap}.rp-legend{display:flex;gap:14px;justify-content:center;font-weight:800;font-size:14px;margin:8px 0}.rp-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px}.rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.rp-stats div{background:#ffffff0f;border-radius:12px;padding:8px;text-align:center;display:flex;flex-direction:column}.rp-stats b{font-size:18px}.rp-stats span{font-size:12px;color:var(--muted);font-weight:800}.results{text-align:center;overflow:hidden}.stars{display:flex;justify-content:center;gap:10px;margin:6px 0}.big-star{font-size:58px;color:#3a4270;animation:star-in .5s ease backwards}.big-star.on{color:var(--sun);text-shadow:0 0 20px rgba(255,216,74,.6)}.new-best{display:inline-block;background:var(--mint);color:var(--ink);font-weight:900;padding:3px 12px;border-radius:10px}.star-list,.reason-list{list-style:none;padding:0;margin:12px auto;text-align:left;max-width:420px;display:flex;flex-direction:column;gap:6px}.star-list li,.reason-list li{padding:8px 12px;border-radius:12px;background:#ffffff0f;font-weight:800;color:var(--muted)}.star-list li.on{color:var(--text);background:#ffd84a24}.learned{background:#5fe3b024;border-radius:14px;padding:10px 12px;font-weight:700;line-height:1.4}.rp-stats.compact{max-width:420px;margin:10px auto}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-20px;width:10px;height:14px;border-radius:3px;animation:fall 2.6s ease-in forwards}.confetti i:nth-child(6n+1){background:var(--sun)}.confetti i:nth-child(6n+2){background:var(--mint)}.confetti i:nth-child(6n+3){background:var(--sky)}.confetti i:nth-child(6n+4){background:#ff9ad5}.confetti i:nth-child(6n+5){background:var(--lilac)}.confetti i:nth-child(6n){background:var(--orange)}.confetti i:nth-child(1){left:5%;animation-delay:.1s}.confetti i:nth-child(2){left:11%;animation-delay:.5s}.confetti i:nth-child(3){left:17%;animation-delay:.2s}.confetti i:nth-child(4){left:23%;animation-delay:.7s}.confetti i:nth-child(5){left:29%;animation-delay:.3s}.confetti i:nth-child(6){left:35%;animation-delay:.9s}.confetti i:nth-child(7){left:41%;animation-delay:.15s}.confetti i:nth-child(8){left:47%;animation-delay:.6s}.confetti i:nth-child(9){left:53%;animation-delay:.35s}.confetti i:nth-child(10){left:59%;animation-delay:.8s}.confetti i:nth-child(11){left:65%;animation-delay:.25s}.confetti i:nth-child(12){left:71%;animation-delay:.55s}.confetti i:nth-child(13){left:77%;animation-delay:.05s}.confetti i:nth-child(14){left:83%;animation-delay:.65s}.confetti i:nth-child(15){left:89%;animation-delay:.4s}.confetti i:nth-child(16){left:95%;animation-delay:.85s}.confetti i:nth-child(17){left:14%;animation-delay:1s}.confetti i:nth-child(18){left:62%;animation-delay:1.1s}.broken{text-align:center}.fatal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,#1d2a66,#070b1f);pointer-events:auto}.fatal-card{max-width:520px;text-align:center;background:var(--panel);padding:28px;border-radius:24px;border:2px solid var(--line)}.fatal-art{font-size:54px}.fatal h1{font-size:26px}.fatal p{line-height:1.5;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes coach{0%,to{box-shadow:0 0 #ffd84ae6}50%{box-shadow:0 0 0 8px #ffd84a40}}@keyframes point{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@keyframes point-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes glow{0%,to{box-shadow:0 0 #ffd84a80}50%{box-shadow:0 0 0 8px #ffd84a1a}}@keyframes star-in{0%{transform:scale(.2) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fall{to{transform:translateY(560px) rotate(540deg);opacity:0}}body.calm *,body.calm *:before,body.calm *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}body.calm .confetti{display:none}@media(min-width:900px){.topbar{grid-template-columns:auto 1fr auto;grid-template-areas:"left tl right" "status status status"}.timeline{justify-self:center;max-width:100%}.status-row{flex-direction:row;justify-content:space-between;align-items:flex-start}.gauges{display:flex}.gauge{padding:4px 12px;font-size:15px}.gauge .bar{width:60px;flex:none}.goals{width:min(430px,42vw)}.goal{font-size:15px}.cards{padding-bottom:4px}}@media(max-width:899px){.goal{padding:3px 8px;font-size:13px;grid-template-columns:auto 1fr 44px auto}.goal-icon{font-size:16px}.cause-cards{top:auto;bottom:calc(var(--dock-h) + 8px);left:calc(10px + env(safe-area-inset-left));width:auto;z-index:3}}@media(max-width:640px){body{font-size:16px}.topbar{gap:5px 6px}.icon-btn{min-width:44px;font-size:18px;padding:0 6px}.goals{flex-direction:row;gap:4px}.goal{flex:1;min-width:0;grid-template-columns:auto 1fr auto;gap:4px;font-size:12px;padding:3px 7px;min-height:34px}.goal-bar{display:none}.goal-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauge{min-height:36px}.timeline{padding:3px 5px}.toast{top:calc(env(safe-area-inset-top) + 6px)}.bubble .chip:nth-child(n+5){display:none}.hint:nth-child(n+2){display:none}.hint{flex-wrap:wrap}.hint .btn{margin-left:auto}.hud:has(.cause-card) .hints{display:none}.cause-card:nth-child(n+2){display:none}.cause-cards{right:150px}.cause-card{padding:9px 11px}.cause-card p{font-size:13px;margin:4px 0}.mission-chip{font-size:15px;padding:7px 10px}.tb-right{gap:4px}.tl-cell{width:34px;height:34px;font-size:18px}.gauge{font-size:13px;padding:3px 6px;gap:3px}.gauge .bar,.g-power .g-icon{display:none}.pip{width:6px;height:13px}.bubble{font-size:14px;padding:7px 10px}.bot{width:46px;height:44px}.dock{padding-top:6px}.dock-top{gap:5px}.tab{flex:1;padding:4px 6px;font-size:14px;min-height:44px}.icon-btn .lbl{display:none}.next-btn{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:calc(100% + 10px);min-width:0;min-height:64px;padding:6px 16px 6px 12px;border-radius:22px}.next-text{font-size:19px}.hints{max-width:calc(100vw - 150px)}.hint{font-size:13px}.card{width:158px;padding:7px 8px}.cards{height:180px}.big-icon{font-size:22px}.card-note{font-size:12px}.screens .card{padding:18px 16px}.briefing .btn-row{bottom:-18px;margin:10px -16px -18px;padding:10px 16px 14px}.star-goal{font-size:12px}.screens h2{font-size:23px}.lead{font-size:16px}.map-path{grid-template-columns:repeat(2,1fr);gap:8px}.map-node{min-height:112px}.node-icon{font-size:30px}.map-head .spacer{display:none}.rp-stats{grid-template-columns:repeat(2,1fr)}.brief-grid{grid-template-columns:1fr 1fr}.brief-goal{font-size:16px;padding:8px 10px}.set-row{flex-wrap:wrap}.vol input{width:130px}.big-star{font-size:46px}}