:root{--primary: #2E6BFF;--accent: #00A3FF;--alert: #ef4444;--bg-panel: rgba(15, 28, 63, .65);--bg-deep: #050A19;--bg-mesh-1: #0F1C3F;--bg-mesh-2: #2E1A47;--accent-electric: #2E6BFF;--accent-cerulean: #00A3FF;--text-main: #FFFFFF;--text-muted: rgba(255, 255, 255, .7);--glass-bg: rgba(11, 24, 50, .65);--glass-border: 1px solid rgba(46, 107, 255, .4);--glass-blur: blur(20px);--glass-radius: 16px;--glass-shadow: 0 4px 30px rgba(0, 0, 0, .3), inset 0 0 20px rgba(46, 107, 255, .05);--padding-std: 1.5rem;--gap-std: 1rem;--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html,#root{width:100vw;min-height:100vh;height:auto!important;margin:0;padding:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch;font-family:var(--font-main);background-color:var(--bg-deep);color:var(--text-main);background:radial-gradient(circle at 10% 20%,var(--bg-mesh-1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,var(--bg-mesh-2) 0%,transparent 40%),linear-gradient(135deg,#02040a,#0a1124);background-size:cover;background-attachment:fixed}#root{display:flex;flex-direction:column;justify-content:space-between;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;touch-action:none}h1,h2,h3,h4,p{margin:0;color:var(--text-main);text-shadow:none}.glass-premium{background:#4169e180!important;border:1px solid #E5E7EB!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border-radius:12px;color:#fff;transition:all .3s ease;box-shadow:0 0 20px #e5e7eb80,inset 0 0 20px #e5e7eb33!important;display:flex;align-items:center}.glass-premium:active{transform:scale(.98);background:#ffffff59!important;box-shadow:0 0 30px #e5e7ebb3!important}.btn-solid-cerulean{background:linear-gradient(135deg,#2e6bff,#00e5ff);border:none;border-radius:12px;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #2e6bff80;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-solid-cerulean:active{transform:scale(.98);box-shadow:0 2px 10px #2e6bff66}.btn-challenge-premium{background:linear-gradient(135deg,#3f51b5,#1a237e)!important;border:1px solid #E5E7EB!important;border-radius:12px;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px #e5e7eb80,inset 0 0 20px #e5e7eb33!important;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-challenge-premium:active{transform:scale(.98);box-shadow:0 0 30px #e5e7ebb3!important}button{background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text-main);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}.view-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.arena-view,.matchmaking-view,.result-view{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;padding:var(--padding-std);gap:var(--gap-std)}input[type=text]{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:1rem;font-family:inherit;outline:none}@keyframes goldShimmer{0%{transform:translate(-150%) skew(-15deg)}to{transform:translate(150%) skew(-15deg)}}.achievement-seal{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,gold,#cd7f32);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 15px #ffd70099,inset 0 0 10px #fff6;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s}.achievement-seal:active{transform:scale(.95)}.achievement-seal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:translate(-150%) skew(-15deg);animation:goldShimmer 3s infinite}.app-container{flex:1 1 auto;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.app-container>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.title-text{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 24px rgba(46,107,255,.35);line-height:1.1}.arena-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1rem 1.25rem;margin-bottom:1rem;background:var(--bg-panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-info,.opponent-info{display:flex;align-items:center;gap:.85rem;min-width:0}.opponent-info{flex-direction:row-reverse;text-align:right}.avatar-container{position:relative;width:56px;height:56px;flex-shrink:0}.player-name{font-size:.95rem;font-weight:700;letter-spacing:.5px;margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12ch}.player-stats{display:flex;gap:.5rem;font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.player-stats>div{background:#ffffff0f;padding:.1rem .5rem;border-radius:999px}.timer-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.timer-count{font-size:2.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-1px;transition:color .2s,text-shadow .2s}.timer-display>div:last-child{font-size:.7rem;letter-spacing:2px;margin-top:.25rem;color:var(--text-muted)}@media (max-width: 600px){.arena-header{padding:.75rem .85rem;gap:.6rem}.avatar-container{width:44px;height:44px}.player-name{font-size:.85rem;max-width:9ch}.timer-count{font-size:1.9rem}.player-stats{font-size:.7rem}}