@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #0E1621;--bg-secondary: #17212B;--surface: #1B2A3A;--surface-elevated: #243444;--surface-glass: rgba(255, 255, 255, .06);--text: rgba(255, 255, 255, .92);--text-secondary: #8B9EB0;--text-muted: rgba(255, 255, 255, .38);--border: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .16);--border-light: rgba(255, 255, 255, .1);--attack: #FF9F0A;--attack-bg: rgba(255, 159, 10, .1);--attack-glow: rgba(255, 159, 10, .3);--defend: #2AABEE;--defend-bg: rgba(42, 171, 238, .1);--defend-glow: rgba(42, 171, 238, .3);--opponent: #BF5AF2;--opponent-bg: rgba(191, 90, 242, .08);--success: #30D158;--success-bg: rgba(48, 209, 88, .12);--danger: #FF453A;--danger-bg: rgba(255, 69, 58, .1);--warning: #FFD60A;--warning-bg: rgba(255, 214, 10, .1);--trump: #FFD60A;--trump-glow: rgba(255, 214, 10, .4);--star: #FFD60A;--star-dim: rgba(255, 214, 10, .12);--star-glow: rgba(255, 214, 10, .4);--tg-blue: #2AABEE;--tg-blue-light: #64C8F5;--tg-blue-dark: #1A8AD4;--tg-blue-dim: rgba(42, 171, 238, .12);--positive: #30D158;--negative: #FF453A;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--font: var(--font-body)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{min-height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{min-height:100dvh;padding-top:calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px))}button{font-family:var(--font);-webkit-appearance:none;-moz-appearance:none;appearance:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes starPulse{0%,to{filter:drop-shadow(0 0 8px var(--star-glow));transform:scale(1)}50%{filter:drop-shadow(0 0 24px var(--star-glow)) drop-shadow(0 0 48px rgba(255,214,10,.2));transform:scale(1.08)}}@keyframes starFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-300% center}to{background-position:300% center}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.touch-btn{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .1s ease,opacity .1s ease}.touch-btn:active{transform:scale(.95)!important;opacity:.85}.big-card{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .15s cubic-bezier(.25,.46,.45,.94)}.big-card:active{transform:scale(.97)!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;animation:fadeIn .2s ease}.modal-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-radius:24px 24px 0 0;z-index:101;animation:slideUp .3s cubic-bezier(.32,.72,0,1);padding-bottom:max(env(safe-area-inset-bottom,0px),20px)}:root{--card-bg: #FFFFFF;--card-border: rgba(0, 0, 0, .08);--card-selected: #2AABEE;--card-red: #E8312A;--card-black: #1A1A1A;--card-back-from: #2563EB;--card-back-to: #1D4ED8;--card-back-border: rgba(255, 255, 255, .12);--role-attack: var(--attack);--role-defend: var(--defend);--table-surface: rgba(255, 255, 255, .03);--game-bg: radial-gradient(ellipse at 50% 40%, #1B3A5C 0%, #122A44 40%, #0A1628 100%);--game-bg-hue: 210;--game-bg-sat: 50%;--game-bg-light: 23%}.game-screen{background:var(--game-bg);position:fixed;top:0;right:0;bottom:0;left:0;padding-top:calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));padding-bottom:max(var(--tg-safe-area-inset-bottom, 0px),env(safe-area-inset-bottom,0px),6px);overflow:hidden}.game-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/noise.png);background-repeat:repeat;background-size:64px 64px;opacity:.03;pointer-events:none;z-index:0}.glass-panel{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px}.font-display{font-family:var(--font-display)}@keyframes defendPulse{0%,to{filter:drop-shadow(0 0 4px rgba(42,171,238,.4))}50%{filter:drop-shadow(0 0 10px rgba(42,171,238,.6))}}@keyframes cardSelect{0%{transform:translateY(0)}40%{transform:translateY(-14px)}70%{transform:translateY(-11px)}to{transform:translateY(-12px)}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes toastIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes turnFlash{0%{opacity:1}to{opacity:0}}@keyframes playableGlow{0%,to{filter:drop-shadow(0 0 4px rgba(42,171,238,.4)) drop-shadow(0 0 12px rgba(42,171,238,.2));transform:translateY(-6px)}50%{filter:drop-shadow(0 0 8px rgba(42,171,238,.6)) drop-shadow(0 0 20px rgba(42,171,238,.3));transform:translateY(-6px)}}.playable-card{animation:playableGlow 2s ease-in-out infinite;cursor:grab;pointer-events:auto}.trump-shimmer{position:relative}.trump-shimmer:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(105deg,transparent 40%,rgba(255,214,10,.2) 45%,rgba(255,214,10,.4) 50%,rgba(255,214,10,.2) 55%,transparent 60%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite;border-radius:inherit;pointer-events:none}.edge-glow{height:3px;width:100%;border-radius:2px;transition:background .3s ease,opacity .3s ease}@keyframes edgePulseAttack{0%,to{opacity:.6}50%{opacity:1}}@keyframes edgePulseDefend{0%,to{opacity:.6}50%{opacity:1}}@keyframes edgePulseTaking{0%,to{opacity:.5}50%{opacity:1}}.phase-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.toast{position:fixed;top:calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) + 8px);left:50%;transform:translate(-50%);background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 16px;font:600 13px/1.3 var(--font-body);color:#ffffffeb;z-index:1000;animation:toastIn .3s ease,toastOut .3s ease 2.5s forwards;pointer-events:none}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:.6}to{transform:translate(var(--px, 10px),var(--py, -10px)) scale(.3);opacity:0}}@keyframes vignetteFlash{0%{opacity:1}to{opacity:0}}@keyframes timerPulseWarning{0%,to{opacity:1}50%{opacity:.6}}@keyframes timerPulseUrgent{0%,to{opacity:1}50%{opacity:.3}}@keyframes shakeLight{0%,to{transform:translate(0)}10%{transform:translate(-2px)}30%{transform:translate(2px)}50%{transform:translate(-1px)}70%{transform:translate(1px)}}@keyframes shakeMedium{0%,to{transform:translate(0)}10%{transform:translate(-4px,-1px)}30%{transform:translate(3px,1px)}50%{transform:translate(-2px)}70%{transform:translate(1px,-1px)}}@keyframes shakeHeavy{0%,to{transform:translate(0)}10%{transform:translate(-6px,-2px)}30%{transform:translate(5px,2px)}50%{transform:translate(-3px,-1px)}70%{transform:translate(2px,1px)}}.hand-scroll{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hand-scroll::-webkit-scrollbar{display:none}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.card-facedown{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(145deg,var(--card-back-from),var(--card-back-to));background-size:8px 8px,100% 100%;box-shadow:inset 0 0 0 2px #ffffff1f}::-webkit-scrollbar{display:none}::selection{background:#2aabee4d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}