@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Lilita+One&display=swap";:root{--bg: #080d1e;--bg-2: #0e1733;--panel: #131f42;--panel-2: #1b2a55;--line: rgba(140, 170, 230, .18);--ink: #eaf1ff;--muted: #93a5c8;--blue: #3f8cff;--blue-2: #1e4fd8;--red: #ff5d63;--red-2: #b31f37;--violet: #a35bff;--violet-2: #5c22c9;--gold: #ffd35c;--gold-2: #e59d13;--green: #43dd9b;--font: "Baloo 2", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--display: "Lilita One", "Baloo 2", "Trebuchet MS", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%,#1c2f63 0%,transparent 55%),radial-gradient(90% 70% at 50% 110%,#2a1150 0%,transparent 60%),var(--bg);color:var(--ink);font-family:var(--font);font-weight:600;overflow:hidden;overscroll-behavior:none}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;background:#00000059;padding:1px 5px;border-radius:5px;font-size:.9em}.app-shell{height:100%;width:100%}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;padding:10px 16px;font-family:var(--display);font-size:15px;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,#3a4a75,#24304f);box-shadow:inset 0 1px #ffffff40,inset 0 -3px #00000059,0 4px #060a18b3;transition:transform .08s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(3px);box-shadow:inset 0 1px #fff3,inset 0 -2px #00000059,0 1px #060a18b3}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,#58a4ff,var(--blue-2));text-shadow:0 1px 2px rgba(0,20,70,.5)}.btn-secondary{background:linear-gradient(180deg,#3ed0a2,#13855e)}.btn-violet{background:linear-gradient(180deg,#bb7bff,var(--violet-2))}.btn-danger{background:linear-gradient(180deg,#ff6d71,#a51c2f)}.btn-ghost{background:linear-gradient(180deg,#5870a559,#202d4e8c);box-shadow:inset 0 0 0 1px #96b4f038,0 3px #0408148c}.btn-sm{padding:7px 12px;font-size:13px;border-radius:10px}.btn-lg{padding:13px 22px;font-size:17px;border-radius:14px}.btn-block{width:100%}.icon-btn{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(180deg,#5a78be59,#1c2a4eb3);box-shadow:inset 0 0 0 1px #96b9ff38,0 3px #04081499;transition:transform .08s ease,filter .15s ease}.icon-btn:hover{filter:brightness(1.15)}.icon-btn:active{transform:translateY(2px)}.icon-btn.ghost{background:none;box-shadow:none;pointer-events:none}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.28),transparent 55%),linear-gradient(160deg,#2d4680,#17233f);box-shadow:0 0 0 2px #090e1ed9,0 0 0 4px var(--ring, #3f8cff),inset 0 2px 6px #ffffff1f;line-height:1;flex:none}.avatar-blue{--ring: #3f8cff}.avatar-red{--ring: #ff5d63}.avatar-gold{--ring: #ffcf4d}.stat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#142140d9;box-shadow:inset 0 0 0 1px #82a5eb33;font-size:13px;color:var(--ink);white-space:nowrap}.stat-pill-icon{font-size:14px}.stat-pill-value{font-family:var(--display);font-size:14px;letter-spacing:.02em}.toast{position:fixed;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%);z-index:90;max-width:min(92vw,420px);padding:10px 18px;border-radius:14px;font-size:14px;text-align:center;background:linear-gradient(180deg,#1e315cfa,#0f1934fa);box-shadow:inset 0 0 0 1px #8cb4ff40,0 10px 26px #00000080;animation:toast-in .2s ease-out}.toast-error{box-shadow:inset 0 0 0 1px #ff6e788c,0 10px 26px #00000080;color:#ffd7d9}.toast-success{box-shadow:inset 0 0 0 1px #50dca080,0 10px 26px #00000080;color:#c8ffe6}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:#040814b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .15s ease-out}.modal-card,.guide-card,.card-info-sheet{width:min(94vw,380px);border-radius:20px;padding:20px;background:radial-gradient(120% 90% at 50% -20%,rgba(88,130,220,.35),transparent 60%),linear-gradient(180deg,#1c2c56,#101a37);box-shadow:inset 0 0 0 1px #96b9ff38,0 24px 60px #0009;animation:pop-in .18s ease-out}.modal-title,.guide-card h2{font-family:var(--display);font-size:22px;letter-spacing:.02em;text-align:center}.modal-body{margin-top:8px;color:var(--muted);font-size:14px;text-align:center;line-height:1.45}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions .btn{flex:1}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 0;color:var(--muted);font-size:13px}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(120,160,240,.25);border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.boot-crown{font-size:58px;animation:bob 1.6s ease-in-out infinite}.boot-title{font-family:var(--display);font-size:30px;letter-spacing:.06em}.boot-bar{width:160px;height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.boot-bar span{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--violet));animation:boot-slide 1.1s ease-in-out infinite}@keyframes boot-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.card-face{--w: 76px;position:relative;width:var(--w);aspect-ratio:.72;border-radius:calc(var(--w) * .15);padding:calc(var(--w) * .045);background:linear-gradient(165deg,var(--frame),var(--frame2) 78%);box-shadow:0 calc(var(--w) * .05) 0 #0306108c,0 0 0 1px #00000059,0 0 calc(var(--w) * .22) color-mix(in srgb,var(--glow) 35%,transparent);-webkit-user-select:none;user-select:none;flex:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.card-inner{position:relative;width:100%;height:100%;border-radius:calc(var(--w) * .11);overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(85% 60% at 50% 30%,rgba(255,255,255,.28),transparent 62%),linear-gradient(165deg,var(--art1),var(--art2));box-shadow:inset 0 0 0 2px #00000047,inset 0 calc(var(--w) * -.3) calc(var(--w) * .4) #00000061}.card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 30% at 50% 78%,rgba(255,255,255,.16),transparent 70%),repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px);mix-blend-mode:screen;pointer-events:none}.card-art-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.card-art{font-size:calc(var(--w) * .52);line-height:1;transform:translateY(-9%);filter:drop-shadow(0 calc(var(--w) * .03) calc(var(--w) * .03) rgba(0,0,0,.45));z-index:0}.card-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:1;pointer-events:none}.card-art-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#060a184d,#060a1800 28%,#060a1800 58%,#060a18b8)}.card-cost{position:absolute;top:calc(var(--w) * -.06);left:calc(var(--w) * -.06);width:calc(var(--w) * .31);height:calc(var(--w) * .31);min-width:17px;min-height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:calc(var(--w) * .2);color:#fff;background:radial-gradient(circle at 34% 26%,#ffc6fb,#c245e4 52%,#6c0f8f);border:2px solid #ffd9fb;box-shadow:0 2px 4px #00000080;z-index:3;text-shadow:0 1px 1px rgba(0,0,0,.5)}.card-name{position:absolute;z-index:2;left:5%;right:5%;bottom:calc(var(--w) * .035);padding:1px 2px;border-radius:calc(var(--w) * .05);background:linear-gradient(180deg,#080e202e,#080e20cc);text-align:center;font-family:var(--display);font-size:calc(var(--w) * .115);letter-spacing:.01em;color:#fff;text-shadow:0 1px 0 #000,0 0 4px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-count{position:absolute;top:calc(var(--w) * -.05);right:calc(var(--w) * -.05);z-index:3;min-width:calc(var(--w) * .26);padding:0 calc(var(--w) * .06);height:calc(var(--w) * .22);border-radius:99px;background:linear-gradient(180deg,#2c3c66,#141f3c);box-shadow:inset 0 0 0 1px #a0c3ff59;display:flex;align-items:center;justify-content:center;font-size:calc(var(--w) * .14);color:#dce8ff}.card-level{position:absolute;right:calc(var(--w) * .04);bottom:calc(var(--w) * .04);z-index:3;font-size:calc(var(--w) * .1);color:#ffffffbf;text-shadow:0 1px 2px #000}.card-xs{--w: 48px}.card-sm{--w: 64px}.card-md{--w: 78px}.card-lg{--w: 116px}.card-face.is-selected{transform:translateY(-8px) scale(1.03);box-shadow:0 calc(var(--w) * .05) 0 #0306108c,0 0 0 3px var(--gold),0 0 calc(var(--w) * .35) #ffd75a8c}.card-face.is-disabled,.card-face.is-dimmed{filter:grayscale(.75) brightness(.55)}.card-face[role=button]{cursor:pointer}.auth-screen{position:relative;min-height:100dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:26px;padding:max(28px,env(safe-area-inset-top)) 20px 28px}.auth-orb{position:fixed;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;z-index:0}.auth-orb-a{width:340px;height:340px;top:-120px;left:-90px;background:#1d4fd8}.auth-orb-b{width:300px;height:300px;bottom:-110px;right:-110px;background:#7a2ad0}.auth-orb-c{width:220px;height:220px;top:42%;right:-120px;background:#d4365a;opacity:.32}.auth-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;max-width:560px;margin-top:auto;flex:none}.logo-lockup{display:flex;flex-direction:column;align-items:center}.logo-mark,.logo-crown{font-size:44px;filter:drop-shadow(0 6px 10px rgba(255,190,40,.35));animation:bob 3s ease-in-out infinite}.game-logo{font-family:var(--display);font-size:clamp(34px,10vw,54px);line-height:1;letter-spacing:.03em;color:#fff;text-shadow:0 2px 0 #1a2c60,0 4px 0 #0d1838,0 10px 24px rgba(0,0,0,.55)}.game-logo span{color:var(--gold);margin-left:.14em;text-shadow:0 2px 0 #8a5a00,0 4px 0 #583800,0 10px 24px rgba(255,180,40,.25)}.game-tag{margin-top:4px;font-size:11px;letter-spacing:.28em;color:var(--muted);font-weight:700}.server-chip{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:5px 14px 5px 10px;border-radius:999px;border:1px solid rgba(255,200,90,.34);background:#ffba4217;color:#ffe2a1;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.server-dot{width:8px;height:8px;border-radius:50%;background:#5dff9b;box-shadow:0 0 8px #5dff9bd9}.auth-fan{position:relative;height:176px;width:260px;margin:6px 0 0;display:flex;align-items:center;justify-content:center}.auth-fan-card{position:absolute;left:50%;top:10px;margin-left:-58px;animation:fan-in .6s cubic-bezier(.18,.9,.3,1.2) backwards}.auth-fan-card:nth-child(1){animation-delay:.03s}.auth-fan-card:nth-child(2){animation-delay:.08s}.auth-fan-card:nth-child(3){animation-delay:.13s}.auth-fan-card:nth-child(4){animation-delay:.18s}.auth-fan-card:nth-child(5){animation-delay:.23s}@keyframes fan-in{0%{opacity:0;transform:translateY(24px) scale(.8)}}.auth-blurb{max-width:380px;color:var(--muted);font-size:13.5px;line-height:1.5}.auth-panel{position:relative;z-index:1;width:min(94vw,390px);padding:18px;border-radius:20px;background:radial-gradient(130% 90% at 50% -30%,rgba(80,125,220,.3),transparent 60%),linear-gradient(180deg,#162446eb,#0c142af2);box-shadow:inset 0 0 0 1px #8cb4ff29,0 28px 60px #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:auto;flex:none}.auth-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;padding:4px;border-radius:12px;background:#060c1c99;box-shadow:inset 0 0 0 1px #789be124}.auth-tab{padding:8px 6px;border-radius:9px;font-family:var(--display);font-size:13px;color:var(--muted);transition:all .15s ease}.auth-tab.is-active{color:#fff;background:linear-gradient(180deg,#3f7bff,#234bbd);box-shadow:inset 0 1px #ffffff40,0 3px 8px #143caa80}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:15px}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.field input{padding:11px 13px;border-radius:11px;border:1px solid rgba(130,165,230,.22);background:#060c1cb3;color:var(--ink);font-size:15px;font-weight:600;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#5c6d90;text-transform:none;letter-spacing:0}.field input:focus{border-color:#5096ffb3;box-shadow:0 0 0 3px #3c82ff2e}.form-error{padding:9px 12px;border-radius:10px;font-size:13px;color:#ffd0d3;background:#961e3247;box-shadow:inset 0 0 0 1px #ff647359}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-hint{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(130,165,230,.15);text-align:center;font-size:12px;color:var(--muted);line-height:1.7}.menu-screen{position:relative;height:100dvh;overflow-y:auto;overflow-anchor:none;display:flex;flex-direction:column;align-items:center;padding:max(14px,env(safe-area-inset-top)) 16px 24px}.menu-bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.45}.menu-bg-orb-a{width:360px;height:360px;top:-140px;left:50%;transform:translate(-70%);background:#1f52d8}.menu-bg-orb-b{width:300px;height:300px;bottom:-120px;left:50%;transform:translate(-20%);background:#741fd6}.menu-topbar{position:relative;z-index:1;width:min(100%,460px);display:flex;align-items:center;justify-content:space-between;gap:10px}.player-chip{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:999px;background:linear-gradient(180deg,#283e70d9,#111c38e6);box-shadow:inset 0 0 0 1px #8cb4ff33,0 4px 14px #00000059;text-align:left;min-width:0}.player-chip-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.player-chip-name{font-family:var(--display);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.player-chip-sub{font-size:11px;color:var(--muted)}.menu-topbar-right{display:flex;align-items:center;gap:8px}.currency-chip{padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--gold);background:#14203ed9;box-shadow:inset 0 0 0 1px #ffd25a40;white-space:nowrap}.menu-main{position:relative;z-index:1;width:min(100%,440px);display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:18px;flex:1}.menu-logo .logo-crown{font-size:46px}.arena-badge{padding:6px 15px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#ffe6a8;background:linear-gradient(180deg,#78581499,#3c2a0899);box-shadow:inset 0 0 0 1px #ffd2644d}.menu-deck-fan{position:relative;width:260px;height:148px;display:flex;align-items:center;justify-content:center;margin-top:2px}.menu-deck-card{position:absolute;left:50%;top:16px;margin-left:-32px;transition:transform .2s ease}.menu-deck-card .card-face{--w: 64px}.menu-avg{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#e2d2ff;background:#161230d9;box-shadow:inset 0 0 0 1px #aa82ff4d;white-space:nowrap}.menu-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:4px}.battle-button{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;width:100%;padding:14px 16px;border-radius:18px;color:#fff;text-align:left;background:linear-gradient(180deg,#63b4ff,#2b6df0 46%,#1c47b8);box-shadow:inset 0 2px #ffffff73,inset 0 -5px #05185073,0 7px #0d2257,0 16px 34px #1446d259;transition:transform .08s ease,filter .15s ease}.battle-button:hover{filter:brightness(1.07)}.battle-button:active{transform:translateY(4px);box-shadow:inset 0 2px #fff6,inset 0 -3px #05185073,0 3px #0d2257}.battle-button-glow{position:absolute;top:-60%;right:-20%;bottom:-60%;left:-20%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.35) 50%,transparent 62%);transform:translate(-70%);animation:sheen 3.4s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%,55%{transform:translate(-75%)}85%,to{transform:translate(75%)}}.battle-button-crown{width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:13px;background:radial-gradient(circle at 35% 25%,#ffe9a8,#ffb524 55%,#d47800);box-shadow:inset 0 0 0 2px #ffffff59,0 3px 8px #50280066}.battle-button-text{display:flex;flex-direction:column;line-height:1.1;flex:1}.battle-button-text strong{font-family:var(--display);font-size:22px;letter-spacing:.05em;text-shadow:0 2px 0 rgba(8,30,90,.6)}.battle-button-text small{font-size:12px;color:#ebf5ffd1;font-weight:600}.battle-button-chevron{font-size:28px;opacity:.8}.menu-nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:4px}.nav-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 4px 9px;border-radius:14px;font-size:11.5px;font-weight:700;color:#cfdcf6;background:linear-gradient(180deg,#253866cc,#121d3ae6);box-shadow:inset 0 1px #ffffff1a,0 4px #0408148c;transition:transform .08s ease,filter .15s ease}.nav-tile:hover{filter:brightness(1.14)}.nav-tile:active{transform:translateY(3px)}.nav-tile-icon{font-size:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.menu-footer{margin-top:auto;padding-top:16px;font-size:11.5px;color:var(--muted);text-align:center}.menu-footer strong{color:#ffd7a0}.screen{height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));position:relative;overflow:hidden}.screen-header{display:flex;align-items:center;gap:10px;padding:4px 0 12px;flex:none}.screen-title-wrap{flex:1;min-width:0;text-align:center}.screen-title{font-family:var(--display);font-size:25px;letter-spacing:.03em;line-height:1.1}.screen-subtitle{font-size:12px;color:var(--muted)}.screen-header-right{min-width:40px;display:flex;justify-content:flex-end}.back-btn{font-size:27px;padding-bottom:4px}.panel-title{font-family:var(--display);font-size:16px;letter-spacing:.03em;color:#dce8ff;margin-bottom:10px}.filter-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;flex:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:none;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:700;color:#a9bade;background:#162240d9;box-shadow:inset 0 0 0 1px #82a5eb24;transition:all .14s ease}.filter-chip.is-active{color:#fff;background:linear-gradient(180deg,#3f8cff,#2153c4);box-shadow:inset 0 1px #ffffff4d,0 3px 10px #286eff59}.chip-legendary.is-active{background:linear-gradient(180deg,#ff6fb4,#a52ad6);box-shadow:inset 0 1px #ffffff4d,0 3px 10px #dc50dc59}.deck-body,.collection-body,.arena-body,.profile-body,.settings-body,.leaderboard-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(120,160,240,.35) transparent}.deck-panel,.collection-panel{flex:none}.deck-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border-radius:16px;background:radial-gradient(120% 80% at 50% -30%,rgba(80,125,220,.22),transparent 60%),linear-gradient(180deg,#18264ae6,#0c142ae6);box-shadow:inset 0 0 0 1px #8cb4ff24}.deck-slot{position:relative;display:flex;align-items:center;justify-content:center;border-radius:10px;aspect-ratio:.78}.deck-slot.is-filled .card-face{width:100%;max-width:78px}.deck-slot-remove{position:absolute;top:-4px;right:-2px;z-index:4;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;background:linear-gradient(180deg,#ff6d71,#a51c2f);box-shadow:0 2px 4px #00000080}.deck-slot.is-empty{background:#0a12268c;box-shadow:inset 0 0 0 2px #78a0eb24;color:#8cafeb66;font-size:22px;aspect-ratio:.72}.deck-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px;padding:0 4px}.cost-chart{display:flex;align-items:flex-end;gap:5px;height:44px;flex:1;max-width:190px}.cost-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;height:100%}.cost-chart-track{flex:1;width:100%;display:flex;align-items:flex-end;border-radius:3px;background:#ffffff0d;overflow:hidden}.cost-chart-bar{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#d98bff,#7a2ad0);transition:height .2s ease}.cost-chart-col span{font-size:9px;color:var(--muted);line-height:1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:11px 8px;padding:4px 2px 12px}.grid-card{position:relative;display:flex;align-items:center;justify-content:center}.grid-card .card-face{width:100%;max-width:76px}.grid-card.is-in-deck .card-face{box-shadow:0 calc(var(--w) * .05) 0 #0306108c,0 0 0 2px var(--green),0 0 14px #46e6a066}.grid-info{position:absolute;right:1px;bottom:5px;z-index:4;width:17px;height:17px;border-radius:50%;font-size:10px;font-weight:800;color:#cfe1ff;background:#080e1ed9;box-shadow:inset 0 0 0 1px #96b9ff66}.in-deck-badge,.locked-badge{position:absolute;z-index:4;font-size:13px;line-height:1}.in-deck-badge{top:-3px;right:0;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#04281a;background:linear-gradient(180deg,#6dffc0,#18b877);box-shadow:0 2px 4px #0006}.locked-badge{top:6px;right:6px;filter:drop-shadow(0 1px 2px #000)}.card-info-sheet{display:flex;flex-direction:column;gap:14px}.card-info-head{display:flex;gap:14px;align-items:center}.card-info-title{min-width:0}.card-info-title h2{font-family:var(--display);font-size:26px;line-height:1.05;margin:4px 0}.card-info-title p{font-size:12px;color:var(--muted);text-transform:capitalize}.rarity-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rarity-common{color:#dbe8f8;background:#7891af47}.rarity-rare{color:#ffe2a8;background:#ffa52838}.rarity-epic{color:#edcdff;background:#b45aff40}.rarity-legendary{color:#ffd0e8;background:#ff50aa40}.card-info-desc{font-size:13px;line-height:1.5;color:#c3d3ee}.card-info-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.card-stat{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:9px;background:#09102299;box-shadow:inset 0 0 0 1px #82a5eb1f;font-size:12px;color:var(--muted)}.card-stat strong{color:#fff;font-size:12.5px}.collection-stats,.profile-stats{display:flex;flex-wrap:wrap;gap:7px;flex:none}.profile-hero{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:radial-gradient(110% 130% at 85% 0%,rgba(255,205,90,.16),transparent 55%),linear-gradient(160deg,#1e305ce6,#0d162eeb);box-shadow:inset 0 0 0 1px #8cb4ff29;flex:none}.profile-avatar-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;flex:none}.profile-avatar-edit{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--gold);text-transform:uppercase}.profile-identity{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.profile-identity h2{font-family:var(--display);font-size:24px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-arena{font-size:12px;color:#ffdf9a}.profile-joined{font-size:11px;color:var(--muted)}.profile-trophy-badge{display:flex;flex-direction:column;align-items:center;padding:7px 12px;border-radius:13px;background:#3c2c088c;box-shadow:inset 0 0 0 1px #ffd2644d;flex:none}.profile-trophy-icon{font-size:18px;line-height:1}.profile-trophy-badge strong{font-family:var(--display);font-size:18px;color:var(--gold)}.profile-trophy-badge small{font-size:9px;color:#d7bd85;text-transform:uppercase;letter-spacing:.08em}.avatar-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;border-radius:14px;background:#0e1830d9;box-shadow:inset 0 0 0 1px #8cb4ff24;flex:none}.avatar-choice{aspect-ratio:1;border-radius:12px;font-size:25px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#293e6e,#16223f);box-shadow:inset 0 0 0 1px #96b9ff2e,0 3px #04081480;transition:transform .08s ease}.avatar-choice:active{transform:translateY(2px)}.avatar-choice.is-active{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #ffd25a59}.history-panel{padding:14px;border-radius:16px;background:linear-gradient(180deg,#162344d9,#0c1328e6);box-shadow:inset 0 0 0 1px #8cb4ff21;flex:none}.history-list{display:flex;flex-direction:column;gap:6px}.history-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:#080e1e8c;border-left:3px solid transparent}.history-win{border-left-color:var(--green)}.history-loss{border-left-color:var(--red)}.history-draw{border-left-color:#8da4cc}.history-avatar{flex:none}.history-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.history-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-info small{font-size:10.5px;color:var(--muted)}.history-crowns{font-family:var(--display);font-size:13px;color:#ffe1a0;flex:none}.history-crowns em{font-style:normal;color:var(--muted);font-size:11px}.history-delta{flex:none;min-width:34px;text-align:right;font-family:var(--display);font-size:13px;color:var(--muted)}.up{color:#7dffc1!important}.down{color:#ff8f96!important}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 0;color:var(--muted);font-size:13px;text-align:center}.empty-state span{font-size:30px;opacity:.7}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:8px 0 14px;flex:none}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;max-width:128px;padding:10px 6px;border-radius:14px;background:linear-gradient(180deg,#2e3e6ccc,#121c36e6);box-shadow:inset 0 0 0 1px #96b9ff29}.podium-first{padding-top:18px;padding-bottom:16px;background:radial-gradient(120% 100% at 50% 0%,rgba(255,205,80,.28),transparent 65%),linear-gradient(180deg,#423a1ad9,#1c1a10eb);box-shadow:inset 0 0 0 1px #ffd25a66,0 0 24px #ffbe2826;transform:translateY(-8px)}.podium-medal{font-size:16px;line-height:1}.podium-slot strong{font-family:var(--display);font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-trophies{font-size:11px;color:#ffdf9a}.leader-list{display:flex;flex-direction:column;gap:6px}.leader-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,#1c2b50b3,#0d152bd9);box-shadow:inset 0 0 0 1px #82a5eb1f}.leader-row.is-self{box-shadow:inset 0 0 0 1px #5096ff8c,0 0 18px #3c82ff2e}.leader-rank{width:26px;flex:none;text-align:center;font-family:var(--display);font-size:14px;color:#b9cae8}.leader-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.leader-name strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-name em{font-style:normal;color:var(--blue);font-size:11px}.leader-name small{font-size:10.5px;color:var(--muted)}.leader-trophies{flex:none;font-family:var(--display);font-size:13.5px;color:var(--gold)}.settings-panel{padding:14px;border-radius:16px;background:linear-gradient(180deg,#18264ad9,#0c142ae6);box-shadow:inset 0 0 0 1px #8cb4ff24;flex:none}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 2px}.setting-row+.setting-row{border-top:1px solid rgba(130,165,230,.1);margin-top:4px;padding-top:12px}.setting-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}.setting-row strong{font-size:14px}.setting-row small{font-size:11.5px;color:var(--muted)}.toggle{width:52px;height:29px;border-radius:999px;padding:3px;flex:none;background:linear-gradient(180deg,#1a2747,#0d1730);box-shadow:inset 0 0 0 1px #82a5e640,inset 0 3px 6px #00000073;transition:background .2s ease}.toggle.is-on{background:linear-gradient(180deg,#3f8cff,#2153c4);box-shadow:inset 0 0 0 1px #96beff66,0 0 12px #3c82ff59}.toggle-knob{display:block;width:23px;height:23px;border-radius:50%;background:linear-gradient(180deg,#fff,#c1cee6);box-shadow:0 2px 4px #00000073;transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.toggle.is-on .toggle-knob{transform:translate(23px)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42%;height:7px;border-radius:999px;outline:none;background:linear-gradient(90deg,#a35bff,#3f8cff);box-shadow:inset 0 0 0 1px #ffffff26}.volume-slider:disabled{filter:grayscale(1) opacity(.5)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b9c9e6 70%);box-shadow:0 2px 5px #0000008c;cursor:pointer}.volume-slider::-moz-range-thumb{width:19px;height:19px;border:none;border-radius:50%;background:#e8f0ff}.setting-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 2px;text-align:left;border-radius:10px;transition:background .15s ease}.setting-link:hover{background:#6496ff14}.setting-link+.setting-link{border-top:1px solid rgba(130,165,230,.1)}.setting-link-icon{width:38px;height:38px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;font-size:19px;background:linear-gradient(180deg,#2b4275,#16223f);box-shadow:inset 0 0 0 1px #96b9ff33}.setting-link>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.setting-link strong{font-size:14px}.setting-link small{font-size:11.5px;color:var(--muted)}.setting-link-chevron{font-size:22px;color:#7186ad}.settings-credit{margin-top:auto;padding-top:12px;text-align:center;font-size:11px;color:#62759a}.guide-card h2{margin-bottom:12px}.guide-list{display:flex;flex-direction:column;gap:9px;margin-bottom:16px;font-size:13px;line-height:1.45;color:#c6d5ee}.battle-lobby-screen{position:relative;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 26px}.battle-lobby{position:relative;z-index:1;width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin:auto 0;padding:16px 0}.lobby-back{position:absolute;top:0;left:0;font-size:27px;padding-bottom:4px}.lobby-emblem{font-size:58px;filter:drop-shadow(0 8px 18px rgba(255,120,80,.35));animation:bob 3s ease-in-out infinite}.lobby-title{font-family:var(--display);font-size:32px;letter-spacing:.03em;text-shadow:0 2px 0 #1a2c60,0 8px 22px rgba(0,0,0,.5)}.lobby-sub{max-width:330px;font-size:13px;line-height:1.45;color:var(--muted)}.lobby-deck{display:flex;gap:5px;padding:8px 10px;border-radius:14px;background:#0c152cbf;box-shadow:inset 0 0 0 1px #8cb4ff26;max-width:100%;flex-wrap:wrap;justify-content:center}.lobby-deck .card-face{--w: 42px}.lobby-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:6px}.lobby-hint{font-size:11.5px;color:#6d80a6}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;background:#040814c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .15s ease-out}.search-panel{width:min(94vw,360px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 20px 22px;border-radius:22px;text-align:center;background:radial-gradient(130% 90% at 50% -20%,rgba(85,130,230,.35),transparent 60%),linear-gradient(180deg,#1b2b53,#0f1934);box-shadow:inset 0 0 0 1px #96b9ff33,0 26px 60px #0009}.search-panel h2{font-family:var(--display);font-size:22px}.search-spinner{position:relative;width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.search-spinner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--blue);border-right-color:#a06effcc;animation:spin 1s linear infinite}.search-spinner span{font-size:36px;animation:bob 1.4s ease-in-out infinite}.search-time{font-family:var(--display);color:var(--gold);font-size:15px}.search-tip{min-height:34px;font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:8px}.battle-screen{position:relative;height:100dvh;width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;padding:max(6px,env(safe-area-inset-top)) 8px max(6px,env(safe-area-inset-bottom))}.battle-topbar{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:4px 2px 6px}.side-info{display:flex;align-items:center;gap:7px;min-width:0}.side-self{justify-content:flex-end}.side-text{display:flex;flex-direction:column;min-width:0;gap:1px}.side-text-right{align-items:flex-end}.side-name{font-family:var(--display);font-size:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6)}.crown-row{display:flex;gap:1px;font-size:12px;line-height:1}.crown-icon{filter:grayscale(1) brightness(.6);opacity:.55;transition:filter .2s ease,opacity .2s ease,transform .2s ease}.crown-icon.is-filled{filter:drop-shadow(0 0 4px rgba(255,200,60,.8));opacity:1}.crown-icon.big{font-size:22px}.match-clock{display:flex;flex-direction:column;align-items:center;gap:0;padding:3px 13px 4px;border-radius:12px;background:linear-gradient(180deg,#223560f2,#0e172ef2);box-shadow:inset 0 0 0 1px #8cb4ff38,0 3px 10px #0006;min-width:92px}.match-time{font-family:var(--display);font-size:20px;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums}.match-phase{font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:800;white-space:nowrap}.match-clock.is-urgent{background:linear-gradient(180deg,#b8293f,#6d0f21);box-shadow:inset 0 0 0 1px #ff8c9680,0 0 20px #ff324666;animation:urgent-pulse 1s ease-in-out infinite}.match-clock.is-urgent .match-phase{color:#ffd2d6}@keyframes urgent-pulse{50%{transform:scale(1.06)}}.battle-middle{flex:1;min-height:0;display:flex;padding:2px 0}.arena-shell{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:16px}.arena-shell:before{content:"";position:absolute;top:8%;right:12%;bottom:8%;left:12%;border-radius:50%;background:radial-gradient(circle,rgba(70,120,220,.18),transparent 70%);filter:blur(18px);pointer-events:none}.arena-frame{position:relative;display:flex;z-index:1}.arena-canvas{display:block;border-radius:13px;box-shadow:0 0 0 3px #24345f,0 0 0 5px #080e1ecc,0 14px 34px #0000008c;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.countdown-badge{position:absolute;z-index:5;padding:8px 22px;border-radius:14px;font-family:var(--display);font-size:24px;letter-spacing:.12em;color:#fff;background:linear-gradient(180deg,#283c6ef2,#0e1830f2);box-shadow:inset 0 0 0 1px #96beff59,0 10px 26px #0000008c;animation:countdown-pulse .9s ease-in-out infinite}@keyframes countdown-pulse{50%{transform:scale(1.06)}}.opponent-banner,.reconnect-banner{position:absolute;z-index:6;left:50%;transform:translate(-50%);top:8px;padding:6px 13px;border-radius:999px;font-size:11px;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;background:#781928e6;box-shadow:inset 0 0 0 1px #ff828c66;color:#ffd9dc}.reconnect-banner{top:42px;background:#3c2d08eb;box-shadow:inset 0 0 0 1px #ffd26466;color:#ffe9b8}.battle-exit{position:absolute;z-index:7;top:6px;right:6px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fffc;background:#080e1e99;box-shadow:inset 0 0 0 1px #a0beff33}.battle-exit:hover{background:#781928d9}.battle-bottom{flex:none;padding-top:6px;display:flex;flex-direction:column;gap:8px}.elixir-row{display:flex;align-items:center;gap:7px}.elixir-orb{flex:none;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:14px;color:#fff;background:radial-gradient(circle at 34% 28%,#ffb6fb,#bd3fe0 55%,#6a0b8f);box-shadow:0 0 0 2px #ffd2ff80,0 0 14px #d250ff73;text-shadow:0 1px 2px rgba(60,0,80,.6)}.elixir-track{position:relative;flex:1;height:15px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#1a1136,#0d0820);box-shadow:inset 0 2px 5px #000000b3,inset 0 0 0 1px #be82ff47}.elixir-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 45%),linear-gradient(90deg,#8a3bff,#d24df0 60%,#ff77ea);box-shadow:0 0 14px #d75affa6;transition:width .14s linear}.elixir-marks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(8,4,20,.55) calc(10% - 2px) 10%);pointer-events:none}.elixir-boost{flex:none;padding:2px 7px;border-radius:999px;font-family:var(--display);font-size:11px;color:#ffe9ac;background:#78550ab3;box-shadow:inset 0 0 0 1px #ffd26473}.hand-row{display:flex;align-items:flex-end;gap:7px}.hand-cards{flex:1;display:flex;align-items:flex-end;gap:5px;min-width:0}.hand-slot{flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center;transition:transform .12s ease}.hand-slot .card-face{width:100%;max-width:76px;height:auto}.hand-slot:not(.is-unaffordable):active{transform:translateY(-3px)}.hand-slot.is-selected{transform:translateY(-9px)}.hand-slot.is-unaffordable{opacity:.62;filter:saturate(.7)}.hand-loading{flex:1;text-align:center;font-size:12px;color:var(--muted);padding:24px 0}.next-card-wrap{flex:none;width:52px;display:flex;flex-direction:column;align-items:center;gap:3px;padding-bottom:4px}.next-label{font-size:8px;letter-spacing:.16em;color:var(--muted);font-weight:800}.next-card-wrap .card-face{--w: 44px;opacity:.85}.next-empty{width:44px;height:61px;border-radius:7px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #82a5e626}.drag-ghost{position:fixed;left:0;top:0;z-index:95;pointer-events:none;opacity:.92;filter:drop-shadow(0 14px 20px rgba(0,0,0,.55));transform:translate3d(-200px,-200px,0) translate(-50%,-60%) scale(1.05)}.result-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;display:flex;align-items:center;justify-content:center;padding:18px;background:#040814c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .2s ease-out}.result-panel{position:relative;overflow:hidden;width:min(94vw,400px);padding:22px 20px 20px;border-radius:24px;text-align:center;background:radial-gradient(120% 80% at 50% -10%,rgba(80,130,230,.35),transparent 60%),linear-gradient(180deg,#1c2d58,#0f1934);box-shadow:inset 0 0 0 1px #96b9ff38,0 30px 70px #000000a6;animation:pop-in .25s cubic-bezier(.2,1.1,.4,1)}.result-panel.is-win{background:radial-gradient(120% 80% at 50% -10%,rgba(255,200,70,.32),transparent 60%),linear-gradient(180deg,#2d2b52,#171534)}.result-panel.is-loss{background:radial-gradient(120% 80% at 50% -10%,rgba(255,80,100,.24),transparent 60%),linear-gradient(180deg,#2d1f3a,#170f22)}.result-rays{position:absolute;top:-120px;left:50%;width:420px;height:420px;margin-left:-210px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,215,100,.14) 0deg 9deg,transparent 9deg 18deg);animation:spin 22s linear infinite;pointer-events:none}.is-loss .result-rays{background:repeating-conic-gradient(from 0deg,rgba(255,90,110,.08) 0deg 9deg,transparent 9deg 18deg)}.result-crown{position:relative;font-size:48px;line-height:1;filter:drop-shadow(0 8px 16px rgba(255,190,60,.45));animation:bob 2.4s ease-in-out infinite}.result-title{position:relative;font-family:var(--display);font-size:40px;line-height:1.05;letter-spacing:.03em;margin-top:2px;text-shadow:0 3px 0 #0c142e,0 10px 26px rgba(0,0,0,.55)}.is-win .result-title{color:#ffe27a;text-shadow:0 3px 0 #7a5400,0 10px 26px rgba(255,190,40,.35)}.is-loss .result-title{color:#ff9aa5}.is-draw .result-title{color:#cfe0ff}.result-reason{position:relative;font-size:13px;color:var(--muted);margin-top:2px}.result-crowns{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0;padding:12px 10px;border-radius:16px;background:#080e1e80;box-shadow:inset 0 0 0 1px #8cb4ff24}.result-crown-side{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.result-crown-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-crown-value{display:flex;gap:2px;justify-content:center}.result-vs{font-family:var(--display);font-size:13px;color:#7186ad}.reward-area{position:relative;margin-bottom:16px}.chest-button{position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px;border-radius:16px;background:radial-gradient(90% 80% at 50% 0%,rgba(255,215,90,.3),transparent 70%),linear-gradient(180deg,#4a3a12,#241b06);box-shadow:inset 0 0 0 1px #ffd76e66,0 6px #120d02;animation:chest-bounce 1.6s ease-in-out infinite}.chest-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 50% 50%,rgba(255,225,130,.28),transparent 55%);animation:bob 1.6s ease-in-out infinite}.chest-emoji{font-size:38px;line-height:1;filter:drop-shadow(0 4px 10px rgba(255,190,60,.5))}.chest-label{font-family:var(--display);font-size:17px;color:#ffe9a8}.chest-tap{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c8ab68}@keyframes chest-bounce{50%{transform:translateY(-3px)}}.reward-row{display:flex;align-items:flex-end;justify-content:center;gap:10px}.reward-item{display:flex;flex-direction:column;align-items:center;gap:0;padding:9px 14px;border-radius:13px;background:#080e1e8c;box-shadow:inset 0 0 0 1px #8cb4ff24;animation:pop-in .3s ease-out backwards}.reward-item:nth-child(2){animation-delay:.08s}.reward-icon{font-size:17px;line-height:1}.reward-item strong{font-family:var(--display);font-size:18px;color:#fff}.reward-item small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.reward-card{display:flex;flex-direction:column;align-items:center;gap:3px;animation:pop-in .3s ease-out .16s backwards}.reward-card small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.result-actions{position:relative;display:flex;flex-direction:column;gap:8px}@media(min-width:720px)and (min-height:760px){.auth-screen{flex-direction:row;justify-content:center;gap:54px;padding:40px}.auth-hero{align-items:flex-start;text-align:left;max-width:420px}.logo-lockup{align-items:flex-start}.auth-fan{margin-top:14px}.auth-blurb{max-width:340px}.menu-main{padding-top:30px}.battle-screen{max-width:620px}.screen{max-width:640px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}}@media(max-height:620px){.menu-deck-fan{height:120px}.menu-deck-card{top:8px}.menu-deck-card .card-face{--w: 54px}.menu-logo .logo-crown,.game-logo{font-size:32px}.arena-badge,.menu-footer{display:none}.hand-slot .card-face{max-width:66px}.elixir-track{height:12px}.battle-topbar{padding-bottom:2px}}@media(max-height:540px){.match-phase{display:none}.hand-slot .card-face{max-width:58px}.elixir-orb{width:24px;height:24px;font-size:12px}}.nav-tile-badge{position:absolute;top:4px;right:8px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;font-size:9.5px;font-weight:800;color:#3a2400;background:linear-gradient(180deg,#ffe07a,#f0a71a);box-shadow:0 2px #00000059}.arena-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;padding:15px;border-radius:20px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 -4px #0000002e,0 10px 26px #00000059}.arena-hero:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.35),transparent 46%);pointer-events:none}.arena-hero-icon{position:relative;font-size:48px;line-height:1;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}.arena-hero-copy{position:relative;flex:1;min-width:0}.arena-hero-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.88}.arena-hero h2{font-family:var(--display);font-size:25px;line-height:1.08;text-shadow:0 2px 0 rgba(0,0,0,.3)}.arena-hero-trophies{margin-top:2px;font-size:12px;font-weight:700;opacity:.95}.arena-progress{height:8px;margin-top:9px;border-radius:999px;background:#0000004d;box-shadow:inset 0 1px #00000059;overflow:hidden}.arena-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#fff6b0,#ffcf4d);box-shadow:0 0 10px #ffdc64cc;transition:width .3s ease}.arena-hero-battle{position:relative;flex:none;align-self:flex-end;padding:9px 12px;border-radius:12px;font-family:var(--display);font-size:13px;color:#fff;background:#080e1e61;box-shadow:inset 0 0 0 1px #ffffff4d}.chest-shelf,.arena-path{padding:12px;border-radius:18px;background:linear-gradient(180deg,#182750bf,#0c152ce0);box-shadow:inset 0 0 0 1px #82a5eb26}.arena-path{display:flex;flex-direction:column;gap:9px;padding-top:12px}.arena-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.arena-path .arena-section-head{margin-bottom:1px}.arena-section-head .panel-title{margin-bottom:2px}.arena-section-sub{font-size:11.5px;font-weight:600;color:var(--muted)}.chest-counter{flex:none;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;color:var(--gold);background:#142140d9;box-shadow:inset 0 0 0 1px #ffd25a40;white-space:nowrap}.chest-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(103px,1fr));gap:9px}.chest-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 8px 9px;border-radius:14px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:inset 0 1px #ffffff73,inset 0 -3px #00000038,0 5px 12px #0000004d;transition:transform .08s ease,filter .15s ease}.chest-card:hover:not(:disabled){filter:brightness(1.07)}.chest-card:active:not(:disabled){transform:translateY(2px)}.chest-card:disabled{opacity:.75}.chest-card strong{font-family:var(--display);font-size:13px;line-height:1.05}.chest-card small{font-size:10px;font-weight:700;opacity:.85}.chest-card-icon{font-size:30px;line-height:1.05;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.chest-card-open{margin-top:4px;padding:2px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#ffeec2;background:#0a10229e}.chest-empty{padding:14px 0 18px}.arena-row{display:flex;gap:11px;padding:10px;border-radius:14px;background:#0a122699;box-shadow:inset 0 0 0 1px #7896d71f;opacity:.72}.arena-row.is-unlocked{opacity:1}.arena-row.is-current{background:linear-gradient(135deg,#ffffff17,#0a1226b3);box-shadow:inset 0 0 0 1.5px var(--arena-a, #6b8ccc),0 4px 16px #00000047}.arena-row-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:23px;background:linear-gradient(160deg,var(--arena-a, #4a5b85),var(--arena-b, #222f52));box-shadow:inset 0 1px #ffffff52;filter:grayscale(.55)}.arena-row.is-unlocked .arena-row-icon{filter:none}.arena-row-main{flex:1;min-width:0}.arena-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.arena-row-head strong{font-size:13px;line-height:1.25}.arena-tag{flex:none;padding:2px 7px;border-radius:999px;font-size:9.5px;font-weight:800;white-space:nowrap;color:var(--muted);background:#ffffff14}.arena-tag.is-current{color:#7dffc1;background:#43dd9b2e}.arena-tag.is-open{color:#c7d6f5}.arena-tag.is-locked{color:var(--gold);background:#ffd35c1f}.arena-row-cards{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.arena-unlock{display:flex;flex-direction:column;align-items:center;gap:2px}.arena-unlock .card-face{--w: 44px}.arena-unlock small{font-size:8.5px;font-weight:700;color:#8fd9b5}.arena-unlock.is-locked small{color:#8993aa}.chest-reward-modal{text-align:center}.chest-reward-burst{display:block;margin-bottom:2px;font-size:58px;line-height:1;filter:drop-shadow(0 7px 14px rgba(255,200,80,.4));animation:chest-pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes chest-pop{0%{transform:scale(.45) rotate(-9deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.chest-reward-gold{display:inline-flex;align-items:baseline;gap:7px;margin:10px 0 14px;padding:7px 14px;border-radius:999px;background:#ffd35c1f;box-shadow:inset 0 0 0 1px #ffd25a47}.chest-reward-gold span{font-size:17px}.chest-reward-gold strong{font-family:var(--display);font-size:22px;color:var(--gold)}.chest-reward-gold small{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chest-reward-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin-bottom:18px}.chest-reward-card{position:relative}.chest-reward-count{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);padding:1px 7px;border-radius:999px;font-size:10px;font-weight:800;color:#fff;background:#101a36;box-shadow:inset 0 0 0 1px #fff3}.reward-chest-note{display:flex;align-items:center;gap:9px;margin-top:11px;padding:8px 11px;border-radius:12px;text-align:left;background:linear-gradient(135deg,#ffd35c26,#8c50dc21);box-shadow:inset 0 0 0 1px #ffd25a38;animation:pop-in .3s ease-out}.reward-chest-icon{font-size:24px;line-height:1}.reward-chest-note>span:last-child{display:flex;flex-direction:column;line-height:1.2}.reward-chest-note strong{font-family:var(--display);font-size:13px;color:#ffe6a8}.reward-chest-note small{font-size:10.5px;font-weight:600;color:var(--muted)}.card-info-arena{margin-top:9px;padding:7px 10px;border-radius:10px;font-size:11.5px;font-weight:700;color:#ffd88a;background:#ffd35c1a;box-shadow:inset 0 0 0 1px #ffd25a33}.card-info-arena.is-owned{color:#7dffc1;background:#43dd9b1a;box-shadow:inset 0 0 0 1px #43dd9b38}@media(max-width:380px){.arena-hero-icon{font-size:40px}.arena-hero h2{font-size:21px}.arena-hero-battle{padding:8px 9px;font-size:12px}}.server-screen{max-width:1120px}.server-mark{flex:none;padding:6px 8px;border-radius:8px;font-family:var(--display);font-size:11.5px;letter-spacing:.14em;color:var(--gold);background:#ffd35c14;box-shadow:inset 0 0 0 1px #ffd35c59}.server-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:rgba(120,160,240,.35) transparent}.server-stats{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;flex:none}.server-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:radial-gradient(120% 100% at 50% -30%,rgba(80,125,220,.18),transparent 65%),linear-gradient(180deg,#162446e6,#0c142aeb);box-shadow:inset 0 0 0 1px #8cb4ff21}.server-stat-value{font-family:var(--display);font-size:22px;line-height:1.1;color:#fff}.server-stat-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.server-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.server-tabs{display:flex;gap:7px}.server-search{display:flex;gap:8px;flex:none}.server-search input{flex:1;min-width:0;padding:10px 13px;border-radius:11px;border:1px solid rgba(130,165,230,.22);background:#060c1cb3;color:var(--ink);font-size:14px;font-weight:600;outline:none}.server-search input::placeholder{color:#5c6d90}.server-search input:focus{border-color:#5096ffb3;box-shadow:0 0 0 3px #3c82ff2e}.server-table{border-radius:14px;overflow:hidden;background:#0a1228b8;box-shadow:inset 0 0 0 1px #8cb4ff1f;flex:none}.server-row{display:grid;grid-template-columns:minmax(180px,2.2fr) 1.2fr .7fr .8fr .6fr .7fr .8fr;align-items:center;gap:8px;width:100%;padding:9px 12px;border-top:1px solid rgba(120,155,225,.08);background:transparent;color:var(--ink);font-size:13px;text-align:left}button.server-row:hover{background:#5082f01a}.server-row-head{border-top:none;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#162446cc}.server-player{display:flex;align-items:center;gap:9px;min-width:0}.server-avatar{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:20px;background:#5078dc29}.server-player-name{display:flex;flex-direction:column;min-width:0;line-height:1.15}.server-player-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.server-player-name small{font-size:10.5px;color:var(--muted)}.server-online{color:var(--green);font-weight:700}.server-offline{color:var(--muted)}.server-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);flex:none}.server-empty{padding:14px;text-align:center;font-size:13px;color:var(--muted)}.server-table-matches .server-row{grid-template-columns:1.2fr 1.2fr .7fr 1.1fr .7fr 1fr 1.2fr;font-size:12.5px}.server-table-matches .server-row.is-forfeit{box-shadow:inset 2px 0 0 var(--red)}.server-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:flex-end;padding:12px;background:#030712a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.server-detail{width:min(560px,100%);height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:13px;padding:16px;border-radius:18px;background:radial-gradient(130% 90% at 50% -30%,rgba(80,125,220,.28),transparent 60%),linear-gradient(180deg,#162446f7,#0a1124fc);box-shadow:inset 0 0 0 1px #8cb4ff29,0 30px 80px #0009;scrollbar-width:thin;scrollbar-color:rgba(120,160,240,.35) transparent}.server-detail-head{display:flex;align-items:center;gap:11px}.server-detail-avatar{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;font-size:26px;background:#5078dc2e}.server-detail-title{flex:1;min-width:0}.server-detail-title h2{font-family:var(--display);font-size:21px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-detail-title p{font-size:12px;color:var(--muted)}.server-detail-id{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.server-detail-id code{padding:7px 9px;font-size:12px;word-break:break-all;text-transform:none;letter-spacing:0}.server-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.server-detail-stats .server-stat{padding:8px 10px}.server-detail-stats .server-stat-value{font-size:18px}.server-detail-section h3{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-family:var(--display);font-size:14px;letter-spacing:.03em;color:#dce8ff}.server-detail-section h3 span{font-family:var(--font);font-size:11px;font-weight:600;text-transform:none;color:var(--muted)}.server-badges,.server-chip-row{display:flex;flex-wrap:wrap;gap:6px}.server-badge{padding:5px 9px;border-radius:999px;font-size:11.5px;color:#65769a;background:#0f1830cc;box-shadow:inset 0 0 0 1px #789be11f}.server-badge.is-earned{color:#ffe6a8;background:#ffd35c1a;box-shadow:inset 0 0 0 1px #ffd35c4d}.server-chip{padding:5px 9px;border-radius:8px;font-size:11.5px;color:#cbd8f2;background:#142040e6;box-shadow:inset 0 0 0 1px #789be11f}.server-list{display:flex;flex-direction:column;gap:5px}.server-match-row{display:grid;grid-template-columns:minmax(0,1.6fr) auto auto auto;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;background:#0f1830b3;font-size:12.5px}.server-match-row.is-win{box-shadow:inset 2px 0 0 var(--green)}.server-match-row.is-loss{box-shadow:inset 2px 0 0 var(--red)}.server-match-vs{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.server-match-vs small{font-size:10.5px;color:var(--muted)}.server-result{font-weight:800;text-transform:capitalize}.server-result.is-win{color:var(--green)}.server-result.is-loss{color:var(--red)}.server-result.is-draw{color:var(--gold)}.server-delta{font-size:11.5px;color:var(--muted)}@media(max-width:960px){.server-stats{grid-template-columns:repeat(3,1fr)}.server-table,.server-table-matches{overflow-x:auto}.server-row{min-width:700px}}@media(max-width:560px){.server-detail-stats{grid-template-columns:repeat(2,1fr)}.server-mark{display:none}.server-row{min-width:660px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}