body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#121212;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.card-wrapper{perspective:1000px;width:130px;height:190px;cursor:pointer;transition:transform .2s}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.75rem;display:flex;flex-direction:column;padding:.75rem;box-sizing:border-box}.card-back{background:linear-gradient(135deg,#1e1b4b,#312e81);border:3px solid #4338ca;display:flex;align-items:center;justify-content:center;color:#818cf8}.card-front{background:#1e293b;transform:rotateY(180deg);border:1px solid rgba(255,255,255,.1);justify-content:space-between}.card-name{font-size:.85rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-pos{font-size:.75rem;font-weight:700;color:#fbbf24;text-align:center}.card-center-info{display:flex;flex-direction:column;align-items:center;flex-grow:1;justify-content:center}.card-season-center{font-size:1.2rem;font-weight:900;color:#fff}.card-advanced-stats{font-size:.65rem;color:#94a3b8;display:flex;gap:8px}.card-stats{font-size:.65rem;background:#0000004d;padding:6px;border-radius:.5rem;text-align:center}.card-score-footer{font-size:.6rem;opacity:.5;text-align:center}.card-content-layer{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%}.mobile-stats-hint{font-size:.5rem;opacity:.6;text-align:center;color:#818cf8;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.card-wrapper:active{z-index:5000!important}@media(max-width:768px){.card-wrapper{width:100%!important;max-width:85px;height:125px;z-index:10}.card-face{padding:.4rem}.card-name{font-size:.55rem!important;line-height:1.1}.card-pos{font-size:.5rem!important}.card-season-center{font-size:.75rem!important}.card-score-footer{font-size:.45rem!important}.mobile-stats-hint{display:none}}.home-container{min-height:100vh;background-color:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(79,70,229,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(234,179,8,.05) 0px,transparent 50%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;font-family:Inter,sans-serif}.home-header{text-align:center;margin-bottom:4rem}.home-header h1{font-size:3.5rem;font-weight:900;letter-spacing:.5rem;margin:0;background:linear-gradient(to right,#fff,#818cf8,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(129,140,248,.3)}.home-header p{font-size:1.2rem;color:#94a3b8;letter-spacing:.2rem;text-transform:uppercase;margin-top:1rem}.game-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:900px}.game-card-link{text-decoration:none;color:inherit;display:block}.game-card{height:100%;padding:2.5rem;border-radius:2rem;border:2px solid transparent;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.game-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00000080}.game-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}.game-card-icon{background:#0003;width:80px;height:80px;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 10px #0003}.game-card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.game-card h2{margin:0;font-size:1.5rem;font-weight:900;letter-spacing:.1em}.game-card p{margin:0;color:#94a3b8;line-height:1.6;font-size:.95rem}.game-card-footer{margin-top:auto;display:flex;align-items:center;font-weight:800;font-size:.8rem;letter-spacing:.2em;opacity:.6}.game-card:hover .game-card-footer{opacity:1;color:#fff}@media(max-width:640px){.home-header h1{font-size:2rem;letter-spacing:.2rem}.game-selection-grid{grid-template-columns:1fr}}.profile-container{min-height:100vh;background-color:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(79,70,229,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(234,179,8,.05) 0px,transparent 50%);color:#fff;padding:2rem;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center}.profile-header-nav{width:100%;max-width:1000px;display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.profile-header-nav h1{font-size:1.5rem;letter-spacing:.3rem;font-weight:900;margin:0;background:linear-gradient(to right,#fff,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.back-btn-profile,.logout-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem 1.2rem;border-radius:.75rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:all .2s}.back-btn-profile:hover{background:#ffffff1a}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.profile-main-card{width:100%;max-width:800px;background:#1e293b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:3rem;box-shadow:0 20px 50px #0000004d}.profile-user-info{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.profile-titles h2{font-size:2.5rem;margin:0;font-weight:900}.profile-titles p{color:#94a3b8;margin:.5rem 0 0}.game-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.game-stat-card{background:#0003;padding:2rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1rem}.stat-icon-wrapper{background:#ffffff0d;width:50px;height:50px;border-radius:1rem;display:flex;align-items:center;justify-content:center}.game-stat-card h3{margin:0;font-size:1.2rem;font-weight:800}.stat-numbers{display:flex;justify-content:space-between;margin:1rem 0}.stat-sub{display:flex;flex-direction:column;gap:4px}.stat-sub span{font-size:.7rem;color:#64748b;text-transform:uppercase;font-weight:800}.stat-sub strong{font-size:1.5rem;font-weight:900;color:#fff}.play-btn-mini{display:block;text-align:center;text-decoration:none;background:#ffffff0d;color:#fff;padding:.75rem;border-radius:.75rem;font-weight:700;font-size:.8rem;transition:all .2s}.lineup-card:hover .play-btn-mini{background:#fbbf24;color:#000}.battle-card:hover .play-btn-mini{background:#ef4444;color:#fff}.achievement-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#22c55e1a;color:#4ade80;border-radius:1rem;font-size:.9rem;font-weight:600}.profile-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.5rem;color:#4f46e5}@media(max-width:768px){.game-stats-grid{grid-template-columns:1fr}.profile-user-info{flex-direction:column;text-align:center}.profile-header-nav h1{display:none}}.game-container{min-height:100vh;background-color:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(79,70,229,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(234,179,8,.05) 0px,transparent 50%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;color:#fff;font-family:Inter,sans-serif;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-x:hidden}.mobile-instructions{display:none}.top-nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin-bottom:.5rem}.top-nav h1{margin:0;font-size:1.8rem;font-weight:900;letter-spacing:.3rem;color:#fff;background:linear-gradient(to right,#fff,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(129,140,248,.3)}.profile-view{width:100%;max-width:800px;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1)}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.stat-card{background:#4f46e51a;padding:1.5rem;border-radius:1.5rem;border:1px solid rgba(79,70,229,.2);text-align:center}.stat-card h4{margin:0;font-size:.8rem;color:#818cf8;text-transform:uppercase}.stat-card div{font-size:2rem;font-weight:900;color:#fff;margin-top:.5rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff08;border-radius:1rem}.history-score{font-weight:700;color:#fbbf24;font-size:1.1rem}.history-date{font-size:.8rem;opacity:.5}.nickname-prompt-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000}.nickname-card{background:#1e293b;padding:3rem;border-radius:2rem;text-align:center;border:2px solid #4f46e5;width:90%;max-width:400px}.nickname-card input{width:100%;padding:1rem;font-size:1.25rem;margin:1.5rem 0;background:#0003;border:1px solid #4f46e5;color:#fff;border-radius:.5rem;text-align:center}.nav-actions{display:flex;gap:.5rem;align-items:center}.user-info-chip{display:flex;align-items:center;gap:8px;background:#4f46e533;padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:700;border:1px solid rgba(79,70,229,.3);cursor:pointer}.user-info-chip:hover{background:#4f46e54d}.nav-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem 1.2rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-weight:600}.nav-btn:hover{background:#ffffff1a;border-color:#fff3}.nav-btn.highlight{background:#4f46e5;border:none}.nav-btn.highlight:hover{background:#4338ca}.battle-nav-btn{background:linear-gradient(135deg,#ef4444,#f97316)!important;border:none!important;box-shadow:0 4px 15px #ef44444d}.battle-nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480;filter:brightness(1.1)}.auth-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000}.auth-card{background:#1e293b;padding:2.5rem;border-radius:1.5rem;width:95%;max-width:420px;display:flex;flex-direction:column;gap:1.25rem;border:1px solid rgba(79,70,229,.4);box-shadow:0 20px 50px #00000080}.auth-card h2{margin:0;text-align:center;font-size:1.75rem}.auth-card p{text-align:center;color:#94a3b8;margin:-.5rem 0 .5rem;font-size:.9rem}.auth-card input{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.85rem;border-radius:.5rem;font-size:1rem}.auth-btns{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.auth-btns button{background:#4f46e5;color:#fff;border:none;padding:.85rem;border-radius:.5rem;cursor:pointer;font-weight:700;font-size:1rem;transition:background .2s}.auth-btns button:hover{background:#4338ca}.auth-toggle-text{text-align:center;font-size:.85rem;color:#94a3b8;margin-top:.5rem}.auth-toggle-text button{background:none;border:none;color:#818cf8;cursor:pointer;font-weight:700;padding:0 4px;text-decoration:underline}.close-btn{background:transparent;color:#94a3b8;border:none;cursor:pointer;margin-top:.5rem;font-size:.9rem}.close-btn:hover{color:#fff}.leaderboard-view{width:100%;max-width:850px;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1)}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 100px 150px;padding:1.25rem;background:#ffffff08;border-radius:.75rem;align-items:center}.leaderboard-row.header{background:#4f46e533;color:#818cf8;font-weight:700}.rank-num{font-weight:700;color:#94a3b8}.initials{font-weight:800;font-size:1.2rem}.score{font-weight:800;color:#fbbf24}.date{font-size:.8rem;opacity:.5}.score-cell-wrapper{position:relative;cursor:help;display:inline-block}.lineup-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#1e293b;border:1px solid #4f46e5;border-radius:1rem;padding:1rem;width:300px;z-index:1000;display:none;box-shadow:0 10px 30px #000c;pointer-events:none}.score-cell-wrapper:hover .lineup-tooltip{display:block}.tooltip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tooltip-item{font-size:.75rem;display:flex;flex-direction:column;background:#0003;padding:4px 8px;border-radius:4px;border-left:3px solid transparent}.tooltip-item.grade-common{border-color:#94a3b8}.tooltip-item.grade-rare{border-color:#3b82f6}.tooltip-item.grade-super-rare{border-color:#fbbf24}.tooltip-item.grade-epic{border-color:#a855f7}.tooltip-item.grade-legendary{border-color:#ef4444}.tooltip-item .p-name{font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-item .p-grade{font-size:.6rem;opacity:.7;text-transform:uppercase}.slots-grid-wrapper{position:relative;width:100%;max-width:1100px;margin:0 auto}.slots-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;width:100%;background:#ffffff0d;padding:1.25rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.finish-overlay-anchored{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;z-index:5000;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto}.finish-modal{background:#1e293b;padding:2.5rem;border-radius:2rem;border:1px solid #4f46e5;text-align:center;box-shadow:0 0 100px #000c;width:90%;max-width:400px}.rank-reveal{background:#4f46e51a;padding:1rem;border-radius:1rem;margin:1rem 0;border:1px solid rgba(79,70,229,.2)}.rank-stat{margin:.5rem 0;font-size:1.1rem;color:#e2e8f0}.rank-stat strong{color:#fbbf24;font-size:1.3rem}.submit-box{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.submit-box input{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem;border-radius:.75rem;font-size:2rem;text-align:center;letter-spacing:.8rem;font-weight:900}.draw-btn{background:#4f46e5;color:#fff;border:none;padding:.8rem 2rem;border-radius:2rem;font-weight:700;cursor:pointer;font-size:1.1rem;transition:all .2s}.draw-btn:hover{background:#4338ca;transform:scale(1.05)}.draw-btn.secondary{background:#334155;margin-top:1rem;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.rules-container{display:flex;gap:1rem;align-items:stretch;max-width:1100px;width:100%;margin:.5rem 0}.rules-banner{flex:2;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.25rem 2rem;border-radius:1rem}.perks-banner{flex:1;background:linear-gradient(135deg,#4f46e51a,#818cf81a);border:1px solid rgba(129,140,248,.3);padding:1.25rem;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.5rem}.perks-banner h4{margin:0;color:#fbbf24;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.perks-banner p{margin:0;font-size:.85rem;color:#e2e8f0;line-height:1.4}.member-active-status{color:#22c55e;font-weight:700;font-size:.8rem;margin-top:4px}.deck-area{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;position:relative;z-index:10}.hand-container{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#ffffff05;border-radius:1.5rem;min-height:200px;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.05)}.hand-container.layout-7{max-width:650px}.hand-container.layout-10{max-width:800px}.slot{aspect-ratio:2.5 / 3.5;background:#0006;border:2px dashed rgba(255,255,255,.15);border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s}.slot.active{border-color:#4f46e5;background:#4f46e51a}.slot-label{font-weight:900;font-size:1.2rem;color:#ffffff1a;position:absolute;pointer-events:none}.bonus-indicator{position:absolute;top:-10px;right:-10px;background:#22c55e;color:#fff;padding:4px 10px;border-radius:1rem;font-size:.7rem;font-weight:700;z-index:100;box-shadow:0 0 15px #22c55e66;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:768px){.game-container{padding:.5rem;overflow-x:hidden;height:auto;min-height:100vh;display:block}.top-nav{margin-bottom:1rem}.top-nav h1{font-size:1.2rem;text-align:center;width:100%}.mobile-instructions{width:100%;padding:.75rem;background:#818cf81a;border:1px solid rgba(129,140,248,.2);border-radius:.75rem;font-size:.75rem;line-height:1.4;color:#e2e8f0;margin-bottom:1rem;display:flex;flex-direction:column;gap:4px}.rules-container{display:none!important}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;padding:10px;margin-bottom:20px;background:#ffffff08;border-radius:1rem;width:100%;box-sizing:border-box}.slot{aspect-ratio:2.5 / 3.5;transform:none;margin:0;width:100%;border-width:1px;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot .card-wrapper{width:90%!important;height:90%!important;min-width:80px!important;transform:scale(1)!important}.slot-label{font-size:1rem;font-weight:900;color:#ffffff80;position:absolute;z-index:0;pointer-events:none}.slot .card-wrapper{width:90px!important;height:130px!important;transform:none!important;margin:0!important;padding:0!important}.slot .card-inner,.slot .card-face{border-radius:.5rem!important}.hand-container{display:grid!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important;align-content:start!important;padding:10px!important;gap:6px!important;width:100%!important;max-width:100%!important;border:none!important;background:none!important}.hand-container.layout-7{grid-template-columns:repeat(4,1fr)}.hand-container.layout-10{grid-template-columns:repeat(5,1fr)}.card-wrapper{width:100%!important;max-width:85px;height:125px;z-index:10}.card-face{padding:.4rem}.card-name{font-size:.55rem!important;line-height:1.1}.card-pos{font-size:.5rem!important}.card-season-center{font-size:.75rem!important}.card-score-footer{font-size:.45rem!important}.mobile-stats-hint{display:none}div[style*="touch-action: none"]{z-index:9999!important}.rules-container{margin-top:2rem;display:none}.finish-modal{padding:1.5rem}.leaderboard-row{grid-template-columns:30px 1fr 50px 70px;padding:.6rem;font-size:.75rem}.initials{font-size:.85rem}}@media(max-width:480px){.card-wrapper{width:90px;height:135px}}.grade-rare{border:2px solid #3b82f6;box-shadow:0 0 15px #3b82f64d}.grade-super-rare{border:2px solid #fbbf24;box-shadow:0 0 20px #fbbf2466}.grade-epic{border:2px solid #a855f7;box-shadow:0 0 20px #a855f74d}.grade-legendary{border:2px solid #ef4444;box-shadow:0 0 30px #ef444480}.selected-card{outline:4px solid #4f46e5;outline-offset:4px;transform:translateY(-10px)}@keyframes breathingGlow{0%{box-shadow:0 0 10px var(--glow-color-low),inset 0 0 5px var(--glow-color-low);border-color:var(--border-color)}to{box-shadow:0 0 25px var(--glow-color-high),inset 0 0 15px var(--glow-color-high);border-color:#fff}}.grade-super-rare{--glow-color-low: rgba(251, 191, 36, .4);--glow-color-high: rgba(251, 191, 36, .8);--border-color: #fbbf24;animation:breathingGlow 2s ease-in-out infinite alternate!important}.grade-epic{--glow-color-low: rgba(168, 85, 247, .4);--glow-color-high: rgba(168, 85, 247, .8);--border-color: #a855f7;animation:breathingGlow 2.5s ease-in-out infinite alternate!important}.grade-legendary{--glow-color-low: rgba(239, 68, 68, .4);--glow-color-high: rgba(239, 68, 68, 1);--border-color: #ef4444;animation:breathingGlow 1.5s ease-in-out infinite alternate!important}.card-name,.card-pos,.card-center-info,.card-stats,.card-score-footer{position:relative;z-index:5}.battle-container{min-height:100vh;background-color:#020617;color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;overflow-x:hidden}.battle-header{width:100%;max-width:1200px;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:10;position:relative}.nav-actions{display:flex;gap:.75rem;align-items:center;margin-left:auto}.lineup-nav-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#000!important;border:none!important;box-shadow:0 4px 15px #fbbf244d}.lineup-nav-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 20px #fbbf2480}.compact-scoreboard-wrapper{width:100%;display:flex;justify-content:center;margin-top:-1rem;margin-bottom:1rem}.compact-scoreboard{display:flex;align-items:center;gap:2rem;background:#0006;padding:.5rem 2rem;border-radius:3rem;border:1px solid rgba(255,255,255,.1)}.scoreboard-side{display:flex;align-items:center;gap:1rem}.side-name{font-size:.6rem;font-weight:900;color:#64748b;letter-spacing:.1em}.win-dots{display:flex;gap:.4rem}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.dot.filled.player{background:#4f46e5;border-color:#818cf8;box-shadow:0 0 10px #4f46e580}.dot.filled.cpu{background:#ef4444;border-color:#f87171;box-shadow:0 0 10px #ef444480}.score-vs-small{font-weight:900;font-style:italic;font-size:.8rem;color:#fbbf24;opacity:.5}.battle-layout{display:grid;grid-template-columns:250px 1fr 250px;flex:1;gap:1rem;padding:1rem;max-width:1600px;width:100%;margin:0 auto}.trophy-sidebar{display:flex;flex-direction:column;gap:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:1.5rem;padding:1.5rem}.sidebar-label{font-size:.75rem;font-weight:900;letter-spacing:.2rem;color:#94a3b8;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.trophy-box{display:flex;flex-direction:column;gap:-100px;align-items:center;flex:1}.stacked-trophy{margin-top:-140px}.stacked-trophy:first-child{margin-top:0}.battle-main-field{display:flex;flex-direction:column;gap:1.5rem}.battle-arena{flex:1;display:flex;flex-direction:column;justify-content:space-between;background:#0003;border-radius:2rem;padding:2rem;border:1px solid rgba(255,255,255,.03)}.duel-staging-arena{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.battle-rule-hint{font-size:.7rem;font-weight:700;color:#94a3b8;background:#ffffff08;padding:.5rem 1.5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.05);text-transform:uppercase;letter-spacing:.05em}.battle-rule-hint.top{margin-bottom:1rem;color:#818cf8}.battle-rule-hint.bottom{margin-top:1rem;color:#64748b}.duel-box-wrapper{display:flex;align-items:center;gap:3rem}.duel-slot{width:130px;height:190px;border:2px dashed rgba(255,255,255,.1);border-radius:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.duel-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:900;color:#64748b;letter-spacing:.1em;white-space:nowrap}.player-staging-slot.has-card{border-style:solid;border-color:#4f46e5;box-shadow:0 0 20px #4f46e533}.hidden-question{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:2px solid rgba(255,255,255,.05)!important;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:900;color:#ffffff0d}.vs-sign-static{font-size:2rem;font-weight:900;font-style:italic;color:#ffffff1a}.slot-placeholder-text{font-size:.6rem;font-weight:800;color:#ffffff1a;text-align:center;padding:1rem}.vs-sign.active{color:#fbbf24;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}.confirm-battle-btn{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:none;padding:1rem 3rem;border-radius:3rem;font-weight:900;letter-spacing:.2rem;cursor:pointer;box-shadow:0 10px 30px #ef444466;transition:all .2s}.confirm-battle-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.player-hand-grid{display:flex;gap:1rem;justify-content:center;padding:1rem}.placeholder-card{width:130px;height:190px;background:#ffffff05;border-radius:.75rem}.matchup-arena{display:flex;align-items:center;justify-content:center;gap:4rem}.vs-sign{color:#fbbf24;animation:clash .5s ease-out}.cpu-hand-standard{display:flex;gap:.5rem;justify-content:center}.card-back-standard{width:130px;height:190px;perspective:1000px}.card-back-standard .card-inner{width:100%;height:100%}.battle-result-modal{max-width:450px!important;display:flex;flex-direction:column;gap:1.5rem}.result-title{font-size:3.5rem;font-weight:900;margin:0;letter-spacing:.3rem;text-align:center}.result-title.winner{color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.4)}.result-title.loser{color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.4)}.result-desc{color:#94a3b8;text-align:center;margin:0}.battle-stats-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#0003;padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-item.full-width{grid-column:span 2;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.battle-leaderboard-view{width:100%;max-width:800px;margin:2rem auto;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.battle-leaderboard-view h2{text-align:center;font-size:2rem;letter-spacing:.2rem;margin-bottom:2rem;background:linear-gradient(to right,#fbbf24,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.battle-leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.bl-row{display:grid;grid-template-columns:80px 1fr 100px 120px;padding:1.25rem;background:#ffffff08;border-radius:1rem;align-items:center}.bl-row.header{background:#4f46e533;color:#818cf8;font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.bl-rank{font-weight:900;color:#94a3b8}.bl-name{font-weight:700;color:#fff}.bl-wins{font-weight:900;color:#fbbf24;text-align:center}.bl-rate{font-weight:800;color:#818cf8;text-align:center}.stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.stat-value{font-size:1.5rem;font-weight:900;color:#fff}.result-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}@keyframes clash{0%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:1200px){.battle-layout{grid-template-columns:1fr;padding:.5rem;gap:.5rem}.trophy-sidebar{display:none}.battle-arena{padding:.75rem;gap:1rem}.cpu-field-top{height:auto;margin-bottom:.5rem}.cpu-hand-standard{display:grid!important;grid-template-columns:repeat(5,1fr);gap:4px;width:100%}.card-back-standard{width:100%!important;height:auto!important;aspect-ratio:2.5 / 3.5}.duel-staging-arena{gap:.75rem}.duel-box-wrapper{gap:.5rem}.duel-slot{width:80px;height:115px}.hidden-question{font-size:2rem}.vs-sign-static{font-size:1.2rem}.battle-rule-hint{font-size:.55rem;padding:.3rem 1rem}.player-hand-grid{display:grid!important;grid-template-columns:repeat(5,1fr);gap:4px;width:100%;padding:.5rem}.hand-card-wrapper{width:100%!important;height:auto!important;aspect-ratio:2.5 / 3.5}.placeholder-card{width:100%;height:auto;aspect-ratio:2.5 / 3.5}.matchup-arena{gap:.5rem;flex-direction:row;align-items:center}.battle-card-slot{width:90px;height:125px}.vs-sign.active{font-size:1.5rem}}@media(max-width:768px){.battle-header{flex-direction:column;gap:.5rem;padding:.5rem}.nav-actions{width:100%;justify-content:center;gap:4px}.nav-btn{padding:.4rem .8rem;font-size:.7rem}.compact-scoreboard-wrapper{margin-top:.25rem;margin-bottom:.5rem}.compact-scoreboard{padding:.3rem .8rem;gap:.75rem}}:root{color-scheme:dark}body{margin:0;padding:0;background-color:#0f172a}.app-main{min-height:100vh}.global-nav-switcher{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;gap:1rem;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.5rem 1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1)}.global-nav-switcher a{color:#fff6;font-size:.75rem;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:color .2s}.global-nav-switcher a:hover{color:#fff}