@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #6366f1;--primary-hover: #4f46e5;--accent: #f59e0b;--danger: #ef4444;--success: #10b981;--bg-dark: #090d16;--surface-dark: rgba(15, 23, 42, .75)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body,html{width:100%;height:100%;height:100dvh;min-height:-webkit-fill-available;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-dark);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f8fafc;touch-action:manipulation}#root{width:100%;height:100%;height:100dvh;min-height:-webkit-fill-available;position:relative;overflow:hidden}.glass-panel{background:#0f172ac7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px #00000073}.font-arcade{font-family:Fredoka,sans-serif}.btn-play{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 25px #10b98180,inset 0 2px 4px #ffffff4d;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-play:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 35px #10b981b3,inset 0 2px 4px #fff6}.btn-play:active{transform:translateY(1px) scale(.98)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f180}50%{box-shadow:0 0 35px #6366f1d9}}.glow-pulse{animation:pulse-glow 2.5s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in{animation:slide-in-right .3s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.combat-btn{transition:transform .06s cubic-bezier(.2,.9,.3,1.2),filter .06s ease!important;will-change:transform;touch-action:none}.combat-btn:active{transform:scale(.9)!important;filter:brightness(1.28) drop-shadow(0 0 10px rgba(255,255,255,.6))}@media (max-width: 900px),(max-height: 540px){.combat-desktop-help{display:none!important}}@media (orientation: landscape) and (max-height: 540px){.hud-container{padding:max(6px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}.hud-player-badge{min-width:170px!important;padding:6px 10px!important;gap:8px!important}.hud-avatar{width:32px!important;height:32px!important;font-size:16px!important}.hud-player-name{font-size:13px!important}.hud-timer-badge{padding:4px 12px!important}.hud-timer-time{font-size:16px!important}.hud-leaderboard-preview{padding:4px 10px!important;gap:6px!important}.hud-quality-toggle{top:60px!important;left:max(10px,env(safe-area-inset-left))!important;padding:3px 6px!important;font-size:9px!important}.hud-killfeed{max-height:80px!important;overflow:hidden!important}.combat-joystick{left:max(14px,env(safe-area-inset-left))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:116px!important;height:116px!important;transform:scale(.92)!important;transform-origin:bottom left!important}.combat-actions{right:max(14px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;transform:scale(.85)!important;transform-origin:bottom right!important}}@media (max-width: 650px) and (orientation: portrait){.combat-actions{right:8px!important;bottom:12px!important;transform:scale(.72);transform-origin:bottom right}.combat-joystick{left:8px!important;bottom:12px!important;transform:scale(.75);transform-origin:bottom left}}.start-screen-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e1b4b,#090d16);z-index:50;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.start-card{width:100%;max-width:540px;border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;box-shadow:0 25px 60px #0009;max-height:94vh;overflow-y:auto}.start-columns{display:flex;flex-direction:column;gap:16px;width:100%}@media (orientation: landscape) and (max-height: 580px),(max-height: 520px){.start-screen-wrapper{padding:max(6px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;align-items:center!important}.start-card{max-width:780px!important;padding:12px 18px!important;gap:8px!important;max-height:98vh!important;margin:auto!important}.start-header-bar{margin-bottom:0!important}.start-logo-title{font-size:24px!important;line-height:1.1!important}.start-logo-badge,.start-logo-desc{display:none!important}.start-tournament-banner{padding:3px 8px!important;font-size:10px!important;margin-top:2px!important}.start-columns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;align-items:start!important}.start-col-left,.start-col-right{display:flex!important;flex-direction:column!important;gap:8px!important}.start-char-grid{gap:6px!important}.start-char-btn{padding:5px 3px!important;border-radius:10px!important}.start-char-icon{font-size:20px!important}.start-char-name{font-size:10px!important}.start-name-input{padding:8px 12px!important;font-size:14px!important}.start-color-btn{height:28px!important;border-radius:8px!important}.start-play-btn{padding:11px!important;font-size:17px!important;border-radius:12px!important;margin-top:2px!important}.start-controls-help{display:none!important}}