@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;600;700&display=swap";:root{--color-cosmic-void: #050508;--color-cosmic-dark: #0a0a14;--color-cosmic-mid: #151525;--color-cosmic-light: #2a2a40;--color-text-main: #f0f0f5;--color-text-dim: #a0a0b0;--color-text-gold: #e6c88b;--color-text-indigo: #c0c0ff;--day-gold: #dda042;--day-gold-bright: #ffd700;--day-bg: #fffbf0;--day-surface: #ffffff;--day-accent: #f0e6d2;--day-shadow: rgba(221, 160, 66, .2);--night-indigo: #4b3b8c;--night-violet: #7b68ee;--night-bg: #0f0f1a;--night-surface: #1a1a2e;--night-accent: #2e2e4a;--night-shadow: rgba(75, 59, 140, .4);--eclipse-void: #000000;--eclipse-core: #ff3333;--eclipse-rim: #4b0082;--eclipse-glow: #ff4d4d;--faction-solar: #e6b800;--faction-shadow: #8a2be2;--faction-wild: #50c878;--faction-chrono: #00ced1;--faction-dawn: #ffaa33;--faction-eclipse: #dc143c;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--font-display: "Cinzel", serif;--font-ui: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--shadow-sm: 0 2px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 8px rgba(0,0,0,.4);--shadow-lg: 0 8px 16px rgba(0,0,0,.5);--shadow-glow-day: 0 0 15px rgba(221, 160, 66, .4);--shadow-glow-night: 0 0 15px rgba(123, 104, 238, .4);--shadow-glow-eclipse: 0 0 25px rgba(255, 51, 51, .5);--anim-fast: .2s cubic-bezier(.2, .8, .2, 1);--anim-med: .5s cubic-bezier(.2, .8, .2, 1);--anim-slow: .8s cubic-bezier(.4, 0, .2, 1)}body{margin:0;padding:0;background-color:var(--color-cosmic-void);color:var(--color-text-main);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;margin:0;letter-spacing:.02em}button{font-family:var(--font-ui)}#root{min-height:100vh;position:relative;isolation:isolate}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cosmic-dark)}::-webkit-scrollbar-thumb{background:var(--color-cosmic-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5;filter:blur(8px)}50%{opacity:.8;filter:blur(12px)}}.turn-timer{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:12px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d}.turn-timer.normal{border-color:#3b82f680}.turn-timer.warning{border-color:#fb923ccc;animation:pulseWarning 1.5s ease-in-out infinite}.turn-timer.critical{border-color:#ef4444;animation:pulseCritical .8s ease-in-out infinite;box-shadow:0 0 20px #ef444499}.timer-icon{font-size:1.5rem}.timer-text{display:flex;flex-direction:column;gap:2px}.timer-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.timer-value{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;color:#fff}.turn-timer.warning .timer-value{color:#fb923c;animation:textPulse 1s ease-in-out infinite}.turn-timer.critical .timer-value{color:#ef4444;animation:textFlash .5s ease-in-out infinite}.screen-border-flash{position:fixed;inset:0;border:4px solid rgba(239,68,68,.8);pointer-events:none;z-index:9999;animation:borderFlash .8s ease-in-out infinite}.active-player-banner{padding:16px 32px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;box-shadow:0 4px 12px #0000004d;max-width:400px}.active-player-banner.my-turn{background:linear-gradient(135deg,#22c55e33,#10b9814d);border-color:#22c55ecc;animation:yourTurnGlow 2s ease-in-out infinite}.active-player-banner.opponent-turn{background:#64748b33;border-color:#94a3b880}.banner-content{display:flex;align-items:center;justify-content:center;gap:12px}.banner-icon{font-size:1.5rem;animation:bounce 1s ease-in-out infinite}.banner-text{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.waiting-dots{display:flex;gap:4px}.waiting-dots span{animation:dotPulse 1.4s ease-in-out infinite;color:#ffffffb3}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes pulseWarning{0%,to{box-shadow:0 0 15px #fb923c80;transform:scale(1)}50%{box-shadow:0 0 25px #fb923ccc;transform:scale(1.02)}}@keyframes pulseCritical{0%,to{box-shadow:0 0 20px #ef444499;transform:scale(1)}50%{box-shadow:0 0 35px #ef4444;transform:scale(1.05)}}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes textFlash{0%,to{opacity:1;text-shadow:0 0 10px rgba(239,68,68,.8)}50%{opacity:.6;text-shadow:0 0 20px rgba(239,68,68,1)}}@keyframes borderFlash{0%,to{opacity:.4}50%{opacity:.8}}@keyframes yourTurnGlow{0%,to{box-shadow:0 0 20px #22c55e66}50%{box-shadow:0 0 30px #22c55eb3}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}