@font-face{font-family:Rajdhani;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/rajdhani-subset.woff2) format("woff2")}:root{--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ui-scale: 1;--font-cyber: "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace, sans-serif;--font-mono: "Consolas", "Courier New", monospace;--text-2xs: clamp(10px, 1.2vw, 11px);--text-xs: clamp(12px, 1.4vw, 13px);--text-sm: clamp(14px, 1.6vw, 15px);--text-base: clamp(16px, 1.8vw, 17px);--text-lg: clamp(18px, 2vw, 20px);--text-xl: clamp(22px, 2.4vw, 24px);--text-2xl: clamp(26px, 2.8vw, 30px);--text-3xl: clamp(34px, 3.6vw, 40px);--text-4xl: clamp(44px, 4.8vw, 54px);--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 20px;--space-xl: 28px;--space-2xl: 40px;--neon-cyan: #00f0ff;--neon-cyan-dim: #0284c7;--neon-amber: #f59e0b;--neon-gold: #fbbf24;--neon-emerald: #10b981;--neon-red: #ef4444;--neon-purple: #a855f7;--neon-blue: #38bdf8;--bg-void: #030712;--bg-panel: rgba(15, 23, 42, .94);--bg-panel-dark: rgba(3, 7, 18, .96);--bg-card: rgba(30, 41, 59, .75);--bg-card-hover: rgba(51, 65, 85, .9);--bg-card-active: rgba(15, 23, 42, .98);--border-dim: rgba(56, 189, 248, .25);--border-bright: rgba(0, 240, 255, .7);--border-gold: rgba(245, 158, 11, .7);--glow-cyan: 0 0 16px rgba(0, 240, 255, .4);--glow-gold: 0 0 18px rgba(245, 158, 11, .45);--glow-purple: 0 0 16px rgba(168, 85, 247, .4);--glow-red: 0 0 16px rgba(239, 68, 68, .45);--text-bright: #ffffff;--text-main: #f8fafc;--text-muted: #cbd5e1;--text-dim: #94a3b8;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .2s cubic-bezier(.16, 1, .3, 1);--transition-slow: .25s cubic-bezier(.16, 1, .3, 1)}.colorblind-protanopia{--neon-red: #38bdf8;--neon-emerald: #fbbf24}.colorblind-deuteranopia{--neon-red: #60a5fa;--neon-emerald: #f59e0b}.colorblind-tritanopia{--neon-cyan: #2dd4bf;--neon-purple: #f43f5e}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden;font-family:var(--font-cyber);color:var(--text-main);letter-spacing:.04em}#main-menu-overlay{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:max(16px,var(--safe-top)) max(24px,var(--safe-right)) max(16px,var(--safe-bottom)) max(24px,var(--safe-left));box-sizing:border-box;z-index:20}#ui-layer button,#ui-layer input,#ui-layer select,#ui-layer a,.ui-interactive{pointer-events:auto}.btn-cyber{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 22px;font-family:var(--font-cyber);font-size:var(--text-base);font-weight:700;text-transform:uppercase;color:var(--neon-cyan);background:linear-gradient(135deg,#0f172ad9,#1e293bb3);border:1px solid var(--border-bright);border-radius:4px;cursor:pointer;outline:none;transition:all var(--transition-fast);box-shadow:0 2px 8px #0006,inset 0 0 10px #00f0ff0d;backdrop-filter:blur(8px)}.btn-cyber:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--neon-cyan);border-radius:2px 0 0 2px;opacity:.7;transition:opacity var(--transition-fast),width var(--transition-fast)}.btn-cyber:hover{color:#fff;border-color:var(--neon-cyan);box-shadow:var(--glow-cyan),inset 0 0 16px #00f0ff33;transform:translateY(-1px)}.btn-cyber:hover:before{width:6px;opacity:1}.btn-cyber:active{transform:translateY(1px) scale(.98);box-shadow:0 0 8px #00f0ff4d}.btn-cyber:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.8);transform:none;box-shadow:none}.btn-cyber.btn-primary{color:#030712;background:linear-gradient(135deg,#00f0ff,#38bdf8);border-color:#00f0ff;font-weight:800;box-shadow:var(--glow-cyan)}.btn-cyber.btn-primary:before{display:none}.btn-cyber.btn-primary:hover{background:linear-gradient(135deg,#38bdf8,#00f0ff);box-shadow:0 0 24px #00f0ff99}.btn-cyber.btn-gold{color:var(--neon-gold);border-color:var(--border-gold);background:linear-gradient(135deg,#1e1b16e6,#45300cb3)}.btn-cyber.btn-gold:before{background:var(--neon-gold)}.btn-cyber.btn-gold:hover{border-color:var(--neon-gold);color:#fff;box-shadow:var(--glow-gold)}.btn-cyber.btn-danger{color:var(--neon-red);border-color:#ef444480;background:linear-gradient(135deg,#280f14d9,#461419a6)}.btn-cyber.btn-danger:before{background:var(--neon-red)}.btn-cyber.btn-danger:hover{border-color:var(--neon-red);color:#fff;box-shadow:var(--glow-red)}.btn-cyber.btn-sm{padding:6px 14px;font-size:var(--text-xs)}.btn-cyber.btn-lg{padding:14px 34px;font-size:var(--text-xl);letter-spacing:.08em}.modal-backdrop{position:absolute;inset:0;background:#030712d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:50;padding:var(--space-md)}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-panel{position:relative;background:var(--bg-panel);border:1px solid var(--border-bright);border-radius:8px;box-shadow:0 10px 40px #000000d9,inset 0 0 20px #00f0ff0f;width:min(94%,960px);max-height:min(90vh,700px);display:flex;flex-direction:column;overflow:hidden;transform:scale(.96) translateY(8px);transition:transform var(--transition-normal),opacity var(--transition-normal)}.modal-backdrop.active .modal-panel{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:#0f172af2;border-bottom:1px solid var(--border-dim)}.modal-title{font-size:var(--text-2xl);font-weight:800;color:var(--neon-cyan);text-transform:uppercase;display:flex;align-items:center;gap:var(--space-sm);letter-spacing:.06em;margin:0}.modal-title span.badge{font-size:var(--text-xs);padding:2px 8px;background:#00f0ff26;border:1px solid var(--neon-cyan);border-radius:4px}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;padding:4px 10px;border-radius:4px;transition:all var(--transition-fast)}.modal-close-btn:hover{color:#fff;background:#ef444440;border:1px solid var(--neon-red)}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar,.custom-scroll::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track,.custom-scroll::-webkit-scrollbar-track{background:#0f172a80}.modal-body::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:3px;box-shadow:0 0 6px #38bdf880}.tabs-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs);border-bottom:1px solid var(--border-dim);margin-bottom:var(--space-lg)}.tab-btn{padding:8px 18px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-cyber);font-size:var(--text-base);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--text-bright)}.tab-btn.active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.5)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid rgba(56,189,248,.1)}.setting-label{display:flex;flex-direction:column}.setting-title{font-weight:700;font-size:var(--text-base);color:var(--text-bright)}.setting-desc{font-size:var(--text-xs);color:var(--text-muted)}.slider-control{display:flex;align-items:center;gap:var(--space-md)}.cyber-slider{-webkit-appearance:none;appearance:none;width:140px;height:6px;background:#1e293be6;border:1px solid var(--border-dim);border-radius:3px;outline:none}.cyber-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--neon-cyan);cursor:pointer;box-shadow:0 0 8px #00f0ffcc;transition:transform var(--transition-fast)}.cyber-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-val{min-width:36px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--neon-cyan);text-align:right}.switch-control{position:relative;display:inline-block;width:44px;height:22px}.switch-control input{opacity:0;width:0;height:0}.switch-track{position:absolute;cursor:pointer;inset:0;background-color:#1e293be6;border:1px solid var(--border-dim);border-radius:12px;transition:all var(--transition-fast)}.switch-track:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}input:checked+.switch-track{background-color:#00f0ff33;border-color:var(--neon-cyan)}input:checked+.switch-track:before{transform:translate(22px);background-color:var(--neon-cyan);box-shadow:0 0 8px #00f0ffcc}.cyber-select{background:#0f172ae6;border:1px solid var(--border-bright);color:var(--neon-cyan);font-family:var(--font-cyber);font-size:var(--text-sm);padding:6px 12px;border-radius:4px;outline:none;cursor:pointer}#toast-container{position:absolute;top:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-sm);z-index:100;pointer-events:none}.toast-item{display:flex;align-items:center;gap:var(--space-md);padding:10px 20px;background:var(--bg-panel-dark);border:1px solid var(--neon-cyan);border-radius:4px;box-shadow:var(--glow-cyan),0 8px 24px #0009;color:#fff;font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;transform:translateY(-20px);opacity:0;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.toast-item.active{transform:translateY(0);opacity:1}.toast-item.gold{border-color:var(--neon-gold);box-shadow:var(--glow-gold),0 8px 24px #0009}.toast-item.red{border-color:var(--neon-red);box-shadow:var(--glow-red),0 8px 24px #0009}#tutorial-banner{position:absolute;bottom:84px;left:50%;transform:translate(-50%) translateY(20px);background:#0f172aeb;border:1px solid var(--neon-cyan);box-shadow:var(--glow-cyan),0 10px 30px #000000b3;padding:10px 24px;border-radius:30px;display:flex;align-items:center;gap:var(--space-md);opacity:0;pointer-events:none;transition:all var(--transition-normal);z-index:30}#tutorial-banner.active{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#tutorial-banner .tut-icon{font-size:var(--text-xl);color:var(--neon-cyan);animation:pulseGlow 1.5s infinite alternate}#tutorial-banner .tut-text{font-size:var(--text-base);font-weight:700;color:#fff}#tutorial-banner .tut-dismiss{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-muted);font-size:var(--text-xs);padding:2px 8px;border-radius:12px;cursor:pointer;transition:all var(--transition-fast)}#tutorial-banner .tut-dismiss:hover{color:#fff;border-color:var(--neon-cyan)}#rotate-device-overlay{position:fixed;inset:0;background:#030712;z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);color:var(--neon-cyan);text-align:center;padding:var(--space-xl)}@media screen and (orientation: portrait) and (max-width: 900px){#rotate-device-overlay{display:flex}}.phone-rotate-icon{width:64px;height:64px;border:3px solid var(--neon-cyan);border-radius:12px;position:relative;animation:rotatePhone 2.2s infinite ease-in-out;box-shadow:var(--glow-cyan)}.phone-rotate-icon:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--neon-cyan)}@keyframes rotatePhone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@keyframes pulseGlow{0%{transform:scale(1);filter:drop-shadow(0 0 2px var(--neon-cyan))}to{transform:scale(1.15);filter:drop-shadow(0 0 8px var(--neon-cyan))}}body.reduce-flashing *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body.colorblind-protanopia{filter:url(#protanopia-filter)}body.colorblind-deuteranopia{filter:url(#deuteranopia-filter)}body.colorblind-tritanopia{filter:url(#tritanopia-filter)}