@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,300;0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\[2px\]{inset:2px}.inset-\[12px\]{inset:12px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.list-item{display:list-item}.h-\[85px\]{height:85px}.h-\[190px\]{height:190px}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-\[80vh\]{min-height:80vh}.min-h-screen{min-height:100vh}.w-1\/3{width:33.3333%}.w-\[340px\]{width:340px}.w-full{width:100%}.max-w-\[100px\]{max-width:100px}.min-w-\[100px\]{min-width:100px}.min-w-\[110px\]{min-width:110px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.translate-x-\[-100\%\]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-skew-x-12{--tw-skew-x:skewX( -12deg );transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\[2px\]{gap:2px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[160px\]{border-radius:160px}.rounded-\[174px\]{border-radius:174px}.rounded-\[180px\]{border-radius:180px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.bg-\[\#050508\]\/90{background-color:#050508e6}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.px-\[3px\]{padding-inline:3px}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-\[0_0_15px_rgba\(239\,68\,68\,0\.5\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#ef444480);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(34\,197\,94\,0\.5\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#22c55e80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(147\,51\,234\,0\.5\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#9333ea80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(255\,215\,0\,0\.1\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ffd7001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_100px_rgba\(0\,212\,255\,0\.15\)\]{--tw-shadow:0 0 100px var(--tw-shadow-color,#00d4ff26);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:translate-x-\[100\%\]:is(:where(.group):hover *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.5\)\]:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#3b82f680);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_25px_rgba\(168\,85\,247\,0\.6\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#a855f799);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_25px_rgba\(239\,68\,68\,0\.6\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#ef444499);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:border-b-0:active{border-bottom-style:var(--tw-border-style);border-bottom-width:0}:root{--font-sans:"Inter",system-ui,sans-serif;--font-display:"Inter",system-ui,sans-serif;--font-tech:"Inter",sans-serif;--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-card:#1e1e32cc;--bg-glass:#ffffff0d;--accent-primary:#00d4ff;--accent-secondary:#7b2cbf;--accent-gradient:linear-gradient(135deg,#00d4ff 0%,#7b2cbf 100%);--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#666680;--success:#00e676;--error:#ff5252;--warning:#ffab40;--border-glass:#ffffff1a;--shadow-glow:0 0 30px #00d4ff4d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;background:#0a0a12;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-glass);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0ac}@layer components{.font-display{font-family:var(--font-display)}.font-tech{font-family:var(--font-tech)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:20px;padding:1.5rem;transition:all .3s}.glass-card:hover{border-color:#00d4ff4d}.btn-primary{cursor:pointer;background:var(--accent-gradient);color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00d4ff66}.btn-primary:active{transform:translateY(0)}.btn-secondary{cursor:pointer;background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:16px;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-secondary:hover{border-color:var(--accent-primary);background:#00d4ff1a}.btn-large{border-radius:20px;width:100%;min-height:80px;padding:28px 40px;font-size:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff80}}.animate-fade-in-up{animation:.3s ease-out forwards fadeInUp}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}:root{--color-bg-base: #050508;--color-bg-surface: #0f1016;--color-bg-card: #14151f;--color-primary-neon: #00d4ff;--color-primary-glow: rgba(0, 212, 255, .4);--color-accent-gold: #ffd700;--color-accent-purple: #9d4edd;--color-text-main: #ffffff;--color-text-sub: #8b9bb4;--color-text-muted: #4a5568;--color-border: rgba(255, 255, 255, .08);--color-border-active: rgba(0, 212, 255, .5);--grad-main: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);--grad-card: linear-gradient(180deg, rgba(20, 21, 31, .7) 0%, rgba(20, 21, 31, .9) 100%);--grad-gold: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);--header-height: 60px;--footer-height: 60px}body{background-color:var(--color-bg-base);color:var(--color-text-main);font-family:Inter,sans-serif;overflow-x:hidden;margin:0;padding:0}h1,h2,h3,.tactical-font{font-family:"Exo 2",sans-serif;letter-spacing:.05em}.app-container{display:flex;flex-direction:column;min-height:100vh;padding-bottom:var(--footer-height)}.app-header{height:var(--header-height);background:#050508d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:0 16px;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem;color:var(--color-primary-neon);text-transform:uppercase;text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.header-logo img{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-primary-neon);box-shadow:0 0 10px var(--color-primary-glow)}.score-badge{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--color-border);padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.score-value{color:var(--color-accent-gold);text-shadow:0 0 10px rgba(255,215,0,.3)}.text-neon{color:var(--color-primary-neon);text-shadow:0 0 8px var(--color-primary-glow)}.glass-panel{background:#14151f99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:16px}.level-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:20px;max-width:600px;margin:0 auto}@media(min-width:768px){.level-grid{grid-template-columns:1fr 1fr;max-width:900px}}.level-card{position:relative;background:var(--grad-card);border:1px solid var(--color-border);border-radius:16px;padding:20px;cursor:pointer;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:column;gap:12px}.level-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-text-muted);transition:background .3s}.level-card:active{transform:scale(.98)}.level-card.locked{opacity:.5;filter:grayscale(1);pointer-events:none}.level-card.unlocked:before{background:var(--color-primary-neon);box-shadow:0 0 10px var(--color-primary-glow)}.level-card.completed:before{background:var(--color-accent-gold);box-shadow:0 0 10px #ffd70066}.card-header{display:flex;justify-content:space-between;align-items:center}.level-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-sub)}.card-title-row{display:flex;align-items:center;gap:12px}.level-icon{font-size:1.8rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.level-name{font-size:1.25rem;font-weight:700;color:var(--color-text-main);margin:0}.level-info{font-size:.85rem;color:var(--color-text-sub)}.progress-rail{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:auto}.progress-fill{height:100%;background:var(--color-primary-neon);box-shadow:0 0 8px var(--color-primary-glow);transition:width .5s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1}}.modal-content{width:100%;max-width:400px;background:#1a1b26;border:1px solid var(--color-border-active);border-radius:24px;padding:24px;position:relative;box-shadow:0 20px 50px #00000080;transform:translateY(20px);animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{to{transform:translateY(0)}}.modal-header{text-align:center;margin-bottom:24px}.modal-title{font-size:1.5rem;font-weight:700;color:var(--color-text-main);margin-bottom:4px}.modal-subtitle{color:var(--color-text-sub);font-size:.9rem}.modal-actions{display:flex;flex-direction:column;gap:12px}.btn-tactical{width:100%;padding:16px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:8px;position:relative;overflow:hidden}.btn-primary{background:var(--grad-main);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{background:#ffffff1a}.btn-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--color-text-sub);font-size:1.5rem;cursor:pointer;padding:4px}.range-container{margin:16px 0;padding:16px;background:#0003;border-radius:12px}.range-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem;color:var(--color-text-sub)}input[type=range]{width:100%;accent-color:var(--color-primary-neon)}.ad-footer-container{position:fixed;bottom:0;left:0;width:100%;min-height:50px;background:#000;z-index:999;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--color-border)}.game-layout{display:grid;grid-template-columns:1fr;gap:24px;max-width:1200px;margin:0 auto;padding:16px}@media(min-width:1024px){.game-layout{grid-template-columns:1.2fr .8fr;align-items:start}}.scenario-panel{background:#14151fb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000004d;position:relative}.scenario-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--grad-main);box-shadow:0 0 15px var(--color-primary-glow)}.tags-row{display:flex;gap:8px;margin-bottom:16px}.tag-badge{font-family:"Exo 2",sans-serif;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:1px}.tag-badge.difficulty{background:#7b2cbf33;color:#d8b4fe;border:1px solid rgba(123,44,191,.3)}.tag-badge.table-type{background:#00d4ff26;color:var(--color-primary-neon);border:1px solid rgba(0,212,255,.3)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border-radius:16px;background:#1e1e3266;border:1px solid var(--color-border);cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);min-height:110px;overflow:hidden}.btn-action:hover:not(:disabled){background:#ffffff0d;border-color:var(--color-primary-neon);transform:translateY(-2px);box-shadow:0 0 20px #00d4ff26}.btn-action:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.btn-action.correct{background:#00e67626;border-color:#00e676;box-shadow:0 0 20px #00e6764d}.btn-action.wrong{background:#ff525226;border-color:#ff5252;box-shadow:0 0 20px #ff52524d}.action-emoji{font-size:2rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.action-label{font-family:"Exo 2",sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:1px;color:var(--color-text-main)}.hud-feedback{background:#0a0a12f2;border:1px solid var(--color-border-active);border-radius:20px;padding:24px;margin-bottom:24px;text-align:center;position:relative;overflow:hidden;animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hud-feedback.success{border-color:#00e676;background:linear-gradient(180deg,#00e6761a,#0a0a12f2)}.hud-feedback.failure{border-color:#ff5252;background:linear-gradient(180deg,#ff52521a,#0a0a12f2)}.feedback-icon{font-size:3rem;margin-bottom:8px;text-shadow:0 0 20px currentColor}.feedback-title{font-family:"Exo 2",sans-serif;font-size:1.8rem;font-weight:900;margin-bottom:16px;text-transform:uppercase;letter-spacing:2px}.feedback-expl{background:#00000080;border:1px solid var(--color-border);padding:16px;border-radius:12px;text-align:left;margin-bottom:20px}.btn-next-hand{width:100%;padding:20px;background:var(--grad-main);border:none;border-radius:14px;font-family:"Exo 2",sans-serif;font-size:1.2rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 20px #00d4ff66;transition:all .2s}.btn-next-hand:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00d4ff99}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}