:root{--bg:#0d0820;--bg2:#160e33;--panel:#201642c7;--panel-border:#e7c66b29;--text:#f1ecff;--muted:#a99fc9;--gold:#e7c66b;--gold-deep:#b98a2c;--teal:#2fd4c4;--red:#ff5a6e;--green:#4ade80;--radius:14px;--display:"Cinzel", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 700px at 20% -10%, #2b1a5e 0%, transparent 60%), radial-gradient(900px 600px at 110% 10%, #0f4b57 0%, transparent 55%), var(--bg);height:100%;color:var(--text);font-family:var(--sans);background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}#app{min-height:100%}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--display);letter-spacing:.02em;margin:0 0 .4em}h1{font-size:2rem}h2{font-size:1.25rem}.muted{color:var(--muted)}.small{font-size:.85em}.center{text-align:center}.gold{color:var(--gold)}.hidden{display:none!important}.btn{color:var(--text);font:600 .95rem var(--sans);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;gap:.4em;padding:.6em 1.1em;transition:transform 80ms,background .15s,box-shadow .15s;display:inline-flex;text-decoration:none!important}.btn:hover{background:#ffffff1f}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{color:#23160a;background:linear-gradient(#f2d27c,#c9a043);border-color:#f6dd96;box-shadow:0 6px 22px #e7c66b40}.btn.primary:hover{box-shadow:0 8px 28px #e7c66b66}.btn.danger{color:#ffb3bd;background:#ff5a6e26;border-color:#ff5a6e80}.btn.ghost{background:0 0}.btn.small{padding:.35em .75em;font-size:.85rem}.btn.big{padding:.85em 1.6em;font-size:1.05rem}.btn.block{width:100%}.icon-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.2em .4em;font-size:1.2rem}input,select{color:var(--text);font:1rem var(--sans);background:#0000004d;border:1px solid #ffffff24;border-radius:10px;width:100%;padding:.6em .75em}input:focus,select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #e7c66b26}input[type=checkbox]{width:auto;accent-color:var(--gold)}input[type=range]{accent-color:var(--gold);padding:0}input.tiny{width:5em}.field{flex-direction:column;gap:.35em;margin-bottom:.9em;display:flex}.field>span{font-size:.9rem;font-weight:600}.field small{color:var(--muted)}.password-rules{color:var(--muted);flex-wrap:wrap;gap:.35em 1em;margin:-.4em 0 1em;padding:0;font-size:.8rem;list-style:none;display:flex}.password-rules li:before{content:"○ "}.password-rules li.ok{color:var(--good,#4ade80)}.password-rules li.ok:before{content:"✓ "}.check{align-items:flex-start;gap:.6em;margin-bottom:.6em;font-size:.9rem;display:flex}.form-error{color:var(--red);min-height:1.2em;margin:.4em 0}.notice{background:#2fd4c414;border:1px solid #2fd4c44d;border-radius:10px;padding:.6em .8em;font-size:.9rem}.inline-form{align-items:center;gap:.6em;display:flex}.inline-form input,.inline-form select{max-width:200px}.quick{flex-wrap:wrap;gap:.4em;margin:.5em 0;display:flex}.chip{color:var(--text);cursor:pointer;font:600 .85rem var(--sans);background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;padding:.3em .85em}.chip.active,.chip:hover{border-color:var(--gold);color:var(--gold)}.tabs{flex-wrap:wrap;gap:.3em;margin-bottom:1em;display:flex}.tab{color:var(--muted);cursor:pointer;font:600 .9rem var(--sans);background:0 0;border:1px solid #0000;border-radius:999px;padding:.4em .9em}.tab.active{color:var(--text);border-color:var(--panel-border);background:#e7c66b1a}.tabs .sep{background:#ffffff26;width:1px;margin:0 .4em}.seg{flex-wrap:wrap;gap:.4em;display:flex}.seg-btn{color:var(--text);cursor:pointer;font:600 .95rem var(--sans);background:#00000040;border:1px solid #ffffff24;border-radius:10px;flex:1;padding:.6em}.seg-btn.active{border-color:var(--gold);color:var(--gold);background:#e7c66b1f}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--panel-border);background:#0d0820d1;align-items:center;gap:1.5em;height:60px;padding:0 1.5em;display:flex;position:sticky;top:0}.brand{font:800 1.05rem var(--display);color:var(--gold);letter-spacing:.08em;align-items:center;gap:.6em;display:flex}.brand img{object-fit:cover;border-radius:8px;width:36px;height:36px}.topbar nav{gap:.2em;display:flex}.topbar nav a{color:var(--muted);border-radius:8px;padding:.4em .8em;font-weight:600}.topbar nav a.active,.topbar nav a:hover{color:var(--text);background:#ffffff0f;text-decoration:none}.topbar-right{align-items:center;gap:.8em;margin-left:auto;display:flex}.rank-chip{border:1px solid var(--tier-mid,var(--panel-border));color:var(--text);background:#ffffff0d;border-radius:999px;align-items:center;padding:.15em .8em .15em .3em;display:inline-flex}.rank-chip:hover{background:#ffffff17;text-decoration:none}.human-check{min-height:65px;margin:.4em 0}.who{color:var(--muted);font-size:.9rem}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1.5em}.content:has(.screen.full){max-width:none;padding:0}.footer{color:var(--muted);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:center;gap:1.2em;padding:1em;font-size:.8rem;display:flex}.footer a{color:var(--muted)}.shell:has(.screen.full) .footer{display:none}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:1.3em;padding:1.3em}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;display:flex}.panel-head .tabs{margin:0}.hero{margin:.5em 0 1.5em}.ranked-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5em;display:flex}.ranked-hero h2{margin-top:0}.ranked-hero p{max-width:640px}.mode-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45em;font-size:.85rem;display:inline-flex}.mode-toggle input{accent-color:var(--gold);width:1.05em;height:1.05em}.game-card.excluded{opacity:.5}.game-card.excluded .game-cover{filter:grayscale(.9)}.back{color:var(--muted);margin-bottom:1em;display:inline-block}.splash{background:#000;place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0;overflow:hidden}.splash.leaving{opacity:0}.splash-bg{filter:saturate(1.1);background:url(/brand/splash.jpg) 50%/cover;animation:24s ease-in-out infinite alternate drift;position:absolute;inset:-4%}.splash-vignette{background:radial-gradient(#0000001a 30%,#000000d9 100%);position:absolute;inset:0}.splash-center{text-align:center;flex-direction:column;align-items:center;gap:1em;padding:2em;display:flex;position:relative}.splash-logo{border-radius:24px;width:min(340px,60vw);animation:3.2s ease-in-out infinite pulse;box-shadow:0 0 80px #e7c66b59}.splash-bar{background:#ffffff26;border-radius:4px;width:260px;height:4px;overflow:hidden}.splash-bar-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));width:0;height:100%;transition:width .3s}.splash-enter{border:1px solid var(--gold);color:var(--gold);font:700 1rem var(--display);letter-spacing:.25em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:.8em 2em;animation:1.8s ease-in-out infinite glow}@keyframes drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-1.5%,1%)}}@keyframes pulse{50%{transform:scale(1.25);box-shadow:0 0 0 6px #4ade8000}0%,to{box-shadow:0 0 #4ade8080}}@keyframes glow{50%{background:#e7c66b26;box-shadow:0 0 24px #e7c66b66}}.auth-page{background:linear-gradient(90deg,#0d082033,#0d0820f2 60%),url(/brand/splash.jpg) 0/cover;grid-template-columns:1fr minmax(360px,460px);align-items:center;gap:2em;min-height:100vh;padding:2em max(2em,6vw);display:grid}.auth-art{text-align:center}.auth-art img{border-radius:24px;width:min(320px,70%);box-shadow:0 0 60px #e7c66b4d}.auth-art p{text-shadow:0 2px 10px #000;max-width:380px;margin:1em auto;font-size:1.1rem}.auth-card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:2em}.auth-switch{text-align:center;color:var(--muted);margin-top:1em}@media (width<=820px){.auth-page{grid-template-columns:1fr}.auth-art img{width:160px}}.game-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.3em;margin-bottom:1.5em;display:grid}.game-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.game-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000073}.game-cover{aspect-ratio:16/8;background-position:50%;background-size:cover}.game-card-body{flex-direction:column;flex:1;gap:.5em;padding:1.2em 1.3em 1.4em;display:flex}.game-card-body p{color:var(--muted);flex:1;margin:0 0 .5em}.row-actions{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.challenge-list{flex-direction:column;gap:.5em;display:flex}.challenge-row{color:var(--text);background:#00000038;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1em;padding:.7em .9em;display:flex}.challenge-row.link:hover{border-color:var(--panel-border);background:#ffffff0a;text-decoration:none}.row-thumb{object-fit:cover;border-radius:8px;width:64px;height:40px}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-main span{font-size:.85rem}.row-money{flex-direction:column;align-items:flex-end;display:flex}.empty{text-align:center;padding:1.5em}.status{color:var(--muted);white-space:nowrap;background:#ffffff14;border-radius:999px;padding:.25em .7em;font-size:.78rem;font-weight:700}.status.open,.status.awaiting_creator,.status.requested,.status.processing{color:var(--teal);background:#2fd4c41f}.status.accepted{color:var(--gold);background:#e7c66b24}.status.won,.status.paid{color:var(--green);background:#4ade801f}.status.tie{color:var(--gold);background:#e7c66b24}.status.lost,.status.rejected,.status.failed{color:var(--red);background:#ff5a6e1f}.rules{color:var(--muted);padding-left:1.2em;font-size:.9rem}.rules li{margin:.25em 0}.create-summary{font-size:1.05rem}.vs{font:800 1.4rem var(--display);color:var(--muted)}.big-score{font:800 3.2rem var(--display);color:var(--gold);text-shadow:0 0 30px #e7c66b59;line-height:1.1}hr{border:none;border-top:1px solid #ffffff14;margin:1.2em 0}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:.55em .6em}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.table .num{text-align:right;font-variant-numeric:tabular-nums}.pos{color:var(--green)}.neg{color:var(--red)}.leaderboard tr.top1 td:first-child{color:#ffd75e;font-weight:800}.leaderboard tr.top2 td:first-child{color:#d5dbe6;font-weight:800}.leaderboard tr.top3 td:first-child{color:#e2a26b;font-weight:800}.leaderboard tr.me{background:#e7c66b14}.run-detail pre{white-space:pre-wrap;word-break:break-all;background:#00000059;border-radius:8px;max-height:50vh;padding:.8em;font-size:.75rem;overflow:auto}.legal{max-width:820px;margin:0 auto}.legal section p{color:var(--muted)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05020fb3;place-items:center;padding:1em;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--panel-border);background:#1b1240;border-radius:18px;width:min(520px,100%);max-height:90vh;padding:1.4em 1.5em;overflow:auto;box-shadow:0 30px 80px #0009}.modal-head{justify-content:space-between;align-items:center;margin-bottom:.8em;display:flex}.modal-head h3{margin:0}.modal-actions{justify-content:flex-end;gap:.6em;margin-top:1.2em;display:flex}#toasts{z-index:200;flex-direction:column;gap:.5em;display:flex;position:fixed;bottom:1.2em;right:1.2em}.toast{border:1px solid var(--panel-border);border-left:4px solid var(--teal);background:#24195a;border-radius:10px;max-width:360px;padding:.7em 1em;transition:opacity .4s;animation:.2s slide;box-shadow:0 10px 30px #0006}.toast.error{border-left-color:var(--red)}.toast.success{border-left-color:var(--green)}.toast.leaving{opacity:0}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:0;transform:translateY(10px)}}.spinner{border:3px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;margin:0 auto .8em;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.play{height:calc(100vh - 60px);min-height:420px;position:relative;overflow:hidden}.stage,.game-root{position:absolute;inset:0}.game-root canvas{touch-action:none;width:100%;height:100%;display:block}.knife-game canvas{cursor:none}.stage-overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08041499;place-items:center;padding:1em;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay-card{border:1px solid var(--panel-border);text-align:center;background:#1b1240f2;border-radius:20px;max-width:480px;margin:auto;padding:2em 2.4em;box-shadow:0 30px 80px #0009}.overlay-card .rules{text-align:left}.overlay-card .row-actions{justify-content:center;margin-top:1em}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--teal);margin:0 0 .4em;font-size:.78rem}.game-hud{pointer-events:none;gap:.8em;display:flex;position:absolute;top:1em;left:1em;right:1em}.stat{min-width:90px;font:800 1.4rem var(--display);color:var(--gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a061a99;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:.4em .9em;display:flex}.stat .label{font:600 .68rem var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.stat.wind{margin-left:auto}.wind-row{color:var(--text);align-items:center;gap:.4em;display:flex}.wind-arrow{transition:transform .15s,color .2s;display:inline-block}.wind-arrow.strong{color:var(--red)}.shot-clock{pointer-events:none;background:#ffffff1f;border-radius:6px;width:min(360px,60%);height:6px;position:absolute;bottom:1.2em;left:50%;overflow:hidden;transform:translate(-50%)}.shot-clock-fill{background:linear-gradient(90deg, var(--teal), var(--gold));width:100%;height:100%}.shot-clock-fill.danger{background:var(--red)}.gust-warning{font:800 1.1rem var(--display);letter-spacing:.25em;color:var(--red);text-shadow:0 0 16px #ff5a6eb3;opacity:0;pointer-events:none;align-items:center;gap:.6em;transition:opacity .2s;display:flex;position:absolute;top:5.2em;left:50%;transform:translate(-50%)}.gust-arrow{letter-spacing:0;font-size:1.6em;display:inline-block}.gust-value{letter-spacing:.05em}.gust-warning.visible{opacity:1;animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.countdown{font:800 6rem var(--display);color:var(--gold);text-shadow:0 0 40px #e7c66b99;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.crosshair{pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;box-shadow:0 0 10px #0009}.crosshair:before,.crosshair:after{content:"";background:#ffffffd9;position:absolute;top:50%;left:50%}.crosshair:before{width:2px;height:10px;margin:-5px 0 0 -1px}.crosshair:after{width:10px;height:2px;margin:-1px 0 0 -5px}.popups{pointer-events:none;position:absolute;inset:0}.popup{font:800 1.5rem var(--display);color:#fff;text-shadow:0 2px 10px #000;white-space:nowrap;animation:.95s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.popup.bullseye{color:var(--gold);font-size:2rem}.popup.miss{color:var(--red)}@keyframes rise{to{opacity:0;transform:translate(-50%,-160%)}}.glide-game canvas{cursor:pointer}.glide-score{font:800 4rem var(--display);color:#fff;text-shadow:0 4px 20px #0009;pointer-events:none;position:absolute;top:.4em;left:50%;transform:translate(-50%)}.glide-score.bump{animation:.25s bump}@keyframes bump{40%{color:var(--gold);transform:translate(-50%)scale(1.25)}}.glide-hint{text-align:center;color:#ffffffbf;pointer-events:none;width:100%;transition:opacity .6s;position:absolute;bottom:2em}.stat.bump{animation:.25s stat-bump}.stat span.bump{animation:.25s stat-bump;display:inline-block}@keyframes stat-bump{40%{color:#fff;transform:scale(1.25)}}.stat.timer{min-width:110px;margin-left:auto}.stat.danger{color:var(--red);animation:.5s steps(2,end) infinite blink}.lives{color:var(--red);letter-spacing:.1em}.run-game canvas,.spin-game canvas,.stack-game canvas,.juggle-game canvas,.parry-game canvas,.whittle-game canvas{cursor:pointer;touch-action:none;display:block}.parry-game,.whittle-game{touch-action:none;-webkit-user-select:none;user-select:none}.whittle-game canvas{cursor:none}.whittle-ogre{font:800 1.5rem var(--display);letter-spacing:.2em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;position:absolute;bottom:3.4em;left:50%;transform:translate(-50%)}.whittle-ogre.stir{opacity:1;color:#ffb020;text-shadow:0 0 16px #ffa01eb3;animation:.35s steps(2,end) infinite blink}.whittle-ogre.watch{opacity:1;color:#ff3b30;text-shadow:0 0 22px #ff281ed9;font-size:1.8rem}.whittle-vignette{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0}.whittle-vignette.stir{opacity:.7;background:radial-gradient(#0000 55%,#ff961473)}.whittle-vignette.watch{opacity:1;background:radial-gradient(#0000 50%,#c80a148c)}.stat.whittle-combo.hot span:not(.label){color:var(--gold);text-shadow:0 0 10px #e7c66bb3}.popup.whittle-caught{font-size:2.4rem}.parry-flash{pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(#fffaebe6,#fff0d259 70%);position:absolute;inset:0}.popup.parry-word{letter-spacing:.32em;text-transform:uppercase;opacity:.85;text-shadow:0 1px 6px #000000e6;font:600 .95rem/1 Georgia,Times New Roman,serif}.popup.parry-word.bullseye{font-size:1.2rem}.parry-hurt{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#c8001499);position:absolute;inset:0}.popup.hit{color:#cfe3ff}.juggle-canvas{width:100%;height:100%}.knife-pips{pointer-events:none;flex-direction:column-reverse;gap:6px;display:flex;position:absolute;bottom:1.4em;left:1.4em}.knife-pips .pip{background:linear-gradient(#f2f4f7 0 60%,#c9a043 60% 66%,#4a2a17 66%);border-radius:3px 3px 5px 5px;width:10px;height:30px;transition:opacity .2s,transform .2s;box-shadow:0 0 8px #e7c66b66}.knife-pips .pip.used{opacity:.15;box-shadow:none;transform:scale(.8)}.stage-banner{font:800 1.3rem var(--display);letter-spacing:.25em;color:var(--gold);text-shadow:0 0 18px #e7c66b99;opacity:0;pointer-events:none;white-space:nowrap;position:absolute;top:5.5em;left:50%;transform:translate(-50%)}.stage-banner.boss{color:var(--red);text-shadow:0 0 18px #ff5a6eb3}.stage-banner.show{animation:2.2s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-10px)scale(1.2)}15%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0}}@media (width<=1040px){.topbar{gap:.8em}.topbar nav a{padding:.4em .5em}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:.6em;height:auto;padding:.6em 1em}.topbar nav{order:3;width:100%;overflow-x:auto}.who{display:none}.limits{grid-template-columns:1fr}.stat{min-width:0;font-size:1.1rem}.play{height:calc(100vh - 100px)}}.tier-wood{--tier-light:#c08a52;--tier-mid:#8a5a2b;--tier-dark:#4a2c12;--tier-glow:#c08a5247}.tier-bronze{--tier-light:#f0b27a;--tier-mid:#cd7f32;--tier-dark:#6e3f14;--tier-glow:#cd7f3259}.tier-silver{--tier-light:#fff;--tier-mid:#c4cad3;--tier-dark:#6b7480;--tier-glow:#d2dceb59}.tier-gold{--tier-light:#fff2b0;--tier-mid:#e7c34a;--tier-dark:#94680c;--tier-glow:#f0c85073}.tier-platinum{--tier-light:#eafffb;--tier-mid:#8fe3d4;--tier-dark:#2f8a7c;--tier-glow:#78e6d273}.tier-diamond{--tier-light:#e6f7ff;--tier-mid:#6cc7ff;--tier-dark:#1f5fd1;--tier-glow:#64beff8c}.tier-master{--tier-light:#f1dcff;--tier-mid:#b67cff;--tier-dark:#5a1fb0;--tier-glow:#b478ff8c}.tier-legend{--tier-light:#fff0c2;--tier-mid:#ff7a3d;--tier-dark:#b3122e;--tier-glow:#ff6e3ca6}.rank-badge{filter:drop-shadow(0 0 6px var(--tier-glow));flex:none;display:inline-block}.rank-badge svg{width:100%;height:100%;display:block}.rank-badge.sm{width:22px;height:23px}.rank-badge.md{width:48px;height:50px}.rank-badge.lg{width:104px;height:108px;filter:drop-shadow(0 0 18px var(--tier-glow))}.rank-badge.lg.tier-legend,.rank-badge.lg.tier-master,.rank-badge.lg.tier-diamond{animation:2.6s ease-in-out infinite badge-glow}@keyframes badge-glow{50%{filter:drop-shadow(0 0 30px var(--tier-glow));transform:translateY(-2px)}}.rank-label{white-space:nowrap;align-items:center;gap:.35em;font-weight:700;display:inline-flex}.rank-label .rank-name{color:var(--tier-mid)}.rank-label .rank-rating{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.rank-avatar{--size:40px;width:var(--size);height:var(--size);background:conic-gradient(from 210deg, var(--tier-light), var(--tier-mid), var(--tier-dark), var(--tier-mid), var(--tier-light));box-shadow:0 0 12px var(--tier-glow);border-radius:50%;flex:none;place-items:center;padding:3px;display:inline-grid}.rank-avatar>span{width:100%;height:100%;font:800 calc(var(--size) * .42) var(--display);color:var(--tier-light);background:radial-gradient(circle at 35% 30%,#3a2a74,#140c2e);border-radius:50%;place-items:center;display:grid}.rank-avatar.sm{--size:28px;padding:2px}.rank-avatar.lg{--size:84px;padding:5px}.rank-avatar.tier-wood{background:repeating-linear-gradient(115deg,#8a5a2b 0 5px,#6b4320 5px 8px,#a06a35 8px 12px)}.rank-avatar.tier-bronze{border-radius:30%}.rank-avatar.tier-bronze>span{border-radius:26%}.rank-avatar.tier-silver{box-shadow:0 0 0 2px #ffffff40, 0 0 12px var(--tier-glow);border-radius:30%}.rank-avatar.tier-silver>span{border-radius:26%}.rank-avatar.tier-gold{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border-radius:0}.rank-avatar.tier-gold>span{clip-path:inherit;border-radius:0}.rank-avatar.tier-platinum{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border-radius:0}.rank-avatar.tier-platinum>span{clip-path:inherit;border-radius:0}.rank-avatar.tier-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0;padding:6%}.rank-avatar.tier-diamond>span{clip-path:inherit;border-radius:0}.rank-avatar.tier-master,.rank-avatar.tier-legend{animation:6s linear infinite frame-spin}.rank-avatar.tier-master>span,.rank-avatar.tier-legend>span{animation:6s linear infinite reverse frame-spin}@keyframes frame-spin{to{transform:rotate(360deg)}}.tier-progress{flex-direction:column;gap:.3em;min-width:180px;display:flex}.tier-progress-bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.tier-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--tier-dark), var(--tier-mid), var(--tier-light));height:100%;box-shadow:0 0 10px var(--tier-glow);transition:width .6s}.tier-ladder{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.8em;display:grid}.tier-step{background:#0003;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.2em;padding:.8em .4em;display:flex}.tier-step strong{color:var(--tier-mid)}.tier-step.current{border-color:var(--tier-mid);box-shadow:0 0 18px var(--tier-glow)}.tier-step.locked{opacity:.45;filter:grayscale(.5)}.rank-card{border-color:var(--tier-mid);background:radial-gradient(circle at 8% 50%, var(--tier-glow), transparent 45%), var(--panel);flex-wrap:wrap;align-items:center;gap:1.6em;display:flex}.rank-card-main{flex-direction:column;flex:1;gap:.5em;min-width:240px;display:flex}.rank-card h1{font-family:var(--display);color:var(--tier-mid);align-items:baseline;gap:.5em;margin:0;display:flex}.rank-card-rating{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.2rem}.rank-card-stats{color:var(--muted);flex-wrap:wrap;gap:1.4em;font-size:.9rem;display:flex}.rank-card-stats strong{color:var(--text)}.match-banner{background:#2fd4c414;border:1px solid #2fd4c466;border-radius:12px;align-items:center;gap:.8em;margin-bottom:1.3em;padding:.8em 1em;display:flex}.match-banner span{flex:1}.queue{text-align:center;min-width:min(380px,80vw)}.queue-radar{place-items:center;width:160px;height:160px;margin:.5em auto 1em;display:grid;position:relative}.queue-radar>span:not(.rank-avatar){border:2px solid var(--teal);opacity:0;border-radius:50%;animation:2.4s ease-out infinite radar;position:absolute;inset:0}.queue-radar>span:nth-child(2){animation-delay:.8s}.queue-radar>span:nth-child(3){animation-delay:1.6s}@keyframes radar{0%{opacity:.8;transform:scale(.45)}to{opacity:0;transform:scale(1.15)}}.queue-title{font:700 1.2rem var(--display);margin:0 0 .3em}.queue-meta{color:var(--muted);font-variant-numeric:tabular-nums}.queue-mode{background-position:50%;background-size:cover;border-radius:14px;justify-content:center;align-items:flex-end;height:110px;margin:.5em 0 1em;animation:.5s .3s both slide;display:flex;position:relative;overflow:hidden}.queue-mode:after{content:"";background:linear-gradient(#0000 30%,#000c);position:absolute;inset:0}.queue-mode span{z-index:1;font:700 1.3rem var(--display);color:var(--gold);letter-spacing:.05em;padding-bottom:.5em;position:relative}.queue-versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;margin:1em 0;animation:.4s slide;display:grid}.queue-side{flex-direction:column;align-items:center;gap:.4em;display:flex}.opponent-pill{z-index:6;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a061ab8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5em;padding:.3em .9em .3em .35em;font-size:.9rem;display:flex;position:absolute;top:1em;right:1em}.opponent-pill.hidden{display:none}.opp-name{font-weight:700}.opp-dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.opp-status{color:var(--muted)}.opponent-pill.playing .opp-dot{background:var(--green);animation:1.2s ease-in-out infinite pulse}.opponent-pill.ready .opp-dot{background:var(--teal)}.opponent-pill.finished .opp-dot{background:var(--gold)}.opponent-pill.left .opp-dot{background:var(--red)}.result-title{font:800 2.6rem var(--display);letter-spacing:.05em;margin:0 0 .3em}.result-title.win{color:var(--gold);text-shadow:0 0 30px #e7c66b80}.result-title.loss{color:var(--red)}.result-title.tie{color:var(--muted)}.result-scores{grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;margin:.8em 0 1.2em;display:grid}.result-side{background:#00000040;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:.3em;padding:.9em .6em;display:flex}.result-side strong{font:800 2rem var(--display)}.result-side.won{border-color:var(--gold);box-shadow:0 0 30px #e7c66b33}.result-rating{justify-content:center;align-items:center;gap:.8em;display:flex}.result-rating .delta{font:800 1.8rem var(--display)}.tier-change{font:700 1.2rem var(--display);color:var(--tier-mid);text-shadow:0 0 20px var(--tier-glow);animation:.5s slide}.profile-head{border-color:var(--tier-mid);background:radial-gradient(circle at 92% 30%, var(--tier-glow), transparent 40%), var(--panel);grid-template-columns:1fr auto;gap:1.2em 2em;display:grid}.profile-id{align-items:center;gap:1.1em;display:flex}.profile-id h1{font-family:var(--display);margin:0 0 .2em}.profile-id>div{flex-direction:column;gap:.3em;display:flex}.profile-rank{flex-direction:column;grid-row:span 2;align-items:center;gap:.6em;display:flex}.profile-stats{flex-wrap:wrap;gap:.8em;display:flex}.profile-stat{background:#00000038;border-radius:12px;flex-direction:column;min-width:84px;padding:.6em .9em;display:flex}.profile-stat strong{font:800 1.4rem var(--display)}@media (width<=720px){.profile-head{grid-template-columns:1fr}.profile-rank{grid-row:auto}}.player-cell,.game-cell{color:var(--text);align-items:center;gap:.55em;display:inline-flex}.row-thumb.tiny{width:40px;height:25px}.leaderboard tr.gap td{text-align:center;color:var(--muted)}.leaderboard .rank-cell{width:2.5em;font-weight:800}.bests-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7em;display:grid}.best-card{background:#00000038;border-radius:12px;align-items:center;gap:.7em;padding:.5em;display:flex}.best-card img{object-fit:cover;border-radius:8px;width:56px;height:35px}.best-card span{flex:1}.best-card strong{font:800 1.3rem var(--display);color:var(--gold)}.practice-best{margin:.2em 0 .6em;font-size:.9rem}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1em;display:grid}.stat-card{border-radius:var(--radius);background:#00000038;flex-direction:column;gap:.2em;padding:1em 1.2em;display:flex}.stat-card strong{color:var(--gold);font-size:1.6rem}.arena-stage{-webkit-user-select:none;user-select:none;background:#1a120c;height:calc(100vh - 60px);position:relative;overflow:hidden}.arena-view{position:absolute;inset:0}.arena-view canvas{cursor:crosshair;display:block}.arena-hud,.arena-plates{pointer-events:none;position:absolute;inset:0}.arena-hud .bar{background:#0000008c;border:1px solid #ffe6b440;border-radius:3px;height:8px;overflow:hidden}.arena-hud .bar.big{height:14px}.arena-hud .bar.thin{height:6px;margin-top:4px}.bar-fill{height:100%;transition:width .12s linear}.bar-fill.hp{background:linear-gradient(#e0473f,#9c1d17)}.bar-fill.st{background:linear-gradient(#f2d27a,#c49a34)}.bar-fill.st.low{background:linear-gradient(#9a8a6a,#6a5d44)}.arena-self{width:min(340px,40vw);position:absolute;bottom:2.6em;left:1.5em}.arena-self-name,.arena-target-name{font:700 .95rem var(--display);letter-spacing:.12em;color:#f6ead0;text-shadow:0 1px 4px #000;margin-bottom:4px}.arena-target{text-align:center;width:min(380px,50vw);position:absolute;top:3.6em;left:50%;transform:translate(-50%)}.arena-top{font:700 .95rem var(--display);color:#f6ead0;text-shadow:0 1px 4px #000;gap:1.4em;display:flex;position:absolute;top:.9em;left:50%;transform:translate(-50%)}.arena-clock{color:var(--gold)}.arena-feed{flex-direction:column;align-items:flex-end;gap:4px;font-size:.9rem;display:flex;position:absolute;top:1em;right:1.2em}.feed-row{color:#f6ead0;background:#0000008c;border-radius:3px;padding:3px 10px}.feed-row.mine{color:var(--gold)}.feed-row.me{color:var(--red)}.feed-sword{opacity:.7}.arena-plate{text-align:center;width:90px;font:600 .75rem var(--display);color:#f6ead0;text-shadow:0 1px 3px #000;position:absolute;transform:translate(-50%,-100%)}.arena-plate .bar{background:#0009;border-radius:2px;height:4px;margin-top:2px;overflow:hidden}.arena-plate.locked span{color:var(--gold)}.arena-plate.locked span:before{content:"▼ "}.popup.good{color:var(--gold);font-size:1.9rem}.popup.bad{color:var(--red)}.popup.heal{color:#7fe08a;font-size:1.3rem}.arena-banner{font:800 3rem var(--display);letter-spacing:.12em;color:#f6ead0;text-shadow:0 0 30px #000c;opacity:0;pointer-events:none;white-space:nowrap;position:absolute;top:34%;left:50%;transform:translate(-50%)}.arena-stage:has(.arena-result) .arena-banner{display:none}.arena-banner.show{opacity:1;transition:opacity .4s}.arena-banner.good{color:var(--gold)}.arena-banner.bad{color:var(--red)}.arena-result{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c06028c;flex-direction:column;justify-content:center;align-items:center;gap:.8em;display:flex;position:absolute;inset:0}.arena-result h2{font:800 3.2rem var(--display);color:var(--red);margin:0}.arena-result h2.good{color:var(--gold)}.arena-result-modes{gap:.5em;display:flex}.arena-result-actions{gap:.6em;display:flex}.arena-classes{justify-content:safe center;padding:1.5em 0;overflow-y:auto}.arena-classes h2{color:var(--gold);font-size:2.4rem}.class-cards{flex-wrap:wrap;justify-content:center;gap:.9em;max-width:780px;padding:0 1em;display:flex}.class-card{text-align:left;color:#f6ead0;cursor:pointer;background:#1c1008d9;border:1px solid #d9b45a59;border-radius:10px;flex-direction:column;gap:.45em;width:230px;padding:1.1em 1.1em .9em;transition:transform .15s,border-color .15s;display:flex}.class-card:hover{border-color:var(--gold);transform:translateY(-3px)}.class-card.current{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.class-card strong{font:800 1.5rem var(--display);color:var(--gold)}.class-card p{color:#f6ead0cc;min-height:3.4em;margin:0 0 .3em;font-size:.85rem;line-height:1.35}.class-card small{color:#f6ead099;margin-top:.3em;font-size:.72rem}.class-stat{grid-template-columns:4.5em 1fr;align-items:center;gap:.5em;font-size:.75rem;display:grid}.class-stat .bar{background:#00000080;border-radius:3px;height:6px;overflow:hidden}.class-stat .bar-fill{background:var(--gold);height:100%}.arena-crosshair{pointer-events:none;z-index:3;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #00000080}.arena-crosshair.on{background:#ff5a3c;transform:scale(1.4)}.class-icon{vertical-align:-.12em;width:1.1em;height:1.1em;display:inline-flex}.class-icon svg,.end-cls svg{width:100%;height:100%}.class-card strong .class-icon{margin-right:.35em}.cls-knight{color:#78adff}.cls-barbarian{color:#e57c42}.cls-reaver{color:#d64b3c}.cls-swordmaster{color:#ff6473}.cls-lancer{color:#e6bb5e}.cls-juggernaut{color:#c2cad6}.arena-end{--tier:#8f8a83;--tier-hi:#cfc8bd;--tier-lo:#4a4540;--glow:#a0aabe38;background:radial-gradient(ellipse 60% 45% at 50% 14%, var(--glow), transparent 70%), linear-gradient(#0a0502b3, #0a0502e6);-webkit-backdrop-filter:blur(6px)saturate(.75);backdrop-filter:blur(6px)saturate(.75);color:#f6ead0;justify-content:safe center;gap:1.3em;padding:2em 1.5em 1.6em;overflow:hidden auto}.arena-end.victory{--glow:#f3c75a57}.arena-end.defeat{--glow:#be281e4d}.arena-end.tier-gold{--tier:#f3c75a;--tier-hi:#fff1b8;--tier-lo:#a56f15}.arena-end.tier-silver{--tier:#d9dee6;--tier-hi:#fff;--tier-lo:#7f8894}.arena-end.tier-bronze{--tier:#dc9157;--tier-hi:#ffd2a8;--tier-lo:#7e4119}.end-rays{background:repeating-conic-gradient(from 0deg, var(--glow) 0deg 6deg, transparent 6deg 18deg);opacity:.5;pointer-events:none;width:1100px;height:1100px;margin-top:-550px;animation:60s linear infinite end-spin;position:absolute;top:7em;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(circle,#000 0%,#0000 55%);mask:radial-gradient(circle,#000 0%,#0000 55%)}.arena-end.victory .end-rays{opacity:1}.end-hero{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.end-medal{place-items:center;width:150px;height:150px;animation:.7s cubic-bezier(.2,.9,.3,1.25) both end-pop;display:grid;position:relative}.end-laurel{color:var(--tier);filter:drop-shadow(0 2px 3px #0009);position:absolute;inset:0}.end-laurel svg{width:100%;height:100%}.tier-iron .end-laurel{opacity:.22}.end-coin{background:radial-gradient(circle at 34% 28%, var(--tier-hi), var(--tier) 42%, var(--tier-lo) 100%);border:3px solid var(--tier-lo);width:96px;height:96px;box-shadow:inset 0 -6px 14px #00000059, inset 0 3px 6px #ffffff59, 0 0 40px var(--glow), 0 8px 20px #00000080;color:#241505;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.end-coin:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffff8c 50%,#0000 60%);animation:1.4s ease-out .6s both end-shine;position:absolute;inset:-40%;transform:translate(-70%)}.end-place{font:800 2.7rem/1 var(--display);text-shadow:0 1px #ffffff73}.end-place sup{vertical-align:1.1em;margin-left:.05em;font-size:.42em}.end-of{letter-spacing:.16em;text-transform:uppercase;opacity:.75;font-size:.66rem;font-weight:700}.arena-end .end-title{font:800 4.2rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg, #fff3cf, var(--gold) 55%, #9c6a18);color:#0000;filter:drop-shadow(0 4px 14px #000000b3);-webkit-background-clip:text;background-clip:text;margin:.15em 0 0;animation:.8s ease-out .15s both end-title-in}.arena-end.defeat .end-title{background-image:linear-gradient(#ffd0c4,#e0493a 55%,#7a1610)}.arena-end.time .end-title{background-image:linear-gradient(#fff,#c9d2de 55%,#6d7684)}.end-sub{margin:.5em 0 0;font-size:1.05rem;animation:.5s ease-out .35s both end-rise}.end-flavour{opacity:.6;margin:.25em 0 0;font-size:.85rem;font-style:italic;animation:.5s ease-out .45s both end-rise}.end-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:1.1em;width:min(1180px,100%);display:grid;position:relative}.end-stats,.end-board{background:#1c1008b8;border:1px solid #d9b45a38;border-radius:14px;padding:1em 1.1em 1.1em;animation:.55s ease-out .3s both end-rise;box-shadow:0 10px 30px #00000059}.end-heading{letter-spacing:.16em;text-transform:uppercase;color:#f6ead099;align-items:center;gap:.5em;margin-bottom:.8em;font-size:.72rem;font-weight:700;display:flex}.end-heading .end-cls{width:1.5em;height:1.5em}.end-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;display:grid}.end-tile{animation:.45s ease-out both end-rise;animation-delay:calc(var(--i) * 70ms + .4s);background:#ffffff09;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:.15em;padding:.7em .8em;display:flex}.end-tile span{letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:.66rem}.end-tile strong{font:800 1.85rem/1.1 var(--display);color:var(--gold);font-variant-numeric:tabular-nums}.end-tile small{opacity:.45;font-size:.68rem}.end-board{--cols:2em 2em minmax(7em, 1fr) 3.4em minmax(6.5em, .8fr) 8.6em}.end-board.cols-online{--cols:2em 2em minmax(6.5em, 1fr) 3.4em minmax(5.5em, .7fr) 7.6em 3.6em 3.8em}.end-row{grid-template-columns:var(--cols);animation:.4s ease-out both end-rise;animation-delay:calc(var(--i) * 60ms + .55s);border-radius:8px;align-items:center;column-gap:.75em;padding:.55em .7em;font-size:.9rem;display:grid}.end-rows .end-row+.end-row{border-top:1px solid #ffffff0d}.end-row.end-head{letter-spacing:.12em;text-transform:uppercase;opacity:.55;border-bottom:1px solid #ffffff1a;padding-top:0;padding-bottom:.5em;font-size:.64rem;font-weight:700;animation:none}.end-row.end-head span:nth-child(6){text-align:right}.end-board.teams .end-rows .end-row:not(.me){box-shadow:inset 3px 0 0 var(--team)}.end-board.teams .end-row.me{box-shadow:inset 3px 0 0 var(--team), inset 0 0 0 1px #d9b45a40}.end-row .end-kills,.end-row.end-head span:nth-child(4){text-align:center}.end-kills{font-size:1.05rem;font-weight:800}.end-dmg{flex-direction:column;align-items:stretch;gap:3px;display:flex}.end-dmg .end-num{text-align:left;font-weight:700}.end-dmg-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.end-dmg-bar span{background:linear-gradient(90deg, #b98a2c, var(--gold));transform-origin:0;height:100%;animation:.9s ease-out both end-bar;animation-delay:calc(var(--i) * 60ms + .75s);border-radius:2px;display:block}.end-row.me .end-dmg-bar span{background:linear-gradient(90deg, var(--gold), #fff1b8)}.end-state{justify-content:flex-end;min-width:0;display:flex}.end-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:.2em .65em;font-size:.7rem;font-weight:700;overflow:hidden}.end-chip.dead{color:#f2a29a;background:#c83c3224}.end-chip.champ{color:#241505;background:linear-gradient(#ffe08a,#d9a531)}.end-chip.alive{color:#a9dca9;background:#5aa05a26}.end-chip.left{color:#c9c2b5;background:#ffffff14}.end-mmr.up{color:var(--green);font-weight:700}.end-mmr.down{color:var(--red);font-weight:700}.end-coins{color:var(--gold);font-weight:700}.end-who em.bot{color:#f6ead0;background:#ffffff24}.end-mode{letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin:.6em 0 0;font-size:.7rem;font-weight:700}.end-rewards{gap:.8em;margin-top:1em;animation:.5s ease-out .55s both end-rise;display:flex}.end-reward{text-align:left;background:#1c1008cc;border:1px solid #d9b45a40;border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:auto auto;align-items:center;column-gap:.7em;padding:.6em 1em;display:grid}.end-reward>:first-child{grid-row:1/4;width:2.6em;height:2.6em}.end-reward span{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:.64rem}.end-reward strong{font:800 1.6rem/1.1 var(--display);font-variant-numeric:tabular-nums}.end-reward strong.up{color:var(--green)}.end-reward strong.down{color:var(--red)}.end-reward.gold strong{color:var(--gold)}.end-reward small{opacity:.5;font-size:.7rem}.end-reward.muted>:first-child{grid-row:auto;width:auto;height:auto}@keyframes end-bar{0%{transform:scaleX(0)}}.end-row.me{box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,#d9b45a33,#d9b45a08)}.end-rank{font-variant-numeric:tabular-nums;text-align:center;opacity:.7;font-size:1.1rem;font-weight:800}.end-row.p1 .end-rank{color:#f3c75a;opacity:1}.end-row.p2 .end-rank{color:#d9dee6;opacity:1}.end-row.p3 .end-rank{color:#dc9157;opacity:1}.end-cls{background:#ffffff0f;border-radius:7px;width:1.9em;height:1.9em;padding:.3em;display:inline-flex}.end-who{flex-direction:column;min-width:0;display:flex}.end-who strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.end-who em{background:var(--gold);color:#241505;letter-spacing:.08em;text-transform:uppercase;vertical-align:.15em;border-radius:999px;margin-left:.45em;padding:.05em .45em;font-size:.62rem;font-style:normal;font-weight:800}.end-who small{opacity:.5;font-size:.7rem}.end-row.dead .end-who strong,.end-row.dead .end-cls{opacity:.6}.end-num{text-align:right;font-variant-numeric:tabular-nums}.end-status{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;justify-self:end;max-width:100%;padding:.2em .65em;font-size:.7rem;font-weight:700;overflow:hidden}.end-status.dead{color:#f2a29a;background:#c83c3224}.end-status.champ{color:#241505;background:linear-gradient(#ffe08a,#d9a531)}.end-status.alive{color:#a9dca9;background:#5aa05a26}.end-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6em;animation:.5s ease-out .9s both end-rise;display:flex;position:relative}.end-again{padding:.75em 1.9em;font-size:1.05rem}.end-again kbd{font:700 .62rem var(--body,inherit);opacity:.65;border:1px solid #0000004d;border-radius:4px;margin-left:.7em;padding:.1em .45em}.end-sep{background:#ffffff26;width:1px;height:1.6em;margin:0 .35em}.end-mode-label{letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-size:.68rem}@media (width<=1040px){.end-body{grid-template-columns:minmax(0,1fr)}.arena-end .end-title{font-size:3rem}}@media (width<=520px){.end-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.end-board,.end-board.cols-online{--cols:1.6em 1.7em minmax(0, 1fr) 2.4em 4em}.end-row .end-state,.end-row .end-mmr,.end-row .end-coins,.end-row.end-head span:nth-child(n+6){display:none}.end-rewards{flex-direction:column}}@keyframes end-pop{0%{opacity:0;transform:scale(.3)rotate(-25deg)}60%{opacity:1;transform:scale(1.1)rotate(4deg)}to{transform:none}}@keyframes end-title-in{0%{opacity:0;letter-spacing:.6em;filter:blur(6px)}}@keyframes end-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes end-shine{to{transform:translate(70%)}}@keyframes end-spin{to{transform:translate(-50%)rotate(1turn)}}.arena-view:not(.locked) canvas{cursor:pointer}.arena-crosshair.hide{display:none}.arena-mode{color:#f6ead0b3;letter-spacing:.14em;text-transform:uppercase;align-self:center;font-size:.8rem}.arena-ping{font:600 .75rem var(--sans);color:#f6ead099;align-self:center}.arena-ping.bad{color:#ff9a6a}.arena-standing{align-items:center;gap:.9em;display:flex}.team-pips{background:#00000073;border-radius:999px;gap:4px;padding:3px 6px;display:inline-flex}.team-pips.mine{box-shadow:0 0 0 1px #ffffff73}.team-pips i{background:var(--team);width:11px;height:11px;box-shadow:0 0 6px var(--team);border-radius:50%}.team-pips i.down{box-shadow:none;background:#ffffff1f}.team-dot{vertical-align:.05em;border-radius:50%;width:.7em;height:.7em;margin-right:.45em;display:inline-block}.arena-self.dead{opacity:.35}.arena-plate small{opacity:.7;font-weight:500}.plate-tag{color:#ffb070;font-style:normal}.arena-plate.ally span,.arena-plate.enemy span,.feed-row .team{color:color-mix(in srgb, var(--team) 55%, #fff)}.arena-plate.ally .bar-fill.hp{background:var(--team)}.arena-status{z-index:4;color:#f6ead0;font:700 1rem var(--display);letter-spacing:.08em;pointer-events:none;background:#0a0502b3;border:1px solid #d9b45a4d;border-radius:999px;padding:.6em 1.4em;position:absolute;top:42%;left:50%;transform:translate(-50%)}.arena-status.hide,.arena-spectate.hide{display:none}.arena-spectate{z-index:4;color:#f6ead0;font:700 .8rem var(--display);letter-spacing:.16em;text-transform:uppercase;background:#0a0502b8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.9em;padding:.45em .6em .45em 1.1em;display:flex;position:absolute;bottom:1.6em;left:50%;transform:translate(-50%)}.arena-loading{color:#f6ead0;font-family:var(--display);flex-direction:column;justify-content:center;align-items:center;gap:.6em;display:flex;position:absolute;inset:0}.btn.gold{color:#2a1a06;background:linear-gradient(#ffe7a0,#d6a63c 60%,#a8781e);border-color:#ffe7a0;font-weight:800;box-shadow:0 6px 22px #e7b4464d}.btn.gold:hover:not(:disabled){filter:brightness(1.08)}.btn.pulse{animation:.9s ease-in-out infinite gold-pulse}@keyframes gold-pulse{50%{box-shadow:0 0 0 4px #ffdc7859,0 6px 22px #e7b44666}}button.link{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}button.link:hover{text-decoration:underline}.pill{letter-spacing:.06em;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:.15em .65em;font-size:.72rem;font-weight:700;display:inline-flex}.pill.live{color:var(--gold);background:#e7c66b26;border-color:#e7c66b73}.coins{color:#ffd977;font-variant-numeric:tabular-nums;align-items:center;gap:.35em;font-weight:800;display:inline-flex}.coins.big{font:800 1.9rem/1 var(--display)}.coin-icon{flex:none;width:1.05em;height:1.05em;display:inline-flex}.coin-icon svg{width:100%;height:100%}.arena-badge{filter:drop-shadow(0 3px 6px #00000080);flex:none;display:inline-flex}.arena-badge svg{width:100%;height:100%}.arena-badge.sm{width:1.6em;height:1.6em}.arena-badge.md{width:2.6em;height:2.6em}.arena-badge.lg{width:5.5em;height:5.5em}.arena-rank-label{align-items:center;gap:.4em;display:inline-flex}.arena-rank-label .rank-name{color:var(--tier);font-weight:700}.arena-hub,.arena-shop{color:#f6ead0;flex-direction:column;gap:1.2em;display:flex;position:relative}.hub-sky{z-index:-1;pointer-events:none;background:radial-gradient(50% 70% at 70% 0,#ffaa5047,#0000 70%),radial-gradient(40% 60% at 15% 10%,#c83c2838,#0000 70%),linear-gradient(#3c1e0ebf,#0000);border-radius:0 0 40px 40px;height:340px;position:absolute;inset:-1.5em -1.5em auto;-webkit-mask:linear-gradient(#000 60%,#0000);mask:linear-gradient(#000 60%,#0000)}.hub-head,.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5em;display:flex}.hub-head h1,.shop-head h1{background:linear-gradient(180deg, #fff3cf, var(--gold) 60%, #a8741c);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.8rem}.hub-head .eyebrow{color:#ffb070}.hub-profile{flex-wrap:wrap;align-items:stretch;gap:1em;display:flex}.hub-rank,.hub-stats,.hub-purse,.hub-card,.shop-purse{border-radius:var(--radius);background:linear-gradient(#301c0ed9,#180e08d9);border:1px solid #d9b45a40;box-shadow:0 12px 30px #00000059}.hub-rank{align-items:center;gap:.9em;min-width:300px;padding:.8em 1.1em;display:flex}.hub-rank h3{color:var(--tier);margin:0;font-size:1.35rem}.hub-rank .eyebrow{color:#f6ead08c;margin:0}.hub-mmr{margin:.1em 0 .35em}.hub-mmr strong{font:800 1.2rem var(--display)}.hub-stats{align-items:center;gap:.2em;padding:.5em;display:flex}.hub-stats>div{flex-direction:column;align-items:center;padding:.3em .9em;display:flex}.hub-stats strong{font:800 1.45rem var(--display);color:var(--gold)}.hub-stats span{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:.68rem}.hub-purse,.shop-purse{flex-direction:column;justify-content:center;gap:.35em;padding:.8em 1.1em;display:flex}.hub-purse .eyebrow,.shop-purse .eyebrow{color:#f6ead08c;margin:0}.hub-rejoin{background:#e7c66b1f;border:1px solid #e7c66b73;border-radius:12px;justify-content:space-between;align-items:center;gap:1em;padding:.7em 1em;display:flex}.hub-rejoin.hide{display:none}.hub-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.2em;display:grid}.hub-card{padding:1.1em 1.2em 1.2em}.hub-card-head{justify-content:space-between;align-items:center;gap:1em;margin-bottom:.6em;display:flex}.hub-card-head h2{color:var(--gold);margin:0}.hub-classes{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4em;margin-bottom:.8em;display:grid}.hub-class{color:#f6ead0;font:600 .72rem var(--sans);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:.25em;padding:.55em .2em .45em;transition:transform .12s,border-color .12s,background .12s;display:flex}.hub-class .class-icon{width:1.7em;height:1.7em}.hub-class:hover{border-color:#e7c66b80;transform:translateY(-2px)}.hub-class.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#e7c66b29}.hub-gladiator-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1em;display:grid}.hub-preview,.shop-preview{cursor:grab;background:radial-gradient(60% 45% at 50% 85%,#ffbe6e47,#0000 70%),radial-gradient(80% 60% at 50% 30%,#783c1e59,#0000 70%),linear-gradient(#2a1709,#120a05);border-radius:12px;height:340px;position:relative;overflow:hidden}.hub-preview:active,.shop-preview:active{cursor:grabbing}.hub-preview canvas,.shop-preview canvas{display:block}.hub-class-info h3{color:var(--gold);align-items:center;gap:.4em;margin:0 0 .3em;font-size:1.5rem;display:flex}.hub-class-info p{color:#f6ead0cc;margin:0 0 .7em;font-size:.88rem;line-height:1.45}.class-stats{flex-direction:column;gap:.35em;margin-bottom:.8em;display:flex}.hub-controls{color:#f6ead099!important;font-size:.78rem!important}.hub-controls kbd{font:700 .7rem var(--sans);border:1px solid #fff3;border-radius:4px;padding:.05em .4em}.mode-chips{flex-wrap:wrap;gap:.45em;margin:.4em 0 .8em;display:flex}.mode-chip{white-space:nowrap;color:#f6ead0;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;flex:7.5em;align-items:flex-start;gap:.05em;padding:.55em .75em;transition:border-color .12s,background .12s;display:flex}.mode-chip strong{font:700 .85rem var(--display)}.mode-chip small{opacity:.55;font-size:.68rem}.mode-chip:hover{border-color:#e7c66b80}.mode-chip.on{border-color:var(--gold);background:#e7c66b29}.mode-chip.on strong{color:var(--gold)}.hub-fill{cursor:pointer;align-items:flex-start;gap:.6em;margin-bottom:.9em;font-size:.85rem;display:flex}.hub-fill input{accent-color:var(--gold);margin-top:.25em}.hub-fill small{opacity:.55;font-size:.72rem;display:block}.hub-find{letter-spacing:.06em;width:100%;font-size:1.15rem}.hub-fight .btn.ghost.big{width:100%}.hub-divider{letter-spacing:.2em;text-transform:uppercase;opacity:.45;align-items:center;gap:.8em;margin:1.1em 0 .9em;font-size:.72rem;display:flex}.hub-divider:before,.hub-divider:after{content:"";background:#fff3;flex:1;height:1px}.hub-practice{grid-template-columns:auto 1fr;align-items:center;gap:.5em .8em;margin-bottom:.9em;display:grid}.hub-practice .seg{flex-wrap:wrap;gap:.3em;display:flex}.hub-practice .seg button{color:#f6ead0;font:600 .78rem var(--sans);white-space:nowrap;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.4em .6em}.hub-practice .seg button.on{border-color:var(--gold);color:var(--gold);background:#e7c66b29}.hub-tabs{gap:.4em;margin-bottom:.8em;display:flex}.hub-tabs button{color:#f6ead0;font:700 .85rem var(--display);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:.45em 1em}.hub-tabs button.on{border-color:var(--gold);color:var(--gold);background:#e7c66b29}.arena-table{flex-direction:column;display:flex}.arena-tr{font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;column-gap:.8em;padding:.5em .6em;display:grid}.arena-table.lb .arena-tr{grid-template-columns:2.5em minmax(0,1fr) 5em 6em 5em}.arena-table.hist .arena-tr{grid-template-columns:4em minmax(0,1.4fr) 4em 5em 4.5em 4.5em minmax(5em,1fr)}.arena-tr>span:nth-child(n+3){text-align:right}.arena-tr+.arena-tr{border-top:1px solid #ffffff0d}.arena-tr.head{letter-spacing:.12em;text-transform:uppercase;opacity:.5;font-size:.66rem;font-weight:700}.arena-tr.me{box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,#d9b45a33,#0000)}.arena-tr.won .arena-td-rank{color:var(--gold)}.arena-td-rank{font:800 1.05rem var(--display)}.arena-tr.top1 .arena-td-rank{color:#f3c75a}.arena-tr.top2 .arena-td-rank{color:#d9dee6}.arena-tr.top3 .arena-td-rank{color:#dc9157}.arena-td-who{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5em;min-width:0;display:flex;overflow:hidden}.arena-td-who .class-icon{width:1.3em;height:1.3em}.arena-tr .up{color:var(--green)}.arena-tr .down{color:var(--red)}.arena-queue .queue-cls{border:2px solid var(--gold);background:#1e1208e6;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.arena-queue .queue-cls .class-icon{width:34px;height:34px}.queue-modes{flex-wrap:wrap;justify-content:center;gap:.35em;margin:.3em 0 .6em;display:flex}.queue-found{color:var(--gold);margin:.2em 0;font-size:2.2rem}.shop-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45em;display:grid}.shop-tab{color:#f6ead0;font:700 .85rem var(--display);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.5em;padding:.6em .8em;display:grid}.shop-tab .class-icon{width:1.5em;height:1.5em}.shop-tab small{font:600 .7rem var(--sans);opacity:.55}.shop-tab:hover{border-color:#e7c66b80}.shop-tab.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#e7c66b29}.shop-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.2em;display:grid}.shop-stage{position:sticky;top:1em}.shop-preview{border:1px solid #d9b45a40;height:min(560px,64vh);box-shadow:0 16px 40px #00000073}.shop-caption{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0502a6;border-radius:10px;align-items:center;gap:.6em;padding:.55em .8em;display:flex;position:absolute;bottom:1em;left:1em;right:1em}.shop-caption strong{font:700 1rem var(--display)}.shop-caption small{opacity:.6;flex:1}.shop-side,.shop-cards{flex-direction:column;gap:.8em;display:flex}.shop-card{--rar:#5aa8ff;--rar-bg:#5aa8ff1f;background:linear-gradient(135deg, var(--rar-bg), #180e08eb 55%);border:1px solid color-mix(in srgb, var(--rar) 45%, transparent);cursor:pointer;animation:.4s ease-out both end-rise;animation-delay:calc(var(--i) * 70ms);border-radius:14px;padding:1em 1.1em;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.shop-card.r-epic{--rar:#c27bff;--rar-bg:#c27bff24}.shop-card.r-legendary{--rar:#ffb347;--rar-bg:#ffb34729}.shop-card:hover{box-shadow:0 10px 26px #0006, 0 0 0 1px var(--rar);transform:translateY(-2px)}.shop-card.trying{box-shadow:0 0 0 2px var(--rar), 0 0 30px color-mix(in srgb, var(--rar) 35%, transparent)}.shop-card-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--rar) 30%, transparent), transparent);pointer-events:none;width:70%;height:160%;position:absolute;top:-60%;right:-30%}.shop-card.r-legendary .shop-card-glow{animation:3s ease-in-out infinite legend-glow}@keyframes legend-glow{50%{opacity:.45;transform:scale(1.15)}}.shop-card-top{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.shop-slot{opacity:.65}.shop-rarity{color:var(--rar);background:color-mix(in srgb, var(--rar) 16%, transparent);border:1px solid color-mix(in srgb, var(--rar) 50%, transparent);border-radius:999px;padding:.1em .6em;font-weight:800}.shop-card h3{color:#fff3dc;margin:.4em 0 .2em;font-size:1.35rem}.shop-card p{color:#f6ead0b8;margin:0 0 .8em;font-size:.86rem;line-height:1.45}.shop-card-foot{justify-content:space-between;align-items:center;gap:.8em;display:flex}.shop-price{font:800 1.2rem var(--display);color:#ffd977;align-items:center;gap:.35em;display:inline-flex}.shop-owned{opacity:.7;font-size:.85rem;font-weight:700}.shop-owned.worn{color:var(--green);opacity:1}.rarity-dot{background:#5aa8ff;border-radius:50%;width:.7em;height:.7em}.rarity-dot.r-epic{background:#c27bff}.rarity-dot.r-legendary{background:#ffb347}@media (width<=980px){.hub-grid,.shop-body,.hub-gladiator-body{grid-template-columns:minmax(0,1fr)}.shop-tabs,.hub-classes{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-stage{position:relative;top:0}}