.game{position:fixed;inset:0;overflow:hidden}.game-canvas{position:absolute;inset:0}.game-canvas canvas{touch-action:none;display:block}.hud{pointer-events:none;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.topbar{scrollbar-width:none;border-radius:999px;align-self:center;align-items:center;gap:6px;max-width:100%;padding:7px 8px 7px 15px;display:flex;overflow-x:auto}.topbar::-webkit-scrollbar{display:none}.stat{border-left:1px solid var(--hairline-2);white-space:nowrap;flex-direction:column;gap:1px;padding:2px 12px;display:flex}.stat b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-items:center;gap:5px;font-size:15px;font-weight:600;display:flex}.stat span{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:600}.stat svg{color:var(--ink-3);flex:none}.clock{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;padding-right:4px;font-size:16px;font-weight:800;display:inline-flex}.clock-ring{flex:none;width:26px;height:26px}.gap-mini{border-left:1px solid var(--hairline-2);gap:3px;min-width:118px;padding:2px 12px;display:grid}.gap-mini-row{color:var(--ink-3);grid-template-columns:34px 1fr;align-items:center;gap:6px;font-size:10px;font-weight:600;display:grid}.gap-mini .bar{height:5px}.speeds{background:#0e1f2b0f;border-radius:999px;gap:3px;margin-left:6px;padding:3px;display:inline-flex}.speeds button{cursor:pointer;color:var(--ink-3);font-size:12.5px;font-weight:700;font-family:var(--font-mono);background:0 0;border:0;border-radius:999px;padding:5px 10px}.speeds button[data-on=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0e1f2b29}.middle{pointer-events:none;flex:1;align-items:flex-start;gap:10px;min-height:0;display:flex}.middle>*{pointer-events:auto}.rail{border-radius:20px;flex-direction:column;flex:none;gap:4px;padding:6px;display:flex}.rail-btn{width:58px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;transition:background .14s;display:flex;position:relative}.rail-btn:hover{color:var(--ink);background:#0e1f2b0e}.rail-btn[data-on=true]{background:var(--ink);color:#fff}.rail-label{letter-spacing:.01em;font-size:10px;font-weight:650}.rail-dot{color:var(--accent);place-items:center;display:grid;position:absolute;top:4px;right:6px}.rail-btn[data-on=true] .rail-dot{color:#a8ee9a}.panel{border-radius:var(--r-md);flex-direction:column;width:344px;max-width:42vw;max-height:100%;animation:.16s panel-in;display:flex;overflow:hidden}@keyframes panel-in{0%{opacity:0;transform:translate(-8px)}}.panel-bar{border-bottom:1px solid var(--hairline-2);flex:none;align-items:center;gap:9px;padding:12px 12px 12px 15px;display:flex}.panel-bar h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0 auto 0 0;font-size:15px;font-weight:800}.panel-icon{color:var(--accent);place-items:center;display:grid}.icon-btn{width:28px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.icon-btn:hover{color:var(--ink);background:#0e1f2b12}.panel-body{overscroll-behavior:contain;padding:14px 15px 16px;overflow-y:auto}.big-read{align-items:flex-end;gap:12px;margin-bottom:2px;display:flex}.big-read b{font-family:var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1}.fold{border-top:1px solid var(--hairline-2);margin-top:4px}.fold-head{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:11px 2px;display:flex}.fold-head:hover .fold-title{color:var(--accent-ink)}.fold-chevron{color:var(--ink-3);place-items:center;transition:transform .16s;display:grid}.fold[data-open=true] .fold-chevron{transform:rotate(90deg)}.fold-icon{color:var(--ink-3);place-items:center;display:grid}.fold-title{margin-right:auto;font-size:13.5px;font-weight:700}.fold-note{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.fold-body{padding:0 0 12px}.is-locked{opacity:.45;pointer-events:none}.lock-note{border-radius:var(--r-sm);background:var(--accent-tint);color:var(--accent-ink);margin:0 0 10px;padding:9px 11px;font-size:12.4px;line-height:1.4}.gap{margin:14px 0 8px}.gap-row{grid-template-columns:52px 1fr 58px;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;display:grid}.gap-row span:first-child{color:var(--ink-3);font-weight:600}.gap-row .mono{text-align:right;font-size:12px}.bar{background:#0e1f2b1a;border-radius:999px;height:7px;overflow:hidden}.bar i{border-radius:999px;height:100%;transition:width .35s;display:block}.meter-head{color:var(--ink-3);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:12.4px;display:flex}.meter-head b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12.4px}.verdict{border-radius:var(--r-sm);background:#0e1f2b0b;margin-top:4px;padding:9px 12px;font-size:12.6px;line-height:1.4}.verdict[data-tone=good]{color:#145c39;background:#1f7a4d1c}.verdict[data-tone=bad]{color:#8e2b21;background:#c0392b1a}.verdict[data-tone=warn]{color:#8a5c14;background:#b7791f1f}.lever{margin:12px 0 2px}.lever-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:12.8px;display:flex}.lever-head b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.lever-track{position:relative}.lever-mark{background:var(--ink-3);opacity:.5;pointer-events:none;border-radius:2px;width:2px;height:13px;position:absolute;top:4px;transform:translate(-1px)}.lever-note{color:var(--ink-3);margin-top:-1px;font-size:11.5px;line-height:1.35}.reads{gap:7px;display:grid}.read{justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.read span{color:var(--ink-3)}.read b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.log{gap:7px;display:grid}.log-line{color:var(--ink-2);grid-template-columns:32px 1fr;gap:8px;font-size:12.4px;line-height:1.35;display:grid}.log-line i{font-family:var(--font-mono);color:var(--ink-3);font-size:11.5px;font-style:normal}.log-line[data-tone=good]{color:var(--good)}.log-line[data-tone=bad]{color:var(--bad)}.dockbar{flex-direction:column;align-items:center;gap:8px;max-width:100%;display:flex}.peek{border-radius:18px;align-items:center;gap:13px;max-width:min(560px,92vw);padding:10px 16px 10px 12px;display:flex}.peek img{filter:drop-shadow(0 3px 6px #0e1f2b38);flex:none}.peek-body{min-width:0}.peek-head{align-items:baseline;gap:10px;display:flex}.peek-head b{font-size:14.5px}.peek-head .mono{color:var(--ink-3);font-size:12.5px}.peek p{color:var(--ink-2);margin:1px 0 0;font-size:12.6px;line-height:1.35}.peek-stats{color:var(--ink-3);flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:11px;display:flex}.peek-quiet{padding:8px 16px}.peek-quiet p{color:var(--ink-3);font-size:12.2px}.buildbar{scrollbar-width:none;border-radius:22px;align-items:stretch;gap:4px;max-width:100%;padding:6px 8px 7px;display:flex;overflow-x:auto}.buildbar::-webkit-scrollbar{display:none}.shelf{border-left:1px solid var(--hairline-2);flex-direction:column;gap:1px;padding:0 4px;display:flex}.shelf:first-of-type{border-left:0}.shelf-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:3px 6px 0;font-size:9px;font-weight:700}.shelf-row{gap:2px;display:flex}.tool{cursor:pointer;min-width:74px;color:inherit;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:4px 8px 6px;transition:background .14s;display:flex;position:relative}.tool-plain{justify-content:center;min-width:64px;padding-top:6px}.tool:hover:not(:disabled){background:#0e1f2b0e}.tool[data-on=true]{background:var(--ink);color:#fff}.tool[data-on=true] .tool-cost,.tool[data-on=true] .tool-key{color:#ffffffa8}.tool:disabled{opacity:.32;cursor:not-allowed}.tool-art{place-items:center;width:42px;height:42px;display:grid}.tool-art img{filter:drop-shadow(0 2px 3px #0e1f2b33)}.tool-name{white-space:nowrap;font-size:11.5px;font-weight:650}.tool-cost{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:10.5px}.tool-key{font-family:var(--font-mono);color:var(--ink-3);opacity:.8;font-size:9px;position:absolute;top:2px;right:5px}.tip{z-index:20;border-radius:var(--r-sm);color:#fff;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow);background:#0e1f2be6;padding:7px 11px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.veil{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#96bed780;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.sheet{width:min(560px,100%);max-height:88vh;padding:clamp(22px,3.4vw,34px);overflow-y:auto}.scoreline{border-bottom:1px solid var(--hairline-2);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:13.5px;display:flex}.scoreline b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}@media (max-width:1180px){.tool{min-width:64px}.tool-name{font-size:10.5px}}@media (max-width:900px){.rail{flex-direction:row}.middle{flex-direction:column}.panel{width:100%;max-width:100%}.shelf-label{display:none}}.gap-compact{margin:0}.gap-compact .gap-row{grid-template-columns:28px 1fr 42px;gap:5px;margin-bottom:3px;font-size:9.5px}.gap-compact .gap-row:last-child{margin-bottom:0}.gap-compact .gap-row .mono{font-size:10px}.gap-compact .bar{height:5px}