:root{--ink:#121110;--paper:#F3F0E8;--orange:#FF6A2A;--muted:#8A8378;--rule:#2A2724;--card:#1A1816;--sans:"Inter Tight",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;overflow:hidden;color:var(--paper);font-family:var(--sans)}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#stage{position:absolute;left:0;top:0;touch-action:none;width:1920px;height:1080px;transform-origin:0 0;background:var(--ink);overflow:hidden}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}#ui{position:absolute;top:0;right:0;bottom:0;left:0}#ui:empty{pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);padding:64px 80px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.screen.overlay{background:#121110eb}.spec{font:400 22px/1.4 var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.strip{display:flex;gap:32px;border-top:2px solid var(--rule);border-bottom:2px solid var(--rule);padding:14px 0;margin-bottom:40px}.strip b{color:var(--paper);font-weight:700}.giant{font:800 300px/.82 var(--sans);letter-spacing:-.05em;margin-left:-14px}.big{font:800 120px/.9 var(--sans);letter-spacing:-.04em;margin-left:-6px}.h{font:800 64px/1 var(--sans);letter-spacing:-.02em}.sq{display:inline-block;width:56px;height:56px;background:var(--orange);vertical-align:top}.barcode{font:400 72px/1 "Libre Barcode 128";color:#5c564c}.list{display:flex;flex-direction:column;gap:12px;align-self:center}.item{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px;padding:18px 24px;border:3px solid var(--rule);font:800 54px/1 var(--sans);color:var(--paper);background:none;text-align:left;cursor:pointer;letter-spacing:-.02em}.item .ix{font:700 24px var(--mono);color:var(--muted)}.item .meta{font:400 22px var(--mono);color:var(--muted);text-transform:uppercase}.item.sel{border-color:var(--orange);background:var(--orange);color:var(--ink)}.item.sel .ix,.item.sel .meta{color:var(--ink)}.hint{position:absolute;left:80px;right:80px;bottom:40px;display:flex;justify-content:space-between}.stars{font:800 160px/1 var(--sans);letter-spacing:.02em;color:var(--orange)}.stars .off{color:var(--rule)}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 40px;align-items:baseline}.kv .v{font:800 52px/1 var(--sans);color:var(--paper);letter-spacing:-.02em}.pulse{width:420px;height:420px;background:var(--rule)}.pulse.on{background:var(--orange)}.slider{height:16px;background:var(--rule);position:relative;margin:14px 0 6px}.slider i{position:absolute;top:-12px;width:16px;height:40px;background:var(--paper)}.slider em{position:absolute;left:50%;top:-6px;width:2px;height:28px;background:var(--muted)}@media (prefers-reduced-motion: no-preference){.item{transition:background 80ms,border-color 80ms}}button{touch-action:manipulation}#pausebtn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:5;width:56px;height:56px;border:2px solid var(--paper);background:#121110cc;color:var(--paper);font:700 20px var(--mono);cursor:pointer}#pausebtn[hidden],#rotate[hidden]{display:none}#rotate{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 22px);text-align:center;font-size:13px;color:var(--orange);z-index:4;pointer-events:none}body.touch .item{padding:26px 28px}#stage.portrait{width:1080px;height:1920px}#stage.portrait .screen{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:40px;padding:72px 64px 200px}#stage.portrait .giant{font-size:240px}#stage.portrait .list{align-self:start}#stage.portrait .hint{flex-direction:column;gap:6px;left:64px;bottom:48px}#stage.portrait .pulse{width:300px;height:300px}