@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/press-start-2p-latin.woff2) format("woff2")}@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/courier-prime-latin-400.woff2) format("woff2")}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/courier-prime-latin-700.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}:root{--retro-black: #0a0a0a;--retro-dark: #111111;--retro-darker: #1a1a1a;--retro-gray: #333333;--retro-gray-light: #4a4a4a;--retro-white: #ffffff;--retro-cream: #f0e6d3;--retro-gold: #FFD700;--retro-gold-dark: #CC9900;--retro-gold-glow: rgba(255, 215, 0, .4);--retro-green: #4CAF50;--retro-green-bright: #66BB6A;--retro-green-glow: rgba(76, 175, 80, .4);--retro-red: #E91E63;--retro-red-bright: #F06292;--retro-red-glow: rgba(233, 30, 99, .4);--retro-blue: #03A9F4;--retro-blue-bright: #29B6F6;--retro-blue-glow: rgba(3, 169, 244, .4);--retro-purple: #9C27B0;--retro-purple-bright: #BA68C8;--retro-purple-glow: rgba(156, 39, 176, .4);--retro-cyan: #00BCD4;--retro-orange: #FF9800;--surface-bg: var(--retro-black);--surface-elevated: var(--retro-dark);--surface-panel: var(--retro-darker);--border-subtle: var(--retro-gray);--border-accent: var(--retro-gold);--text-primary: var(--retro-white);--text-secondary: var(--retro-cream);--text-muted: var(--retro-gray-light);--state-win: var(--retro-green);--state-win-glow: var(--retro-green-glow);--state-loss: var(--retro-red);--state-loss-glow: var(--retro-red-glow);--state-active: var(--retro-gold);--state-active-glow: var(--retro-gold-glow);--crt-scanline-opacity: .08;--crt-vignette-opacity: .3;--crt-glow-intensity: .5}html,body{margin:0;padding:0}body{font-family:Courier Prime,Courier New,monospace;background-color:var(--retro-black);color:var(--retro-white);-webkit-font-smoothing:antialiased}.relative{position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--retro-dark)}::-webkit-scrollbar-thumb{background:var(--retro-gray);border:2px solid var(--retro-black)}::-webkit-scrollbar-thumb:hover{background:var(--retro-gold)}.tutorial-scrollbar::-webkit-scrollbar{width:8px}.tutorial-scrollbar::-webkit-scrollbar-track{background:#111;border:1px solid #FFD700}.tutorial-scrollbar::-webkit-scrollbar-thumb{background:gold;border:1px solid #000}.tutorial-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff}.tutorial-scrollbar-purple::-webkit-scrollbar{width:8px}.tutorial-scrollbar-purple::-webkit-scrollbar-track{background:#111;border:1px solid #9C27B0}.tutorial-scrollbar-purple::-webkit-scrollbar-thumb{background:#9c27b0;border:1px solid #000}.tutorial-scrollbar-purple::-webkit-scrollbar-thumb:hover{background:#e91e63}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes specialPulse{0%,to{filter:brightness(1);box-shadow:0 0 8px 2px currentColor,3px 3px #000}50%{filter:brightness(1.15);box-shadow:0 0 12px 4px currentColor,3px 3px #000}}@keyframes tutorialHighlight{0%,to{box-shadow:0 0 10px 3px gold,0 0 20px 6px #ffd70066;transform:scale(1)}50%{box-shadow:0 0 15px 5px gold,0 0 30px 10px #ffd70099;transform:scale(1.02)}}@keyframes cardFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.05)}to{transform:rotateY(0) scale(1)}}@keyframes slotPop{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes winnerBurst{0%{box-shadow:0 0 #4caf50,0 0 #4caf5066;transform:scale(1)}30%{box-shadow:0 0 20px 8px #4caf50,0 0 40px 16px #4caf504d;transform:scale(1.08)}60%{box-shadow:0 0 15px 5px #4caf50,0 0 30px 12px #4caf5033;transform:scale(1.04)}to{box-shadow:0 0 8px 3px #4caf50,0 0 16px 6px #4caf5026;transform:scale(1)}}@keyframes loserFade{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.95)}}@keyframes collectToPlayer{0%{transform:translate(0) translateY(0) scale(1);opacity:1}to{transform:translate(-100px) translateY(50px) scale(.5);opacity:0}}@keyframes collectToAI{0%{transform:translate(0) translateY(0) scale(1);opacity:1}to{transform:translate(100px) translateY(-50px) scale(.5);opacity:0}}@keyframes phaseFadeIn{0%{opacity:0}to{opacity:1}}@keyframes collectTrash{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.8) rotate(5deg);opacity:.6}to{transform:scale(.3) rotate(10deg);opacity:0}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-4px,-2px)}20%{transform:translate(4px,2px)}30%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}50%{transform:translate(-2px,2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}90%{transform:translate(-1px)}}@keyframes whiteFlash{0%{opacity:0}10%{opacity:.9}to{opacity:0}}@keyframes pixelShimmer{0%,to{background-position:0 0;filter:brightness(1)}50%{background-position:4px 4px;filter:brightness(1.1)}}@keyframes idleGlow{0%,to{box-shadow:0 0 8px 2px var(--state-active-glow)}50%{box-shadow:0 0 16px 4px var(--state-active-glow)}}@keyframes neonFlicker{0%,to{text-shadow:0 0 4px currentColor,0 0 8px currentColor;opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes borderMarch{0%{background-position:0 0}to{background-position:16px 16px}}@keyframes stepLift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--crt-scanline-opacity)) 2px,rgba(0,0,0,var(--crt-scanline-opacity)) 4px);animation:scanline .5s linear infinite}.crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,var(--crt-vignette-opacity)) 100%)}.pixel-frame{position:relative;border:3px solid var(--border-accent);background:var(--surface-elevated);box-shadow:4px 4px 0 var(--retro-black),inset 0 0 0 1px #ffffff0d}.pixel-frame:before,.pixel-frame:after,.pixel-frame>.corner-br,.pixel-frame>.corner-bl{content:"";position:absolute;width:12px;height:12px;border-color:var(--border-accent);border-style:solid}.pixel-frame:before{top:-3px;left:-3px;border-width:3px 0 0 3px}.pixel-frame:after{top:-3px;right:-3px;border-width:3px 3px 0 0}.pixel-frame>.corner-br{bottom:-3px;right:-3px;border-width:0 3px 3px 0}.pixel-frame>.corner-bl{bottom:-3px;left:-3px;border-width:0 0 3px 3px}.pixel-panel{background:var(--surface-panel);border:2px solid var(--border-subtle);box-shadow:3px 3px 0 var(--retro-black)}.pixel-panel-header{background:linear-gradient(180deg,var(--retro-gray) 0%,var(--retro-dark) 100%);border-bottom:2px solid var(--border-subtle);padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);text-shadow:2px 2px 0 var(--retro-black)}.pixel-card{background:var(--surface-elevated);border:3px solid var(--border-subtle);box-shadow:4px 4px 0 var(--retro-black);transition:transform .1s steps(2),box-shadow .1s steps(2)}.pixel-card:hover{transform:translateY(-4px);box-shadow:4px 8px 0 var(--retro-black)}.pixel-card.card-win{border-color:var(--state-win);box-shadow:0 0 12px 4px var(--state-win-glow),4px 4px 0 var(--retro-black)}.pixel-card.card-loss{border-color:var(--state-loss);opacity:.6}.pixel-btn{font-family:"Press Start 2P",monospace;font-size:10px;text-transform:uppercase;padding:12px 24px;border:3px solid;box-shadow:4px 4px 0 var(--retro-black);transition:transform .05s steps(1),box-shadow .05s steps(1);cursor:pointer;position:relative;overflow:hidden}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--retro-black)}.pixel-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--retro-black)}.pixel-btn-gold{background:linear-gradient(180deg,var(--retro-gold) 0%,var(--retro-gold-dark) 100%);border-color:var(--retro-gold-dark);color:var(--retro-black);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.pixel-btn-green{background:linear-gradient(180deg,var(--retro-green-bright) 0%,var(--retro-green) 100%);border-color:#2e7d32;color:var(--retro-white);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.pixel-btn-red{background:linear-gradient(180deg,var(--retro-red-bright) 0%,var(--retro-red) 100%);border-color:#ad1457;color:var(--retro-white);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.pixel-btn-purple{background:linear-gradient(180deg,var(--retro-purple-bright) 0%,var(--retro-purple) 100%);border-color:#6a1b9a;color:var(--retro-white);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.pixel-shimmer{position:relative}.pixel-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);animation:pixelShimmer 1s steps(2) infinite;pointer-events:none}.neon-text{text-shadow:0 0 4px currentColor,0 0 8px currentColor,0 0 16px currentColor}.neon-text-animated{animation:neonFlicker 3s infinite}.idle-glow{animation:idleGlow 2s ease-in-out infinite}.screen-shake{animation:screenShake .4s ease-out}.white-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none;z-index:9998;animation:whiteFlash .3s ease-out forwards}.dithered-overlay{background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.3) 1px,rgba(0,0,0,.3) 2px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,0,0,.3) 1px,rgba(0,0,0,.3) 2px);background-size:2px 2px}.selection-border{background-image:linear-gradient(90deg,var(--retro-gold) 50%,transparent 50%),linear-gradient(90deg,var(--retro-gold) 50%,transparent 50%),linear-gradient(0deg,var(--retro-gold) 50%,transparent 50%),linear-gradient(0deg,var(--retro-gold) 50%,transparent 50%);background-size:8px 3px,8px 3px,3px 8px,3px 8px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;animation:borderMarch .5s linear infinite}.retro-title{font-family:"Press Start 2P",monospace;font-size:24px;color:var(--retro-gold);text-shadow:3px 3px 0 var(--retro-black),0 0 10px var(--retro-gold-glow);letter-spacing:2px}.retro-subtitle{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--text-secondary);text-shadow:2px 2px 0 var(--retro-black);letter-spacing:1px}.retro-body{font-family:Courier Prime,monospace;font-size:14px;color:var(--text-primary);line-height:1.6}.retro-label{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.state-win{color:var(--state-win);text-shadow:0 0 8px var(--state-win-glow)}.state-loss{color:var(--state-loss);text-shadow:0 0 8px var(--state-loss-glow)}.arcade-bezel{background:linear-gradient(135deg,#2a2a2a,#1a1a1a,#0a0a0a);border:4px solid #333;border-radius:8px;box-shadow:inset 0 0 20px #000c,0 0 40px #00000080;padding:16px}.arcade-bezel:before{content:"";position:absolute;inset:8px;border:2px solid #444;border-radius:4px;pointer-events:none}.pixel-corners{position:relative}.pixel-corner{position:absolute;width:8px;height:8px;border-color:inherit;border-style:solid}.pixel-corner-tl{top:0;left:0;border-width:2px 0 0 2px}.pixel-corner-tr{top:0;right:0;border-width:2px 2px 0 0}.pixel-corner-bl{bottom:0;left:0;border-width:0 0 2px 2px}.pixel-corner-br{bottom:0;right:0;border-width:0 2px 2px 0}