:root{--tool-brand: var(--color-flare);--tool-brand-rgb: 255, 93, 0;--tool-brand-dark: #e65400;--tool-surface: var(--color-ink);--tool-border: var(--color-graphite);--glitch-cyan: rgba(0, 240, 255, .85);--glitch-magenta: rgba(255, 0, 140, .85)}.tool-crt:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 3px)}.tool-crt:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 65%,rgba(0,0,0,.3) 100%)}.codename-stage{container-type:inline-size}#codenameDisplay{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.75rem,5vw,3.5rem);font-size:clamp(1.75rem,6cqw,4rem);letter-spacing:.12em;line-height:1.15;color:#fff;text-transform:uppercase;text-align:center;text-shadow:0 0 30px rgba(var(--tool-brand-rgb),.45);white-space:nowrap;user-select:none;will-change:transform,text-shadow,filter}#codenameDisplay.glitching{text-shadow:2px 0 0 var(--glitch-cyan),-2px 0 0 var(--glitch-magenta),0 0 20px rgba(var(--tool-brand-rgb),.25);filter:blur(.3px);animation:codename-jitter .1s steps(3) infinite}@keyframes codename-jitter{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px)}}@media(max-width:576px){#codenameDisplay{white-space:normal;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){#codenameDisplay.glitching{text-shadow:0 0 30px rgba(var(--tool-brand-rgb),.45);filter:none;animation:none}}.codename-word{cursor:pointer;transition:text-shadow .15s ease,opacity .15s ease;outline:none;border-radius:2px}.codename-word:hover{opacity:.85}.codename-word.locked{text-decoration:underline;text-decoration-color:var(--tool-brand);text-decoration-thickness:.08em;text-underline-offset:.18em;text-shadow:0 0 30px rgba(var(--tool-brand-rgb),.75),0 0 8px rgba(var(--tool-brand-rgb),.45)}.codename-word:focus-visible{outline:2px solid rgba(var(--tool-brand-rgb),.65);outline-offset:6px}.codename-stage[hidden],.codename-batch[hidden]{display:none}.codename-batch{container-type:inline-size}.codename-batch-row{font-family:var(--font-mono);font-weight:700;font-size:clamp(.9rem,3cqw,1.35rem);letter-spacing:.08em;color:#fff;text-transform:uppercase;text-align:center;text-shadow:0 0 18px rgba(var(--tool-brand-rgb),.25);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,text-shadow .15s ease,transform .12s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codename-batch-row:hover{background-color:rgba(var(--tool-brand-rgb),.1);border-color:rgba(var(--tool-brand-rgb),.55);text-shadow:0 0 22px rgba(var(--tool-brand-rgb),.55)}.codename-batch-row:focus-visible{outline:2px solid var(--tool-brand);outline-offset:2px}.codename-batch-row:active{transform:translateY(1px)}.codename-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(8px);background-color:#000000eb;border:1px solid var(--tool-brand);border-radius:999px;padding:.5rem 1.25rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;z-index:60;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;box-shadow:0 0 20px rgba(var(--tool-brand-rgb),.3)}.codename-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes btn-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.tool-shake{animation:btn-shake .35s ease}@media(prefers-reduced-motion:reduce){.tool-shake{animation:none}.codename-toast{transition:opacity .2s ease;transform:translate(-50%)}.codename-toast.visible{transform:translate(-50%)}}.tool-readout{font-family:var(--font-mono);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px rgba(var(--tool-brand-rgb),.4)}.canvas-container.fullscreen{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;padding:0;border-radius:0;background-color:var(--tool-surface)}.canvas-container.fullscreen canvas{max-width:none;width:100%;height:100%}.canvas-container canvas{max-width:100%;height:auto}.tool-range{accent-color:var(--tool-brand)}.tool-select.dimmed{opacity:.5}