:root{--bg:#0e121a;--panel:#161c28;--line:#2a3447;--txt:#e8ecf2;--dim:#8d98ab;--warm:#f2c14e;--cold:#1c2a4a}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--txt);font:15px/1.35 system-ui,-apple-system,sans-serif;overscroll-behavior:none}#app{height:100dvh;max-width:520px;margin:0 auto;position:relative;overflow:hidden}button{font:inherit;color:inherit;min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--line);background:#1d2636;border-radius:10px}button:disabled{opacity:.4}button.primary{background:#2f6fd0;border-color:#2f6fd0;font-weight:600}button.on{background:#2d4a7a}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:16px;gap:12px;overflow:auto;background:var(--bg);z-index:5}.screen h1{margin:8px 0 0;font-size:26px}.levels{display:flex;flex-direction:column;gap:8px}.levels button{display:flex;justify-content:space-between;text-align:left;padding:10px 14px}.bubble{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.who{color:var(--warm);font-weight:600;font-size:13px;margin-bottom:4px}.goal{border-left:4px solid var(--warm);padding-left:10px}#game{display:flex;flex-direction:column;height:100%}#top{flex:0 0 8%;min-height:52px;display:flex;align-items:center;gap:6px;padding:0 8px}#clock{flex:1;white-space:nowrap;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}#clock small{font-weight:400;color:var(--dim);font-size:12px;margin-left:6px}#pulse{flex:0 0 15%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .3s}#freq{font-size:44px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}#sub{margin-top:4px}#bal{position:relative;width:70%;height:8px;background:#0006;border-radius:4px;margin-top:6px}#balfill{position:absolute;top:0;bottom:0;border-radius:4px;background:#fff}#balmid{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:#fff}#fc{flex:0 0 10%;min-height:64px;padding:0 8px}#fc svg{width:100%;height:100%;display:block;background:var(--panel);border-radius:8px}#stations{flex:1 1 30%;min-height:110px;display:flex;gap:8px;overflow-x:auto;padding:8px;scroll-snap-type:x proximity}.card{flex:0 0 132px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:2px;text-align:left;min-height:100px;height:auto}.card b{font-size:14px}.card .p{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.card .s{font-size:11px;color:var(--dim)}.card.off{opacity:.55}.card .bar{height:4px;background:#0006;border-radius:2px;margin-top:auto}.card .bar i{display:block;height:100%;background:#4aa;border-radius:2px}#tools{flex:0 0 7%;min-height:52px;display:flex;gap:6px;padding:4px 8px}#tools button{flex:1;font-size:12px}#sheet{position:absolute;left:0;right:0;bottom:0;background:#1a2232;border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:14px 16px 20px;z-index:4;transform:translateY(105%);transition:transform .2s}#sheet.open{transform:none}#sheet input[type=range]{width:100%;height:36px}#toast{position:absolute;left:8px;right:8px;top:60px;z-index:6;background:#2a1e0a;border:1px solid var(--warm);border-radius:12px;padding:10px 12px;font-size:13px}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#000b;display:flex;align-items:center;padding:16px}.modal .bubble{width:100%}#ready{position:absolute;left:16px;right:16px;bottom:70px;z-index:3}.scale{display:flex;align-items:center;gap:8px}.scale span:first-child{width:96px}.scale .tr{flex:1;height:10px;background:var(--panel);border-radius:5px;overflow:hidden}.scale .tr i{display:block;height:100%}.stars{font-size:34px;letter-spacing:6px;color:var(--warm)}#dchart svg{width:100%;height:150px;background:var(--panel);border-radius:8px}.row{display:flex;gap:8px}.row>*{flex:1}.dim{color:var(--dim)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#top{background:linear-gradient(#0b0f18,#0e121a)}#top button{border-radius:12px;display:grid;place-items:center;padding:0 8px}#pulse{position:relative;overflow:hidden}#ecg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55}#ecg .ecg-band{stroke:#fff;stroke-opacity:.25;stroke-dasharray:3 4;stroke-width:1;vector-effect:non-scaling-stroke}#ecg .ecg-mid{stroke:#fff;stroke-opacity:.12;stroke-width:1;vector-effect:non-scaling-stroke}#ecgline{stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #fff8)}.pz{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}#freq{text-shadow:0 2px 12px #0008}#bal{background:#0007}#city{flex:0 0 auto;display:flex;flex-direction:column;background:#0f1626}#cityart{aspect-ratio:360/200;position:relative;overflow:hidden}#cityart svg{width:100%;height:100%;display:block}#cityinfo{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px 6px 6px;background:#0f1626}.dinfo{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:8px;padding:2px 2px 3px;border:1px solid transparent}.dinfo .nm{font-size:10px;line-height:1.1;color:var(--dim);min-height:22px;display:flex;align-items:center}.dinfo .st{font-size:10.5px;font-variant-numeric:tabular-nums;min-height:14px}.dinfo.achr{border-color:#ff7b7b}.dinfo.achr .st{color:#ff8e8e;font-weight:700}.dinfo.graph .st{color:#9fb4d6}.dinfo.warned{border:1px dashed var(--warm)}.dinfo.cold .st{color:#ffb05a}.dinfo button{min-height:30px;min-width:0;width:100%;font-size:10.5px;padding:0 2px;margin-top:2px;background:#7a2020;border-color:#a33}.card{position:relative;padding-top:34px;align-self:flex-start;min-height:128px}#stations{align-items:flex-start}.card .ic{position:absolute;left:8px;top:8px;width:24px;height:24px;color:#9fb4d6}.card b{padding-left:0}.hero{margin:-16px -16px 0;aspect-ratio:360/200;overflow:hidden;flex:0 0 auto}.hero svg{width:100%;height:100%;display:block}.mentor-row{display:flex;gap:10px;align-items:flex-start}.mentor{flex:0 0 84px;position:sticky;top:0}.modal .mentor{flex-basis:56px}#toast{display:flex;gap:8px;align-items:flex-start}#toast svg{flex:0 0 auto;margin-top:2px;color:var(--warm)}button.primary{box-shadow:0 2px 10px #2f6fd055}.screen{padding-bottom:calc(16px + env(safe-area-inset-bottom))}#app{padding-top:env(safe-area-inset-top)}.dinfo .nm{flex-direction:column;justify-content:flex-start;gap:2px}.dinfo .di{color:#9fb4d6;display:block;line-height:0}#fc{flex:1 0 84px;max-height:170px;padding:6px 8px}#stations{flex:1 1 auto;align-items:center}#toast{top:auto;bottom:calc(8% + 12px);box-shadow:0 6px 20px #000a}#stations{scroll-padding-left:8px}#sheet #sx{flex:0 0 44px;width:44px;padding:0}.axis{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);padding:2px 2px 0}.axis-note{font-size:10px;text-align:right}button.share{display:flex;gap:8px;align-items:center;justify-content:center}.sharebox{max-height:92vh;overflow:auto;padding:10px}.sharebox img{width:100%;max-height:68vh;object-fit:contain;border-radius:10px;display:block}#cityart{aspect-ratio:auto;height:55.5vw;height:min(55.5vw,24dvh)}#cityart svg{height:100%}@media(max-height:720px){#top{flex-basis:48px;min-height:48px}#pulse{min-height:78px;flex-basis:12%}#freq{font-size:36px}#sub{font-size:13px;margin-top:2px}#bal{margin-top:4px}#cityinfo{padding:2px 4px 3px}.dinfo .nm{min-height:0;font-size:9.5px}.dinfo .di{display:none}#fc{min-height:52px;flex-basis:52px;padding:4px 8px}.card{min-height:104px;padding-top:30px}#tools{flex-basis:46px;min-height:46px}#tools button{min-height:40px;font-size:11px}}.levels.extra{margin-top:4px}.levels.extra button{background:#17202f}.dinfo.damaged{border:1px dashed #ff9d4a}.dinfo.damaged .st{color:#ffb05a;font-weight:700}.dinfo.dark .st{color:#789}.badge-saved{position:absolute;right:14px;top:10px;font-size:10.5px;background:#0009;border:1px solid #4be08a66;color:#bff5d3;border-radius:8px;padding:2px 6px;max-width:70%}#fc{position:relative}.ach{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel)}.ach .ach-badge{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#1d2636;color:#6b778c}.ach.got{border-color:#f2c14e66}.ach.got .ach-badge{background:#f2c14e;color:#3a2a00}.bubble.ach-new{border-color:#f2c14e}.board{display:flex;flex-direction:column;gap:4px}.brow{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:6px 10px;border-radius:8px;background:var(--panel);align-items:center}.brow.me{outline:2px solid #2f6fd0}.brow .nk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logbox{max-height:80vh;overflow:auto}input[type=text],input:not([type]){font:inherit;color:inherit;background:#0e1420;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:0 12px;width:100%}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.field label{font-size:12px;color:var(--dim)}table.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl th,.tbl td{padding:4px 6px;border-bottom:1px solid var(--line);text-align:center}.tbl td:first-child,.tbl th:first-child{text-align:left}#guide{font-size:12.5px;padding:0 10px;text-align:center;margin-top:2px;font-weight:600;max-width:100%}#toast{z-index:3}.tiles{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 10px;min-height:58px;text-align:left}.tile b{font-size:13px}.tile span{font-size:11px;color:var(--dim)}.tile.hot{background:#23406e;border-color:#2f6fd0}a.linkbtn{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;border:1px solid #2f6fd0;background:#23406e;color:#fff;text-decoration:none;font-weight:600}.bubble a{color:#8fb8ff}