:root{color-scheme:dark;--ink:#d9e7df;--muted:#819b91;--line:#263a3b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 20%,#172d30,#0b171b 70%);color:var(--ink);font:14px/1.6 "Segoe UI",Arial,sans-serif;min-height:100vh}.page{width:min(1280px,calc(100% - 80px));margin:auto}a{color:inherit;text-decoration:none}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:650;letter-spacing:-.6px;display:flex;align-items:center}.brand>span:first-child{font:35px Georgia,serif;color:#7eaea0;margin-right:12px}.brand>span:last-child{color:var(--muted);font-weight:400}.game-link{font-size:11px;color:var(--muted)}a:hover{color:#bfdbc6}.intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:27px 0 24px}h1{font:48px/1.1 Georgia,serif;margin:0;letter-spacing:-1px}h1 em{font-weight:400;color:#92b3a2}.intro p{color:var(--muted);font-size:12px;margin:0}.tank{position:relative;aspect-ratio:1000/520;border-radius:14px;overflow:hidden;background:#29493f;isolation:isolate;box-shadow:0 18px 40px -20px #0009,0 0 0 1px #53726b35}.tank:after{position:absolute;inset:0;pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 -15px 40px #061e2433,inset 0 0 0 1px #d6e5ce0c}canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:crosshair}.tank-top{position:absolute;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;color:#dfebdccf;font-size:9px;letter-spacing:1px;text-shadow:0 1px 4px #112a27}.tank-top>span:first-child{letter-spacing:2px}.pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:13px 28px;border:1px solid #bcdbc32e;background:#102c35dc;border-radius:10px;color:#eff1e0;backdrop-filter:blur(7px);font:25px Georgia,serif}.pause-indicator[hidden]{display:none}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.buttons{display:flex;flex-wrap:wrap;gap:8px}button{font:500 12px/1.5 "Segoe UI",Arial,sans-serif;padding:10px 17px;min-height:40px;border:1px solid #3b5350;border-radius:7px;color:#c3d9ce;background:#162b30;cursor:pointer;transition:background .15s,transform .15s}button.primary{background:#3d7365;border-color:#558d7a;color:#f2f4e6}button:hover{background:#28413f}button.primary:hover{background:#4d8773}button:active{transform:translateY(1px)}button[aria-pressed=true]{background:#364e59;border-color:#7697a3;color:#e4ecf2}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b5ca8a;outline-offset:4px}.hint{color:var(--muted);font-size:10px;text-align:right}.stock{margin:20px 0;color:#9db7ab;font-size:11px}.stock summary{cursor:pointer;width:max-content;padding:3px 0;color:#afc8b9}.stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:5px 0 10px}.stock p{margin:5px 0;line-height:1.9}.stock strong{display:block;color:#d4dfd2;font-weight:500;margin-bottom:4px}.muted{color:#7a958c;font-size:10px}footer{display:flex;justify-content:space-between;gap:15px;color:#6e897f;font-size:10px;padding:10px 0 24px}.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}@media(max-width:900px){.page{width:calc(100% - 44px)}header{height:70px}.intro{padding:25px 0 20px}h1{font-size:42px}.toolbar{align-items:flex-start;flex-direction:column;gap:10px}.hint{text-align:left}}@media(max-width:600px){.page{width:calc(100% - 28px)}header{height:65px}.brand{font-size:19px}.brand>span:first-child{font-size:31px}.game-link{font-size:10px}.intro{padding:24px 0 19px;gap:10px}h1{font-size:37px}.intro p{font-size:10px}.tank{aspect-ratio:1.3;border-radius:10px}.tank-top{top:13px;left:13px;right:13px;font-size:7px;letter-spacing:.5px}.tank-top>span:first-child{letter-spacing:1px}.buttons{gap:6px;width:100%}button{padding:9px 10px;font-size:11px;min-height:40px}.toolbar{padding:16px 0}.hint{font-size:9px}.stock{margin:16px 0}.stock-grid{grid-template-columns:1fr;gap:10px}.stock p{font-size:10px}.pause-indicator{font-size:21px;padding:12px 22px}footer{font-size:9px;padding-top:8px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

.tank-top{justify-content:flex-end}

.intro{align-items:center;padding:22px 0}.nitrite{width:395px;flex:0 1 395px}.nitrite h2{font:16px/1.3 Georgia,serif;margin:0 0 1px;color:#bdcec4}.nitrite svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid path{fill:none;stroke:#314444;stroke-width:.6}.chart-axis text{font:9px "Segoe UI",Arial,sans-serif;fill:#78968a}.chart-scan{fill:none;stroke:#80aeb2;stroke-width:1.5}.chart-dots circle{fill:#a0d2cf}.chart-range path{fill:none;stroke:#d3bf80;stroke-width:2.1;stroke-linecap:round}.chart-peak{font:9px "Segoe UI",Arial,sans-serif;fill:#a6c8c2}.chart-caption{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:9px;color:#829d91;margin-top:0}.chart-caption i{display:inline-block;width:5px;height:5px;border-radius:50%}.scan-key{background:#80aeb2}.drop-key{background:#d3bf80;margin-left:5px}.chart-caption .latest{margin-left:auto;color:#b0c6b3}@media(max-width:600px){.intro{align-items:flex-start;gap:16px;flex-direction:column;padding:20px 0}.nitrite{flex:auto;width:100%}.nitrite h2{font-size:15px}.chart-caption{font-size:8px}}