.element-storm-theme{--es-bg-dark:#080710;--es-surface:#121020b3;--es-surface-card:#1c1930d9;--es-player-blue:#00d2ff;--es-player-blue-glow:#00d2ff59;--es-player-blue-dim:#00374d;--es-player-blue-bg:linear-gradient(135deg, #005c8a 0%, #09f 100%);--es-player-red:#ff3c78;--es-player-red-glow:#ff3c7859;--es-player-red-dim:#4d001a;--es-player-red-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-blue{box-shadow:0 0 15px var(--es-player-blue);animation:2s infinite alternate pulse-glow-blue}.active-turn-glow-red{box-shadow:0 0 15px var(--es-player-red);animation:2s infinite alternate pulse-glow-red}@keyframes pulse-glow-blue{0%{box-shadow:0 0 5px var(--es-player-blue-glow)}to{box-shadow:0 0 20px var(--es-player-blue)}}@keyframes pulse-glow-red{0%{box-shadow:0 0 5px var(--es-player-red-glow)}to{box-shadow:0 0 20px var(--es-player-red)}}.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-blue{background:var(--es-player-blue-bg);border-color:#00d2ff66;box-shadow:inset 0 0 20px #0000004d,0 4px 10px #00d2ff33}.card-front.owner-red{background:var(--es-player-red-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-blue)}.switch-track.active .switch-thumb{transform:translate(22px)}.light .element-storm-theme,.light.element-storm-theme{--es-bg-dark:#cbd5e1;--es-surface:#ffffff80;--es-surface-card:#ffffffd9;--es-player-blue:#0284c7;--es-player-blue-glow:#0284c726;--es-player-blue-dim:#b3e0ff;--es-player-blue-bg:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--es-player-red:#e11d48;--es-player-red-glow:#e11d4826;--es-player-red-dim:#ffccd9;--es-player-red-bg:linear-gradient(135deg, #e11d48 0%, #fda4af 100%);--es-text:#0f172a;--es-text-muted:#475569;--es-border-glow:#0000000d;--es-accent:#b45309}.light .element-storm-container{background:radial-gradient(circle at 50% 50%, #f1f5f9 0%, var(--es-bg-dark) 100%)}.light .glass-panel{background:#ffffffa6;border:1px solid #0000000f;box-shadow:0 8px 32px #1f26870f}.light .card-back{background:linear-gradient(135deg,#f1f5f9 0%,#cbd5e1 100%);border-color:#00000014;box-shadow:inset 0 0 15px #0000000d}.light .card-back svg{stroke:#0003;fill:#00000003}.grid-cell-empty{background-color:#0003}.grid-cell-empty:hover{background-color:#0000004d}.light .grid-cell-empty{background-color:#0000000d}.light .grid-cell-empty:hover{background-color:#0000001a}.light .board-grid-bg{background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}