@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-vietnamese-400-normal-D0VnvwZ9.woff2)format("woff2"),url(./vt323-vietnamese-400-normal-D_5Q7Vcv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-latin-ext-400-normal-iUdYUaX4.woff2)format("woff2"),url(./vt323-latin-ext-400-normal-DqOq58ri.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(./vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cab:#1d140e;--wood:#3b2618;--amber:#ffb347;--dim:#c09a6c}html,body{background:var(--cab);height:100%;color:var(--amber);margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;font-family:VT323,monospace;display:flex}#tube{box-shadow:0 0 0 6px #0b0806,0 0 0 9px var(--wood),inset 0 0 40px #000;background:#000;border-radius:28px;flex:1;margin:14px 0 14px 14px;position:relative;overflow:hidden}#tube canvas{cursor:ns-resize;width:100%;height:100%;display:block}.panel{background:repeating-linear-gradient(90deg,#24180f 0 3px,#21160d 3px 6px);flex-direction:column;flex:none;gap:5px;width:168px;padding:12px 14px;display:flex}h1{letter-spacing:.04em;color:var(--amber);text-shadow:0 0 8px #ffb34780;margin:0 0 4px;font:400 34px/.85 VT323,monospace}h1 small{color:var(--dim);letter-spacing:.06em;font-size:15px;display:block}.ch{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.ch button{text-align:left;color:var(--dim);cursor:pointer;background:#120c08;border:1px solid #5a3e26;border-radius:3px;padding:3px 8px;font:400 18px VT323,monospace}.ch button.on{color:#120c08;background:var(--amber);border-color:var(--amber);box-shadow:0 0 10px #ffb34773}label{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);flex-direction:column;font-size:16px;line-height:1;display:flex}label span{justify-content:space-between;display:flex}label output{color:var(--amber)}.grp{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid #5a3e26;margin:4px 0 -2px;padding-bottom:1px;font-size:13px}input[type=range]{width:100%;accent-color:var(--amber);margin:2px 0 0}.hint{color:var(--amber);opacity:.8;margin:auto 0 0;font-size:15px;line-height:1.05}@media (width<=560px){body{flex-direction:column}#tube{margin:10px 10px 0}.panel{flex-flow:wrap;gap:6px 10px;width:auto;padding:8px 10px}h1,.hint,.grp{display:none}.ch{flex-direction:row;width:100%;margin:0}label{width:calc(50% - 6px);font-size:14px}.ch button{flex:1;font-size:16px}}