@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-panel: #151515;--bg-recessed: #0d0d0d;--text-primary: #33ff66;--text-dim: #1a8033;--text-amber: #ffaa00;--text-error: #cc4444;--border: #2a2a2a;--border-light: #3a3a3a;--font-mono: "JetBrains Mono", "IBM Plex Mono", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--status-aligned: #00ff41;--status-misaligned: #ffaa00;--status-absent: #444444;--glow-aligned: 0 0 10px rgba(0, 255, 65, .5);--glow-misaligned: 0 0 10px rgba(255, 170, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}html,body{height:100%;min-height:100dvh;min-height:-webkit-fill-available;background:#000;overflow-x:hidden}body{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overscroll-behavior:none;position:fixed;width:100%;height:100%;overflow:hidden;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#root{min-height:100%;height:100%;width:100%;display:flex;align-items:stretch;justify-content:center;overflow-y:auto;overflow-x:hidden;padding-top:var(--safe-area-inset-top);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);-webkit-overflow-scrolling:touch}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}.panel{background:var(--bg-panel);border:1px solid var(--border);padding:var(--space-sm) var(--space-md)}.panel-label{font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-bottom:var(--space-xs);text-transform:uppercase}::selection{background:var(--text-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media(hover:none)and (pointer:coarse){.control-button{min-height:44px;min-width:44px}}@media(min-width:480px){html{font-size:16px}.panel{padding:var(--space-md) var(--space-lg)}.panel-label{font-size:10px;margin-bottom:var(--space-sm)}}@media(min-width:768px){.crt-overlay{background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px)}}.hud{width:100%;max-width:380px;min-height:100vh;min-height:100dvh;background:#000;font-family:SF Mono,Consolas,Monaco,monospace;color:#00ff41;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.static-canvas{position:absolute;inset:0;z-index:0;opacity:.6;pointer-events:none}.hud.transmitting .static-canvas{opacity:.9}.hud.critical .static-canvas{opacity:.8}.scanlines{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px);animation:scanlines-move 8s linear infinite}@keyframes scanlines-move{0%{background-position:0 0}to{background-position:0 100px}}.hud.critical{animation:critical-bg 2s ease-in-out infinite}@keyframes critical-bg{0%,to{background:#000}50%{background:#0a0000}}.hud>*:not(.static-canvas):not(.scanlines){position:relative;z-index:20}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,255,65,.2);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-title{font-size:14px;letter-spacing:4px;font-weight:300;opacity:.8;text-shadow:0 0 10px #00ff41}.hud.critical .hud-title{color:#f33;text-shadow:0 0 10px #ff3333}.hud-status{font-size:11px;letter-spacing:2px;opacity:.4}.hud-status.active{opacity:1;color:#00ff41;text-shadow:0 0 8px #00ff41}.hud-display{flex:1;display:flex;flex-direction:column;padding:20px;background:#00000080}.hud-meter{position:relative;height:4px;background:#00ff411a;margin-bottom:20px;border-radius:2px;overflow:hidden}.meter-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#00ff41,#0c3);box-shadow:0 0 10px #00ff41;transition:width .3s ease}.hud.critical .meter-fill{background:linear-gradient(90deg,#f33,#f66);box-shadow:0 0 10px #f33}.meter-value{position:absolute;right:0;top:8px;font-size:10px;opacity:.5;letter-spacing:1px}.hud-transmission{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:200px}.transmission-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-glyph{font-size:48px;opacity:.9;text-shadow:0 0 30px #00ff41}.loading-text{font-size:11px;letter-spacing:3px;opacity:.6}.loading-bars{display:flex;gap:4px;height:30px;align-items:flex-end}.loading-bar{width:4px;height:100%;background:#00ff41;transform-origin:bottom;box-shadow:0 0 8px #00ff41}.transmission-empty{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.5}.empty-glyph{font-size:48px;text-shadow:0 0 20px rgba(0,255,65,.3)}.empty-text{font-size:12px;letter-spacing:4px}.hint-text{font-size:9px;opacity:.5;letter-spacing:1px}.error-text{font-size:9px;color:#f66;text-align:center;padding:0 10px}.transmission-content{padding:20px 0}.transmission-content.glitch{animation:glitch-effect .5s ease-out}@keyframes glitch-effect{0%{transform:translate(0);filter:hue-rotate(0deg)}10%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}20%{transform:translate(2px,-1px);filter:hue-rotate(180deg)}30%{transform:translate(-1px,2px);filter:hue-rotate(270deg)}40%{transform:translate(1px,-2px);filter:hue-rotate(0deg)}50%,to{transform:translate(0);filter:hue-rotate(0deg)}}.transmission-status{display:flex;gap:12px;margin-bottom:16px;font-size:10px;letter-spacing:2px}.urgency{text-transform:uppercase;padding:4px 8px;background:#00ff411a;border:1px solid rgba(0,255,65,.2)}.urgency.dormant{opacity:.4}.urgency.aware{color:#00ff41}.urgency.concerned{color:#fc0;background:#ffc8001a;border-color:#ffc80033}.urgency.alarmed{color:#f60;background:#ff64001a;border-color:#ff640033}.urgency.critical{color:#f33;background:#ff32321a;border-color:#ff323233}.resonance{opacity:.5;font-style:italic;padding:4px 0}.transmission-voice{font-size:16px;line-height:1.8;font-weight:300;letter-spacing:.5px;white-space:pre-wrap;word-break:break-word;text-shadow:0 0 10px rgba(0,255,65,.3)}.hud.critical .transmission-voice{color:#f66;text-shadow:0 0 10px rgba(255,100,100,.3)}.transmission-echo{margin-top:20px;padding:12px 16px;border-left:2px solid rgba(0,255,65,.3);font-size:13px;opacity:.7;font-style:italic;background:#00ff4105}.echo-label{opacity:.5;font-style:normal;text-transform:uppercase;font-size:9px;letter-spacing:2px;margin-right:8px}.transmission-patterns{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pattern-tag{font-size:11px;padding:6px 12px;border:1px solid rgba(0,255,65,.3);letter-spacing:2px;background:#00ff410d;transition:all .2s}.hud.critical .pattern-tag{border-color:#ff32324d;color:#f66;background:#ff32320d}.hud-state{margin-top:auto;padding-top:20px;text-align:center}.state-label{font-size:10px;letter-spacing:3px;opacity:.5}.state-label.high,.state-label.critical{color:#f33;opacity:1;text-shadow:0 0 10px rgba(255,50,50,.5)}.words-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.words-panel{width:100%;max-width:340px;background:#001400e6;border:1px solid rgba(0,255,65,.3);padding:20px}.words-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(0,255,65,.2);margin-bottom:20px}.words-header span{font-size:12px;letter-spacing:3px;opacity:.7}.words-close{width:32px;height:32px;background:none;border:1px solid rgba(255,50,50,.3);color:#f66;font-size:18px;cursor:pointer;transition:all .2s}.words-close:hover{background:#ff32321a;border-color:#ff323280}.words-grid{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.word-btn{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#00ff4105;border:1px solid rgba(0,255,65,.2);color:#00ff41;cursor:pointer;transition:all .2s;font-family:inherit}.word-btn:hover{border-color:#00ff4180;background:#00ff4114;box-shadow:0 0 15px #00ff411a}.word-btn:active{background:#00ff4126}.word-name{font-size:13px;letter-spacing:3px}.word-freq{font-size:10px;opacity:.4}.hud-controls{display:flex;gap:1px;padding:0 20px;margin-bottom:16px;background:#000000b3}.ctrl-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:#00ff410d;border:1px solid rgba(0,255,65,.15);color:#00ff4199;cursor:pointer;transition:all .2s;font-family:inherit}.ctrl-btn:hover{background:#00ff411a;color:#00ff41;box-shadow:0 0 15px #00ff411a}.ctrl-btn:active{background:#00ff4126}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn.monitor.active{background:#00ff4126;border-color:#00ff4166;color:#00ff41;box-shadow:0 0 20px #00ff4133}.ctrl-btn.transmit{border-color:#00ff414d}.ctrl-btn.transmit.active{background:#00ff4133;box-shadow:0 0 25px #00ff414d}.ctrl-btn.abort{color:#ff646499;border-color:#ff323233;background:#ff32320d}.ctrl-btn.abort:hover{background:#ff32321a;color:#f66;box-shadow:0 0 15px #ff32321a}.ctrl-btn.abort.pulse{animation:abort-pulse 1s ease-in-out infinite}@keyframes abort-pulse{0%,to{background:#ff32320d}50%{background:#ff323226}}.ctrl-icon{font-size:20px}.ctrl-label{font-size:9px;letter-spacing:2px}.hud-settings{display:flex;justify-content:center;gap:4px;padding:0 20px;margin-bottom:16px}.setting-btn{padding:8px 12px;background:#00000080;border:1px solid rgba(0,255,65,.1);color:#00ff4166;font-size:9px;letter-spacing:1px;cursor:pointer;font-family:inherit;transition:all .2s}.setting-btn:hover{border-color:#00ff414d;color:#00ff41b3;background:#00ff410d}.setting-btn:active{background:#00ff411a}.hud-footer{text-align:center;padding:16px;font-size:8px;letter-spacing:3px;opacity:.2;border-top:1px solid rgba(0,255,65,.1);background:#000000b3}.hud:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:30;background:linear-gradient(#00ff4104 50%,#0000000d 50%);background-size:100% 4px;animation:crt-flicker .15s infinite;opacity:.2}@keyframes crt-flicker{0%{opacity:.18}50%{opacity:.2}to{opacity:.18}}.hud:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:31;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.3) 100%)}@supports (padding-bottom: env(safe-area-inset-bottom)){.hud{padding-bottom:env(safe-area-inset-bottom)}}@media(max-height:500px){.hud-transmission{min-height:120px}.transmission-voice{font-size:14px}.loading-glyph,.empty-glyph{font-size:32px}}.mode-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#000c;border-bottom:1px solid rgba(0,255,65,.3)}.header-main{display:flex;flex-direction:column;gap:4px}.header-title{font-size:20px;font-weight:600;letter-spacing:3px;color:#00ff41}.header-date,.header-tier{font-size:12px;letter-spacing:1px;opacity:.6}.header-status{display:flex;align-items:center}.status-badge{padding:8px 16px;font-size:12px;font-weight:600;letter-spacing:2px;border:2px solid #00ff41;background:#00ff411a}.status-badge.solved{box-shadow:0 0 20px #00ff4166}.status-attempts{font-size:14px;font-weight:500;letter-spacing:1px;opacity:.7}.slot-row{display:flex;gap:12px}.slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;min-height:70px;background:#00ff4108;border:2px solid rgba(0,255,65,.3);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.slot:active:not(.disabled){transform:scale(.98)}.slot.selected{border-color:#00ff41;background:#00ff411a;box-shadow:0 0 20px #00ff4133}.slot.disabled{opacity:.5;cursor:default}.slot.status-aligned{border-color:#00ff41;background:#00ff4126;box-shadow:0 0 15px #00ff4166}.slot.status-misaligned{border-color:#fa0;background:#ffaa0026;box-shadow:0 0 15px #fa06}.slot.status-absent{border-color:#555;background:#5050501a}.slot-label{font-size:10px;font-weight:600;letter-spacing:2px;color:#00ff4180;margin-bottom:8px}.slot-content{flex:1;display:flex;align-items:center;justify-content:center}.slot-word{display:flex;align-items:center;gap:8px}.word-text{font-size:16px;font-weight:600;letter-spacing:2px;color:#00ff41}.word-remove{width:24px;height:24px;background:#ff646433;border:1px solid rgba(255,100,100,.5);color:#f66;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.slot-empty{font-size:24px;opacity:.3}.slot.selected .slot-empty{opacity:.8;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.3}}.slot-status-indicator{position:absolute;bottom:6px;right:8px;font-size:14px;font-weight:700}.slot.status-aligned .slot-status-indicator{color:#00ff41}.slot.status-misaligned .slot-status-indicator{color:#fa0}.slot.status-absent .slot-status-indicator{color:#666}.root-picker{margin-top:auto}.root-picker.disabled{opacity:.4;pointer-events:none}.picker-label{font-size:10px;font-weight:600;letter-spacing:2px;color:#00ff4180;margin-bottom:8px;text-align:center}.picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:500px){.picker-grid{grid-template-columns:repeat(3,1fr)}}.root-btn{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px;min-height:70px;background:#00ff4108;border:2px solid rgba(0,255,65,.2);color:#00ff41;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;font-family:inherit;text-align:left;position:relative}.root-btn:active:not(:disabled){transform:scale(.98);background:#00ff411a}.root-btn:disabled{opacity:.4;cursor:not-allowed}.root-btn.in-use{background:#00ff4126;border-color:#00ff41;box-shadow:0 0 12px #00ff4140}.root-btn.role-dominant{border-left:3px solid #ff6666}.root-btn.role-dynamics{border-left:3px solid #ffaa00}.root-btn.role-dampener{border-left:3px solid #66aaff}.root-header{display:flex;align-items:center;gap:6px}.root-role-symbol{font-size:12px;font-weight:700}.root-role-symbol.role-dominant{color:#f66}.root-role-symbol.role-dynamics{color:#fa0}.root-role-symbol.role-dampener{color:#6af}.root-name{flex:1;font-size:13px;font-weight:700;letter-spacing:1px}.root-risk{font-size:9px;font-weight:600;padding:2px 4px;border-radius:2px;opacity:.8}.root-risk.risk-low{color:#00ff41;background:#00ff4126}.root-risk.risk-med{color:#fa0;background:#ffaa0026}.root-risk.risk-high{color:#f66;background:#ff666626}.root-meaning{font-size:10px;line-height:1.3;color:#00ff4199;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.root-lineage{font-size:8px;font-weight:600;letter-spacing:1px;color:#00ff4159;margin-top:2px;font-family:monospace}.root-in-use-badge{position:absolute;top:4px;right:4px;font-size:8px;font-weight:700;letter-spacing:1px;color:#00ff41;background:#000000b3;padding:2px 4px;border-radius:2px}.picker-legend{display:flex;justify-content:center;gap:12px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(0,255,65,.15)}.legend-item{display:flex;align-items:center;gap:4px;font-size:9px;letter-spacing:1px;color:#00ff4180}.legend-item .role-dominant{color:#f66}.legend-item .role-dynamics{color:#fa0}.legend-item .role-dampener{color:#6af}.transmit-container{margin-top:8px}.transmit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 24px;background:#00ff4126;border:2px solid #00ff41;color:#00ff41;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;font-family:inherit}.transmit-btn:active:not(:disabled){transform:scale(.98);background:#00ff4140}.transmit-btn.disabled{opacity:.3;cursor:not-allowed;border-color:#00ff414d}.transmit-btn.transmitting{background:#00ff4140;box-shadow:0 0 30px #00ff4166;cursor:wait}.transmit-label{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;letter-spacing:3px}.transmit-glyph{font-size:24px}.attempts-indicator{display:flex;justify-content:center;gap:12px;margin-top:16px}.attempt-dot{width:12px;height:12px;border-radius:50%}.attempt-dot.remaining{background:#00ff41;box-shadow:0 0 10px #00ff4199}.attempt-dot.used{background:#333;border:2px solid #555}.static-readout{padding:16px 20px;background:#00ff410d;border-left:3px solid rgba(0,255,65,.5)}.readout-content{display:flex;flex-direction:column;gap:8px}.readout-line{font-size:14px;line-height:1.5;color:#00ff41e6}.readout-line:first-child{font-size:16px;font-weight:600}.attempt-history{margin-top:8px}.history-label{font-size:10px;font-weight:600;letter-spacing:2px;color:#00ff4166;margin-bottom:10px;text-align:center}.history-list{display:flex;flex-direction:column;gap:8px}.history-row{display:flex;align-items:center;gap:10px}.history-number{width:24px;font-size:12px;font-weight:600;color:#00ff4166;text-align:center}.history-slots{flex:1;display:flex;gap:6px}.history-slot{flex:1;padding:10px 4px;text-align:center;border:2px solid}.history-slot.aligned{border-color:#00ff41;background:#00ff411a;color:#00ff41}.history-slot.misaligned{border-color:#fa0;background:#ffaa001a;color:#fa0}.history-slot.absent{border-color:#444;background:#3c3c3c1a;color:#666}.history-word{font-size:11px;font-weight:600;letter-spacing:1px}.drawing-pad-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.drawing-pad-container{width:100%;max-width:400px;background:#0a0a0a;border:1px solid rgba(0,255,65,.3);display:flex;flex-direction:column;gap:16px;padding:20px}.drawing-pad-header{text-align:center}.drawing-header-title{font-size:16px;font-weight:700;letter-spacing:3px;color:#00ff41;margin-bottom:4px}.drawing-header-subtitle{font-size:11px;font-weight:600;letter-spacing:2px;color:#00ff4180}.drawing-canvas-wrapper{position:relative;width:100%;aspect-ratio:1;border:2px solid rgba(0,255,65,.4);background:#0a0a0a}.drawing-canvas{width:100%;height:100%;touch-action:none;cursor:crosshair}.drawing-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;opacity:.3}.placeholder-icon{font-size:48px;color:#00ff41}.placeholder-text{font-size:12px;font-weight:600;letter-spacing:2px;color:#00ff41}.drawing-instructions{font-size:11px;line-height:1.5;color:#00ff4180;text-align:center;padding:0 10px}.drawing-actions{display:flex;gap:8px}.drawing-btn{flex:1;padding:14px 12px;background:transparent;border:1px solid rgba(0,255,65,.3);color:#00ff4199;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .15s ease}.drawing-btn:disabled{opacity:.3;cursor:not-allowed}.drawing-btn.secondary:not(:disabled):active{background:#00ff411a}.drawing-btn.primary{background:#00ff4126;border-color:#00ff4180;color:#00ff41}.drawing-btn.primary:not(:disabled):active{background:#00ff4140}.root-index{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;display:flex;flex-direction:column}.index-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,255,65,.2)}.index-title{font-size:20px;font-weight:700;letter-spacing:4px;color:#00ff41;margin-bottom:4px}.index-subtitle{font-size:10px;font-weight:600;letter-spacing:3px;color:#00ff4180}.index-stats{display:flex;justify-content:center;gap:24px;padding:16px;margin-bottom:20px;background:#00ff410d;border:1px solid rgba(0,255,65,.2)}.stat-primary,.stat-secondary{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-primary .stat-value{font-size:32px;font-weight:700;color:#00ff41;line-height:1}.stat-secondary .stat-value{font-size:20px;font-weight:700;color:#00ff41b3;line-height:1}.stat-primary .stat-label,.stat-secondary .stat-label{font-size:9px;font-weight:600;letter-spacing:2px;color:#00ff4180}.discoveries-grid{display:flex;flex-direction:column;gap:12px;flex:1}.discovery-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px 12px;padding:14px 16px;background:#00ff4108;border:1px solid rgba(0,255,65,.25);border-left:3px solid #00ff41;transition:all .15s ease}.discovery-card:active{background:#00ff4114;border-color:#00ff4166}.card-number{grid-row:1 / 3;display:flex;align-items:center;font-size:11px;font-weight:700;font-family:monospace;color:#00ff4166;letter-spacing:1px}.card-word{font-size:16px;font-weight:700;letter-spacing:2px;color:#00ff41}.card-points{grid-row:1 / 3;display:flex;align-items:center;font-size:11px;font-weight:700;color:#00ff4199;background:#00ff411a;padding:4px 8px;border-radius:2px}.card-details{display:flex;align-items:center;gap:12px}.card-type{font-size:9px;font-weight:600;letter-spacing:1px;padding:2px 6px;border:1px solid}.card-type.type-daily{color:#f66;border-color:#f666;background:#ff66661a}.card-type.type-oneshot{color:#fa0;border-color:#fa06;background:#ffaa001a}.card-type.type-broadcast{color:#6af;border-color:#6af6;background:#66aaff1a}.card-date{font-size:10px;color:#00ff4166;font-family:monospace}.index-footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,255,65,.1);text-align:center}.footer-text{font-size:10px;font-weight:600;letter-spacing:2px;color:#00ff414d}.index-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.loading-icon{font-size:32px;color:#00ff41}.loading-text{font-size:11px;font-weight:600;letter-spacing:3px;color:#00ff4199}.index-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.error-message{font-size:13px;color:#f66;text-align:center}.retry-btn{padding:12px 24px;background:transparent;border:1px solid rgba(255,102,102,.4);color:#f66;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .15s ease}.retry-btn:active{background:#f663}.index-locked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.locked-icon{font-size:48px;color:#00ff414d;margin-bottom:16px}.locked-title{font-size:16px;font-weight:700;letter-spacing:3px;color:#00ff4199;margin-bottom:12px}.locked-message{font-size:13px;line-height:1.6;color:#00ff4180;max-width:280px;margin-bottom:16px}.locked-hint{font-size:11px;line-height:1.5;color:#00ff414d;max-width:260px;padding-top:12px;border-top:1px solid rgba(0,255,65,.1)}.index-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;color:#00ff4133;margin-bottom:16px}.empty-title{font-size:14px;font-weight:700;letter-spacing:3px;color:#00ff4199;margin-bottom:12px}.empty-message{font-size:13px;line-height:1.6;color:#00ff4180;max-width:280px;margin-bottom:20px}.empty-rewards{display:flex;justify-content:center;gap:16px;margin-bottom:20px}.reward-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#00ff4114;border:1px solid rgba(0,255,65,.2)}.reward-value{font-size:18px;font-weight:700;color:#00ff41}.reward-label{font-size:8px;font-weight:600;letter-spacing:1px;color:#00ff4180}.empty-hint{font-size:11px;line-height:1.5;color:#00ff414d;max-width:280px;padding-top:16px;border-top:1px solid rgba(0,255,65,.1)}.root-index.carousel-mode{justify-content:flex-start;gap:12px}.root-index.carousel-mode .index-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:8px;width:100%}.index-counter{font-size:12px;font-weight:700;font-family:monospace;color:#00ff4180;letter-spacing:1px}.carousel-container{display:flex;align-items:stretch;gap:8px;flex:1;min-height:0;width:100%}.carousel-nav{width:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(0,255,65,.3);color:#00ff41;font-size:18px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-nav:not(:disabled):active{background:#00ff4126}.carousel-frame{flex:1;min-width:0;display:flex;align-items:stretch}.discovery-frame{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#00ff4108;border:2px solid rgba(0,255,65,.3);overflow:hidden}.frame-number{font-size:9px;font-weight:700;font-family:monospace;color:#00ff4166;letter-spacing:1px;align-self:flex-start}.frame-image-area{width:140px;height:140px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;border:2px solid rgba(0,255,65,.4);overflow:hidden;flex-shrink:0}.classification-image{width:100%;height:100%;object-fit:cover;object-position:center}.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px}.placeholder-symbol{font-size:36px;color:#00ff4133}.placeholder-label{font-size:8px;font-weight:600;letter-spacing:1px;color:#00ff414d}.frame-word{font-size:18px;font-weight:700;letter-spacing:2px;color:#00ff41;text-align:center}.frame-meaning{font-size:10px;color:#00ff4199;text-align:center;line-height:1.3;font-style:italic;max-width:100%;padding:0 4px}.frame-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;width:100%;padding:0 4px}.tag{font-size:7px;font-weight:600;letter-spacing:.5px;padding:2px 6px;border:1px solid;text-transform:uppercase;white-space:nowrap}.tag-role.role-dominant{color:#f44;border-color:#ff444480;background:#ff444426}.tag-role.role-dynamics{color:#4af;border-color:#44aaff80;background:#44aaff26}.tag-role.role-dampener{color:#a6f;border-color:#aa66ff80;background:#aa66ff26}.tag-risk.risk-low{color:#4f8;border-color:#44ff8880;background:#44ff8826}.tag-risk.risk-med{color:#fa4;border-color:#ffaa4480;background:#ffaa4426}.tag-risk.risk-high{color:#f44;border-color:#ff444480;background:#ff444426}.tag-theme{color:#00ff41b3;border-color:#00ff414d;background:#00ff411a}.frame-meta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.meta-type{font-size:7px;font-weight:600;letter-spacing:.5px;padding:2px 6px;border:1px solid}.meta-type.type-daily{color:#f66;border-color:#f666;background:#ff66661a}.meta-type.type-oneshot{color:#fa0;border-color:#fa06;background:#ffaa001a}.meta-type.type-broadcast{color:#6af;border-color:#6af6;background:#66aaff1a}.meta-date{font-size:8px;font-family:monospace;color:#00ff4166}.frame-points{font-size:11px;font-weight:700;color:#00ff41b3;background:#00ff411a;padding:4px 10px}.classification-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0;width:100%}.classify-btn{width:100%;padding:12px 16px;background:#00ff4126;border:1px solid rgba(0,255,65,.5);color:#00ff41;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .15s ease}.classify-btn:active{background:#00ff4140}.classify-btn:disabled,.classify-btn.disabled{opacity:.4;cursor:not-allowed;background:#00ff410d;border-color:#00ff4133}.classify-btn:disabled:hover,.classify-btn.disabled:hover{background:#00ff410d}.classify-hint{font-size:9px;color:#00ff4166;text-align:center}.carousel-dots{display:flex;justify-content:center;gap:6px;padding:6px 0;flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;background:#00ff4133;border:none;cursor:pointer;transition:all .15s ease;padding:0}.dot:active{transform:scale(1.2)}.dot.active{background:#00ff41;box-shadow:0 0 8px #00ff4180}.dot.classified{border:1px solid rgba(0,255,65,.5)}.dot.active.classified{border-color:#00ff41}.carousel-loading,.carousel-error,.carousel-empty,.carousel-locked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.carousel-locked .locked-frame,.carousel-empty .empty-frame{display:flex;flex-direction:column;align-items:center;padding:30px;background:#00ff4108;border:2px solid rgba(0,255,65,.2);max-width:280px}.carousel-empty .empty-icon,.carousel-locked .locked-icon{font-size:40px;color:#00ff4140;margin-bottom:16px}.carousel-empty .empty-title,.carousel-locked .locked-title{font-size:14px;font-weight:700;letter-spacing:3px;color:#00ff4199;margin-bottom:12px}.carousel-empty .empty-message,.carousel-locked .locked-message{font-size:12px;line-height:1.6;color:#00ff4166;margin-bottom:16px}.carousel-empty .empty-reward{display:flex;align-items:baseline;gap:6px}.carousel-empty .reward-value{font-size:20px;font-weight:700;color:#00ff41}.carousel-empty .reward-label{font-size:9px;font-weight:600;letter-spacing:1px;color:#00ff4180}.index-tabs{display:flex;gap:0;border:1px solid rgba(0,255,65,.3);margin-bottom:12px}.index-tab{flex:1;padding:10px 8px;background:transparent;border:none;color:#00ff4180;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .15s ease}.index-tab:first-child{border-right:1px solid rgba(0,255,65,.3)}.index-tab.active{background:#00ff4126;color:#00ff41}.index-tab:active{background:#00ff411a}.community-view{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:16px}.community-card{display:flex;flex-direction:column;background:#00ff4108;border:1px solid rgba(0,255,65,.25);padding:8px;cursor:pointer;transition:all .15s ease}.community-card:active{background:#00ff4114;border-color:#00ff4166}.community-card-image{aspect-ratio:1;background:#0a0a0a;border:1px solid rgba(0,255,65,.3);overflow:hidden}.community-card-image img{width:100%;height:100%;object-fit:cover}.community-card-word{font-size:11px;font-weight:700;letter-spacing:1px;color:#00ff41;margin-top:6px;text-transform:uppercase}.community-card-discoverer{font-size:8px;color:#00ff4166;letter-spacing:.5px;margin-top:2px}.load-more-btn{width:100%;padding:14px;margin-top:8px;background:transparent;border:1px solid rgba(0,255,65,.3);color:#00ff4199;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .15s ease}.load-more-btn:active{background:#00ff411a}.load-more-btn:disabled{opacity:.4;cursor:not-allowed}.discovery-detail-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.discovery-detail-modal{background:#0a0a0a;border:2px solid rgba(0,255,65,.4);padding:20px;max-width:320px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.discovery-detail-modal .close-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;background:transparent;border:1px solid rgba(0,255,65,.3);color:#00ff4199;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.discovery-detail-modal .close-btn:active{background:#00ff4126;color:#00ff41}.detail-image{width:100%;aspect-ratio:1;background:#0a0a0a;border:2px solid rgba(0,255,65,.4);overflow:hidden;margin-bottom:16px}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-word{font-size:20px;font-weight:700;letter-spacing:2px;color:#00ff41;text-align:center;margin:0 0 8px;text-transform:uppercase}.detail-meaning{font-size:11px;color:#00ff4199;text-align:center;line-height:1.4;font-style:italic;margin:0 0 12px;padding:0 8px}.detail-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:16px}.detail-meta{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:12px;border-top:1px solid rgba(0,255,65,.2)}.detail-discoverer{font-size:10px;color:#00ff4180;letter-spacing:.5px}.detail-date{font-size:9px;font-family:monospace;color:#00ff4159}.system-log-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:60vh;padding:16px}.system-log{width:100%;max-width:520px;background:#000000e6;border:1px solid rgba(0,255,65,.4);font-family:JetBrains Mono,SF Mono,monospace;position:relative;overflow:hidden}.system-log:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:10}.system-log:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(0,255,65,.6),transparent);animation:scan-line 3s linear infinite}@keyframes scan-line{0%{top:0;opacity:1}to{top:100%;opacity:.3}}.log-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#00ff410d;border-bottom:1px solid rgba(0,255,65,.3)}.log-title{display:flex;align-items:center;gap:10px}.title-icon{color:#00ff41;font-size:16px;animation:pulse-icon 2s infinite}@keyframes pulse-icon{0%,to{opacity:1;text-shadow:0 0 10px rgba(0,255,65,.8)}50%{opacity:.6;text-shadow:0 0 5px rgba(0,255,65,.4)}}.title-text{font-size:13px;letter-spacing:3px;color:#00ff41;font-weight:600}.log-timestamp{font-size:11px;color:#00ff4180;letter-spacing:1px}.log-table-header{display:grid;grid-template-columns:70px 1fr 80px 80px;padding:10px 20px;background:#00ff4108;border-bottom:1px solid rgba(0,255,65,.2);font-size:9px;letter-spacing:2px;color:#00ff4180}.log-entries{display:flex;flex-direction:column}.log-entry{display:grid;grid-template-columns:70px 1fr 80px 80px;grid-template-rows:auto auto;padding:14px 20px;background:transparent;border:none;border-bottom:1px solid rgba(0,255,65,.1);cursor:pointer;text-align:left;color:#00ff41;font-family:JetBrains Mono,SF Mono,monospace;transition:all .15s ease;position:relative}.log-entry:last-child{border-bottom:none}.log-entry:hover:not(:disabled){background:#00ff4114}.log-entry:hover:not(:disabled):before{content:">";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#00ff41;font-size:12px;animation:blink-cursor .8s infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.log-entry.active{background:#00ff411f;box-shadow:inset 3px 0 #00ff41}.log-entry.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.log-entry.complete{border-left:2px solid rgba(0,255,65,.5)}.log-entry.failed{border-left:2px solid rgba(255,100,100,.5)}.log-entry.disabled .entry-desc-locked{color:#ffc864cc;font-weight:500}.entry-code{font-size:11px;color:#00ff4199}.entry-name{font-size:13px;font-weight:600;letter-spacing:1px}.entry-type{font-size:10px;color:#00ff4180;letter-spacing:1px}.entry-status{font-size:10px;font-weight:600;letter-spacing:1px;padding:2px 6px;border-radius:2px;text-align:center}.status-ready{background:#00ff4126;color:#00ff41}.status-complete{background:#00c8ff26;color:#00c8ff}.status-failed{background:#ff646426;color:#ff6b6b}.status-locked{background:#96969626;color:#999}.entry-desc{grid-column:1 / -1;font-size:10px;color:#00ff4166;margin-top:6px;letter-spacing:.5px}.log-footer{display:flex;align-items:center;justify-content:center;gap:4px;padding:14px 20px;background:#00ff4108;border-top:1px solid rgba(0,255,65,.2)}.footer-text{font-size:10px;letter-spacing:1px;color:#00ff4166}.footer-cursor{color:#00ff41;animation:blink-cursor 1s infinite}@media(max-width:520px){.system-log-container{padding:12px;min-height:auto}.log-table-header{display:none}.log-entry{display:flex;flex-direction:column;gap:4px;padding:16px}.log-entry:before{display:none}.entry-code{order:-1;font-size:9px}.entry-name{font-size:14px}.entry-type{display:none}.entry-status{position:absolute;top:16px;right:16px}.entry-desc{margin-top:4px}.log-header{flex-direction:column;gap:8px;text-align:center}.title-text{font-size:12px;letter-spacing:2px}}.status-view{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.status-tabs{display:flex;background:#000c;border-bottom:1px solid rgba(0,255,65,.2);position:sticky;top:0;z-index:10}.status-tab{flex:1;padding:14px 8px;background:transparent;border:none;color:#00ff4166;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.status-tab:active{background:#00ff411a}.status-tab.active{color:#00ff41;background:#00ff411a;border-bottom:2px solid #00ff41}.tab-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:24px}.status-section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:12px;font-weight:600;letter-spacing:2px;color:#00ff4180}.status-card{padding:20px;background:#00ff4108;border:1px solid rgba(0,255,65,.2)}.status-card.highlight{background:#00ff4114;border-color:#00ff4166}.status-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,255,65,.1)}.status-row:last-child{border-bottom:none}.status-label{font-size:13px;color:#00ff41b3}.status-value{font-size:14px;font-weight:600;color:#00ff41}.status-value.success{text-shadow:0 0 10px rgba(0,255,65,.5)}.status-value.error{color:#f66}.status-value.points{font-size:18px;text-shadow:0 0 15px rgba(0,255,65,.5)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#0006}.stat-item .stat-value{font-size:32px;font-weight:300;color:#00ff41;text-shadow:0 0 15px rgba(0,255,65,.4)}.stat-item .stat-label{font-size:10px;font-weight:600;letter-spacing:1px;color:#00ff4180;text-align:center}.leaderboard-card{background:#0006;border:1px solid rgba(0,255,65,.2)}.leaderboard-loading,.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#00ff4180;font-size:12px;letter-spacing:1px}.leaderboard-loading .loading-glyph{font-size:24px;animation:spin 2s linear infinite}.leaderboard-empty .empty-icon{font-size:32px;color:#00ff414d}.leaderboard-empty .empty-hint{font-size:10px;color:#00ff414d}.leaderboard-list{display:flex;flex-direction:column}.leaderboard-entry{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(0,255,65,.1)}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry.current-user{background:#00ff411a}.entry-rank{width:32px;font-size:14px;font-weight:600;color:#00ff4199;text-align:center}.entry-rank.top-1{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.entry-rank.top-2{color:silver;text-shadow:0 0 10px rgba(192,192,192,.5)}.entry-rank.top-3{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.5)}.entry-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.entry-name{font-size:13px;font-weight:600;color:#00ff41;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-stats{font-size:10px;color:#00ff4166;letter-spacing:.5px}.entry-points{font-size:14px;font-weight:600;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.3)}.diagnostics-grid{display:flex;flex-direction:column;gap:12px}.protocol-card{padding:16px;background:#0006;border:1px solid rgba(0,255,65,.2);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:8px 12px;align-items:start}.protocol-icon{grid-row:span 2;font-size:24px;color:#00ff41;opacity:.8}.protocol-name{font-size:12px;font-weight:600;letter-spacing:1.5px;color:#00ff41}.protocol-desc{grid-column:2;font-size:11px;line-height:1.5;color:#00ff4199}.protocol-reward{grid-row:span 2;font-size:11px;font-weight:600;color:#00ff41cc;padding:4px 8px;background:#00ff411a;border-radius:2px;align-self:center}.discovery-info{display:flex;align-items:center;gap:16px}.discovery-icon{font-size:28px;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5)}.discovery-text{flex:1;display:flex;flex-direction:column;gap:4px}.discovery-title{font-size:12px;font-weight:600;letter-spacing:1.5px;color:#00ff41}.discovery-desc{font-size:11px;line-height:1.5;color:#00ff4199}.discovery-bonus{font-size:14px;font-weight:600;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.admin-access-btn{margin-top:12px;padding:14px 20px;background:#ff64641a;border:1px solid rgba(255,100,100,.3);color:#ff6b6b;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.admin-access-btn:hover{background:#ff646433;border-color:#ff646480}.status-footer{margin-top:auto;padding:24px 20px;text-align:center}.status-footer p{font-size:10px;letter-spacing:2px;color:#00ff414d;margin:6px 0}.version-text{transition:color .15s ease}.version-text:active{color:#00ff4180}.admin-view{display:flex;flex-direction:column;height:100%;background:#000000f2;color:#00ff41;font-family:IBM Plex Mono,monospace}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(0,255,65,.3)}.admin-title{font-size:14px;font-weight:700;letter-spacing:2px}.admin-exit-btn{width:32px;height:32px;background:transparent;border:1px solid rgba(0,255,65,.3);color:#00ff41;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.admin-exit-btn:active{background:#00ff411a}.admin-login{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.login-icon{font-size:48px;margin-bottom:16px}.admin-input{width:100%;max-width:280px;padding:12px 16px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);color:#00ff41;font-family:inherit;font-size:14px;text-align:center;letter-spacing:2px}.admin-input:focus{outline:none;border-color:#00ff41;box-shadow:0 0 10px #00ff414d}.admin-input::placeholder{color:#00ff4166;letter-spacing:1px}.login-error{color:#f66;font-size:12px;letter-spacing:1px}.admin-btn{padding:12px 24px;background:#00ff411a;border:1px solid rgba(0,255,65,.4);color:#00ff41;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .15s ease}.admin-btn:active:not(:disabled){background:#00ff4133;transform:scale(.98)}.admin-btn:disabled{opacity:.4;cursor:not-allowed}.admin-btn.primary{background:#00ff4133;border-color:#00ff41}.admin-btn.danger{color:#f66;border-color:#f666;background:#ff66661a}.admin-btn.danger:active:not(:disabled){background:#f663}.admin-btn.small{padding:6px 12px;font-size:10px}.admin-btn.logout{margin-top:auto;color:#00ff4180;border-color:#00ff4133}.admin-tabs{display:flex;border-bottom:1px solid rgba(0,255,65,.2)}.tab-btn{flex:1;padding:12px;background:transparent;border:none;color:#00ff4180;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .15s ease}.tab-btn.active{color:#00ff41;background:#00ff411a;border-bottom:2px solid #00ff41}.tab-btn:active{background:#00ff410d}.admin-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.admin-loading{display:flex;justify-content:center;padding:16px;font-size:24px;color:#00ff41}.action-message{padding:12px;background:#00ff411a;border-left:3px solid #00ff41;font-size:12px;letter-spacing:1px;margin:0 16px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:#00ff410d;border:1px solid rgba(0,255,65,.2)}.stat-value{font-size:28px;font-weight:700;color:#00ff41}.stat-label{font-size:10px;letter-spacing:1px;color:#00ff4199;margin-top:4px}.admin-section-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;color:#00ff41b3;padding-bottom:8px;border-bottom:1px solid rgba(0,255,65,.15)}.puzzle-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;min-height:0}.puzzle-card{padding:12px;background:#00ff4108;border:1px solid rgba(0,255,65,.2);display:flex;flex-direction:column;gap:8px}.puzzle-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.puzzle-date,.puzzle-id{font-size:12px;font-weight:700;color:#00ff41}.puzzle-theme{font-size:11px;color:#00ff41b3;text-transform:uppercase;letter-spacing:1px}.puzzle-uses{font-size:10px;color:#00ff4180;margin-left:auto}.puzzle-signal{font-size:13px;font-weight:600;letter-spacing:1px;padding:8px;background:#00ff410d}.puzzle-hint{font-size:11px;color:#00ff4199;font-style:italic;line-height:1.4}.puzzle-actions{display:flex;gap:8px;margin-top:4px}.empty-state{text-align:center;padding:32px;color:#00ff4166;font-size:12px;letter-spacing:1px}.tier-selector{display:flex;gap:8px}.tier-btn{flex:1;padding:10px;background:transparent;border:1px solid rgba(0,255,65,.3);color:#00ff4199;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:1px;cursor:pointer}.tier-btn.active{background:#00ff4126;border-color:#00ff41;color:#00ff41}.tier-btn:active{background:#00ff411a}.pool-actions{display:flex;gap:8px;flex-wrap:wrap}.pool-actions .admin-btn{flex:1;min-width:100px}.puzzle-card.expanded{gap:10px}.puzzle-hints-count{font-size:10px;color:#00ff4180;background:#00ff411a;padding:2px 6px;border-radius:3px;margin-left:auto}.puzzle-roots{margin-top:4px;padding:8px;background:#0000004d;border:1px solid rgba(0,255,65,.15)}.roots-header{font-size:10px;letter-spacing:1px;color:#00ff4180;margin-bottom:6px}.root-item{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0;border-bottom:1px solid rgba(0,255,65,.1);font-size:11px}.root-item:last-child{border-bottom:none}.root-name{font-weight:700;color:#00ff41;min-width:80px}.root-role{padding:1px 4px;font-size:9px;letter-spacing:1px;border-radius:2px}.role-dominant .root-role{background:#ff646433;color:#f99}.role-dynamics .root-role{background:#64c8ff33;color:#9df}.role-dampener .root-role{background:#64ff6433;color:#9f9}.root-risk{font-size:9px;padding:1px 4px;border-radius:2px;background:#00ff411a;color:#00ff4199}.root-parent{font-size:9px;color:#00ff4166;font-style:italic}.root-meaning{font-size:10px;color:#00ff4180;font-style:italic;flex-basis:100%;padding-left:8px}.puzzle-explanation{padding:8px;background:#0064ff0d;border-left:2px solid rgba(0,150,255,.4)}.explanation-label{display:block;font-size:9px;letter-spacing:1px;color:#0096ff99;margin-bottom:4px}.explanation-text{font-size:11px;color:#00c8ffcc;line-height:1.4}.puzzle-revelation{padding:8px;background:#9600ff0d;border-left:2px solid rgba(150,100,255,.4)}.revelation-label{display:block;font-size:9px;letter-spacing:1px;color:#9664ff99;margin-bottom:4px}.revelation-text{font-size:10px;color:#c896ffcc;line-height:1.5;white-space:pre-wrap;font-family:inherit;margin:0}.revelation-echo{display:block;margin-top:8px;font-size:10px;color:#9664ff80;font-style:italic}.admin-view.compact{max-height:100vh;overflow:hidden}.admin-view.compact .admin-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.admin-view.compact .admin-header span{font-size:13px;font-weight:700;letter-spacing:2px}.admin-view.compact .admin-header button{width:28px;height:28px;background:transparent;border:1px solid rgba(0,255,65,.3);color:#00ff41;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.message-bar{padding:8px 16px;background:#00ff411a;border-bottom:1px solid rgba(0,255,65,.2);font-size:11px;letter-spacing:1px;color:#00ff41}.stats-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(0,255,65,.1);font-size:11px}.stats-bar .stat strong{color:#00ff41}.loading-indicator{animation:spin 1s linear infinite;color:#00ff41}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pool-tabs{display:flex;border-bottom:1px solid rgba(0,255,65,.2)}.pool-tab{flex:1;padding:10px 8px;background:transparent;border:none;color:#00ff4180;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:1px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.pool-tab.active{color:#00ff41;background:#00ff411a;border-bottom:2px solid #00ff41}.pool-count{font-size:14px;font-weight:700}.admin-view.compact .pool-actions{display:flex;gap:6px;padding:10px 16px;background:#0003;border-bottom:1px solid rgba(0,255,65,.1);flex-wrap:wrap}.admin-view.compact .pool-actions button{padding:8px 12px;background:#00ff411a;border:1px solid rgba(0,255,65,.3);color:#00ff41;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:1px;cursor:pointer}.admin-view.compact .pool-actions button:disabled{opacity:.4;cursor:not-allowed}.admin-view.compact .pool-actions button.btn-danger{color:#f66;border-color:#ff66664d;background:#ff66661a}.puzzle-list.compact{flex:1;overflow-y:auto;padding:8px}.puzzle-row{border:1px solid rgba(0,255,65,.15);background:#0003;margin-bottom:6px}.puzzle-row.expanded{border-color:#00ff414d}.puzzle-summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-size:11px}.puzzle-summary:hover{background:#00ff410d}.puzzle-summary .puzzle-id{font-weight:700;color:#00ff41;min-width:70px}.puzzle-summary .puzzle-signal-preview{flex:1;color:#00ff41b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.puzzle-summary .puzzle-theme{color:#00ff4180;text-transform:uppercase;font-size:9px;letter-spacing:1px}.puzzle-summary .puzzle-uses{color:#00ff4166;font-size:9px}.puzzle-expand{color:#00ff4166;font-size:10px;margin-left:auto}.puzzle-details{padding:12px;border-top:1px solid rgba(0,255,65,.1);background:#0000004d;overflow:hidden}.detail-section{margin-bottom:10px}.detail-section label{display:block;font-size:9px;letter-spacing:1px;color:#00ff4180;margin-bottom:4px}.detail-section span{font-size:11px;color:#00ff41cc;line-height:1.4}.roots-grid{display:flex;flex-direction:column;gap:6px}.root-chip{padding:6px 8px;background:#0000004d;border-left:3px solid rgba(0,255,65,.3);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.root-chip strong{color:#00ff41;font-size:11px}.root-chip .root-role{font-size:9px;padding:2px 4px;border-radius:2px;background:#00ff411a}.root-chip.dominant{border-color:#ff646480}.root-chip.dominant .root-role{background:#ff646433;color:#f99}.root-chip.dynamics{border-color:#64c8ff80}.root-chip.dynamics .root-role{background:#64c8ff33;color:#9df}.root-chip.dampener{border-color:#64ff6480}.root-chip.dampener .root-role{background:#64ff6433;color:#9f9}.root-chip .root-meaning{font-size:10px;color:#00ff4180;font-style:italic;width:100%}.scenario-text{display:block;padding:8px;background:#0064ff0d;border-left:2px solid rgba(0,150,255,.4);font-size:10px!important;color:#00c8ffcc!important}.revelation-text,.echo-text{display:block;padding:8px;background:#9600ff0d;border-left:2px solid rgba(150,100,255,.4);font-size:10px!important;color:#c896ffcc!important;white-space:pre-wrap}.echo-text{margin-top:4px;font-style:italic;color:#9664ff80!important}.puzzle-details .puzzle-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,255,65,.1)}.puzzle-details .puzzle-actions button{padding:6px 12px;font-size:10px;font-weight:600;letter-spacing:1px;border:1px solid rgba(0,255,65,.3);background:#00ff411a;color:#00ff41;cursor:pointer;font-family:inherit}.puzzle-details .puzzle-actions .btn-danger{color:#f66;border-color:#ff66664d;background:#ff66661a}.puzzle-details .puzzle-actions .btn-action{color:#6cf;border-color:#66ccff4d;background:#66ccff1a}.admin-view.compact .empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#00ff414d;font-size:12px;letter-spacing:1px}.progress-container{padding:12px 16px;background:#00ff410d;border-bottom:1px solid rgba(0,255,65,.2)}.progress-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-label{font-size:10px;letter-spacing:2px;color:#00ff4199}.progress-percent{font-size:18px;font-weight:700;color:#00ff41}.progress-count{font-size:11px;color:#00ff4180;margin-left:auto}.progress-bar{height:6px;background:#00ff411a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00ff41,#0c3);border-radius:3px;box-shadow:0 0 10px #00ff4180}.progress-themes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.theme-chip{font-size:9px;padding:3px 8px;background:#00ff411a;border:1px solid rgba(0,255,65,.2);color:#00ff41b3;text-transform:uppercase;letter-spacing:1px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mass-select-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(0,255,65,.1)}.select-all-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#00ff41b3;cursor:pointer}.select-all-label input[type=checkbox]{width:16px;height:16px;accent-color:#00ff41;cursor:pointer}.puzzle-checkbox{width:16px;height:16px;accent-color:#00ff41;cursor:pointer;flex-shrink:0}.puzzle-row.selected{background:#00ff4114;border-color:#00ff4166}.puzzle-row.selected .puzzle-summary{background:#00ff410d}.btn-mass-delete{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:1px;border:1px solid rgba(255,102,102,.4);background:#ff666626;color:#f66;cursor:pointer;font-family:inherit;transition:all .15s ease}.btn-mass-delete:hover:not(:disabled){background:#ff666640;border-color:#f669}.btn-mass-delete:disabled{opacity:.4;cursor:not-allowed}.nav-container{display:flex;flex-direction:column;background:#000}.operator-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#000000e6;border:none;border-top:1px solid rgba(0,255,65,.2);border-bottom:1px solid rgba(0,255,65,.15);color:#00ff4199;cursor:pointer;font-family:inherit;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.operator-bar:active,.operator-bar.active{background:#00ff411a;color:#00ff41}.operator-bar.alert{border-top-color:#ff646466;background:#ff64640d}.operator-bar.alert:not(.active){animation:pulse-bar 2s infinite}@keyframes pulse-bar{0%,to{border-top-color:#ff646466;background:#ff64640d}50%{border-top-color:#ff6464b3;background:#ff64641a}}.operator-bar-content{display:flex;align-items:center;gap:8px}.alert-icon{font-size:14px;color:#ff6b6b;animation:blink 1s infinite}.operator-bar-icon{font-size:14px}.operator-bar.alert .operator-bar-icon{color:#ff6b6b}.operator-bar-label{font-size:11px;font-weight:600;letter-spacing:1.5px}.operator-bar.alert .operator-bar-label{color:#ff6b6b}.alert-badge{font-size:9px;letter-spacing:1px;padding:2px 6px;background:#ff646433;border:1px solid rgba(255,100,100,.4);color:#ff6b6b;border-radius:2px;margin-left:4px}.operator-bar-arrow{font-size:10px;opacity:.5}.operator-bar.active .operator-bar-arrow{opacity:1}.mode-nav{display:flex;background:#000;border-top:1px solid rgba(0,255,65,.3)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;background:transparent;border:none;color:#00ff4166;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit;transition:all .15s ease}.nav-item:active{background:#00ff411a}.nav-item.active{color:#00ff41;background:#00ff411a}.nav-icon{font-size:20px}.nav-item.active .nav-icon{text-shadow:0 0 15px rgba(0,255,65,.6)}.nav-label{font-size:10px;font-weight:600;letter-spacing:1px}@supports (padding-bottom: env(safe-area-inset-bottom)){.mode-nav{padding-bottom:env(safe-area-inset-bottom)}}.drawer-backdrop{position:fixed;inset:0;background:#000000b3;z-index:100}.operator-drawer{position:fixed;bottom:0;left:0;right:0;background:#0a0a0a;border-top:1px solid rgba(0,255,65,.4);border-radius:16px 16px 0 0;z-index:101;max-height:70vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,20px)}.drawer-handle{display:flex;justify-content:center;padding:12px;cursor:pointer}.handle-bar{width:40px;height:4px;background:#00ff414d;border-radius:2px}.drawer-handle:hover .handle-bar{background:#00ff4199}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 16px;border-bottom:1px solid rgba(0,255,65,.2)}.drawer-title{font-size:14px;font-weight:600;letter-spacing:2px;color:#00ff41}.drawer-badge{font-size:10px;letter-spacing:1px;padding:4px 10px;border-radius:2px;font-weight:600}.drawer-badge.verified{background:#00ff4133;color:#00ff41;border:1px solid rgba(0,255,65,.4)}.drawer-badge.incomplete{background:#ff646433;color:#ff6b6b;border:1px solid rgba(255,100,100,.4);animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.drawer-content{padding:20px}.drawer-login-prompt{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;text-align:center}.prompt-icon{font-size:32px;color:#ff6b6b;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.prompt-text{display:flex;flex-direction:column;gap:4px}.prompt-title{font-size:13px;font-weight:600;letter-spacing:2px;color:#ff6b6b}.prompt-desc{font-size:11px;letter-spacing:1px;color:#ff6464b3}.drawer-connect-btn{padding:14px 32px;background:#00ff411a;border:2px solid #00ff41;color:#00ff41;font-family:JetBrains Mono,SF Mono,monospace;font-size:12px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.drawer-connect-btn:hover{background:#00ff4133;box-shadow:0 0 20px #00ff414d}.drawer-connect-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-fields{display:flex;flex-direction:column;gap:20px}.drawer-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:10px;letter-spacing:2px;color:#00ff4180}.field-display{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-value{font-size:16px;color:#00ff41;font-family:JetBrains Mono,SF Mono,monospace}.field-value.empty{color:#ff6464b3;font-size:13px}.field-value.loading{color:#00ff4180;font-size:13px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.field-value.mono{font-size:13px;background:#00ff411a;padding:6px 10px;border-radius:2px}.field-value.points{font-size:24px;font-weight:700;text-shadow:0 0 15px rgba(0,255,65,.5)}.field-action-btn{font-size:10px;letter-spacing:1px;padding:6px 14px;background:transparent;border:1px solid rgba(0,255,65,.4);color:#00ff41;font-family:JetBrains Mono,SF Mono,monospace;cursor:pointer;transition:all .2s ease}.field-action-btn:hover{background:#00ff411a;border-color:#00ff41}.field-edit-container{display:flex;flex-direction:column;gap:8px}.drawer-input{flex:1;background:#00000080;border:1px solid rgba(0,255,65,.4);color:#00ff41;padding:10px 14px;font-size:14px;font-family:JetBrains Mono,SF Mono,monospace;letter-spacing:1px}.drawer-input:focus{outline:none;border-color:#00ff41;box-shadow:0 0 10px #00ff414d}.drawer-input.error{border-color:#ff6b6b}.drawer-input:disabled{opacity:.5}.drawer-input::placeholder{color:#00ff414d}.edit-buttons{display:flex;gap:8px}.edit-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(0,255,65,.4);color:#00ff41;font-size:16px;cursor:pointer;transition:all .2s ease}.edit-btn:hover{background:#00ff411a}.edit-btn.confirm:hover{border-color:#00ff41;background:#00ff4133}.edit-btn.cancel:hover{border-color:#ff6b6b;color:#ff6b6b;background:#ff64641a}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.field-error{font-size:11px;color:#ff6b6b;letter-spacing:.5px}.drawer-logout-btn{margin-top:12px;padding:12px 20px;background:transparent;border:1px solid rgba(255,100,100,.4);color:#ff6b6b;font-family:JetBrains Mono,SF Mono,monospace;font-size:11px;letter-spacing:2px;cursor:pointer;transition:all .2s ease;width:100%}.drawer-logout-btn:hover{background:#ff64641a;border-color:#ff6b6b}@supports (padding-bottom: env(safe-area-inset-bottom)){.operator-drawer{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}}.share-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;margin-top:1rem;background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.share-button:hover{background:#00ffff1a;box-shadow:0 0 10px #00ffff4d}.share-icon{font-size:1rem}.share-preview-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.share-preview{background:var(--bg-primary);border:1px solid var(--accent-cyan);padding:1.5rem;max-width:300px;width:100%}.preview-header{color:var(--accent-cyan);font-size:.75rem;letter-spacing:.1em;margin-bottom:1rem;text-align:center}.preview-text{background:#0000004d;padding:1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0 0 1rem;-webkit-user-select:all;user-select:all}.preview-close{width:100%;padding:.5rem;background:transparent;border:1px solid var(--text-dim);color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;cursor:pointer}.preview-close:hover{border-color:var(--text-primary);color:var(--text-primary)}.game-tutorial-overlay{position:fixed;inset:0;background:#000000fa;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.game-tutorial{background:#0a0a0a;border:1px solid #00ff41;max-width:360px;width:100%;padding:1.5rem 1.25rem;position:relative;margin:auto;box-shadow:0 0 30px #00ff4126}.tutorial-progress{display:flex;justify-content:center;gap:6px;margin-bottom:1.5rem}.progress-dot{width:6px;height:6px;border-radius:50%;background:#1a1a1a;border:1px solid #333;transition:all .3s ease}.progress-dot.active{background:#00ff41;border-color:#00ff41;box-shadow:0 0 6px #00ff41}.progress-dot.complete{background:#444;border-color:#444}.tutorial-step{text-align:center;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 .5rem}.tutorial-glyph{font-size:2rem;color:#00ff41;margin-bottom:.75rem;text-shadow:0 0 15px #00ff41;line-height:1}.tutorial-glyph.dominant{color:#ff6b6b;text-shadow:0 0 15px #ff6b6b}.tutorial-glyph.dynamics{color:#ffd93d;text-shadow:0 0 15px #ffd93d}.tutorial-glyph.dampener{color:#6bcb77;text-shadow:0 0 15px #6bcb77}.tutorial-title{font-family:JetBrains Mono,SF Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.15em;color:#00ff41;margin:0 0 .75rem}.tutorial-title.dominant{color:#ff6b6b}.tutorial-title.dynamics{color:#ffd93d}.tutorial-title.dampener{color:#6bcb77}.tutorial-content{font-family:JetBrains Mono,SF Mono,monospace;font-size:.8rem;color:#b0b0b0;line-height:1.5;margin:0;white-space:pre-line;max-width:300px}.tutorial-system-preview{margin-top:1rem;padding:.75rem;background:#00ff410d;border:1px solid #222;width:100%}.system-flow{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap}.flow-item{padding:.2rem .4rem;font-size:.6rem;font-family:JetBrains Mono,SF Mono,monospace;letter-spacing:.05em;border:1px solid;background:#00000080}.flow-item.dominant{color:#ff6b6b;border-color:#ff6b6b}.flow-item.dynamics{color:#ffd93d;border-color:#ffd93d}.flow-item.dampener{color:#6bcb77;border-color:#6bcb77}.flow-arrow{color:#555;font-size:.7rem}.tutorial-nav{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.tutorial-btn{padding:.6rem 1.25rem;font-family:JetBrains Mono,SF Mono,monospace;font-size:.7rem;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;border:1px solid}.tutorial-btn.primary{background:#00ff41;border-color:#00ff41;color:#000;font-weight:600}.tutorial-btn.primary:hover,.tutorial-btn.primary:active{box-shadow:0 0 12px #00ff41}.tutorial-btn.secondary{background:transparent;border-color:#444;color:#888}.tutorial-btn.secondary:hover,.tutorial-btn.secondary:active{border-color:#00ff41;color:#00ff41}.tutorial-skip{position:absolute;bottom:.5rem;right:.75rem;background:none;border:none;color:#555;font-family:JetBrains Mono,SF Mono,monospace;font-size:.55rem;letter-spacing:.1em;cursor:pointer;padding:.25rem;transition:color .2s}.tutorial-skip:hover,.tutorial-skip:active{color:#888}@media(max-width:380px){.game-tutorial{padding:1.25rem 1rem;margin:.5rem}.tutorial-step{min-height:120px}.tutorial-glyph{font-size:1.75rem}.tutorial-title{font-size:.8rem}.tutorial-content{font-size:.75rem}.tutorial-btn{padding:.5rem 1rem;font-size:.65rem}.flow-item{font-size:.55rem}}@media(max-height:500px){.game-tutorial-overlay{align-items:flex-start;padding-top:.5rem}.game-tutorial{padding:1rem}.tutorial-progress{margin-bottom:1rem}.tutorial-step{min-height:80px}.tutorial-glyph{font-size:1.5rem;margin-bottom:.5rem}.tutorial-nav{margin-top:1rem}}.interactive-tutorial-overlay{position:fixed;inset:0;background:#0009;z-index:1100;pointer-events:all}.tutorial-skip-btn{position:absolute;top:max(16px,env(safe-area-inset-top,16px));right:max(16px,env(safe-area-inset-right,16px));padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff9;font-family:Share Tech Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;z-index:1102}.tutorial-skip-btn:hover{border-color:#fff9;color:#ffffffe6}.tutorial-progress{position:absolute;top:max(16px,env(safe-area-inset-top,16px));left:max(16px,env(safe-area-inset-left,16px));padding:8px 16px;background:#00ff411a;border:1px solid rgba(0,255,65,.3);color:#00ff41;font-family:Share Tech Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:1px;z-index:1102}.tutorial-spotlight{position:fixed;background:transparent;border:2px solid #00ff41;border-radius:8px;box-shadow:0 0 0 9999px #0009,0 0 20px #00ff4180,inset 0 0 20px #00ff411a;z-index:1101;cursor:pointer;animation:spotlight-pulse 2s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 9999px #0009,0 0 20px #00ff4180,inset 0 0 20px #00ff411a}50%{box-shadow:0 0 0 9999px #0009,0 0 30px #00ff41b3,inset 0 0 30px #00ff4133}}.tutorial-tooltip{position:fixed;width:300px;max-width:calc(100vw - 32px);padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid #00ff41;border-radius:8px;z-index:1102;box-shadow:0 0 20px #00ff414d,0 4px 20px #00000080}.tutorial-tooltip.tooltip-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-message{font-family:Share Tech Mono,monospace;font-size:14px;line-height:1.6;color:#e0e0e0;margin-bottom:16px}.tutorial-continue-btn{display:block;width:100%;padding:12px 24px;background:linear-gradient(135deg,#00ff41,#0c3);border:none;border-radius:4px;color:#0a0a0a;font-family:Share Tech Mono,monospace;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.tutorial-continue-btn:hover{background:linear-gradient(135deg,#3f6,#00ff41);transform:translateY(-1px);box-shadow:0 4px 15px #00ff4166}.tutorial-continue-btn:active{transform:translateY(0)}.tutorial-tooltip.tooltip-bottom:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #00ff41}.tutorial-tooltip.tooltip-top:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #00ff41}@media(max-width:480px){.tutorial-tooltip{width:calc(100vw - 32px);left:16px!important;right:16px}.tutorial-message{font-size:13px}.tutorial-skip-btn,.tutorial-progress{padding:6px 12px;font-size:11px}}@media(prefers-reduced-motion:reduce){.tutorial-spotlight{animation:none}}.game-mode{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;background:#000;font-family:JetBrains Mono,SF Mono,monospace;color:#00ff41;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.game-mode .static-canvas{position:absolute;inset:0;z-index:0;opacity:.25;pointer-events:none}.game-mode.transmitting .static-canvas{opacity:.5}.game-mode .scanlines{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.15) 3px,rgba(0,0,0,.15) 6px)}.game-mode>*:not(.static-canvas):not(.scanlines){position:relative;z-index:20}.game-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-play-area{flex:1;display:flex;flex-direction:column;padding:12px;gap:12px}.game-play-area.mode-selector-view{justify-content:flex-start;padding-top:24px;overflow-y:auto}.game-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 12px;margin:8px 0;text-align:center}.game-complete.failed{color:#f66}.complete-glyph{font-size:48px;line-height:1}.game-complete:not(.failed) .complete-glyph{text-shadow:0 0 30px rgba(0,255,65,.6)}.game-complete.failed .complete-glyph{text-shadow:0 0 30px rgba(255,100,100,.6)}.complete-text{font-size:24px;font-weight:600;letter-spacing:2px}.complete-hint{font-size:14px;opacity:.7;max-width:280px}.play-again-btn{margin-top:12px;padding:16px 40px;background:#00ff4126;border:2px solid #00ff41;color:#00ff41;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:2px;cursor:pointer;-webkit-tap-highlight-color:transparent}.play-again-btn:active{background:#00ff414d}.signal-hint{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#00ff411a;border:2px solid rgba(0,255,65,.4);text-align:center;color:#00ff41}.hint-label{font-size:10px;letter-spacing:2px;opacity:.6;color:#00ff41}.hint-text{font-size:14px;font-style:italic;opacity:1;line-height:1.4;color:#00ff41}.signal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px}.loading-glyph{font-size:36px;color:#00ff41}.loading-text{font-size:12px;letter-spacing:2px;opacity:.6}.signal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}.error-glyph{font-size:36px;color:#ff4141;text-shadow:0 0 10px #ff4141}.error-text{font-size:12px;letter-spacing:1px;color:#ff6b6b;opacity:.9}.retry-button{padding:12px 24px;background:transparent;border:1px solid #ff6b6b;color:#ff6b6b;font-family:inherit;font-size:11px;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#ff6b6b26;box-shadow:0 0 15px #ff6b6b4d}.retry-button:active{transform:scale(.98)}.revelation{padding:8px 12px;background:#00ff4114;border:1px solid rgba(0,255,65,.25);text-align:center}.revelation-message{font-size:13px;line-height:1.4;opacity:.9}.revelation-echo{margin-top:6px;font-size:11px;font-style:italic;opacity:.6}.revelation-loading{font-size:11px;opacity:.5;font-style:italic}.change-tier-btn{align-self:flex-start;padding:8px 12px;background:transparent;border:1px solid rgba(0,255,65,.3);color:#00ff4199;font-family:inherit;font-size:11px;letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent}.change-tier-btn:active{background:#00ff411a;color:#00ff41}.game-footer{display:none}.game-mode:before,.game-mode:after{display:none}.broadcast-timer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#00ff4114;border:1px solid rgba(0,255,65,.3);margin-bottom:8px}.timer-label{font-size:9px;letter-spacing:2px;opacity:.6;color:#00ff41}.timer-value{font-size:32px;font-weight:700;color:#00ff41;font-family:JetBrains Mono,SF Mono,monospace;text-shadow:0 0 20px rgba(0,255,65,.5);line-height:1}.timer-value.warning{color:#ffd93d;text-shadow:0 0 20px rgba(255,217,61,.5)}.timer-value.critical{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.5);animation:timer-pulse .5s infinite alternate}@keyframes timer-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.02)}}.timer-hint-index{font-size:9px;letter-spacing:1px;opacity:.5;color:#00ff41}.start-broadcast-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 40px;margin:20px 0;background:#00ff411a;border:2px solid #00ff41;color:#00ff41;font-family:JetBrains Mono,SF Mono,monospace;font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.start-broadcast-btn:hover,.start-broadcast-btn:active{background:#00ff4133;box-shadow:0 0 30px #00ff4166}.broadcast-icon{font-size:32px;text-shadow:0 0 20px rgba(0,255,65,.6);animation:broadcast-glow 2s infinite alternate}@keyframes broadcast-glow{0%{text-shadow:0 0 20px rgba(0,255,65,.4);opacity:.8}to{text-shadow:0 0 30px rgba(0,255,65,.8);opacity:1}}.broadcast-time{font-size:10px;letter-spacing:1px;opacity:.6}.complete-hint.timer-expired{color:#ff6b6b;font-style:italic;margin-bottom:8px}.classification-images{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#00ff410d;border:1px solid rgba(0,255,65,.25)}.classification-image-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.classification-image-slot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:#0006;border:1px solid rgba(0,255,65,.3)}.classification-image-slot .slot-label{font-size:8px;letter-spacing:2px;opacity:.6;color:#00ff41}.classification-image-slot.slot-0{border-color:#ff6b6b80}.classification-image-slot.slot-0 .slot-label{color:#ff6b6b}.classification-image-slot.slot-1{border-color:#ffd93d80}.classification-image-slot.slot-1 .slot-label{color:#ffd93d}.classification-image-slot.slot-2{border-color:#00ff4180}.classification-image{width:80px;height:80px;object-fit:cover;border:1px solid rgba(0,255,65,.2);filter:brightness(.9) contrast(1.1);image-rendering:crisp-edges}@media(min-width:400px){.classification-image{width:100px;height:100px}}.classification-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#00ff411a;border:1px dashed rgba(0,255,65,.3);font-size:24px;color:#00ff4166}@media(min-width:400px){.classification-placeholder{width:100px;height:100px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.game-mode{padding-bottom:env(safe-area-inset-bottom)}}.audio-enable-btn{position:fixed;bottom:max(20px,env(safe-area-inset-bottom,20px));right:max(20px,env(safe-area-inset-right,20px));display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#00ff411a,#00ff410d);border:1px solid rgba(0,255,65,.4);border-radius:8px;color:#00ff41;font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:1px;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 20px #00ff4133,inset 0 0 20px #00ff410d;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00ff4133,inset 0 0 20px #00ff410d}50%{box-shadow:0 0 30px #00ff4166,inset 0 0 30px #00ff411a}}.audio-enable-btn:hover{background:linear-gradient(135deg,#00ff4133,#00ff411a);border-color:#00ff4199}.audio-enable-btn .audio-icon{font-size:16px;animation:icon-flicker 3s ease-in-out infinite}@keyframes icon-flicker{0%,90%,to{opacity:1}92%,94%,96%{opacity:.3}91%,93%,95%,97%{opacity:1}}.audio-enable-btn .audio-text{text-transform:uppercase}.audio-toggle-btn{position:fixed;bottom:max(20px,env(safe-area-inset-bottom,20px));right:max(20px,env(safe-area-inset-right,20px));width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffff80;font-size:20px;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.audio-toggle-btn.active{border-color:#00ff4166;color:#00ff41;box-shadow:0 0 15px #00ff414d}.audio-toggle-btn.muted{border-color:#ff64644d;color:#ff646499}.audio-toggle-btn:hover{transform:scale(1.1)}.audio-toggle-btn .audio-icon.active{animation:static-pulse 1.5s ease-in-out infinite}@keyframes static-pulse{0%,to{opacity:1;text-shadow:0 0 10px rgba(0,255,65,.5)}50%{opacity:.7;text-shadow:0 0 20px rgba(0,255,65,.8)}}@media(max-width:480px){.audio-enable-btn{bottom:max(70px,calc(env(safe-area-inset-bottom,20px) + 50px));right:16px;padding:10px 14px;font-size:11px}.audio-toggle-btn{bottom:max(70px,calc(env(safe-area-inset-bottom,20px) + 50px));right:16px;width:40px;height:40px;font-size:18px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:#000}body{font-family:JetBrains Mono,SF Mono,Consolas,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;min-height:100%;min-height:100dvh;display:flex;justify-content:center;background:#000}@media(min-width:600px){.app{padding:0 20px}.app>*{max-width:480px;width:100%}}