: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<=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}