html,body{margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden;width:100%;height:100%}body{padding:20px}body:has(.fixed.inset-0.z-50){padding:0;overflow:hidden}#root{width:100%;height:100%}:root[data-theme=arcade]{--color-primary: #d946ef;--color-secondary: #14b8a6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-background: #0f0f23;--color-surface: #1e1b4b;--color-text: #f1f5f9;--shadow-neon: 0 0 20px rgba(217, 70, 239, .5);--gradient-arcade: linear-gradient(45deg, #d946ef, #14b8a6);--glow-intense: 0 0 30px rgba(217, 70, 239, .8);--transition-fast: .2s ease;--transition-medium: .4s ease}[data-theme=arcade] body{background:var(--color-background);color:var(--color-text);font-family:Arial,sans-serif}.arcade-button{background:var(--gradient-arcade);color:var(--color-text);border:2px solid transparent;border-radius:12px;padding:12px 24px;font-weight:700;font-size:16px;cursor:pointer;position:relative;box-shadow:var(--shadow-neon);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.arcade-button:hover{transform:translateY(-3px);box-shadow:var(--glow-intense);border-color:var(--color-primary)}.arcade-button:active{transform:translateY(-1px);box-shadow:var(--shadow-neon)}.arcade-button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-arcade);border-radius:14px;z-index:-1;opacity:0;transition:opacity var(--transition-fast)}.arcade-button:hover:before{opacity:1}.arcade-card{background:var(--color-surface);border:1px solid rgba(217,70,239,.3);border-radius:16px;padding:20px;box-shadow:var(--shadow-neon);transition:all var(--transition-medium);position:relative;overflow:hidden}.arcade-card:hover{transform:translateY(-5px);box-shadow:var(--glow-intense);border-color:var(--color-primary)}.arcade-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(217,70,239,.1),transparent);transition:left .6s ease}.arcade-card:hover:before{left:100%}.neon-text{color:var(--color-primary);text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor;animation:neon-flicker 2s ease-in-out infinite alternate}@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor}20%,24%,55%{text-shadow:none}}.arcade-pulse{animation:arcade-pulse 2s ease-in-out infinite}@keyframes arcade-pulse{0%{box-shadow:0 0 #d946efb3}70%{box-shadow:0 0 0 10px #d946ef00}to{box-shadow:0 0 #d946ef00}}.arcade-glow{animation:arcade-glow 2s ease-in-out infinite alternate}@keyframes arcade-glow{0%{box-shadow:0 0 10px #d946ef4d}to{box-shadow:0 0 25px #d946efcc}}.arcade-game-board{background:var(--color-surface);border:3px solid var(--color-primary);border-radius:20px;padding:20px;box-shadow:var(--glow-intense),inset 0 0 50px #d946ef1a;position:relative}.arcade-game-board:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(217,70,239,.3);border-radius:15px;pointer-events:none}.arcade-input{background:rgba(30,27,75,.8);border:2px solid rgba(217,70,239,.3);border-radius:8px;padding:12px 16px;color:var(--color-text);font-size:16px;transition:all var(--transition-fast)}.arcade-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d946ef33}.arcade-tabs{display:flex;background:var(--color-surface);border-radius:12px;padding:4px;gap:4px}.arcade-tab{flex:1;padding:12px 20px;border:none;background:transparent;color:#f1f5f999;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);font-weight:600}.arcade-tab.active{background:var(--gradient-arcade);color:var(--color-text);box-shadow:var(--shadow-neon)}.arcade-tab:hover:not(.active){background:rgba(217,70,239,.1);color:var(--color-text)}.arcade-modal{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:20px;box-shadow:var(--glow-intense),0 0 100px #000c;max-width:90vw;max-height:90vh;overflow:auto}.arcade-scrollbar::-webkit-scrollbar{width:8px}.arcade-scrollbar::-webkit-scrollbar-track{background:rgba(30,27,75,.5);border-radius:4px}.arcade-scrollbar::-webkit-scrollbar-thumb{background:var(--gradient-arcade);border-radius:4px}.arcade-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}