.phaser-game-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;padding:0;touch-action:none}#phaser-game{border:2px solid rgba(124,58,237,.5);border-radius:12px;overflow:hidden;max-width:100%;max-height:80vh;box-shadow:0 0 20px #7c3aed33,0 4px 6px -1px #0000004d,0 2px 4px -2px #0003}#phaser-game canvas{display:block;max-width:100%;height:auto}.touch-controls,.versus-controls{display:none;padding:.75rem;gap:.75rem}.touch-row{display:flex;justify-content:center;gap:.75rem}.touch-btn{width:64px;height:64px;font-size:1.5rem;background:linear-gradient(180deg,#1e293bf2,#0f172af2);border:1px solid rgba(71,85,105,.5);border-radius:16px;color:#e2e8f0;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:all .15s ease;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.touch-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:16px 16px 0 0;pointer-events:none}.touch-btn:hover{background:linear-gradient(180deg,#334155f2,#1e293bf2);border-color:#7c3aed80;transform:translateY(-1px);box-shadow:0 6px 12px -2px #0006,0 3px 6px -3px #0000004d,0 0 16px #7c3aed26,inset 0 1px #ffffff14}.touch-btn:active{background:linear-gradient(180deg,#7c3aed4d,#6366f133);border-color:#7c3aedcc;transform:scale(.95) translateY(1px);box-shadow:0 2px 4px -1px #0003,0 0 20px #7c3aed4d,inset 0 2px 4px #0000001a}.touch-btn.drop{width:100px;background:linear-gradient(180deg,#1e293bf2,#0f172af2);border-color:#06b6d44d}.touch-btn.drop:hover{border-color:#06b6d499;box-shadow:0 6px 12px -2px #0006,0 0 16px #06b6d433,inset 0 1px #ffffff14}.touch-btn.drop:active{background:linear-gradient(180deg,#06b6d44d,#0891b233);border-color:#06b6d4cc;box-shadow:0 0 20px #06b6d44d,inset 0 2px 4px #0000001a}.player-label{text-align:center;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:6px;background:#0f172acc}.p1-controls .player-label,.versus-portrait-controls .p1-portrait .player-label{color:#10b981;border:1px solid rgba(16,185,129,.3);box-shadow:0 0 10px #10b9811a}.p2-controls .player-label,.versus-portrait-controls .p2-portrait .player-label{color:#f59e0b;border:1px solid rgba(245,158,11,.3);box-shadow:0 0 10px #f59e0b1a}@media(max-width:768px)and (orientation:portrait),(pointer:coarse)and (orientation:portrait){.phaser-game-container{padding:0;gap:.5rem}#phaser-game{border-radius:0;border-left:none;border-right:none;max-height:55vh;box-shadow:0 0 30px #7c3aed26,0 4px 20px #0000004d}.touch-controls.single-controls{display:flex;flex-direction:column;width:100%;max-width:400px;padding:1rem;background:linear-gradient(180deg,#0f172af2,#0f0f1afa);border-radius:20px 20px 0 0;border-top:1px solid rgba(71,85,105,.3)}.phaser-game-container.versus-active .touch-controls.single-controls{display:none}.versus-portrait-controls{display:none;width:100%;flex-direction:row;justify-content:space-around;padding:1rem .5rem;gap:1rem;background:linear-gradient(180deg,#0f172af2,#0f0f1afa);border-radius:20px 20px 0 0;border-top:1px solid rgba(71,85,105,.3)}.phaser-game-container.versus-active .versus-portrait-controls{display:flex}.versus-portrait-controls .versus-controls{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#1e293b80;border-radius:16px;border:1px solid rgba(71,85,105,.3)}.versus-portrait-controls .touch-btn{width:52px;height:52px;font-size:1.25rem;border-radius:12px}.versus-portrait-controls .touch-btn.drop{width:72px}.versus-controls.p1-controls,.versus-controls.p2-controls{display:none}}@media(orientation:landscape)and (pointer:coarse),(orientation:landscape)and (max-height:500px){.phaser-game-container{flex-direction:row;justify-content:space-between;align-items:center;height:100vh;padding:.5rem;gap:.5rem;background:linear-gradient(90deg,#0f172afa,#0f0f1af2 15%,#0f0f1af2 85%,#0f172afa)}#phaser-game{max-height:95vh;max-width:55vw;order:2;border-radius:12px}.versus-controls{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#1e293b99;border-radius:16px;border:1px solid rgba(71,85,105,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.p1-controls{order:1}.p2-controls{order:3}.touch-controls.single-controls{display:none}.touch-btn{width:52px;height:52px;font-size:1.25rem;border-radius:12px}.touch-btn.drop{width:80px}.versus-portrait-controls{display:none!important}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003,0 0 #7c3aed00}50%{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003,0 0 20px #7c3aed33}}.App{width:100%;max-width:100vw;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background:transparent}button{border-radius:12px;border:1px solid rgba(71,85,105,.5);padding:.75em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(180deg,#1e293bf2,#0f172af2);color:#f8fafc;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003}button:hover{background:linear-gradient(180deg,#334155f2,#1e293bf2);border-color:#7c3aed80;transform:translateY(-1px);box-shadow:0 6px 12px -2px #0006,0 0 16px #7c3aed26}button:active{transform:scale(.98) translateY(1px);box-shadow:0 2px 4px -1px #0003}button:focus,button:focus-visible{outline:2px solid rgba(124,58,237,.8);outline-offset:2px}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--background: 15 15 26;--background-light: 26 26 46;--background-card: 22 33 62;--foreground: 248 250 252;--foreground-muted: 148 163 184;--primary: 124 58 237;--primary-glow: 168 85 247;--secondary: 6 182 212;--success: 16 185 129;--warning: 245 158 11;--danger: 239 68 68;--border: 51 65 85;color:rgba(var(--foreground),.87);background-color:rgb(var(--background));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overscroll-behavior:none;background:linear-gradient(180deg,rgb(var(--background)),rgb(var(--background-light)))}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;min-height:100dvh}#root{width:100%;max-width:100vw;margin:0 auto;text-align:center;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.no-select{user-select:none;-webkit-user-select:none}:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgb(var(--background-light));border-radius:4px}::-webkit-scrollbar-thumb{background:rgb(var(--border));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--foreground-muted))}