:root{--paper:#fcefcd;--purple:#9a6fb7;--pink:#fd93bc;--ink:#000;--dim:#0000008c;--dot:#00000029;--b:3px;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--tg-top:0px;--tg-bottom:0px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--ink);font-family:var(--mono);overflow:hidden}.app{background:var(--paper);border-left:var(--b) solid var(--ink);border-right:var(--b) solid var(--ink);max-width:480px;height:100dvh;padding-top:max(env(safe-area-inset-top,0px),var(--tg-top));flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.top{border-bottom:var(--b) solid var(--ink);align-items:stretch;display:flex}.brand{letter-spacing:-.04em;text-transform:uppercase;flex:1;align-items:center;padding:16px 14px;font-size:26px;font-weight:800;line-height:1;display:flex}.badge{border-left:var(--b) solid var(--ink);background:var(--pink);width:60px;color:var(--ink);letter-spacing:.08em;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.stage{text-align:center;background:linear-gradient(#00000038,#00000038),var(--purple);isolation:isolate;flex:1;place-items:center;min-height:0;padding:24px 18px;display:grid;position:relative;overflow:hidden}.cam{object-fit:cover;filter:grayscale()contrast(1.3);mix-blend-mode:luminosity;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.cam.on{opacity:.78}.grain{pointer-events:none;background-image:radial-gradient(var(--dot) 1.2px,transparent 1.2px);background-size:15px 15px;position:absolute;inset:0}.live{background:var(--pink);color:var(--ink);letter-spacing:.24em;z-index:2;padding:4px 9px;font-size:9px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.glow{background:var(--pink);opacity:0;pointer-events:none;transition:opacity .1s linear;position:absolute;inset:0}.stage.flash .live{background:var(--purple)}.marks i{pointer-events:none;width:16px;height:16px;position:absolute}.marks i:first-child{border-top:var(--b) solid var(--ink);border-left:var(--b) solid var(--ink);top:10px;left:10px}.marks i:nth-child(2){border-top:var(--b) solid var(--ink);border-right:var(--b) solid var(--ink);top:10px;right:10px}.marks i:nth-child(3){border-bottom:var(--b) solid var(--ink);border-left:var(--b) solid var(--ink);bottom:10px;left:10px}.marks i:nth-child(4){border-bottom:var(--b) solid var(--ink);border-right:var(--b) solid var(--ink);bottom:10px;right:10px}.reticle{aspect-ratio:1;border:var(--b) solid var(--ink);opacity:0;pointer-events:none;width:min(56vw,214px);transition:opacity .2s,background .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle.on{opacity:1}.reticle.hot{background:var(--pink)}.reticle:before,.reticle:after{content:"";background:var(--ink);position:absolute}.reticle:before{width:var(--b);margin-left:calc(var(--b) / -2);top:-9px;bottom:-9px;left:50%}.reticle:after{height:var(--b);margin-top:calc(var(--b) / -2);top:50%;left:-9px;right:-9px}.secret{z-index:1;text-transform:uppercase;white-space:pre-wrap;word-break:break-word;will-change:opacity,filter,transform;margin:0;font-size:clamp(32px,11.5vw,64px);font-weight:800;line-height:.92;position:relative}.hint{z-index:2;background:var(--paper);max-width:calc(100% - 28px);color:var(--ink);border:var(--b) solid var(--ink);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:6px 10px;font-size:9px;transition:opacity .3s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.panel{border-top:var(--b) solid var(--ink);background:var(--paper);padding:12px 12px calc(12px + max(env(safe-area-inset-bottom,0px),var(--tg-bottom)));flex-direction:column;flex:none;gap:10px;display:flex}.row{align-items:stretch;gap:8px;display:flex}button,input[type=color]{font:inherit}button{border:var(--b) solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;box-shadow:4px 4px 0 var(--ink);border-radius:0;padding:12px;font-size:12px;font-weight:700;transition:transform 40ms,box-shadow 40ms}button:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}button.primary{background:var(--pink);color:var(--ink);flex:1}button.primary.off{background:var(--purple)}.icon{letter-spacing:0;flex:none;width:52px;padding:0;font-size:16px}button[aria-pressed=true].icon{background:var(--pink)}.seg{border:var(--b) solid var(--ink);box-shadow:4px 4px 0 var(--ink);display:flex}.seg button{box-shadow:none;background:var(--purple);color:var(--ink);border:none;flex:1;padding:11px 8px}.seg button+button{border-left:var(--b) solid var(--ink)}.seg button:active{transform:none}.seg button[aria-pressed=true]{background:var(--pink)}.lvl{align-items:center;gap:8px;display:flex}.lvl b{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.meter{border:var(--b) solid var(--ink);background:var(--paper);flex:1;height:20px;position:relative;overflow:hidden}.meter i{background:var(--purple);width:0%;height:100%;transition:width 80ms linear;display:block}.meter.hot i{background:var(--pink)}.meter:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(6.666% - 3px),var(--paper) calc(6.666% - 3px) 6.666%);position:absolute;inset:0}.pct{letter-spacing:-.02em;text-align:right;min-width:46px;font-size:15px;font-weight:800}input[type=color]{appearance:none;border:var(--b) solid var(--ink);width:52px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;background:0 0;border-radius:0;flex:none;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:0}.meta{border:var(--b) solid var(--ink);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:10px;display:flex}.stat{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.swatches{color:var(--dim);flex:none;align-items:center;gap:5px;display:flex}.swatch{border:2px solid var(--ink);flex:none;width:16px;height:16px;display:inline-block}.err{background:var(--pink);color:var(--ink);border:var(--b) solid var(--ink);letter-spacing:.02em;padding:9px 10px;font-size:11px;line-height:1.45}