.element-storm-theme{--es-bg-dark:#080710;--es-surface:#121020b3;--es-surface-card:#1c1930d9;--es-player-a:#00d2ff;--es-player-a-glow:#00d2ff59;--es-player-a-bg:linear-gradient(135deg, #005c8a 0%, #09f 100%);--es-player-b:#ff3c78;--es-player-b-glow:#ff3c7859;--es-player-b-bg:linear-gradient(135deg, #8a0033 0%, #f36 100%);--es-text:#f3f4f6;--es-text-muted:#9ca3af;--es-border-glow:#ffffff14;--es-accent:#f59e0b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.element-storm-container{background:radial-gradient(circle at 50% 50%, #151226 0%, var(--es-bg-dark) 100%);color:var(--es-text);position:relative;overflow:hidden}.board-grid-bg{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:30px 30px}.card-container{perspective:1000px;aspect-ratio:1;width:100%;container-type:inline-size}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .3s;position:relative}.active-turn-glow-a{box-shadow:0 0 15px var(--es-player-a);animation:2s infinite alternate pulse-glow-a}.active-turn-glow-b{box-shadow:0 0 15px var(--es-player-b);animation:2s infinite alternate pulse-glow-b}@keyframes pulse-glow-a{0%{box-shadow:0 0 5px var(--es-player-a-glow)}to{box-shadow:0 0 20px var(--es-player-a)}}@keyframes pulse-glow-b{0%{box-shadow:0 0 5px var(--es-player-b-glow)}to{box-shadow:0 0 20px var(--es-player-b)}}.card-front,.card-back{backface-visibility:hidden;box-sizing:border-box;border:1.5px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:8px;display:flex;position:absolute;inset:0}.card-front.owner-a{background:var(--es-player-a-bg);border-color:#00d2ff66;box-shadow:inset 0 0 20px #0000004d,0 4px 10px #00d2ff33}.card-front.owner-b{background:var(--es-player-b-bg);border-color:#ff3c7866;box-shadow:inset 0 0 20px #0000004d,0 4px 10px #ff3c7833}.card-back{background:linear-gradient(135deg,#1f1a3a 0%,#0d0a1a 100%);border-color:#ffffff26;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg);box-shadow:inset 0 0 15px #0009}.flipped{transform:rotateY(180deg)}@keyframes card-flip-owner{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.animate-owner-flip{animation:.6s cubic-bezier(.4,0,.2,1) card-flip-owner}.selected-card-glow{transform:translateY(-8px)scale(1.05);box-shadow:0 10px 20px #ffffff26,0 0 15px}.card-hover:hover{cursor:pointer;transform:translateY(-4px)}.number-grid{pointer-events:none;color:#fff;text-shadow:0 2px 4px #000c,0 0 2px #000000e6;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);font-family:Outfit,sans-serif;font-weight:800;display:grid;position:absolute;inset:0}.val-top{grid-area:1/2;justify-content:center;align-items:flex-start;padding-top:2px;font-size:clamp(10px,16cqw,20px);display:flex}.val-right{grid-area:2/3;justify-content:flex-end;align-items:center;padding-right:4px;font-size:clamp(10px,16cqw,20px);display:flex}.val-bottom{grid-area:3/2;justify-content:center;align-items:flex-end;padding-bottom:2px;font-size:clamp(10px,16cqw,20px);display:flex}.val-left{grid-area:2/1;justify-content:flex-start;align-items:center;padding-left:4px;font-size:clamp(10px,16cqw,20px);display:flex}.card-center-icon{opacity:.15;grid-area:2/2;justify-content:center;align-items:center;display:flex}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#12102099;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}.switch-container{cursor:pointer;align-items:center;display:inline-flex}.switch-track{background-color:#ffffff26;border-radius:9999px;width:44px;height:22px;transition:background-color .3s;position:relative}.switch-thumb{background-color:#fff;border-radius:9999px;width:18px;height:18px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.switch-track.active{background-color:var(--es-player-a)}.switch-track.active .switch-thumb{transform:translate(22px)}
