:root{--bg:#0f0c14;--bg-deep:#09060d;--primary-lime:#c3f400;--primary-lime-dim:#abd600;--on-primary:#161e00;--secondary-magenta:#fe00fe;--secondary-magenta-dim:#ffabf3;--on-secondary:#380038;--tertiary-cyan:#00fbfb;--tertiary-cyan-dim:#0dd;--on-tertiary:#002020;--surface-lowest:#100c1a;--surface-low:#1d1928;--surface:#211d2d;--surface-high:#2c2837;--surface-highest:#373243;--text-primary:#e7dff5;--text-muted:#8e9379;--text-disabled:#555;--error:#ffb4ab;--error-bg:#93000a;--success:#c3f400;--success-bg:#283500;--font-sans:"Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Montserrat", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:#fff;font-weight:900}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-lowest)}::-webkit-scrollbar-thumb{background:var(--surface-high);border:1px solid var(--surface-lowest)}::-webkit-scrollbar-thumb:hover{background:var(--primary-lime)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating{animation:6s ease-in-out infinite float}@keyframes pulse-neon-lime{0%,to{box-shadow:0 0 10px #c3f4004d}50%{box-shadow:0 0 25px #c3f400b3}}.pulse-neon-lime{animation:2s ease-in-out infinite pulse-neon-lime}.app-container{min-height:100vh;display:flex;position:relative}.main-content{background:radial-gradient(circle at top right, #abd60008 0%, transparent 50%), var(--bg);flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:260px;padding:100px 40px 40px;display:flex;overflow-x:hidden}@media (width<=1024px){.main-content{margin-left:0;padding:90px 20px 80px}}.neo-border{border:2px solid #000}.neo-shadow-lime{box-shadow:4px 4px #000,0 0 15px #c3f40026}.neo-shadow-magenta{box-shadow:4px 4px #000,0 0 15px #fe00fe26}.neo-shadow-cyan{box-shadow:4px 4px #000,0 0 15px #00fbfb26}.neo-glow-lime{box-shadow:0 0 20px #c3f40066}.neo-glow-magenta{box-shadow:0 0 20px #fe00fe66}.neo-glow-cyan{box-shadow:0 0 20px #00fbfb66}.neon-gradient-lime{background:linear-gradient(135deg, var(--primary-lime) 0%, var(--primary-lime-dim) 100%);color:var(--on-primary)}.neon-gradient-magenta{background:linear-gradient(135deg, var(--secondary-magenta) 0%, var(--secondary-magenta-dim) 100%);color:#fff}.neon-gradient-cyan{background:linear-gradient(135deg, var(--tertiary-cyan) 0%, var(--tertiary-cyan-dim) 100%);color:var(--on-tertiary)}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#211d2da6;border:2px solid #ffffff14;border-radius:2rem}.glass-panel-lime{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#211d2da6;border:2px solid #c3f40033;border-radius:2rem}.glass-panel-lime:hover{border-color:var(--primary-lime);box-shadow:0 0 25px #c3f40026}.glass-panel-magenta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#211d2da6;border:2px solid #fe00fe33;border-radius:2rem}.glass-panel-magenta:hover{border-color:var(--secondary-magenta);box-shadow:0 0 25px #fe00fe26}.glass-panel-cyan{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#211d2da6;border:2px solid #00fbfb33;border-radius:2rem}.glass-panel-cyan:hover{border-color:var(--tertiary-cyan);box-shadow:0 0 25px #00fbfb26}.btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:1.25rem;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--primary-lime);color:var(--on-primary);border:2px solid #000;box-shadow:4px 4px #000}.btn-primary:hover:not(:disabled){box-shadow:6px 6px 0px 0px var(--secondary-magenta);transform:translate(-2px,-2px)}.btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-secondary{background-color:var(--secondary-magenta);color:#fff;border:2px solid #000;box-shadow:4px 4px #000}.btn-secondary:hover:not(:disabled){box-shadow:6px 6px 0px 0px var(--primary-lime);transform:translate(-2px,-2px)}.btn-secondary:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-tertiary{background-color:var(--tertiary-cyan);color:var(--on-tertiary);border:2px solid #000;box-shadow:4px 4px #000}.btn-tertiary:hover:not(:disabled){box-shadow:6px 6px 0px 0px var(--secondary-magenta);transform:translate(-2px,-2px)}.btn-ghost{color:var(--tertiary-cyan);border:2px solid var(--tertiary-cyan);background:0 0}.btn-ghost:hover:not(:disabled){background:#00fbfb1a;box-shadow:0 0 15px #00fbfb4d}.btn:disabled{background-color:var(--surface-high);color:var(--text-disabled);border-color:var(--surface-highest);box-shadow:none;cursor:not-allowed}.input-container{width:100%;margin-top:14px;position:relative}.input-label{background-color:var(--bg);font-family:var(--font-sans);text-transform:uppercase;color:var(--secondary-magenta);z-index:10;letter-spacing:.1em;padding:0 6px;font-size:11px;font-weight:800;position:absolute;top:-10px;left:12px}.input-field{background-color:var(--surface-lowest);border:2px solid var(--secondary-magenta);width:100%;color:var(--text-primary);letter-spacing:.05em;border-radius:1rem;padding:14px 18px;font-size:16px;font-weight:600;transition:all .3s}.input-field:focus{border-color:var(--primary-lime);box-shadow:0 0 15px #c3f4004d}.input-field::placeholder{color:#e7dff54d}.badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;border:1px solid #000;border-radius:9999px;justify-content:center;align-items:center;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.badge-lime{background-color:var(--primary-lime);color:var(--on-primary)}.badge-magenta{background-color:var(--secondary-magenta);color:#fff}.badge-cyan{background-color:var(--tertiary-cyan);color:var(--on-tertiary)}.badge-muted{background-color:var(--surface-highest);color:var(--text-primary);border-color:#ffffff0d}.table-container{width:100%;overflow-x:auto}.neo-table{border-collapse:separate;border-spacing:0 12px;text-align:left;width:100%}.neo-table th{font-family:var(--font-sans);text-transform:uppercase;color:var(--text-muted);letter-spacing:.15em;padding:0 20px;font-size:11px;font-weight:800}.neo-table tr.table-row{background-color:var(--surface-low);border:2px solid #000;transition:all .2s}.neo-table tr.table-row:hover{background-color:var(--surface-high)}.neo-table td{padding:16px 20px;font-weight:600}.neo-table td:first-child{border-left:2px solid #000}.neo-table td:last-child{border-right:2px solid #000}.svg-circuit-wrapper{background-color:var(--surface-lowest);border:2px solid var(--surface-high);border-radius:1.5rem;width:100%;padding:20px;position:relative;overflow:auto}.crossword-container{-webkit-user-select:none;user-select:none;flex-direction:column;gap:24px;width:100%;display:flex}.crossword-grid-wrapper{background-color:var(--surface-lowest);border:2px solid var(--surface-high);border-radius:1.5rem;justify-content:center;align-items:center;padding:30px;display:flex;position:relative;overflow:auto}.crossword-grid{gap:20px;display:grid;position:relative}.crossword-cell{background-color:var(--surface);border:2px solid var(--surface-highest);width:80px;height:80px;font-family:var(--font-display);color:#fff;z-index:10;border-radius:.75rem;justify-content:center;align-items:center;font-size:20px;font-weight:900;transition:all .2s;display:flex;position:relative}.crossword-cell.empty{z-index:1;pointer-events:none;background:repeating-linear-gradient(45deg,#231f2a,#231f2a 6px,#08050e 6px 12px);border:2px solid #231f2a;box-shadow:inset 0 0 10px #000c}.crossword-cell.static-gate{background-color:var(--surface-high);border-color:var(--secondary-magenta);box-shadow:0 0 10px #fe00fe26}.crossword-cell.static-value{background-color:var(--surface-high);border-color:var(--primary-lime)}.crossword-cell.drop-target.drop-target-gate{border:2px dashed var(--secondary-magenta);cursor:pointer;background-color:#fe00fe08}.crossword-cell.drop-target.drop-target-gate:hover{background-color:#fe00fe14}.crossword-cell.drop-target.drop-target-value{border:2px dashed var(--primary-lime);cursor:pointer;background-color:#c3f40008}.crossword-cell.drop-target.drop-target-value:hover{background-color:#c3f40014}.crossword-cell.drop-target.drop-target-gate.drag-over{border-color:var(--secondary-magenta);background-color:#fe00fe26}.crossword-cell.drop-target.drop-target-value.drag-over{border-color:var(--primary-lime);background-color:#c3f40026}.crossword-cell.dropped-gate{background-color:var(--surface-high);border:2px solid var(--secondary-magenta);box-shadow:0 0 15px #fe00fe4d}.crossword-cell.dropped-value{background-color:var(--surface-high);border:2px solid var(--primary-lime);box-shadow:0 0 15px #c3f4004d}.cell-id-badge{font-family:var(--font-mono);color:var(--text-muted);font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.svg-overlay{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.crossword-inventory{background-color:var(--surface-low);border:2px solid var(--surface-high);border-radius:1.5rem;padding:20px}.inventory-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:800}.inventory-list{flex-wrap:wrap;gap:16px;display:flex}.draggable-gate{background-color:var(--surface);border:2px solid var(--secondary-magenta);color:#fff;font-family:var(--font-display);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:.75rem;padding:12px 20px;font-weight:900;transition:all .15s;box-shadow:3px 3px #000}.draggable-gate:hover{transform:translateY(-2px);box-shadow:5px 5px #000}.draggable-gate:active{cursor:grabbing}.draggable-value{background-color:var(--surface);border:2px solid var(--primary-lime);color:#fff;font-family:var(--font-display);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:.75rem;padding:12px 20px;font-weight:900;transition:all .15s;box-shadow:3px 3px #000}.draggable-value:hover{transform:translateY(-2px);box-shadow:5px 5px #000}@keyframes flash-green{0%,to{border-color:#ffffff14}50%{border-color:var(--primary-lime);box-shadow:0 0 30px #c3f40066}}@keyframes flash-red{0%,to{border-color:#ffffff14}50%{border-color:var(--error);box-shadow:0 0 30px #ffb4ab66}}.flash-correct{animation:.5s flash-green}.flash-wrong{animation:.5s flash-red}.feedback-overlay{z-index:100;pointer-events:none;opacity:0;border-radius:2rem;width:100%;height:100%;transition:opacity .2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.feedback-overlay.show{opacity:1}.feedback-overlay.correct{background:linear-gradient(90deg,#c3f4001a 0%,#0000 15% 85%,#c3f4001a 100%);box-shadow:inset 24px 0 48px -12px #c3f40059,inset -24px 0 48px -12px #c3f40059}.feedback-overlay.wrong{background:linear-gradient(90deg,#ffb4ab1a 0%,#0000 15% 85%,#ffb4ab1a 100%);box-shadow:inset 24px 0 48px -12px #ffb4ab59,inset -24px 0 48px -12px #ffb4ab59}.flex-center{justify-content:center;align-items:center;display:flex}.w-full{width:100%}.text-center{text-align:center}.gap-4{gap:16px}.gap-6{gap:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Symbols Outlined!important}.svg-btn{cursor:pointer;-webkit-user-select:none;user-select:none}.svg-btn .btn-face{transition:transform .1s;transform:translate(0)}.svg-btn:hover .btn-face{transform:translate(1.5px,1.5px)}.svg-btn:active .btn-face{transform:translate(3px,3px)}.tab-responsive-grid{grid-template-columns:repeat(12,1fr);gap:30px;display:grid}.tab-col-12{grid-column:span 12}.tab-col-8{grid-column:span 8}.tab-col-6{grid-column:span 6}.tab-col-4{grid-column:span 4}.custom-room-form{align-items:center;gap:12px;display:flex}.custom-room-form .input-field{width:220px;padding:10px 14px}.mode-card-actions{gap:10px;display:flex}.daily-streak-layout{flex-direction:row;justify-content:space-around;align-items:center;gap:20px;display:flex}@media (width<=900px){.tab-responsive-grid{grid-template-columns:1fr!important;gap:20px!important}.tab-col-12,.tab-col-8,.tab-col-6,.tab-col-4{grid-column:span 12!important;width:100%!important}.custom-room-form{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.custom-room-form .input-field{width:100%!important;max-width:none!important}.mode-card-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.mode-card-actions button{width:100%!important}.daily-streak-layout{text-align:center!important}.hidden-mobile{display:none!important}}@media (width<=600px){.glass-panel{padding:20px!important}.custom-room-header{text-align:center!important;flex-direction:column!important;align-items:stretch!important}.custom-room-header>div{text-align:center!important;flex-direction:column!important}}