@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Archivo+Narrow:wght@600&display=swap";:root{--color-on: #beeeff;--color-off: #051021;--accent-wo: #77db70;--accent-fc: #f1eb5a;--accent-dr: #fe7bd9;--accent-ma: #1a3df5;--on-94: #beeefff0;--on-88: #beeeffe0;--on-72: #beeeffb8;--on-56: #beeeff8f;--on-40: #beeeff66;--on-24: #beeeff3d;--on-16: #beeeff29;--on-08: #beeeff14;--off-98: #051021fa;--off-96: #051021f5;--off-92: #051021eb;--off-86: #051021db;--off-72: #051021b8;--off-54: #0510218a;--off-44: #05102170;--off-28: #05102147;--off-00: #05102100;--accent-wo-56: #77db708f;--accent-fc-56: #f1eb5a8f;--accent-dr-56: #fe7bd98f;--accent-ma-56: #1a3df58f}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#000;color:var(--color-on);font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;-webkit-user-select:none;user-select:none}.app-shell{width:100%;height:100vh;display:grid;place-items:center;padding:clamp(.45rem,1.2vh,.75rem)}.crt-scene{width:100%;height:100%;display:grid;place-items:center}.refine-frame{position:relative;width:min(93vw,1340px);height:calc(100vh - clamp(1.8rem,3.6vh,2.6rem));border:1.5px solid var(--on-56);background:repeating-linear-gradient(90deg,var(--off-98) 0,var(--off-98) 5%,var(--off-92) 5%,var(--off-92) 10%);display:grid;grid-template-rows:3.5rem minmax(0,1fr) 5.1rem 2.35rem;overflow:hidden;filter:brightness(1.54) contrast(1.05) saturate(1.09)}.refine-frame-proxy{opacity:0}.frame-row{position:relative;z-index:1}.frame-header{border-top:1px solid var(--on-40);border-bottom:3px double var(--on-40);height:80px;padding:0 1rem;display:flex;justify-content:space-between;align-items:stretch;gap:.8rem;font-size:clamp(1rem,1.5vw,1.25rem);letter-spacing:.11em}.frame-header h1,.frame-header p{margin:0;font-weight:600}.title-lockup{min-width:0;flex:1 1 auto;display:flex;align-items:center;align-self:center;gap:.95rem}.title-lockup h1{white-space:nowrap}.header-bars{flex:1 1 auto;min-width:8rem;height:1.55rem;border:1px solid var(--on-56);display:grid;grid-template-columns:repeat(22,minmax(0,1fr));gap:2px;padding:.15rem}.header-bars span{background:var(--on-40)}.progress-text{align-self:center;color:var(--on-94);white-space:nowrap;text-shadow:-.35px -.35px var(--color-off),.35px -.35px var(--color-off),-.35px .35px var(--color-off),.35px .35px var(--color-off)}.frame-grid{border-top:1px solid var(--on-24);border-bottom:3px double var(--on-24);display:grid;place-items:center;padding:clamp(.5rem,1.2vw,.95rem)}.grid{margin:0;padding:0;list-style:none;width:min(96%,72rem);height:100%;position:relative}.grid-cell{position:absolute;left:0;top:0;display:grid;place-items:center;transition:opacity .14s linear,filter .14s linear;transform-origin:center;will-change:transform}.grid-cell.is-hovered{filter:brightness(1.08)}.grid-cell.is-drag-origin{opacity:.24}.cell-wobble{display:inline-flex;animation-name:cell-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.cell-shell{border:1px solid var(--off-00);padding:.11rem .2rem;transition:border-color .15s linear,box-shadow .15s linear,opacity .12s linear}.cell-code{color:var(--on-72);font-size:clamp(1.02rem,1.62vw,1.48rem);letter-spacing:.13em;text-transform:uppercase;text-shadow:0 0 6px var(--on-08)}.grid-cell.is-sealed .cell-shell{border-color:var(--off-00);box-shadow:none;opacity:.74}.grid-cell.is-sealed .cell-code{color:var(--on-72)}.frame-bins{border-top:3px double var(--on-24);border-bottom:1px solid var(--on-24);padding:.5rem 1rem .35rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.36rem,.7vw,.6rem)}.bin{position:relative;display:grid;grid-template-rows:1fr .66fr;gap:.18rem;transition:transform .15s linear,filter .15s linear}.bin-lid{position:absolute;left:.32rem;right:.32rem;top:-.78rem;height:.62rem;pointer-events:none}.bin-flap{position:absolute;top:0;width:43%;height:100%;border:1px solid var(--on-40);background:var(--off-54);transition:transform .18s linear,border-color .18s linear}.bin-flap-left{left:0;transform-origin:left bottom;clip-path:polygon(0 100%,0 5%,100% 28%,100% 100%)}.bin-flap-right{right:0;transform-origin:right bottom;clip-path:polygon(0 28%,100% 5%,100% 100%,0 100%)}.bin-mouth{position:absolute;left:45%;top:.2rem;width:10%;height:.16rem;border:1px solid var(--on-24);background:var(--off-72);transition:width .18s linear,left .18s linear,border-color .18s linear}.bin-label-row{border:1px solid var(--on-56);background:var(--off-72);box-shadow:inset 0 0 0 1px var(--on-24);display:flex;align-items:center;justify-content:center;gap:.48rem;min-height:2.28rem;letter-spacing:.07em;transition:border-color .17s linear,box-shadow .17s linear}.bin-key{font-family:Archivo Narrow,Arial Narrow,sans-serif;font-size:clamp(.72rem,1.05vw,.88rem)}.bin-code{color:var(--on-94);font-family:Archivo Narrow,Arial Narrow,sans-serif;font-size:clamp(.92rem,1.34vw,1.1rem)}.bin-meter{border:1px solid var(--on-56);background:var(--off-72);box-shadow:inset 0 0 0 1px var(--on-24);position:relative;overflow:hidden;min-height:1.12rem}.bin-meter-fill{position:absolute;inset:0 auto 0 0;height:100%;transition:width .21s linear}.bin.is-open{transform:translateY(-2px);filter:brightness(1.05)}.bin.is-open .bin-flap-left{transform:rotate(-18deg) translate(-4px,-2px);border-color:var(--on-72)}.bin.is-open .bin-flap-right{transform:rotate(18deg) translate(4px,-2px);border-color:var(--on-72)}.bin.is-open .bin-mouth{width:18%;left:41%;border-color:var(--on-56)}.bin.is-open .bin-label-row{border-color:var(--on-72);box-shadow:inset 0 0 0 1px var(--on-40)}.bin.is-pulse{animation:bin-pulse .22s linear}.accent-0{color:var(--accent-wo)}.accent-1{color:var(--accent-fc)}.accent-2{color:var(--accent-dr)}.accent-3{color:var(--accent-ma)}.accent-bg-0{background:var(--accent-wo-56)}.accent-bg-1{background:var(--accent-fc-56)}.accent-bg-2{background:var(--accent-dr-56)}.accent-bg-3{background:var(--accent-ma-56)}.frame-status{border-top:1px solid var(--on-24);padding:.45rem 1rem;display:flex;justify-content:space-between;align-items:center;color:var(--on-72);letter-spacing:.08em;font-size:clamp(.7rem,1.05vw,.9rem)}.drag-ghost{position:fixed;z-index:36;border:1px solid var(--off-00);background:var(--off-00);box-shadow:none;display:block;line-height:1;pointer-events:none;transition:filter 90ms linear;transform-origin:left top;will-change:transform}.drag-ghost .cell-shell{display:inline-block;border-color:var(--off-00)}.drag-ghost.is-targeting{filter:brightness(1.08)}.drag-ghost.is-throwing{filter:brightness(1.02)}.completion-overlay{position:absolute;inset:0;z-index:7;background:linear-gradient(180deg,var(--off-72) 0%,var(--off-86) 100%);display:grid;place-items:center}.completion-button{border:1px solid var(--on-72);background:var(--off-92);color:var(--on-94);font-family:Archivo Narrow,Arial Narrow,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);letter-spacing:.11em;padding:.72rem 1.25rem}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:40;opacity:0;background:transparent;transition:opacity 90ms linear}.crt-overlay.is-ready{opacity:1;background:#000}.crt-overlay.is-initializing,.crt-overlay.is-failed{opacity:0;background:transparent}.crt-webgl-canvas{width:100%;height:100%;display:block}@keyframes cell-float{0%{transform:translate(calc(var(--float-x) * -1),calc(var(--float-y) * -1))}to{transform:translate(var(--float-x),var(--float-y))}}@keyframes bin-pulse{0%{filter:brightness(1)}45%{filter:brightness(1.2)}to{filter:brightness(1)}}@keyframes crt-flicker{0%,to{opacity:.23}48%{opacity:.2}57%{opacity:.26}}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(2px)}}@keyframes crt-noise-shift{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,4px -2px,-3px 1px,2px -4px,-2px 3px,5px -3px}}.status-alert{color:var(--accent-fc);animation:preload-blink .9s step-end infinite}.audio-gate-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#051021}.audio-gate-overlay--transparent{opacity:0}.gate-lockup{position:absolute;inset:0}.gate-logo{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);width:min(220px,40%);height:auto;filter:invert(1) opacity(.88);pointer-events:none}.gate-error{position:absolute;top:calc(50% - 58px);left:50%;transform:translate(-50%,-50%);white-space:nowrap}.gate-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,54%);height:52px;border:1px solid var(--on-56);background:var(--off-92);color:var(--on-88);font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.92rem,1.4vw,1.1rem);font-weight:600;letter-spacing:.22em;cursor:pointer;transition:border-color .13s linear,color .13s linear,box-shadow .13s linear}.gate-button:hover{border-color:var(--on-88);color:var(--color-on);box-shadow:0 0 14px var(--on-16)}.gate-button:focus-visible{outline:1px solid var(--on-72);outline-offset:3px}.preload-screen{display:flex;flex-direction:column;align-items:center;gap:.9rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em}.preload-label{margin:0;font-size:clamp(.72rem,1.1vw,.86rem);color:var(--on-56);animation:preload-blink 1.1s step-end infinite}.preload-bar-wrap{width:min(22rem,72vw);height:1.1rem;border:1px solid var(--on-40);background:var(--off-92);position:relative;overflow:hidden}.preload-bar-fill{position:absolute;inset:1px auto 1px 1px;background:var(--on-40);transition:width 80ms linear}.preload-bar-fill:after{content:"";position:absolute;inset:0 0 0 auto;width:2px;background:var(--on-88);animation:preload-cursor .6s step-end infinite}.preload-count{margin:0;font-size:clamp(.68rem,1vw,.8rem);color:var(--on-40)}@keyframes preload-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes preload-cursor{0%,to{opacity:1}50%{opacity:0}}@media(max-width:980px){.app-shell{padding:.36rem}.refine-frame{width:100%;height:100%}.frame-bins{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(2.9rem,auto)}.frame-status{gap:.35rem;flex-wrap:wrap}.header-bars{display:none}}