@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-accent-blue: #3b82f6;--color-accent-amber: #f59e0b;--color-accent-green: #22c55e;--color-accent-red: #ef4444;--color-accent-purple: #a855f7;--color-accent-cyan: #06b6d4;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 20% 0%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,#0f172a 0% 100%);background-attachment:fixed}#root{width:100%;height:100%}a{font-weight:500;color:var(--color-accent-blue);text-decoration:none;transition:color .2s ease}a:hover{color:#60a5fa}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}button{font-family:inherit}::selection{background:#3b82f64d;color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.drawer{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;padding:1rem 1.5rem;background:#0f172ad9;border-radius:16px;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,box-shadow .2s ease}.drawer--drag-over{border-color:#60a5fa80;box-shadow:0 25px 50px -12px #00000040,inset 0 1px #ffffff0d,0 0 20px #3b82f633}.drawer__section{display:flex;flex-direction:column;gap:.75rem;flex:1}.drawer__title{margin:0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8}.drawer__pieces{display:flex;flex-wrap:wrap;gap:1rem;min-height:64px;justify-content:flex-start;padding:8px 4px 4px}.drawer__empty{display:flex;align-items:center;justify-content:center;min-height:64px;color:#64748b;font-size:.875rem;font-style:italic;padding:0 1rem}.drawer__divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(148,163,184,.3),transparent)}@media(max-width:600px){.drawer{flex-direction:column;gap:1rem}.drawer__divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent)}}.piece{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;cursor:grab;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:1.5rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,inset 0 1px #ffffff1a;position:relative;overflow:visible}.piece:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff26,#fff0);border-radius:12px 12px 0 0;pointer-events:none}.piece:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px -5px #0003,0 4px 6px -2px #0000001a,inset 0 1px #ffffff26}.piece:active{cursor:grabbing;transform:scale(.95)}.piece--digit{background:linear-gradient(145deg,#f59e0b,#d97706);color:#1c1917;border:2px solid #fbbf24}.piece--number{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border:2px solid #60a5fa}.piece--operator{color:#fff;font-size:1.75rem}.piece--op-add{background:linear-gradient(145deg,#22c55e,#16a34a);border:2px solid #4ade80}.piece--op-sub{background:linear-gradient(145deg,#ef4444,#dc2626);border:2px solid #f87171}.piece--op-mul{background:linear-gradient(145deg,#a855f7,#9333ea);border:2px solid #c084fc}.piece--op-div{background:linear-gradient(145deg,#06b6d4,#0891b2);border:2px solid #22d3ee}.piece--block{background:linear-gradient(145deg,#8b5cf6,#7c3aed);border:2px solid #a78bfa;color:#fff;font-size:1.25rem;letter-spacing:2px}.piece--exponent{background:linear-gradient(145deg,#fb923c,#f97316);border:2px solid #fdba74;color:#1c1917}.piece__exp-display{display:flex;align-items:flex-start}.piece__exp-base{font-size:1.5rem;font-weight:700;font-style:italic}.piece__exp-power{font-size:.9rem;font-weight:600;font-style:italic;position:relative;top:-4px;margin-left:1px}.piece__value{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.piece--disabled{opacity:.4;cursor:not-allowed;transform:none!important;filter:grayscale(.5)}.piece--disabled:hover{transform:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,inset 0 1px #ffffff1a}.piece__badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:11px;font-size:.7rem;font-weight:700;color:#f8fafc;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 4px #0000004d}.piece__badge--empty{background:linear-gradient(135deg,#7f1d1d,#450a0a);border-color:#991b1b;color:#fca5a5}.piece__badge--unlimited{background:linear-gradient(135deg,#1e3a5f,#0c1929);border-color:#3b82f6;color:#93c5fd;font-size:.9rem}.block{display:flex;align-items:center;background:linear-gradient(145deg,#3b82f626,#9333ea26);border:2px solid rgba(139,92,246,.5);border-radius:16px;padding:4px 2px;gap:2px;cursor:grab;transition:all .2s ease;min-height:72px}.block:hover{border-color:#8b5cf6cc;box-shadow:0 0 20px #8b5cf64d}.block--cursor-active{border-color:#8b5cf6;background:linear-gradient(145deg,#3b82f633,#9333ea33);box-shadow:0 0 25px #8b5cf659}.block__paren{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:300;color:#a78bfa;text-shadow:0 0 10px rgba(139,92,246,.5);padding:0 4px;-webkit-user-select:none;user-select:none}.block__content{display:flex;align-items:center;gap:4px;min-width:60px;min-height:64px;padding:8px;border-radius:8px;transition:background .15s ease}.block--cursor-active .block__content{background:#8b5cf61a}.block__empty{color:#a78bfa80;font-family:JetBrains Mono,monospace;font-size:1.5rem;padding:0 12px;-webkit-user-select:none;user-select:none;pointer-events:none}.block__piece-wrapper{display:flex;align-items:center}.block__piece{position:relative;transition:transform .15s ease}.block__piece--wrap-target{position:relative}.block__piece--wrap-target:before{content:"(";position:absolute;left:-16px;top:50%;transform:translateY(-50%);font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:300;color:#c4b5fd;text-shadow:0 0 12px rgba(139,92,246,.9);animation:block-wrap-paren-glow .6s ease-in-out infinite;z-index:10}.block__piece--wrap-target:after{content:")";position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:300;color:#c4b5fd;text-shadow:0 0 12px rgba(139,92,246,.9);animation:block-wrap-paren-glow .6s ease-in-out infinite;z-index:10}.block__piece--wrap-target>*{box-shadow:0 0 20px #8b5cf699;border-radius:12px}@keyframes block-wrap-paren-glow{0%,to{opacity:.6}50%{opacity:1}}.block .block{transform:scale(.9);transform-origin:center}.block .block .block{transform:scale(.85)}.block__cursor{display:flex;align-items:center;justify-content:center;width:0;height:56px;transition:all .15s ease;overflow:visible}.block__cursor--end{margin-left:2px}.block__cursor-line{width:3px;height:0;background:linear-gradient(180deg,#a78bfa,#8b5cf6);border-radius:2px;transition:all .15s ease;box-shadow:0 0 #8b5cf600}.block__cursor--active{width:6px;margin:0 3px}.block__cursor--active .block__cursor-line{height:100%;box-shadow:0 0 16px #8b5cf6cc;animation:block-cursor-blink 1s ease-in-out infinite}@keyframes block-cursor-blink{0%,to{opacity:1}50%{opacity:.5}}.drawer .block{width:64px;height:64px;min-height:unset;justify-content:center;padding:0}.drawer .block__content{display:none}.drawer .block__paren{font-size:1.5rem;padding:0 1px}.block__ghost-multiply{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:400;color:#94a3b859;margin:0 4px;padding:0 2px;-webkit-user-select:none;user-select:none;pointer-events:none;align-self:center}.exponent{display:inline-flex;align-items:flex-end;cursor:grab;transition:all .2s ease;position:relative}.exponent:hover{transform:scale(1.05)}.exponent__base{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:64px;padding:4px;border-radius:12px;transition:all .2s ease;position:relative;border:2px solid rgba(251,146,60,.25);background:linear-gradient(145deg,#fb923c0d,#f9731614)}.exponent__base--empty{background:linear-gradient(145deg,#fb923c1a,#f9731626);border:2px dashed rgba(251,146,60,.5)}.exponent__base--empty:hover{border-color:#fb923ccc;background:linear-gradient(145deg,#fb923c33,#f9731633)}.exponent__base--drag-over{border:3px solid rgba(251,146,60,1)!important;background:linear-gradient(145deg,#fb923c4d,#f9731659)!important;box-shadow:0 0 20px #fb923c80,inset 0 0 15px #fb923c33;transform:scale(1.05)}.exponent__exp{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:40px;padding:2px 4px;border-radius:8px;transition:all .2s ease;align-self:flex-start;margin-top:-8px;margin-left:2px;position:relative;border:2px solid rgba(251,146,60,.25);background:linear-gradient(145deg,#fb923c0d,#f9731614)}.exponent__exp--empty{background:linear-gradient(145deg,#fb923c1a,#f9731626);border:2px dashed rgba(251,146,60,.5)}.exponent__exp--empty:hover{border-color:#fb923ccc;background:linear-gradient(145deg,#fb923c33,#f9731633)}.exponent__exp--drag-over{border:3px solid rgba(251,146,60,1)!important;background:linear-gradient(145deg,#fb923c4d,#f9731659)!important;box-shadow:0 0 20px #fb923c80,inset 0 0 15px #fb923c33;transform:scale(1.1)}.exponent--drag-active .exponent__base--empty,.exponent--drag-active .exponent__exp--empty{border-color:#fb923cb3;background:linear-gradient(145deg,#fb923c26,#f9731633);animation:slot-pulse 1.5s ease-in-out infinite}.exponent__base--cursor{border:3px solid rgba(251,146,60,1)!important;background:linear-gradient(145deg,#fb923c4d,#f9731659)!important;box-shadow:0 0 20px #fb923c80,inset 0 0 15px #fb923c33;transform:scale(1.05)}.exponent__exp--cursor{border:3px solid rgba(251,146,60,1)!important;background:linear-gradient(145deg,#fb923c4d,#f9731659)!important;box-shadow:0 0 20px #fb923c80,inset 0 0 15px #fb923c33;transform:scale(1.1)}@keyframes slot-pulse{0%,to{box-shadow:0 0 8px #fb923c4d}50%{box-shadow:0 0 16px #fb923c80}}.exponent__slot-label{position:absolute;top:2px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.55rem;font-weight:700;letter-spacing:.5px;color:#fb923ce6;background:#0009;padding:1px 4px;border-radius:3px;pointer-events:none;z-index:10;text-transform:uppercase;white-space:nowrap}.exponent__slot-label--exp{top:1px;font-size:.45rem;padding:1px 3px}.exponent__exp .exponent__base{min-width:36px;min-height:48px}.exponent__exp .exponent__exp{min-width:26px;min-height:32px;margin-top:-6px}.exponent__exp .exponent__exp .exponent__base{min-width:28px;min-height:36px}.exponent__exp .exponent__exp .exponent__exp{min-width:22px;min-height:26px;margin-top:-4px}.exponent__exp .exponent__exp .exponent__exp .exponent__base{min-width:22px;min-height:28px}.exponent__exp .exponent__exp .exponent__exp .exponent__exp{min-width:18px;min-height:22px;margin-top:-3px}.exponent__placeholder{font-family:JetBrains Mono,monospace;color:#fb923c80;-webkit-user-select:none;user-select:none;pointer-events:none}.exponent__placeholder--base{font-size:2rem;font-weight:600;font-style:italic}.exponent__placeholder--exponent{font-size:1.4rem;font-weight:500;font-style:italic}.exponent__exp .piece{width:40px;height:40px;font-size:1rem}.exponent__exp>.block,.exponent__exp .block{min-height:44px;transform:scale(.65);transform-origin:top left}.exponent__exp .block .block__content{min-width:40px;min-height:40px;padding:4px;gap:2px}.exponent__exp .block .block__paren{font-size:1.5rem;padding:0 2px}.exponent__exp .block .block__empty{font-size:1rem;padding:0 6px}.exponent__exp>.exponent{transform:scale(.8);transform-origin:bottom left}.exponent__exp .exponent__exp .piece{width:32px;height:32px;font-size:.8rem}.exponent__exp .exponent__exp>.exponent{transform:scale(.75)}.exponent__exp .exponent__exp .exponent__exp .piece{width:26px;height:26px;font-size:.65rem}.exponent__exp .exponent__exp .exponent__exp>.exponent{transform:scale(.7)}.exponent__exp .exponent__exp .block{transform:scale(.6)}.exponent__exp .exponent__exp .exponent__exp .block{transform:scale(.55)}.exponent__exp .exponent__exp .exponent__exp .exponent__exp .piece{width:22px;height:22px;font-size:.55rem}.exponent__exp .exponent__placeholder--base{font-size:1.2rem}.exponent__exp .exponent__placeholder--exponent{font-size:.9rem}.exponent__exp .exponent__exp .exponent__placeholder--base{font-size:1rem}.exponent__exp .exponent__exp .exponent__placeholder--exponent{font-size:.75rem}.exponent__exp .exponent__exp .exponent__exp .exponent__placeholder--base{font-size:.8rem}.exponent__exp .exponent__exp .exponent__exp .exponent__placeholder--exponent{font-size:.6rem}.exponent__base:not(.exponent__base--empty),.exponent__exp:not(.exponent__exp--empty){background:linear-gradient(145deg,#fb923c08,#f973160d);border:2px solid rgba(251,146,60,.15)}.exponent--drag-active .exponent__base:not(.exponent__base--empty),.exponent--drag-active .exponent__exp:not(.exponent__exp--empty){border-color:#fb923c59;background:linear-gradient(145deg,#fb923c14,#f973161a);pointer-events:auto}.exponent__base:not(.exponent__base--empty)>*,.exponent__exp:not(.exponent__exp--empty)>*{pointer-events:auto}.drawer .exponent{width:64px;height:64px;background:linear-gradient(145deg,#fb923c33,#f973164d);border:2px solid rgba(251,146,60,.5);border-radius:16px;justify-content:center;align-items:flex-end;padding:8px 4px}.drawer .exponent__base,.drawer .exponent__exp{min-width:unset;min-height:unset;padding:0;border:none!important;background:transparent!important;box-shadow:none!important}.drawer .exponent__base--empty,.drawer .exponent__exp--empty{border:none!important;background:transparent!important}.drawer .exponent__placeholder--base{font-size:1.5rem}.drawer .exponent__placeholder--exponent{font-size:.85rem}.drawer .exponent__exp{margin-top:-12px;margin-left:0;align-self:flex-start}.exponent--wrap-target{box-shadow:0 0 20px #fb923c99}.exponent__slot-content{display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;pointer-events:auto;position:relative}.exponent__slot-content>*{pointer-events:auto}.exponent__slot-content--wrap-target{position:relative;background:linear-gradient(145deg,#a855f726,#8b5cf633);box-shadow:0 0 0 3px #a855f7cc,0 0 20px #a855f766,inset 0 0 15px #a855f733;border-radius:12px;padding:2px;animation:slot-wrap-pulse .8s ease-in-out infinite}.exponent__slot-content--wrap-target:before,.exponent__slot-content--wrap-target:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:8px;height:80%;border:3px solid rgba(168,85,247,.9);background:transparent}.exponent__slot-content--wrap-target:before{left:-6px;border-right:none;border-radius:8px 0 0 8px}.exponent__slot-content--wrap-target:after{right:-6px;border-left:none;border-radius:0 8px 8px 0}@keyframes slot-wrap-pulse{0%,to{box-shadow:0 0 0 3px #a855f7cc,0 0 20px #a855f766}50%{box-shadow:0 0 0 4px #a855f7,0 0 30px #a855f799}}.workspace{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;transition:background .2s ease;cursor:text}.workspace--active{background:#3b82f605}.workspace__expression{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:2rem;min-height:100px}.workspace__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 3rem}.workspace__empty-icon{font-size:3rem;color:#334155}.workspace__empty-text{color:#475569;font-size:1.1rem}.workspace__piece-container{display:flex;align-items:center}.workspace__piece{cursor:pointer;transition:transform .15s ease,opacity .15s ease;position:relative}.workspace__piece:hover{transform:scale(1.08)}.workspace__piece--wrap-target{position:relative}.workspace__piece--wrap-target:before{content:"(";position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:300;color:#a78bfa;text-shadow:0 0 15px rgba(139,92,246,.8);animation:wrap-paren-glow .6s ease-in-out infinite}.workspace__piece--wrap-target:after{content:")";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:300;color:#a78bfa;text-shadow:0 0 15px rgba(139,92,246,.8);animation:wrap-paren-glow .6s ease-in-out infinite}.workspace__piece--wrap-target>*{box-shadow:0 0 25px #8b5cf699;border-radius:16px}@keyframes wrap-paren-glow{0%,to{opacity:.6}50%{opacity:1}}.workspace__cursor{display:flex;align-items:center;justify-content:center;width:0;height:72px;transition:all .15s ease;overflow:visible}.workspace__cursor--empty{height:48px}.workspace__cursor--end{margin-left:4px}.workspace__cursor-line{width:3px;height:0;background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:2px;transition:all .15s ease;box-shadow:0 0 #3b82f600}.workspace__cursor--active{width:8px;margin:0 4px}.workspace__cursor--active .workspace__cursor-line{height:100%;box-shadow:0 0 20px #3b82f6b3;animation:cursor-blink 1s ease-in-out infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:.5}}.workspace__result-container{display:flex;align-items:center;gap:.75rem;margin-left:1rem;padding-left:1rem;border-left:2px solid rgba(148,163,184,.15)}.workspace__equals{font-size:2rem;color:#475569;font-weight:300}.workspace__result{font-family:JetBrains Mono,Fira Code,monospace;font-size:3rem;font-weight:700;color:#475569;transition:all .3s ease}.workspace__result--active{color:#94a3b8}.workspace__result--win{color:#22c55e;text-shadow:0 0 30px rgba(34,197,94,.5)}.workspace__ghost-multiply{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:400;color:#94a3b859;margin:0 6px;padding:0 2px;-webkit-user-select:none;user-select:none;pointer-events:none;transition:all .2s ease}.game{position:relative;width:100vw;height:100vh;overflow:hidden}.game__play-area{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:120px 2rem 200px}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.hud__top{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;border:1px solid rgba(148,163,184,.1)}.hud__target-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#64748b}.hud__target-value{font-size:2.5rem;font-weight:800;font-family:JetBrains Mono,Fira Code,monospace;color:#f8fafc;line-height:1;transition:all .3s ease}.hud__target-value--win{color:#22c55e;text-shadow:0 0 30px rgba(34,197,94,.6);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hud__win-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 3rem;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(34,197,94,.5);border-radius:20px;box-shadow:0 0 60px #22c55e4d;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);z-index:100}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hud__win-icon{font-size:2.5rem;animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hud__win-text{font-size:1.5rem;font-weight:700;color:#22c55e}.hud__win-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.1);width:100%;justify-content:center}.hud__win-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.hud__win-button--primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e4d}.hud__win-button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.hud__win-button--secondary{background:#334155cc;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.hud__win-button--secondary:hover{background:#334155;color:#f8fafc}.hud__key-icon{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;background:#0003;border-radius:4px;font-size:.8rem;font-family:system-ui,sans-serif}.hud__bottom{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem}.hud__controls{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.hud__button{padding:.6rem 1rem;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.4rem}.hud__button--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.hud__button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.hud__button--secondary{background:#334155cc;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.hud__button--secondary:hover:not(:disabled){background:#334155;color:#f8fafc}.hud__button:disabled{opacity:.4;cursor:not-allowed}.hud__footer{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);color:#334155;font-size:.65rem}.hud__footer p{margin:0}@media(max-width:700px){.hud__top{top:1rem;padding:.75rem 1.25rem}.hud__target-value{font-size:2.25rem}.hud__expression{max-width:120px;font-size:.875rem}.hud__result-value{font-size:1.25rem}.hud__bottom{bottom:1rem;left:1rem;right:1rem}.game__play-area{padding:140px 1rem 180px}}.hud__debug{position:fixed;top:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.hud__debug-toggle{width:40px;height:40px;border-radius:50%;border:1px solid rgba(148,163,184,.2);background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#94a3b8;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hud__debug-toggle:hover{background:#1e293be6;color:#e2e8f0;border-color:#94a3b866}.hud__debug-toggle--active{background:#3b82f633;color:#60a5fa;border-color:#3b82f680}.hud__debug-panel{background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:1rem;min-width:260px;box-shadow:0 8px 32px #0006}.hud__debug-title{margin:0 0 .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.hud__debug-flag{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:8px;transition:background .15s ease}.hud__debug-flag:hover{background:#94a3b81a}.hud__debug-flag input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.hud__debug-flag-name{font-size:.9rem;font-weight:500;color:#e2e8f0;display:block}.hud__debug-flag-desc{font-size:.75rem;color:#64748b;display:block;margin-top:2px}