:root{--void:#07090c;--glass:#0d1117b8;--hair:#ffffff1a;--text:#e8edf2;--text2:#8b97a3;--live:#7cc8ff;--plan:#3fa9ff;--haz:#ff4d3d;--gold:#f5d76e;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--gut:16px}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app{touch-action:none;position:fixed;inset:0}#app canvas{outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;font-size:13px;position:fixed;inset:0}#hud>.panel,#hud>.controls{pointer-events:auto}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--text2);font-size:11px;font-weight:500}.unit{color:var(--text2);font-family:var(--mono);margin-left:3px;font-size:11px}.brand{top:calc(var(--gut) + env(safe-area-inset-top));left:calc(var(--gut) + env(safe-area-inset-left));pointer-events:none;position:absolute}.wordmark{letter-spacing:.01em;font-size:17px;font-weight:600}.sol{font-family:var(--mono);letter-spacing:.08em;color:var(--text2);margin-top:3px;font-size:11px}.panel{left:calc(var(--gut) + env(safe-area-inset-left));background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hair);border-radius:10px;width:248px;padding:14px 16px 12px;position:absolute;top:84px}.bigrow{border-bottom:1px solid var(--hair);margin-bottom:8px;padding-bottom:10px}.bignum{align-items:baseline;margin-top:2px;display:flex}.bignum .num{color:var(--text);letter-spacing:-.02em;font-size:44px;font-weight:500;line-height:1.05}.bignum .unit{font-size:14px}.row{grid-template-columns:1fr auto;align-items:baseline;padding:6px 0 7px;display:grid}.row .val .num{color:var(--live);font-size:14px}.row .bar{background:#ffffff14;border-radius:1px;grid-column:1/-1;height:2px;margin-top:6px;overflow:hidden}.row .bar i{background:var(--live);opacity:.7;transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.row.warn .bar i{background:#e8a33d}.row.warn .val .num{color:#e8a33d}.legend{border-top:1px solid var(--hair);color:var(--text2);gap:5px;margin-top:6px;padding-top:9px;font-size:11px;display:grid}.legend div{align-items:center;gap:8px;display:flex}.sw{border-radius:2px;flex:none;width:18px;height:3px;display:inline-block}.sw-plan{background:var(--plan);box-shadow:0 0 6px #3fa9ffb3}.sw-real{background:#e8dccb80;height:1px}.planner-tag:empty{display:none}.planner-tag{color:var(--text2);font-size:10px;font-family:var(--mono);margin-top:8px}.status{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));max-width:min(560px, calc(100vw - 2 * var(--gut) - 360px));white-space:nowrap;text-overflow:ellipsis;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hair);pointer-events:none;border-radius:999px;align-items:center;gap:9px;padding:8px 16px 8px 12px;font-size:13px;display:flex;position:absolute;overflow:hidden;transform:translate(-50%)}.dot{background:var(--text2);border-radius:50%;flex:none;width:7px;height:7px;transition:background .4s}.dot[data-tone=plan]{background:var(--plan)}.dot[data-tone=warn]{background:var(--haz)}.dot[data-tone=stop]{background:#e8a33d}.controls{right:calc(var(--gut) + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));gap:6px;display:flex;position:absolute}.controls button{font:500 12px var(--sans);color:var(--text);cursor:pointer;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hair);border-radius:8px;min-width:44px;min-height:36px;padding:0 12px}.controls button:hover{border-color:#ffffff38}.controls button:focus-visible{outline:1px solid var(--live)}.controls [data-speed]{font-family:var(--mono)}.hint{color:var(--text);background:var(--glass);border:1px solid var(--hair);opacity:0;pointer-events:none;border-radius:999px;padding:8px 16px;font-size:14px;transition:opacity .8s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hint.show{opacity:1}.goal-label{pointer-events:none;opacity:0;font-family:var(--mono);color:var(--gold);white-space:nowrap;background:#07090ca6;border:1px solid #f5d76e59;border-radius:6px;padding:3px 8px;font-size:12px;transition:opacity .3s;position:absolute;top:0;left:0}.credit{left:calc(var(--gut) + env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));color:#8b97a3b3;pointer-events:none;max-width:30vw;font-size:10px;line-height:1.4;position:absolute}@media (max-width:1023px){.status{max-width:calc(100vw - 2 * var(--gut) - 250px);left:calc(50% - 60px)}.credit{display:none}}@media (max-height:500px) and (orientation:landscape){.brand{top:calc(10px + env(safe-area-inset-top))}.wordmark{font-size:14px}.sol{font-size:9px}.panel{border-radius:8px;width:min(26vw,190px);padding:7px 10px 6px;top:50px}.bignum .num{font-size:24px}.bigrow{margin-bottom:2px;padding-bottom:4px}.row{padding:2px 0 3px}.row .lbl,.bigrow .lbl{letter-spacing:.06em;font-size:9px}.row .val .num{font-size:11px}.row .bar{margin-top:2px}.unit{font-size:9px}.legend{display:none}.controls{flex-direction:column;gap:4px;top:50%;bottom:auto;transform:translateY(-50%)}.controls button{min-width:64px;min-height:40px;padding:0 8px;font-size:11px}.status{bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(70vw - 120px);padding:6px 12px 6px 10px;font-size:12px;left:50%}.hint{top:14%}.credit{display:none}}@media (max-width:700px) and (orientation:portrait){#app{height:62svh;bottom:auto}.brand{top:calc(12px + env(safe-area-inset-top))}.wordmark{font-size:15px}.panel{width:auto;padding:46px var(--gut) calc(10px + env(safe-area-inset-bottom));background:#0d1117f0;border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;grid-template-columns:1fr 1fr;align-content:start;column-gap:18px;display:grid;inset:62svh 0 0}.bigrow{grid-column:1/-1;justify-content:space-between;align-items:baseline;margin-bottom:4px;padding-bottom:6px;display:flex}.bignum .num{font-size:36px}.rows{grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:18px;display:grid}.row{padding:4px 0 6px}.legend{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:4px;padding-top:7px;font-size:10px}.status{top:calc(62svh + 10px);bottom:auto;left:var(--gut);right:var(--gut);background:#ffffff08;border-radius:8px;max-width:none;padding:6px 12px 6px 10px;transform:none}.controls{top:calc(62svh - 52px);bottom:auto;right:var(--gut)}.controls button{min-height:40px;padding:0 10px}.credit{display:none}.hint{top:24svh}}@media (prefers-reduced-motion:reduce){.hint,.goal-label,.dot{transition:none}}#cards{pointer-events:none;color:var(--text);font-size:13px;position:fixed;inset:0}#cards button{pointer-events:auto;cursor:pointer;font:500 12px var(--sans);color:var(--text);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hair);border-radius:8px;min-height:36px;padding:0 12px}#cards button:hover{border-color:#ffffff38}#cards button:focus-visible{outline:1px solid var(--live)}.about-btn{top:calc(var(--gut) + env(safe-area-inset-top));right:calc(var(--gut) + env(safe-area-inset-right));letter-spacing:.06em;text-transform:uppercase;position:absolute;min-height:30px!important;color:var(--text2)!important;border-radius:999px!important;padding:0 12px!important;font-size:11px!important}.card{top:calc(var(--gut) + 44px + env(safe-area-inset-top));right:calc(var(--gut) + env(safe-area-inset-right));background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;border:1px solid #f5d76e47;border-radius:10px;width:264px;padding:12px 14px;transition:opacity .3s,transform .3s;position:absolute;transform:translateY(-6px)}.card.show{opacity:1;transform:none}.card .lbl{color:var(--gold)}.card .title{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.card .title>.num{color:var(--text);font-size:18px;font-weight:500}.card .score{color:var(--text2);font-size:11px}.card .score .num{color:var(--gold);font-size:13px}.card .parts{gap:4px;margin:8px 0;display:grid}.card .parts div{grid-template-columns:64px 1fr 36px;align-items:center;gap:8px;display:grid}.card .parts .lbl{color:var(--text2);font-size:10px}.card .parts .num{text-align:right;color:var(--text);font-size:11px}.pbar{background:#ffffff14;border-radius:1px;height:2px;display:block;overflow:hidden}.pbar i{background:var(--gold);transform-origin:0;opacity:.8;height:100%;display:block}.card .line{color:var(--text2);font-size:11px;line-height:1.45}.card .line .num{color:var(--text)}.bracket{opacity:0;width:40px;height:40px;transition:opacity .25s;position:absolute;top:0;left:0}.bracket.show{opacity:1}.bracket i{border:1.5px solid var(--gold);width:10px;height:10px;position:absolute}.bracket i:first-child{border-bottom:0;border-right:0;top:0;left:0}.bracket i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.bracket i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.bracket i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.save-pill{left:50%;bottom:calc(62px + env(safe-area-inset-bottom));opacity:0;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,6px);pointer-events:none!important;border-radius:999px!important}.save-pill.show{opacity:1;transform:translate(-50%);pointer-events:auto!important}.end{width:min(420px, calc(100vw - 2 * var(--gut)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--hair);opacity:0;visibility:hidden;background:#0d1117db;border-radius:12px;padding:16px 18px;transition:opacity .35s,transform .35s,visibility 0s .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.end.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s,transform .35s;transform:translate(-50%,-50%)}.end .big{align-items:baseline;gap:8px;margin-top:4px;display:flex}.end .big .num{letter-spacing:-.02em;font-size:48px;font-weight:500;line-height:1.05}.end .big .unit{font-size:14px}.end .line{color:var(--text2);margin-top:4px;font-size:12px}.end .line .num{color:var(--text)}.end .btns{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.end .btns button:first-child{color:#fff;border-color:#3fa9ff8c}.end .btns .ghost{color:var(--text2)}.sheet-wrap{opacity:0;visibility:hidden;background:#07090c8c;justify-content:center;align-items:center;transition:opacity .25s,visibility 0s .25s;display:flex;position:absolute;inset:0}.sheet-wrap.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s}.sheet{width:min(460px, calc(100vw - 2 * var(--gut)));max-height:calc(100vh - 2 * var(--gut));border:1px solid var(--hair);pointer-events:auto;background:#0d1117f0;border-radius:12px;padding:18px 20px 14px;position:relative;overflow:auto}.sheet p{margin:8px 0;font-size:13px;line-height:1.5}.sheet p.dim{color:var(--text2);font-size:12px}.sheet a{color:var(--live);text-decoration:none}.sheet .lbl{margin-top:12px}.sheet .close{min-width:30px;line-height:1;position:absolute;top:10px;right:10px;border-radius:50%!important;min-height:30px!important;padding:0!important;font-size:16px!important}.toast{background:var(--glass);border:1px solid var(--hair);opacity:0;border-radius:999px;padding:8px 16px;font-size:13px;transition:opacity .3s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.percep-legend{top:calc(var(--gut) + 44px + env(safe-area-inset-top));right:calc(var(--gut) + env(safe-area-inset-right));background:var(--glass);border:1px solid var(--hair);color:var(--text2);opacity:0;border-radius:8px;gap:4px;padding:8px 12px;font-size:11px;transition:opacity .3s;display:grid;position:absolute}.percep-legend.show{opacity:1}.percep-legend .lbl{margin-bottom:2px;font-size:10px}.percep-legend div{align-items:center;gap:8px;display:flex}.percep-legend .sw{border-radius:2px;width:14px;height:8px}.cl-soil{background:#3fa9ff2e;border:1px solid #ffffff2e}.cl-sand{background:#9fe7ff8c}.cl-bed{background:#3fa9ffb3}.cl-rock{background:#9fe7ffe6;box-shadow:inset 0 0 0 1px #9fe7ff}.percep-legend.show~.card.show{top:calc(var(--gut) + 160px + env(safe-area-inset-top))}.cls-label{pointer-events:none;font-family:var(--mono);letter-spacing:.04em;color:#9fe7ff;white-space:nowrap;opacity:0;text-shadow:0 0 3px #07090ce6,0 0 1px #07090c;font-size:11px;transition:opacity .3s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cls-label.show{opacity:.92}.cls-label:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.cls-label.rock{color:#fff}.cls-label.bed{color:#7cc8ff}.cls-label.soil{color:#b8c4d0}@media (max-height:500px) and (orientation:landscape){.about-btn{top:calc(10px + env(safe-area-inset-top));min-height:26px!important}.card,.percep-legend{top:calc(44px + env(safe-area-inset-top));width:220px;padding:8px 10px}.percep-legend{width:auto}.save-pill{bottom:calc(48px + env(safe-area-inset-bottom))}.end{padding:12px 14px}.end .big .num{font-size:34px}}@media (max-width:700px) and (orientation:portrait){.about-btn{top:calc(12px + env(safe-area-inset-top))}.card,.percep-legend{top:calc(54px + env(safe-area-inset-top));width:min(264px, calc(100vw - 2 * var(--gut)))}.save-pill{top:calc(62svh - 52px);bottom:auto;left:var(--gut);transform:translateY(6px)}.save-pill.show{transform:none}.end{top:31svh}.toast{top:10svh}}@media (prefers-reduced-motion:reduce){.card,.end,.toast,.bracket,.save-pill,.sheet-wrap,.cls-label{transition:none}}#labels{pointer-events:none;position:fixed;inset:0}@media (max-width:700px) and (orientation:portrait){.percep-legend{top:calc(54px + env(safe-area-inset-top));left:var(--gut);gap:10px;width:auto;padding:5px 10px;font-size:10px;display:flex;right:auto}.percep-legend .lbl{display:none}.percep-legend div{gap:5px}.percep-legend .sw{width:10px;height:6px}.percep-legend.show~.card.show{top:calc(96px + env(safe-area-inset-top))}.card.target,.percep-legend.show~.card.target.show{top:auto;bottom:calc(38svh + 62px);left:var(--gut);right:var(--gut);width:auto}}