.app-container[data-v-6451ccf5]{height:100%;width:100%;max-width:500px;margin:0 auto;position:relative;overflow:hidden}.fade-enter-active[data-v-6451ccf5],.fade-leave-active[data-v-6451ccf5]{transition:opacity .2s ease}.fade-enter-from[data-v-6451ccf5],.fade-leave-to[data-v-6451ccf5]{opacity:0}.slide-enter-active[data-v-6451ccf5],.slide-leave-active[data-v-6451ccf5]{transition:transform .3s ease}.slide-enter-from[data-v-6451ccf5]{transform:translate(100%)}.slide-leave-to[data-v-6451ccf5]{transform:translate(-100%)}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--accent: #e94560;--accent-glow: rgba(233, 69, 96, .4);--text-primary: #ffffff;--text-secondary: #a0a0b8;--text-muted: #6b6b80;--success: #6BCB77;--warning: #FFD93D;--danger: #FF4B4B;--info: #4BABFF;--player-red: #FF4B4B;--player-blue: #4BABFF;--player-yellow: #FFD93D;--player-green: #6BCB77;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 100px;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px var(--accent-glow);--font-display: "Segoe UI", system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-display);touch-action:manipulation;-webkit-user-select:none;user-select:none}#app{height:100%}.screen{display:flex;flex-direction:column;height:100%;padding:16px;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom));position:relative;overflow-y:auto;overflow-x:hidden}.screen-center{justify-content:center;align-items:center;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--radius-full);font-size:16px;font-weight:700;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-display);touch-action:manipulation;position:relative;overflow:hidden}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--accent),#c73a52);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:active{box-shadow:0 2px 10px var(--accent-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid rgba(255,255,255,.1)}.btn-ghost{background:transparent;color:var(--text-secondary);border:2px solid rgba(255,255,255,.15)}.btn-lg{padding:18px 40px;font-size:20px;border-radius:var(--radius-full)}.btn-block{width:100%}.btn-icon{width:48px;height:48px;padding:0;border-radius:50%}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow)}.input{width:100%;padding:14px 18px;background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-primary);font-size:18px;font-family:var(--font-display);outline:none;text-align:center;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.title{font-size:32px;font-weight:800;line-height:1.1}.subtitle{font-size:16px;color:var(--text-secondary);line-height:1.4}.label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px var(--accent-glow)}}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes tap-ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce-in{animation:bounce-in .4s ease-out}.animate-slide-up{animation:slide-up .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.back-btn{position:absolute;top:calc(12px + var(--safe-top));left:12px;z-index:100;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:active{background:#fff3}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-center{display:flex;align-items:center;justify-content:center}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}