:root{--bg: #060d11;--bg2: #0b1a16;--panel: rgba(255,255,255,.045);--panel-2: rgba(255,255,255,.08);--line: rgba(255,255,255,.1);--text: #eaf3ee;--muted: #8aa397;--accent: #ffc247;--accent-2: #ff9d2e;--danger: #ff6b6b;--red: #ff4d5e;--blue: #38a8ff;--display: "Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);font-family:Barlow,system-ui,sans-serif;background:radial-gradient(900px 500px at 15% -10%,rgba(255,194,71,.13),transparent 60%),radial-gradient(800px 500px at 100% 0%,rgba(56,168,255,.12),transparent 60%),radial-gradient(700px 500px at 50% 120%,rgba(30,140,70,.25),transparent 65%),var(--bg);background-attachment:fixed}h1,h2,.logo,.btn,.ovr,.card-name{font-family:var(--display)}h1{font-size:clamp(56px,9vw,104px);line-height:.86;margin:0 0 14px;font-weight:800;letter-spacing:-1px;text-transform:uppercase}h2{font-size:34px;margin:0 0 4px;font-weight:800;letter-spacing:.3px}.muted{color:var(--muted)}.error{color:var(--danger);margin:6px 0}kbd{font:700 12px var(--display);letter-spacing:.5px;padding:2px 7px;margin:0 2px;border-radius:5px;background:var(--panel-2);border:1px solid var(--line);border-bottom-width:2px;color:var(--text)}.app>header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;background:#060d11b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--text);font-size:30px;font-weight:800;cursor:pointer;letter-spacing:.5px;padding:0}.logo svg{transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.logo:hover svg{transform:rotate(180deg) scale(1.1)}.nav{display:flex;gap:4px}.nav button{font:700 17px var(--display);letter-spacing:.5px;color:var(--muted);background:none;border:0;padding:8px 14px;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.nav button:hover{color:var(--text);background:var(--panel)}.nav button.on{color:#1b1200;background:var(--accent)}.hdr-right{display:flex;gap:12px;align-items:center}.coins{display:inline-flex;align-items:center;gap:7px;font:800 19px var(--display);color:var(--accent);background:#ffc2471a;border:1px solid rgba(255,194,71,.3);padding:4px 12px 4px 8px;border-radius:99px}.coin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3bf,#ffb81f 60%,#c47f00);box-shadow:inset 0 0 0 2px #78460066}.user{display:inline-flex;align-items:center;gap:8px;font-weight:500}.user b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--red));font:800 15px var(--display)}main{max-width:1040px;margin:0 auto;padding:32px 20px 60px}.btn{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#1b1200;border:0;border-radius:10px;padding:10px 20px;font-size:19px;font-weight:800;letter-spacing:.4px;cursor:pointer;box-shadow:0 6px 18px -6px #ffaa2899,inset 0 1px #ffffff73;transition:transform .12s,box-shadow .12s,filter .12s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 22px -6px #ffaa28b3,inset 0 1px #ffffff73}.btn:active:not(:disabled){transform:translateY(0)}.btn.ghost{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--panel-2);box-shadow:none}.btn.small{padding:6px 14px;font-size:16px;border-radius:8px}.btn.big{padding:15px 30px;font-size:28px;border-radius:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.link{background:none;border:0;color:var(--muted);cursor:pointer;text-decoration:underline;font:inherit}.link:hover{color:var(--text)}input{background:#00000059;border:1px solid var(--line);color:var(--text);padding:12px 14px;border-radius:10px;font:500 16px Barlow,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffc2472e}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:20px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px -30px #000c}.login h1{font-size:64px;margin:10px 0 0}.login p{margin:0 0 6px}.login .btn.big{width:100%;text-align:center;font-size:24px;padding:13px}.menu{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;padding-top:12px}.menu-left{flex:1 1 380px}.lead{font-size:18px;max-width:420px;margin:0 0 22px}.stats{display:flex;gap:10px;margin-bottom:26px}.stats div{min-width:96px;padding:10px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.stats b{display:block;font:800 34px/1 var(--display)}.stats span{font-size:13px;color:var(--muted)}.actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.actions .btn.big{width:280px;text-align:left}.menu-card{flex:0 0 auto;padding:20px 50px 20px 20px;perspective:900px}.menu-card .card{transform:scale(1.35) rotateY(-8deg) rotateX(3deg);transition:transform .4s}.menu-card .card:hover{transform:scale(1.4) rotateY(0) rotateX(0)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:22px 16px;margin-top:18px}.card{position:relative;overflow:hidden;width:176px;padding:14px;border-radius:16px 16px 44px 44px;color:#1b1608;border:2px solid rgba(255,255,255,.35);box-shadow:0 16px 30px -14px #000c,inset 0 0 0 1px #fff3;transition:transform .2s,box-shadow .2s}.grid .card:hover{transform:translateY(-5px)}.card.bronze{background:linear-gradient(160deg,#e6b48a,#94623a)}.card.silver{background:linear-gradient(160deg,#f2f6f9,#8e9ba6)}.card.gold{background:linear-gradient(160deg,#fff0a8,#c9981c)}.card.icon{background:linear-gradient(155deg,#c7fbff,#8a78ff 52%,#ffd36b);box-shadow:0 16px 36px -12px #8a78ffb3,inset 0 0 0 1px #ffffff4d}.card.sel{border-color:var(--accent);box-shadow:0 0 0 3px #ffc24773,0 18px 34px -12px #ffc24780}.card-shine{position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.45) 50%,transparent 58%);transform:translate(-60%);transition:transform .8s;pointer-events:none}.card:hover .card-shine{transform:translate(60%)}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.ovr{font-size:52px;font-weight:800;line-height:.9;letter-spacing:-1px}.pos{display:block;font:800 16px var(--display);letter-spacing:1px;margin-top:2px}.tier{font:800 11px var(--display);letter-spacing:1.5px;padding:3px 7px;border-radius:99px;background:#0000002e}.card-name{font-size:24px;font-weight:800;margin:10px 0 8px;border-bottom:1px solid rgba(0,0,0,.25);padding-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.card-stats{display:grid;gap:5px;margin-bottom:12px}.stat{display:grid;grid-template-columns:30px 1fr 24px;align-items:center;gap:7px;font:700 13px var(--display);letter-spacing:.5px}.stat b{text-align:right;font-size:17px}.stat-bar{height:6px;border-radius:3px;background:#0003;overflow:hidden}.stat-bar i{display:block;height:100%;border-radius:3px;background:#140c00c7}.card .btn,.card .tag{width:100%;text-align:center;background:#0a0a0ad9;color:#fff;box-shadow:none}.card .btn:hover:not(:disabled){box-shadow:none}.card .tag{padding:6px;border-radius:8px;font:800 16px var(--display);letter-spacing:.5px}.lobby-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}.lobby-head p{margin:0}.create{display:flex;gap:8px}.empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:54px 20px;border:1px dashed var(--line);border-radius:16px;text-align:center}.empty b{font:800 26px var(--display)}.empty-ball{width:44px;height:44px;border-radius:50%;margin-bottom:8px;background:radial-gradient(circle at 35% 30%,#fff,#b9c3bd);animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px)}}.rooms{display:flex;flex-direction:column;gap:10px}.room{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);transition:border-color .15s,background .15s}.room:hover{border-color:#ffc24773;background:var(--panel-2)}.room-score{display:flex;align-items:center;gap:8px;font:800 30px/1 var(--display);min-width:100px;justify-content:center;padding:8px 12px;border-radius:10px;background:#00000059}.room-score i{font-style:normal;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%}.dot.red{background:var(--red)}.dot.blue{background:var(--blue)}.room-info{display:flex;flex-direction:column}.room-info b{font:800 22px var(--display);letter-spacing:.3px}.chip{font:800 13px var(--display);letter-spacing:1px;padding:3px 10px;border-radius:99px;background:var(--panel-2);color:var(--muted);text-transform:uppercase}.chip.playing{background:#ff4d5e29;color:#ff7f8b}.chip.playing:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.match{max-width:920px;margin:0 auto}.match-bar .acts{display:flex;gap:8px}.match-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.stage{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px -30px #000000e6,0 0 0 6px #ffffff08;background:#06100c}.pitch{display:block;width:100%;height:auto;aspect-ratio:var(--ar, 1.769)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.topstrip{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:68px;margin-bottom:10px}.scoreboard{grid-column:2;grid-row:1;display:flex;align-items:stretch;border-radius:12px;overflow:hidden;background:#060d11c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:0 8px 24px -8px #000c;font-family:var(--display)}.scoreboard .side{display:flex;align-items:center;padding:0 14px;font-weight:800;font-size:16px;letter-spacing:.8px;text-transform:uppercase}.scoreboard .side.red{background:linear-gradient(90deg,rgba(255,77,94,.35),transparent);color:#ff9aa4}.scoreboard .side.blue{background:linear-gradient(270deg,rgba(56,168,255,.35),transparent);color:#9dd2ff}.scoreboard .num{min-width:42px;text-align:center;font-weight:800;font-size:38px;line-height:1.15}.scoreboard .num.red{color:var(--red)}.scoreboard .num.blue{color:var(--blue)}.scoreboard .sep{align-self:center;font-weight:800;font-size:28px;color:var(--muted)}.kick{grid-column:3;grid-row:1;justify-self:start;display:flex;align-items:center;gap:12px;padding:6px 18px 6px 8px;border-radius:99px;background:#060d11d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,194,71,.5);box-shadow:0 8px 24px -8px #000c,0 0 24px -6px #ffc24780;animation:pop .3s cubic-bezier(.3,1.6,.5,1);white-space:nowrap}@keyframes pop{0%{transform:scale(.7);opacity:0}}.kick-ring{position:relative;width:48px;height:48px}.kick-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.kick-ring circle{fill:none;stroke-width:4}.kick-ring .bg{stroke:#ffffff1f}.kick-ring .fg{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:119.4;transition:stroke-dashoffset 1s linear}.kick-ring b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:800 26px var(--display);color:var(--accent)}.kick-text{display:flex;flex-direction:column;font:800 18px/1.1 var(--display);letter-spacing:.3px}.kick-text small{font:500 13px Barlow,sans-serif;color:var(--muted);letter-spacing:0;margin-top:2px}.kick-text small b{font-weight:700}.banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 34px;border-radius:12px;font:800 clamp(22px,4vw,34px) var(--display);letter-spacing:.5px;text-align:center;background:#060d11c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);animation:pop2 .35s cubic-bezier(.3,1.6,.5,1);max-width:90%}@keyframes pop2{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}}.banner.goal{top:50%;font-size:clamp(54px,11vw,110px);line-height:1;padding:6px 40px;color:#1b1200;text-transform:uppercase;background:linear-gradient(180deg,var(--accent),var(--accent-2));border:0;box-shadow:0 0 80px #ffaa28b3;transform:translate(-50%,-50%) skew(-8deg)}.rosters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.roster{padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--red);min-height:70px}.roster.blue{border-top-color:var(--blue)}.roster-title{font:800 15px var(--display);letter-spacing:1px;text-transform:uppercase;color:var(--red);margin-bottom:4px}.roster.blue .roster-title{color:var(--blue)}.rp{display:flex;align-items:center;gap:10px;padding:3px 0}.rp-ovr{min-width:30px;text-align:center;font:800 16px var(--display);padding:1px 0;border-radius:6px;background:var(--panel-2)}.rp.me .rp-name{color:var(--accent);font-weight:500}@media (max-width: 760px){main{padding:12px 10px 48px}.nav{display:none}.app>header{padding:10px 14px}.user span,.user{font-size:0;gap:0}.user b{font-size:15px}.room{grid-template-columns:1fr auto}.room-score,.chip{display:none}.menu-card{padding:40px 30px}.scoreboard .side,.kick-text small{display:none}.topstrip{grid-template-columns:1fr;justify-items:center;min-height:0}.scoreboard,.kick{grid-column:1;justify-self:center}.kick{grid-row:2}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.small{font-size:13px}.ok{color:#5be584;margin:6px 0}.sub{font:800 24px var(--display);margin:26px 0 10px;letter-spacing:.3px}select{background:#00000059;border:1px solid var(--line);color:var(--text);padding:6px 10px;border-radius:8px;font:500 15px Barlow,sans-serif;outline:none}select:focus{border-color:var(--accent)}.nav-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger);margin-left:6px;vertical-align:middle}button.user{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}button.user:hover span{text-decoration:underline}.actions{flex-direction:row;flex-wrap:wrap}.actions .btn.big{width:280px}.stats{flex-wrap:wrap}.quick-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;margin-bottom:16px;border-radius:16px;background:linear-gradient(100deg,#ffc24729,#38a8ff1a);border:1px solid rgba(255,194,71,.35)}.quick-card>div{display:flex;flex-direction:column}.quick-card b{font:800 26px var(--display)}.quick-card.on{animation:glow 1.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 30px -6px #ffc24799}}.clock{grid-column:1;grid-row:1;justify-self:end;display:flex;flex-direction:column;align-items:center;padding:4px 14px;border-radius:12px;background:#060d11c7;border:1px solid var(--line);font-family:var(--display)}.clock b{font-size:28px;line-height:1.05}.clock b.ot{color:var(--accent);font-size:20px;letter-spacing:1px;margin:4px 0}.clock span{font:500 12px Barlow,sans-serif;color:var(--muted)}.controls{margin-top:12px;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.ctl-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.settings{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:14px}.settings label{display:flex;align-items:center;gap:8px;color:var(--muted)}.settings.ro span{padding:3px 10px;border-radius:99px;background:var(--panel-2);color:var(--muted)}.settings.ro b{color:var(--text)}.chk input{width:18px;height:18px;padding:0;accent-color:var(--accent)}.roster-title{display:flex;justify-content:space-between;align-items:center}.crown{color:var(--accent)}.ready{margin-left:auto;font:700 13px var(--display);letter-spacing:.5px;color:var(--muted)}.ready.yes{color:#5be584}.rp .x{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px}.ready+.x{margin-left:6px}.rp .x:hover{background:#ff6b6b33;color:var(--danger)}.toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:6;padding:8px 16px;border-radius:99px;background:#060d11eb;border:1px solid var(--danger);color:var(--danger);font-weight:500}.results{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:10px;overflow:auto;background:#040a07bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .3s}@keyframes fade{0%{opacity:0}}.res-card{width:min(580px,100%);padding:14px 18px 16px;border-radius:16px;background:#08120ef0;border:1px solid var(--line)}.res-card.win{border-color:#ffc2478c;box-shadow:0 0 60px -12px #ffc24780}.res-card.lose{border-color:#ff6b6b59}.res-title{font:800 38px/1 var(--display);text-transform:uppercase;text-align:center;letter-spacing:.5px}.res-card.win .res-title{color:var(--accent)}.res-score{display:flex;align-items:baseline;justify-content:center;gap:10px;font:800 52px/1.1 var(--display)}.res-score i{font-style:normal;color:var(--muted)}.res-score .red{color:var(--red)}.res-score .blue{color:var(--blue)}.res-score span{font:500 14px Barlow,sans-serif;margin-left:10px}.res-team{margin-top:8px;padding:6px 10px;border-radius:10px;background:var(--panel);border-top:3px solid var(--red)}.res-team.blue{border-top-color:var(--blue)}.res-head,.res-row{display:grid;grid-template-columns:1fr 40px 48px 40px 62px 86px;gap:6px;align-items:center;font-size:14px}.res-head{font:700 12px var(--display);letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.res-head span:first-child{color:var(--red)}.res-team.blue .res-head span:first-child{color:var(--blue)}.res-head span:not(:first-child),.res-row span:not(.nm){text-align:center}.res-row{padding:3px 0}.res-row.me .nm{color:var(--accent)}.res-row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mvp{font:800 11px var(--display);font-style:normal;background:var(--accent);color:#1b1200;padding:1px 6px;border-radius:99px;margin-left:6px}.gain{color:var(--accent)}.up{color:#5be584}.down{color:var(--danger)}.res-row small{color:var(--muted)}.res-actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:12px}.tabs{display:flex;gap:6px;margin:14px 0}.tabs button{font:700 17px var(--display);letter-spacing:.5px;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:7px 16px;border-radius:99px;cursor:pointer}.tabs button.on{color:#1b1200;background:var(--accent);border-color:transparent}.table{display:flex;flex-direction:column;gap:6px}.tr{display:grid;grid-template-columns:44px 1fr 70px 46px 46px 56px 56px;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.tr.th{background:none;border:0;padding-top:0;color:var(--muted);font:700 13px var(--display);letter-spacing:1px;text-transform:uppercase}.tr.me{border-color:#ffc24799;background:#ffc24714}.tr .pos{font:800 22px var(--display);color:var(--muted)}.tr.top1 .pos{color:#ffd24a}.tr.top2 .pos{color:#cfd8de}.tr.top3 .pos{color:#d99a62}.plink{background:none;border:0;color:var(--text);font:600 17px Barlow,sans-serif;cursor:pointer;text-align:left;padding:0}.plink:hover{color:var(--accent);text-decoration:underline}.prof-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.prof-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--red));font:800 34px var(--display)}.prof-head h2{margin:0}.prof-head p{margin:2px 0 0}.chip.you{margin-left:10px;vertical-align:middle;background:#ffc2472e;color:var(--accent)}.prof-grid{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.prof-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;flex:1 1 340px}.prof-stats div{padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.prof-stats b{display:block;font:800 30px/1 var(--display)}.prof-stats span{font-size:13px;color:var(--muted)}.history{display:flex;flex-direction:column;gap:8px}.hm{display:grid;grid-template-columns:36px 90px 1fr auto;gap:14px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--danger)}.hm.win{border-left-color:#5be584}.hm-res{font:800 22px var(--display);text-align:center}.hm-score{display:flex;gap:6px;justify-content:center;font:800 28px var(--display)}.hm-score i{font-style:normal;color:var(--muted)}.hm-score .red{color:var(--red)}.hm-score .blue{color:var(--blue)}.hm-info{display:flex;flex-direction:column;font-size:14px;min-width:0}.hm-info em{color:var(--muted);font-style:normal}.hm-stats{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--muted)}.daily{padding:16px;margin-top:14px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.daily-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.daily-head>div{display:flex;flex-direction:column}.daily-head b{font:800 24px var(--display)}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px}.day{padding:8px 4px;border-radius:10px;text-align:center;background:#0000004d;border:1px solid var(--line)}.day span{display:block;font-size:12px;color:var(--muted)}.day b{font:800 20px var(--display)}.day.done{background:#5be5841f;border-color:#5be58466}.day.done b{color:#5be584}.day.today{border-color:var(--accent);box-shadow:0 0 0 2px #ffc2474d}.day.today b{color:var(--accent)}.quests{display:flex;flex-direction:column;gap:10px}.quest{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.quest.done{border-color:#5be58473}.q-info{flex:1;display:flex;flex-direction:column;gap:6px}.q-info b{font:800 20px var(--display)}.q-bar{height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.q-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .4s}body.in-match{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.in-match input,body.in-match select{-webkit-user-select:auto;user-select:auto}.touchctl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.joy{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffffff14,#ffffff05 70%,#ffffff14);border:2.5px solid rgba(255,255,255,.32);box-shadow:inset 0 0 24px #00000073,0 8px 24px #0006;pointer-events:auto;touch-action:none}.joy-knob{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffc950 65%,#c88310);box-shadow:0 6px 18px #000000a6,inset 0 2px 4px #ffffffd9;will-change:transform;pointer-events:none}.kickbtn{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));width:96px;height:96px;border-radius:50%;border:3px solid rgba(255,255,255,.35);background:#ffc24747;color:#fff;font:800 24px var(--display);letter-spacing:1px;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.kickbtn.on{background:var(--accent);color:#1b1200;transform:scale(.94)}.rotate-hint,.match.touch .keys{display:none}.match.touch.live{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;max-width:none;margin:0;padding:0;background:#040a07;display:flex;flex-direction:column;justify-content:center;align-items:center}.match.touch.live .rosters,.match.touch.live .controls{display:none}.match.touch.live .match-bar{position:absolute;top:6px;right:8px;z-index:6;margin:0}.match.touch.live .match-bar .btn{padding:4px 10px;font-size:14px;opacity:.8}.match.touch.live .topstrip{position:absolute;top:4px;left:0;right:0;z-index:5;margin:0;min-height:0;display:flex;justify-content:center;align-items:center;gap:8px;pointer-events:none;transform:scale(.72);transform-origin:top center}.match.touch.live .kick-text small{display:none}.match.touch.live .stage{flex:1;min-height:0;width:100%;display:flex;justify-content:center;align-items:center;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.match.touch.live .pitch{width:min(100vw,calc(100vh * 920 / 520));width:min(100vw,calc(100dvh * 920 / 520));height:auto;flex:none}@media (orientation: portrait){.match.touch.live .rotate-hint{display:block;position:absolute;bottom:168px;left:0;right:0;text-align:center;font-size:13px;color:var(--muted);pointer-events:none}}@media (max-width: 760px){.nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:0;overflow-x:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#060d11f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.nav button{flex:0 0 auto;padding:8px 12px;font-size:15px;white-space:nowrap}body.in-match .nav{display:none}main{padding-bottom:84px}.actions .btn.big{width:100%}.clock{grid-column:1;grid-row:2;justify-self:center;flex-direction:row;gap:10px;align-items:baseline}.kick{grid-row:3}.quick-card{flex-direction:column;align-items:flex-start}.res-head,.res-row{grid-template-columns:1fr 30px 38px 30px 52px 70px;font-size:13px}.hm{grid-template-columns:30px 70px 1fr}.hm-stats{grid-column:1 / -1;flex-direction:row;gap:12px;align-items:center}.days{gap:4px}.day b{font-size:16px}}@media (max-width: 560px){.tr{grid-template-columns:32px 1fr 56px 36px 36px;gap:6px;padding:8px 10px}.tr>span:nth-child(n+6){display:none}.quest{flex-direction:column;align-items:stretch}}.queue-count{color:#a9e6b2;font-weight:700;margin-top:4px}.pack-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}.pack-card{display:flex;flex-direction:column;gap:10px;text-align:center;border-color:#334b3b;background:linear-gradient(160deg,#17271f,#111915)}.pack-art{height:90px;display:grid;place-items:center;font-size:54px;background:radial-gradient(circle,#395d42,#17251d 68%);border-radius:12px}.pack-odds{display:grid;gap:4px;text-align:left;padding:10px;background:#0d1511;border-radius:10px}.pack-odds span{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.pack-odds span:last-child{color:#f2c76d}.pack-result{padding:20px;margin:18px 0;text-align:center;background:linear-gradient(130deg,#273b2e,#161c18);border:1px solid #557a5a;border-radius:16px}.pack-result>span{font-size:11px;letter-spacing:.12em;color:var(--muted)}.music-help{margin-top:16px;color:var(--muted)}.music-help p{max-width:680px;line-height:1.6}.club-layout{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:16px;margin-top:16px}.club-chat{display:flex;flex-direction:column;min-height:430px}.club-messages{flex:1;min-height:300px;max-height:54vh;overflow:auto;padding:10px;background:#0d1511;border-radius:10px}.club-messages p{padding:6px 0;border-bottom:1px solid #25342b}.match-chat{align-items:stretch}.match-chat .chat-feed{display:flex;flex-direction:column;flex:none;min-height:120px;max-height:32vh;overflow:auto;padding:8px;background:#0d1511;border-radius:8px}.match-chat .chat-msg{white-space:normal;overflow-wrap:anywhere;padding:4px;border-bottom:1px solid #25342b}.match-chat form{display:flex;gap:6px}.match-chat form input{flex:1;min-width:0}.match-chat>strong{font-size:15px}.practice-wrap{max-width:860px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.practice-wrap .practice-canvas{display:block;width:100%;height:auto;border-radius:12px;border:2px solid #dce8dc}.practice-hud{display:flex;justify-content:space-between;padding:8px 12px;margin-bottom:10px;background:#0d1511;border-radius:10px;font-weight:800}@media (max-width:760px){.club-layout{grid-template-columns:1fr}.match-chat .chat-feed{max-height:180px}.pack-shop-grid{grid-template-columns:1fr}}.pack-roll-window{position:relative;overflow:hidden;margin:20px auto;padding:16px 0;width:min(100%,860px);background:linear-gradient(90deg,#101712,#24362a,#101712);border:1px solid #58725d;border-radius:14px}.pack-roll-track{display:flex;gap:10px;width:max-content;animation:none;transform:translate(0)}.roll-card{box-sizing:border-box;width:132px;height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:#1a251e;border:1px solid #506053;border-radius:10px}.roll-card span{font-size:28px}.roll-card b{font-size:12px}.roll-card small{font-size:9px;color:#a8b4a9;letter-spacing:.1em}.pack-roll-pointer{position:absolute;z-index:2;left:50%;top:0;bottom:0;transform:translate(-50%);color:#ffe27b;text-shadow:0 0 10px #ffdb63;font-size:20px;pointer-events:none}.pack-roll-window:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffe27b;box-shadow:0 0 12px #ffe27b}.pack-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:grid;place-items:center;padding:24px;background:#020704d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pack-modal{position:relative;width:min(960px,100%);box-sizing:border-box;padding:32px 28px 26px;text-align:center;background:radial-gradient(ellipse at 50% 0,#293c2c,#111914 65%);border:1px solid #5a765d;border-radius:24px;box-shadow:0 28px 100px #000c;overflow:hidden}.pack-modal h2{margin:12px 0 20px;font-size:clamp(26px,4vw,42px)}.pack-modal-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#f2c76d}.pack-modal-close{position:absolute;top:12px;right:16px;width:42px;height:42px;border:0;border-radius:50%;background:#26362b;color:#fff;font-size:30px;line-height:1;cursor:pointer}.pack-modal-close:disabled{opacity:.4;cursor:wait}.pack-modal .pack-roll-window{max-width:860px;width:100%;box-sizing:border-box;margin:24px auto 18px;padding:18px 0}.pack-roll-track.spinning{animation:pack-roll-spin 5.2s cubic-bezier(.06,.72,.08,1) forwards}.pack-roll-track.stopped{transform:translate(var(--roll-end))}.roll-card.winning-card{box-shadow:inset 0 0 0 2px #ffe27b,0 0 18px #ffe27b55}.pack-roll-pointer{z-index:3}.pack-won-stats{padding-top:6px;color:#e8f1e8}.pack-won-stats p{color:var(--muted)}@keyframes pack-roll-spin{0%{transform:translate(0)}to{transform:translate(var(--roll-end))}}@media (max-width:600px){.pack-modal-backdrop{padding:10px}.pack-modal{padding:48px 10px 20px;border-radius:16px}.pack-modal .pack-roll-window{padding:12px 0}.pack-modal-close{top:8px;right:8px}}.fc-asset-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid #d4b75c;background:#111;box-shadow:0 12px 28px #0007;transition:transform .18s,border-color .18s}.fc-asset-card:hover{transform:translateY(-3px)}.fc-asset-card.sel{outline:3px solid #ffdc70}.fc-asset-card>img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.my-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-top:16px;align-items:start}.owned-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#111e;border-top:1px solid #ffffff24;color:#fff}.album-card{padding:8px;overflow:hidden}.album-card>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:8px}.album-card-placeholder{display:grid;place-items:center;min-height:100px;font-size:32px}.match-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(10px,3vw,28px);background:radial-gradient(ellipse at center,#10251fee,#06100cf5 74%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.match-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(10px,3vw,28px);background:transparent;pointer-events:none;color:#fff}.match-intro-overlay h2{margin:0;font-size:clamp(20px,3vw,34px);color:#ffdc70}.match-intro-overlay>p{margin:4px 0 12px;color:#c9d5cc}.intro-teams{display:flex;align-items:flex-start;justify-content:center;gap:clamp(12px,4vw,56px);width:100%;max-height:70%;overflow:auto}.intro-team{min-width:0;flex:1;max-width:430px}.intro-team h3{font-size:clamp(13px,1.8vw,19px);margin:4px}.intro-cards{display:flex;justify-content:center;gap:clamp(5px,1vw,12px);flex-wrap:wrap}.intro-card{width:clamp(78px,12vw,145px);display:flex;flex-direction:column;align-items:center;gap:3px}.intro-card>.fc-asset-card{width:100%;border-radius:8px}.intro-card>.fc-asset-card>img{max-height:min(34vh,260px)}.intro-card>.fc-asset-card:not(:has(img)){padding:clamp(4px,1vw,10px);font-size:clamp(9px,1.2vw,14px)}.intro-card>.fc-asset-card .card-top .ovr{font-size:clamp(20px,3vw,34px)}.intro-card>.fc-asset-card .card-stats{gap:1px}.intro-card>b{max-width:100%;font-size:clamp(10px,1.2vw,14px);overflow-wrap:anywhere}.match-intro-overlay>small{margin-top:8px;color:#b6c3b9}.match-countdown-overlay>span{font-weight:900;letter-spacing:.25em;color:#ffdc70;text-shadow:0 2px 14px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.match-countdown-overlay>b{font-size:clamp(100px,27vw,260px);line-height:1;color:#fff;text-shadow:0 8px 32px rgba(0,0,0,.85),0 0 45px rgba(255,220,112,.45);animation:countdown-pop .45s ease-out}.match-intro-overlay .owned-card-meta{display:none}@keyframes countdown-pop{0%{transform:scale(1.35);opacity:.25}to{transform:scale(1);opacity:1}}@media (max-width:520px){.intro-teams{gap:8px}.intro-card{width:clamp(66px,20vw,105px)}.intro-card>.fc-asset-card>img{max-height:26vh}.match-intro-overlay>p{margin:1px 0 6px}}.intro-card:has(>.fc-asset-card>img)>b{display:none}.var-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;overflow:hidden;background:linear-gradient(180deg,#03100bbd,#03100b82);color:#fff}.var-title{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 18px;border:1px solid #e7c95a;border-radius:12px;background:#07110fef;box-shadow:0 8px 28px #0008;white-space:nowrap}.var-title b{font-size:clamp(16px,2.5vw,28px);color:#ffe16b}.var-title span,.monitor-line{font-size:10px;font-weight:800;letter-spacing:.16em;color:#d5ddd7}.var-referee{position:absolute;z-index:2;left:-9%;bottom:22%;width:48px;height:74px;display:flex;align-items:flex-start;justify-content:center;animation:var-ref-run 10s cubic-bezier(.42,0,.58,1) forwards}.var-referee:before{content:"";position:absolute;top:0;width:26px;height:26px;border-radius:50%;background:#e4b18b;border:2px solid #35281c}.var-referee i{position:absolute;top:24px;width:38px;height:32px;background:linear-gradient(90deg,#d8b436,#ffed73 45%,#d1a928);border:2px solid #302815;border-radius:8px 8px 4px 4px;box-shadow:0 0 18px #ffe2678c}.var-referee>b{position:absolute;z-index:1;top:31px;color:#1d1a10;font-size:16px}.var-referee:after{content:"";position:absolute;top:55px;width:30px;height:16px;background:linear-gradient(90deg,#222 0 43%,transparent 43% 57%,#222 57%);border-radius:0 0 5px 5px}.var-monitor{position:absolute;right:clamp(14px,5vw,60px);bottom:14px;width:min(40vw,340px);padding:9px;border:2px solid #b8c3bf;border-radius:10px;background:linear-gradient(145deg,#39423f,#131c19);box-shadow:0 10px 35px #000b;opacity:0;animation:monitor-show 10s ease forwards}.monitor-top{padding:4px 7px;color:#ffeb8e;font-size:11px;font-weight:900;letter-spacing:.14em}.var-monitor canvas{display:block;width:100%;aspect-ratio:2/1;object-fit:contain;border:2px solid #d9e0da;border-radius:5px;background:#07100b}.monitor-line{text-align:center;padding:5px 0 0;font-size:8px}.var-decision{position:absolute;left:50%;bottom:clamp(26px,8vh,70px);transform:translate(-50%) scale(.85);padding:12px 24px;border:2px solid #f6d65c;border-radius:12px;background:#14190fef;color:#fff08a;font-size:clamp(17px,3vw,32px);font-weight:1000;letter-spacing:.08em;white-space:nowrap;opacity:0;animation:decision-show 10s ease forwards}.var-decision:before{content:"HAKEM KARARI";display:block;margin-bottom:3px;text-align:center;color:#d0d9cf;font-size:9px;letter-spacing:.22em}.var-overlay:after{content:"H";position:absolute;left:clamp(20px,8vw,90px);top:50%;padding:9px 13px;border-radius:50%;background:#ffe16b;color:#251e0a;font-size:22px;font-weight:1000;box-shadow:0 0 24px #ffe16b;opacity:0;animation:ref-callout 10s ease forwards}@keyframes var-ref-run{0%{left:-9%;bottom:20%}12%{left:8%;bottom:20%}30%{left:34%;bottom:28%}43%{left:54%;bottom:20%}60%{left:75%;bottom:10%}78%{left:79%;bottom:10%}to{left:112%;bottom:20%}}@keyframes monitor-show{0%,35%{opacity:0;transform:translateY(12px)}44%,90%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes decision-show{0%,64%{opacity:0;transform:translate(-50%) scale(.85)}72%,91%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.9)}}@keyframes ref-callout{8%,48%{opacity:1;transform:scale(1.1)}0%,6%,50%,to{opacity:0;transform:scale(.7)}}@media (max-width:520px){.var-title{top:6px;padding:6px 10px}.var-monitor{width:min(52vw,230px);right:8px;bottom:8px}.var-referee{transform:scale(.78);transform-origin:bottom center}.var-decision{bottom:12px;padding:8px 12px}.monitor-line{font-size:6px}}body.in-match main{max-width:none;width:100%;box-sizing:border-box;padding:18px 24px 36px}.match-chat{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;min-width:0;background:linear-gradient(160deg,#17241c,#101713);border:1px solid #405b47;border-radius:16px;box-shadow:0 14px 36px #0005}.match-chat .chat-feed{display:flex;flex-direction:column;flex:1;min-height:150px;max-height:42vh;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#66866b #101912;overscroll-behavior:contain;scroll-behavior:smooth;padding:10px;background:#09110c;border:1px solid #2c4031;border-radius:11px}.match-chat .chat-feed::-webkit-scrollbar{width:10px}.match-chat .chat-feed::-webkit-scrollbar-track{background:#101912;border-radius:8px}.match-chat .chat-feed::-webkit-scrollbar-thumb{background:#55745b;border:2px solid #101912;border-radius:8px}.match-chat .chat-msg{font-size:15px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;padding:7px 4px;border-bottom:1px solid #26372b}.match-chat form{display:flex;gap:8px}.match-chat form input{flex:1;min-width:0;height:42px}.match-chat .reaction-row{display:flex;flex-wrap:wrap;gap:6px}.match-chat .reaction-row .btn{min-width:42px;min-height:38px}@media (min-width:1350px){.match{display:grid;grid-template-columns:minmax(0,1fr) 350px;column-gap:20px;row-gap:10px;max-width:1640px;margin:0 auto;align-items:start}.match-bar,.topstrip,.stage,.controls{grid-column:1}.match-side-col{grid-column:2;grid-row:3/6;display:flex;flex-direction:column;gap:12px;align-self:stretch}.rosters{grid-column:1}.match-chat .chat-feed{max-height:none;min-height:180px}}.match:fullscreen{display:grid;width:100vw;height:100vh;max-width:none;margin:0;padding:14px 18px;box-sizing:border-box;overflow:hidden;background:#07100b;grid-template-columns:minmax(0,1fr) minmax(280px,350px);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:8px}.match:fullscreen .match-bar,.match:fullscreen .topstrip,.match:fullscreen .stage,.match:fullscreen .controls{grid-column:1}.match:fullscreen .stage{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.match:fullscreen .pitch{width:100%;height:auto;max-height:100%;object-fit:contain}.match:fullscreen .match-side-col{grid-column:2;grid-row:1/5;width:auto;height:100%;max-height:none;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.match:fullscreen .match-chat{height:auto;min-height:180px;max-height:none}.match:fullscreen .match-chat .chat-feed{max-height:none;min-height:0}.match:fullscreen .rosters{grid-column:1}@media (max-width:1349px){body.in-match main{padding:16px}.match-chat .chat-feed{max-height:260px}.match:fullscreen{display:flex;flex-direction:column}.match:fullscreen .stage{flex:1;min-height:0}.match:fullscreen .pitch{width:100%;height:auto;max-height:100%;object-fit:contain}.match:fullscreen .match-chat{min-height:130px;max-height:28vh}.match:fullscreen .match-chat .chat-feed{min-height:55px;max-height:11vh}}@media (max-width:760px){body.in-match main{padding:4px}.fullscreen-toggle{display:inline-flex}.match-chat{padding:10px}.match-chat .chat-feed{min-height:110px}}.friends-page{max-width:900px;margin:0 auto}.friend-add{display:flex;gap:8px;margin:16px 0}.friend-add input{flex:1;min-width:0}.friend-list{display:grid;gap:9px}.friend-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(130deg,#17241c,#101713);border:1px solid #344b39;border-radius:12px}.friend-row>div:nth-child(2){flex:1;display:grid;gap:3px}.online-dot,.offline-dot{width:11px;height:11px;border-radius:50%;background:#68dd86;box-shadow:0 0 10px #68dd8670}.offline-dot{background:#778078;box-shadow:none}.invite-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:18px;background:#000a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.invite-dialog{width:min(460px,100%);padding:24px;background:linear-gradient(145deg,#1c2d22,#101713);border:1px solid #58775e;border-radius:18px;box-shadow:0 24px 80px #000c}.invite-dialog>span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#ffdc70}.invite-dialog h3{font-size:23px;line-height:1.35}.invite-dialog p{color:#b8c5bb}.invite-dialog .feature-actions{display:flex;gap:8px;flex-wrap:wrap}.friend-invite-menu{position:absolute;z-index:20;top:100%;right:0;min-width:220px;max-height:300px;overflow:auto;padding:8px;background:#111a14;border:1px solid #48634d;border-radius:12px;box-shadow:0 14px 34px #0009}.friend-invite-menu button{display:block;width:100%;padding:8px;text-align:left;background:transparent;border:0;color:var(--text);cursor:pointer}.friend-invite-menu button:hover{background:#26372b}.spectator-badge{position:absolute;z-index:6;top:10px;left:50%;transform:translate(-50%);padding:7px 12px;border-radius:99px;background:#101bde;color:#fff;font-weight:900;letter-spacing:.08em}.penalty-hud{position:absolute;z-index:7;top:10px;left:50%;transform:translate(-50%);display:grid;gap:3px;min-width:230px;padding:9px 16px;text-align:center;color:#fff;background:#06100de8;border:1px solid #f3d768;border-radius:12px}.penalty-hud strong{font-size:25px;color:#ffdf70}.penalty-hud small{font-size:10px;color:#c2ccc4}.mvp-award{padding:10px 14px;margin:8px 0;text-align:center;color:#ffdf70;background:linear-gradient(90deg,#202617,#3c3213,#202617);border:1px solid #8b7836;border-radius:10px;font-weight:900}.res-head,.res-row{grid-template-columns:minmax(100px,1fr) repeat(6,minmax(38px,auto)) minmax(48px,auto)}.album-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.album-rarity{display:inline-flex;align-self:flex-start;padding:4px 9px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#4d3a24;color:#f3d2a3}.rarity-label-1{background:#35424a;color:#d9e1e6}.rarity-label-2{background:#59471d;color:#ffdf75}.rarity-label-3{background:#482952;color:#efb6ff}.rarity-label-4{background:#204452;color:#a8e8ff}.album-skill{display:inline-flex;align-self:flex-start;padding:5px 8px;border:1px solid #655a34;border-radius:8px;color:#ffdf88;background:#272316;font-size:11px;font-weight:800}.card.special{color:#fbf6e7;background:linear-gradient(155deg,#241521,#11131d 48%,#8b3048);border-color:#f08aa0;box-shadow:0 16px 36px -12px #d23e6570,inset 0 0 0 1px #fff3}.fc-card-skill{padding:7px 9px;color:#fff;background:#101712;border-top:1px solid #ffffff30;font-size:12px;font-weight:800;text-align:center}.profile-cards{margin-bottom:24px}.roll-card>span{display:grid;place-items:center;width:55px;height:66px}.roll-card>span>img{width:55px;height:66px;object-fit:cover;object-position:top;border-radius:5px}.pack-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.pack-card .pack-art{height:190px;padding:8px;box-sizing:border-box;overflow:hidden;background:radial-gradient(ellipse,#304837,#111912 72%);border:1px solid #405848}.pack-art-img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 12px #0008);transition:transform .2s}.pack-card:hover .pack-art-img{transform:translateY(-3px) scale(1.025)}.rarity-0{border-color:#8a6946}.rarity-1{border-color:#9aa5a0}.rarity-2{border-color:#e2b957}.rarity-3{border-color:#d18af0}.rarity-4{border-color:#75d7ef}.pack-roll-track.spinning{animation-duration:5.2s;animation-timing-function:cubic-bezier(.06,.72,.08,1)}.pack-roll-track.spinning .roll-card{opacity:.92}@media (max-width:760px){.res-head,.res-row{grid-template-columns:minmax(76px,1fr) repeat(6,minmax(26px,auto)) minmax(38px,auto);gap:3px;font-size:11px}.friend-row{flex-wrap:wrap}.friend-row .btn{width:100%}.club-layout,.pack-shop-grid{grid-template-columns:1fr}}@media (max-width:600px){.pack-card .pack-art{height:160px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin:16px 0;align-items:start}.album-entry{min-width:0}.album-entry>.fc-asset-card,.album-entry>.card{width:100%;box-sizing:border-box}.album-card-meta{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:10px 12px;background:#111e;border-top:1px solid #ffffff24;color:#fff}.album-card-meta>b{font-size:11px;color:#d9e5dc}.album-card-meta .album-rarity{align-self:flex-start}.album-entry .fc-card-skill{margin:0}@media (max-width:600px){.album-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.practice-page{max-width:1400px;margin:0 auto}.practice-wrap{max-width:none}.practice-canvas-wrap{position:relative;width:100%;max-width:1200px;margin:auto}.practice-wrap .practice-canvas{width:100%;aspect-ratio:2/1;touch-action:none}.practice-heading{display:flex;justify-content:space-between;gap:16px}.practice-player-select{display:grid;gap:6px}.practice-hud{display:flex;justify-content:space-between;gap:12px}.practice-touch{display:none}@media (max-width:700px){.practice-heading{display:flex;flex-direction:column}.practice-touch{display:flex;justify-content:space-between;align-items:center}.practice-dpad{display:grid;justify-items:center}.practice-dpad>div{display:flex}.practice-dpad button,.practice-kick,.practice-skill{min-width:44px;min-height:42px;touch-action:none}}.card{position:relative;overflow:hidden}.default-player-portrait{display:block;width:72%;height:92px;object-fit:contain;margin:0 auto 4px;opacity:.96;filter:drop-shadow(0 3px 4px #0008)}.card-stats,.card-skill{position:relative;z-index:1}.xp-level{font-size:12px;color:#f4d879;font-weight:800;white-space:nowrap}.profile-replays,.goal-highlights>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.replay-viewer{padding:8px;background:#111a15;border:1px solid #405847;border-radius:10px}.replay-viewer canvas{display:block;width:100%;height:auto;border-radius:6px}.replay-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.goal-highlights{margin:12px 0}.podium-banner{padding:12px;text-align:center;background:linear-gradient(90deg,#20291c,#423d1c,#20291c);border-radius:12px}.podium-banner>div{display:flex;justify-content:center;gap:10px;margin-top:8px}.podium-banner i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#4a5845;font-style:normal}.podium-winner{animation:podium-spin .8s linear infinite alternate}.podium-loser{transform:scale(.72);opacity:.55}@keyframes podium-spin{to{transform:rotate(360deg) scale(1.08)}}.mini-radar{position:absolute;right:10px;top:10px;width:105px;height:52px;border:1px solid #ffffff88;border-radius:7px;background:#06100bbd;z-index:4;overflow:hidden;pointer-events:none}.mini-radar:after{content:"";position:absolute;left:50%;height:100%;border-left:1px solid #ffffff55}.mini-radar i{position:absolute;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%)}.radar-player.red{background:#ff5967}.radar-player.blue{background:#4bb6ff}.mini-radar .radar-ball{background:#fff;width:3px;height:3px}.net-overlay{position:absolute;left:50%;top:10px;transform:translate(-50%);padding:5px 9px;border-radius:8px;background:#111d;color:#fff;z-index:10;font-size:12px}.caster-ui{position:absolute;left:12px;top:12px;display:grid;gap:4px;padding:9px 12px;background:#06100bdc;color:#fff;border-left:3px solid #edc95d;border-radius:8px;z-index:5;font-size:11px}.caster-ui b{font-size:12px;color:#f2d67e}.entrance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:14px;background:#07140de8;color:#fff;z-index:8}.entrance-overlay>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.entrance-overlay span{padding:10px 14px;border-radius:16px;background:#17271f;animation:player-enter .55s both;animation-delay:var(--entrance-delay)}@keyframes player-enter{0%{opacity:0;transform:translate(-80px) scale(.7)}to{opacity:1;transform:none}}@media (max-width:700px){.mini-radar{width:84px;height:42px;right:5px;top:5px}.caster-ui{font-size:9px;max-width:130px}.xp-level{display:none}}.podium-winner{animation:podium-spin .8s linear 5}.podium-loser{animation:podium-shrink .6s both}@keyframes podium-shrink{to{transform:scale(.68);opacity:.45}}.podium-banner{position:relative;overflow:hidden}.podium-banner:after{content:"✦  ·  ✦   ·  ✦  ·  ✦";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f5d66e;opacity:0;pointer-events:none;animation:podium-confetti 4s ease-out}@keyframes podium-confetti{0%{opacity:0;transform:translateY(-28px)}15%{opacity:.8}75%{opacity:.8}to{opacity:0;transform:translateY(28px)}}.my-cards-grid,.album-grid{align-items:start}.my-cards-grid>*,.album-entry{min-width:0}.my-cards-grid .card,.album-entry>.card,.my-cards-grid .fc-asset-card,.album-entry>.fc-asset-card{width:100%;height:auto;aspect-ratio:.56;box-sizing:border-box}.card{display:flex;flex-direction:column;min-width:0}.card-name{display:-webkit-box;flex:0 0 2.5em;height:2.5em;min-height:2.5em;max-height:2.5em;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2;font-size:clamp(13px,1.15vw,20px);padding-bottom:4px}.default-player-portrait{flex:0 0 72px;height:72px;max-width:100%}.my-cards-grid .fc-asset-card,.album-entry>.fc-asset-card{display:flex;flex-direction:column}.my-cards-grid .fc-asset-card>img,.album-entry>.fc-asset-card>img{flex:1 1 auto;min-height:0;height:0;aspect-ratio:auto;object-fit:contain}.my-cards-grid .fc-card-skill,.album-entry>.fc-card-skill{flex:0 0 auto;font-size:10px;padding:4px 5px}.match-chat{height:clamp(240px,34vh,390px);min-height:0;max-height:390px;box-sizing:border-box;overflow:hidden}.match-chat .chat-feed{flex:1 1 0;height:0;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto}@media (min-width:1350px){.match-chat{height:390px;min-height:0;max-height:390px}.match-chat .chat-feed{min-height:0;max-height:none}}@media (max-width:760px){.match-chat{height:260px;min-height:0;max-height:260px}.match-chat .chat-feed{min-height:0;max-height:none}}.match:fullscreen .match-chat{height:100%;min-height:0;max-height:none}.match-bar{position:relative;z-index:30;overflow:visible}.match-bar .friend-invite-menu{top:calc(100% + 8px);right:0;z-index:100}.player-image-portrait{width:96px;height:96px;aspect-ratio:1/1;flex:0 0 96px;object-fit:cover;border-radius:10px;margin:1px auto 7px}.intro-card>.card{width:100%;box-sizing:border-box;aspect-ratio:.56;padding:clamp(4px,1vw,10px)}.intro-card>.card .card-top .ovr{font-size:clamp(20px,3vw,34px)}.intro-card>.card .card-name{font-size:clamp(9px,1.2vw,14px)}.intro-card>.card .player-image-portrait{width:62%;height:auto;aspect-ratio:1/1;flex:0 0 auto}.intro-card>.card .card-stats{gap:1px}.pack-shop-page{position:relative;isolation:isolate;width:100vw;max-width:none;min-height:calc(100vh - 58px);margin-top:-32px;margin-left:calc(50% - 50vw);padding:clamp(24px,3vw,46px) clamp(20px,3vw,44px) 54px;overflow:hidden;background:linear-gradient(180deg,#070b13ee,#071118dd 54%,#06120df2)}.pack-shop-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse at 50% 80%,#14502a66,transparent 39%),radial-gradient(ellipse at 50% 3%,#111c2c 0%,transparent 60%),radial-gradient(ellipse at 15% 10%,#ffd98a22,transparent 18%),radial-gradient(ellipse at 83% 13%,#99d7ff1c,transparent 18%),linear-gradient(180deg,#070b13,#101824 47%,#07100c)}.pack-shop-page:after{content:"";position:absolute;left:-12%;right:-12%;bottom:-8%;height:42%;z-index:-1;transform-origin:bottom center;transform:perspective(440px) rotateX(53deg);opacity:.27;background:linear-gradient(90deg,transparent 49.8%,#e8f6e8 50%,transparent 50.25%),linear-gradient(0deg,transparent 64%,#effff0 64.5%,transparent 65%),repeating-linear-gradient(90deg,transparent 0 11%,#d7f3df 11.15% 11.35%,transparent 11.5% 22%),linear-gradient(180deg,#1a793d,#174d30);box-shadow:0 -30px 90px #39e36e22}.pack-shop-header{display:flex;justify-content:space-between;align-items:end;gap:24px;max-width:1500px;margin:0 auto 22px;position:relative}.pack-shop-header>div:first-child{max-width:760px}.pack-eyebrow{display:block;color:#f2ce69;font-size:13px;font-weight:800;letter-spacing:.2em;margin-bottom:4px}.pack-shop-header h2{font-size:clamp(48px,6vw,78px);line-height:.94;color:#f4f7fb;letter-spacing:-.04em;margin:0 0 10px}.pack-shop-header h2 em{font-style:normal;color:#f2c95c}.pack-shop-header p{font-size:clamp(14px,1.5vw,18px);line-height:1.5;color:#ccd5e1;margin:0}.pack-shop-slogan{color:#b7c3d3;font:italic 700 clamp(19px,2vw,27px) var(--display);transform:rotate(-5deg);text-align:right;text-shadow:0 2px 14px #000}.pack-shop-slogan b{display:block;color:#e8d28a;font-size:34px}.pack-error{max-width:1500px;margin:0 auto 12px}.pack-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,22px);max-width:1500px;margin:0 auto 22px}.pack-card{--pack-color:#20e8aa;position:relative;display:flex;flex-direction:column;gap:0;min-width:0;padding:10px;text-align:left;overflow:hidden;border:1px solid color-mix(in srgb,var(--pack-color),transparent 24%);border-radius:15px;background:linear-gradient(155deg,color-mix(in srgb,var(--pack-color),transparent 89%),#050a11f5 47%,#05090ff5);box-shadow:0 18px 48px #0009,0 0 22px color-mix(in srgb,var(--pack-color),transparent 88%),inset 0 0 0 1px #ffffff0b}.pack-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 24%,color-mix(in srgb,var(--pack-color),transparent 82%),transparent 48%)}.pack-card--rookie{--pack-color:#00e6a2}.pack-card--street{--pack-color:#ff5038}.pack-card--star{--pack-color:#ffd34c}.pack-card--legend{--pack-color:#c454ff}.pack-card--champion{--pack-color:#20aaff}.pack-card--mythic{--pack-color:#ffb34c}.pack-card .pack-art{position:relative;display:grid;place-items:center;height:clamp(185px,19vw,250px);padding:4px 16px 0;margin:0;background:none;border:0;border-radius:0;overflow:hidden}.pack-art-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 12px color-mix(in srgb,var(--pack-color),transparent 55%));transition:transform .3s,filter .3s}.pack-card:hover .pack-art-img{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 0 19px color-mix(in srgb,var(--pack-color),transparent 18%))}.pack-details{position:relative;z-index:1;padding:9px 8px 3px;border-top:1px solid color-mix(in srgb,var(--pack-color),transparent 58%)}.pack-card h3{font-size:clamp(17px,1.5vw,21px);font-weight:800;line-height:1.1;text-align:center;margin:0 0 8px;color:#f4f6f7}.pack-price{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:9px;border-bottom:1px solid #ffffff12;color:#fff;font-size:15px}.pack-price:before{content:"Y";display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--pack-color);border-radius:50%;font:900 13px var(--display);color:var(--pack-color);text-shadow:0 0 8px var(--pack-color)}.pack-odds{display:grid;gap:3px;padding:9px 1px 11px;text-align:left;background:none;border-radius:0}.pack-odds span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d0d8e0;font-size:12px;line-height:1.2}.pack-odds span i{position:relative;padding-left:13px;font-style:normal}.pack-odds span i:before{content:"";position:absolute;left:1px;top:50%;width:7px;height:7px;transform:translateY(-50%);border-radius:50%;background:var(--pack-color);box-shadow:0 0 8px var(--pack-color)}.pack-odds span b{font-size:12px;color:#eaf0f6;font-weight:600}.pack-actions{display:grid;gap:7px}.pack-card .pack-actions .btn{width:100%;min-height:40px;border:1px solid var(--pack-color);border-radius:999px;color:#f8fbff;background:color-mix(in srgb,var(--pack-color),transparent 91%);box-shadow:0 0 15px color-mix(in srgb,var(--pack-color),transparent 83%);font-weight:800}.pack-card .pack-actions .btn:hover:not(:disabled){background:color-mix(in srgb,var(--pack-color),transparent 72%);box-shadow:0 0 22px color-mix(in srgb,var(--pack-color),transparent 58%)}.pack-card .pack-actions .btn.ghost{min-height:32px;border-color:#fff2;background:#ffffff08;box-shadow:none;color:#d4dce4}.pack-card--featured{max-width:890px;min-height:208px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;padding:8px 18px 8px 6px}.pack-card--featured .pack-art{height:195px}.pack-card--featured .pack-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.95fr);column-gap:20px;align-items:center;border-top:0;padding:14px}.pack-card--featured .pack-details h3,.pack-card--featured .pack-price{grid-column:1}.pack-card--featured .pack-details h3{text-align:left;font-size:24px}.pack-card--featured .pack-price{justify-content:flex-start}.pack-card--featured .pack-odds{grid-column:1;grid-row:3}.pack-card--featured .pack-actions{grid-column:2;grid-row:1/4}@media (max-width:1050px){.pack-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-card .pack-art{height:clamp(210px,32vw,300px)}.pack-card--featured{max-width:none}}@media (max-width:620px){.pack-shop-page{margin-top:-18px;margin-left:calc(50% - 50vw);padding:28px 14px 38px}.pack-shop-header{align-items:flex-start}.pack-shop-slogan{display:none}.pack-showcase-grid{grid-template-columns:1fr;max-width:420px}.pack-card .pack-art{height:250px}.pack-card--featured{display:flex;max-width:420px}.pack-card--featured .pack-art{height:230px;width:100%}.pack-card--featured .pack-details{display:block;width:100%;padding:10px}.pack-card--featured .pack-details h3{text-align:center}.pack-card--featured .pack-details h3,.pack-card--featured .pack-price,.pack-card--featured .pack-odds,.pack-card--featured .pack-actions{grid-column:auto;grid-row:auto}.pack-card--featured .pack-price{justify-content:center}}.app .pack-shop-header{position:relative;top:auto;z-index:1;padding:0;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.card-skill,.fc-card-skill{position:relative;z-index:2;margin-top:auto;padding:8px 9px;border:1px solid #ffffff24;border-radius:9px;background:#101712ed;color:#ffe28a;text-align:center;font-size:12px;font-weight:900;cursor:help}.card-skill-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:120;width:max-content;max-width:min(250px,75vw);padding:9px 11px;border:1px solid #d5b65c;border-radius:9px;background:#08100df5;color:#f2f6f2;text-align:left;font-size:12px;font-weight:600;line-height:1.4;white-space:normal;box-shadow:0 10px 28px #000b;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.card-skill:hover .card-skill-tooltip,.card-skill:focus-within .card-skill-tooltip,.fc-card-skill:hover .card-skill-tooltip,.fc-card-skill:focus-within .card-skill-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.card:has(.card-skill:hover),.fc-asset-card:has(.fc-card-skill:hover){overflow:visible;z-index:80}.card{color:#eaf4f6;border:2px solid #73d9ef;background:linear-gradient(145deg,#273b49,#101b25 48%,#11151e);border-radius:18px 18px 34px 34px;box-shadow:0 14px 30px #0009,inset 0 0 0 2px #ffffff13,inset 0 0 18px #39bce01c}.card.bronze,.card.silver,.card.gold,.card.icon{color:#eaf4f6;background:linear-gradient(145deg,#273b49,#101b25 48%,#11151e)}.card.special{color:#fff;background:linear-gradient(145deg,#342533,#141b2b 54%,#582b42);border-color:#ef9cb6}.card-top{align-items:center}.card-top .ovr{color:#e9fbff;text-shadow:0 2px 8px #2ec5ec77}.card-top .pos{color:#8fe5f3}.card-name{color:#dffaff;border-bottom-color:#7ce0f044}.default-player-portrait{width:76%;height:104px;margin:2px auto 8px;object-fit:contain;filter:drop-shadow(0 4px 8px #000b)}.card-stats{gap:6px;padding:9px 8px;margin:0 0 8px;border:1px solid #a5eafa33;border-radius:10px;background:#06101999}.card .stat{grid-template-columns:31px 1fr 23px;color:#d9f3f8}.card .stat-l{color:#a8dce7}.card .stat-bar{height:7px;background:#03080d}.card .stat-bar i{background:linear-gradient(90deg,#f5b54d,#f36b42);box-shadow:0 0 7px #ffae4c88}.card .card-skill{position:absolute;right:8px;top:42%;z-index:4;display:grid;justify-items:center;gap:2px;width:51px;margin:0;padding:4px;border:1px solid #9cecff99;border-radius:9px;background:linear-gradient(145deg,#172b39ed,#09121bef);color:#e8fcff;box-shadow:0 4px 14px #0009;cursor:help}.card .card-skill img{display:block;width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 5px #000b)}.card .card-skill span:not(.card-skill-tooltip){max-width:100%;font:800 9px/1.05 var(--display);text-align:center;text-transform:uppercase}.card .card-skill-tooltip{bottom:auto;top:calc(100% + 7px);right:0;left:auto;transform:translateY(4px);max-width:220px}.card .card-skill:hover .card-skill-tooltip,.card .card-skill:focus-within .card-skill-tooltip,.card .card-skill:focus .card-skill-tooltip{transform:translateY(0)}.card-previewable{cursor:zoom-in}.card-previewable:hover{filter:brightness(1.06)}.card-previewable:focus-visible{outline:3px solid #ffdc70;outline-offset:3px}.card-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;padding:24px;background:#020704d9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:card-preview-in .16s ease-out}.card-preview-dialog{position:relative;width:min(390px,90vw);max-height:92vh;overflow:auto;padding:22px 18px 18px;border:1px solid #d7bb67;border-radius:20px;background:radial-gradient(ellipse at 50% 0,#334536,#101813 70%);box-shadow:0 28px 90px #000d,0 0 28px #f6d66a35}.card-preview-dialog>.card{width:100%;height:auto;aspect-ratio:.56;box-sizing:border-box}.card-preview-dialog>.fc-asset-card{width:100%;height:auto;box-sizing:border-box}.card-preview-dialog>.fc-asset-card>img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.card-preview-close{position:absolute;top:8px;right:8px;z-index:5;width:38px;height:38px;border:1px solid #ffffff35;border-radius:50%;background:#09110de8;color:#fff;font-size:26px;line-height:1;cursor:pointer}@keyframes card-preview-in{0%{opacity:0}to{opacity:1}}.card-preview-dialog>.card{padding:20px}.card-preview-dialog .ovr{font-size:68px}.card-preview-dialog .card-name{font-size:clamp(21px,5vw,30px)}.card-preview-dialog .default-player-portrait:not(.player-image-portrait){width:78%;height:118px;flex-basis:118px}.card-preview-dialog .player-image-portrait{width:clamp(96px,38vw,138px);height:auto;aspect-ratio:1/1;flex-basis:auto}.card-preview-dialog .stat{font-size:15px}.card-preview-dialog .stat b{font-size:20px}.card-preview-backdrop{overflow:auto;overscroll-behavior:contain}.card-preview-dialog{width:min(390px,90vw);width:min(390px,90vw,calc((100dvh - 100px)*.56));max-height:calc(100dvh - 48px);overflow:visible;overscroll-behavior:contain}.card-preview-dialog>.card:hover,.card-preview-dialog>.fc-asset-card:hover{transform:none;filter:none}.card-preview-dialog .player-image-portrait{width:min(190px,56%);min-width:132px;height:auto;aspect-ratio:1/1;flex:0 0 auto;object-fit:cover}.my-cards-grid .card,.album-entry>.card,.my-cards-grid .fc-asset-card,.album-entry>.fc-asset-card{aspect-ratio:.5}.my-cards-grid .card,.album-entry>.card{padding:8px 9px}.my-cards-grid .card .ovr,.album-entry>.card .ovr{font-size:42px}.my-cards-grid .card .pos,.album-entry>.card .pos{font-size:13px}.my-cards-grid .card .card-name,.album-entry>.card .card-name{flex:0 0 2.2em;height:2.2em;min-height:2.2em;max-height:2.2em;margin:3px 0 4px;padding-bottom:3px;font-size:clamp(11px,1vw,15px);line-height:1.1}.my-cards-grid .card .player-image-portrait,.album-entry>.card .player-image-portrait{width:88px;height:88px;flex:0 0 88px;aspect-ratio:1/1}.my-cards-grid .card .card-stats,.album-entry>.card .card-stats{gap:2px;margin-bottom:3px}.my-cards-grid .card .stat,.album-entry>.card .stat{grid-template-columns:25px 1fr 20px;gap:3px;font-size:11px;line-height:1}.my-cards-grid .card .stat b,.album-entry>.card .stat b{font-size:13px}.my-cards-grid .card .stat-bar,.album-entry>.card .stat-bar{height:4px}.my-cards-grid .card .card-skill,.album-entry>.card .card-skill{flex:0 0 auto;margin-top:auto;padding:5px 6px;font-size:10px;line-height:1.15}.my-cards-grid .card .owned-card-meta,.album-entry>.card .album-card-meta{flex:0 0 auto;padding:5px 6px;gap:4px;font-size:10px}.my-cards-grid .card .owned-card-meta .btn.small{padding:3px 8px;font-size:12px}.album-entry>.card .album-card-meta .album-rarity{padding:3px 7px;font-size:9px}.album-entry>.card .album-card-meta>b{font-size:10px}.card-preview-dialog .card .player-image-portrait{width:min(250px,78%);min-width:150px;height:auto;max-height:none;aspect-ratio:1/1;flex:0 0 auto;object-fit:cover}.replay-profile-card{overflow:hidden}.replay-profile-open{display:block;position:relative;width:100%;padding:0;border:0;border-radius:7px;overflow:hidden;background:#246b3a;cursor:pointer}.replay-profile-open canvas{display:block;width:100%;height:auto;transition:filter .18s}.replay-profile-open:hover canvas{filter:brightness(.72)}.replay-profile-open>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:clamp(14px,2vw,20px);font-weight:800;text-shadow:0 2px 8px #000;background:#0002}.replay-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:grid;place-items:center;padding:24px;background:#020704e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.replay-preview-dialog{position:relative;width:min(1200px,94vw);padding:16px;border:1px solid #55745d;border-radius:14px;background:#111a15;box-shadow:0 24px 90px #000c}.replay-preview-dialog>canvas{display:block;width:100%;height:auto;max-height:calc(100dvh - 130px);object-fit:contain;border-radius:8px}.replay-preview-close{position:absolute;top:-14px;right:-14px;z-index:1;width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;background:#101a13;color:#fff;font-size:28px;cursor:pointer}.replay-preview-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;color:#fff}@media (max-width:600px){.replay-preview-backdrop{padding:12px}.replay-preview-dialog{width:100%;padding:10px}.replay-preview-close{top:-10px;right:-7px;width:36px;height:36px}.replay-preview-tools{font-size:13px}}.settings-page{max-width:680px;margin:12px auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.gamepad-toggle{display:flex;align-items:center;gap:10px;margin:18px 0;font-weight:800}.gamepad-toggle input{width:20px;height:20px;accent-color:var(--accent)}.gamepad-status{color:var(--muted)}.gamepad-status.connected{color:#5be584}.gamepad-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gamepad-map span{padding:12px;background:var(--panel-2);border-radius:10px}.gamepad-map b{float:right;color:var(--accent)}.prof-tabs{display:flex;gap:8px;margin:20px 0 10px;border-bottom:1px solid var(--line)}.prof-tabs button{padding:10px 16px;border:0;background:none;color:var(--muted);font:700 16px var(--display);cursor:pointer}.prof-tabs button.on{color:var(--accent);border-bottom:2px solid var(--accent)}.form-chart{width:100%;max-width:760px;height:auto;background:var(--panel);border-radius:12px}.profile-cards.collapsed{display:none}.bot-actions{display:flex;gap:8px;align-items:center}.bot-actions select{padding:10px;background:#17211a;color:var(--text);border:1px solid var(--line);border-radius:8px}.full-replay{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.full-replay .replay-viewer{max-width:620px;margin-bottom:10px}.bot-match{margin:14px 0}.full-replay-import{display:flex;gap:8px;margin:14px 0}.full-replay-import input[type=file]{display:none}.gamepad-device{display:flex;align-items:center;gap:12px;margin:16px 0;font-weight:800}.gamepad-device select{max-width:100%;padding:9px;background:#17211a;color:var(--text);border:1px solid var(--line);border-radius:8px}.lobby-redesign{max-width:1184px;margin:0 auto}.lobby-page-heading{align-items:center;margin:4px 0 26px}.play-eyebrow,.club-eyebrow{display:inline-block;color:#f6b743;font-size:10px;font-weight:900;letter-spacing:.2em}.lobby-page-heading h2{font-size:34px;margin:5px 0}.room-create-form{padding:8px;border:1px solid #26302b;border-radius:12px;background:#090d0c}.room-create-form input{min-width:190px;height:48px;box-sizing:border-box;border-radius:7px;background:#050807}.room-create-form .btn{height:48px;min-width:126px;text-transform:uppercase;font-size:14px}.ranked-hero{min-height:180px;box-sizing:border-box;padding:26px 32px;border:1px solid #604510;background:radial-gradient(ellipse at 78% 50%,#24190a55,transparent 46%),linear-gradient(110deg,#080b0a,#090d0d);box-shadow:inset 0 0 44px #ffc24708;display:flex;align-items:center;justify-content:space-between;gap:28px}.ranked-hero-copy{display:flex;flex-direction:column;gap:12px}.hero-kicker{font:900 19px var(--display);color:#f2f3ef}.hero-kicker i{font-style:normal;font:900 9px var(--display);margin-left:10px;color:#5de38a}.ranked-hero-copy>p{margin:0;color:#9a9f9b;font-size:14px}.ranked-meta{display:flex;gap:30px;margin-top:12px}.ranked-meta>span{display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;color:#ffbd4a}.ranked-meta>span>small{grid-column:2;color:#808580;font-size:9px;font-weight:900}.ranked-meta>span>b{grid-column:2;color:#eff0ec;font:800 14px var(--display)}.ranked-meta>span:not(small):not(b){grid-row:1/3}.ranked-hero-action{display:flex;min-width:210px;align-items:center;flex-direction:column;gap:9px}.ranked-hero-action .btn{width:100%;height:62px;text-transform:uppercase;font-size:19px}.ranked-hero-action>small{font-size:9px;color:#585f5b;font-weight:800}.bot-match{border-color:#343b39;background:linear-gradient(110deg,#111714,#0b0e0d);padding:17px 22px}.bot-match>div:first-child{display:flex;flex-direction:column;gap:4px}.bot-match>div:first-child>b{font:800 18px var(--display)}.bot-actions .btn{font-size:14px}.active-rooms-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:35px 0 16px;padding-bottom:13px;border-bottom:1px solid #28302e}.active-rooms-heading>div{display:flex;align-items:center;gap:12px}.active-rooms-heading h3{font:900 24px var(--display);margin:0}.active-rooms-heading span{border:1px solid #27312d;border-radius:99px;padding:4px 10px;color:#929994;font-size:11px}.active-rooms-heading input{width:200px;background:#080b0a;border-radius:7px}.rooms{gap:9px}.room{grid-template-columns:112px minmax(0,1fr) auto auto auto;min-height:62px;padding:11px 16px;border-radius:2px;background:#070a09;border-color:#252d2b}.room:hover{border-color:#76551c;background:#0c100e}.room-score{background:none;min-width:0;padding:4px;gap:8px;font-size:21px}.room-score .dot{width:8px;height:8px;box-shadow:0 0 9px currentColor}.room-info b{font-size:17px}.room-info span{font-size:12px}.room .chip{font-size:9px;border:1px solid #27312d;background:#090d0c}.room .btn.small{font-size:13px;min-width:75px}.room .btn.small.ghost{border-color:#414946}.empty{min-height:120px;justify-content:center;background:#070908;border-color:#303a34}.replay-library{margin:18px 0;border:1px solid #29312e;border-radius:12px;background:linear-gradient(120deg,#0e1411,#090c0b);overflow:hidden}.replay-library>summary{padding:15px 18px;cursor:pointer;font:800 16px var(--display);color:#f4c25b;list-style:none}.replay-library>summary::-webkit-details-marker{display:none}.replay-library>summary:after{content:"＋";float:right}.replay-library[open]>summary:after{content:"−"}.replay-library-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 16px;color:var(--muted)}.replay-library-entry{padding:16px 18px;border-top:1px solid #25302a}.replay-library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.replay-library .replay-viewer{max-width:720px}.room-create-form .btn,.bot-actions .btn,.club-create-form .btn{box-shadow:0 0 18px #ffb33a35}.spin-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1000!important;display:grid!important;place-items:center!important;box-sizing:border-box;padding:18px!important;overflow:auto;background:#020504d9!important;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.spin-modal{position:relative;display:flex;align-items:center;flex-direction:column;box-sizing:border-box;width:min(460px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:30px 28px 26px;border:1px solid #8f6a23;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#342713,#111511 65%);box-shadow:0 35px 120px #000e,0 0 48px #ffbd3030;text-align:center;animation:spin-popup-in .24s cubic-bezier(.2,.8,.2,1)}.spin-modal h2{margin:6px 0 0;font-size:34px}.spin-modal>p{margin:5px 0 0;color:var(--muted)}.spin-modal .eyebrow{color:#ffc247;font-weight:900;letter-spacing:.2em;font-size:10px}.spin-modal .modal-close{position:absolute;right:13px;top:13px;z-index:5}.spin-stage{position:relative;display:grid;place-items:center;width:min(300px,75vw);aspect-ratio:1;margin:20px auto 18px}.spin-wheel{position:relative;width:100%;height:100%;border:8px solid #f5c859;border-radius:50%;box-sizing:border-box;background:conic-gradient(from -45deg,#ffc247,#ffc247 90deg,#e65b42 90deg,#e65b42 180deg,#53b889 180deg,#53b889 270deg,#597be4 270deg,#597be4 360deg);box-shadow:0 0 0 5px #2a2111,0 0 36px #ffbe3760;transition:transform 4.4s cubic-bezier(.08,.65,.1,1);overflow:hidden}.spin-wheel:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:2px;height:50%;transform-origin:top;background:#fff6}.spin-wheel span{position:absolute;left:50%;top:50%;width:82px;transform:translate(-50%,-50%);color:#fff;font:900 15px/1.1 var(--display);text-shadow:0 2px 5px #0009}.spin-wheel span:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-78px) rotate(0)}.spin-wheel span:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateY(-78px) rotate(-90deg)}.spin-wheel span:nth-child(3){transform:translate(-50%,-50%) rotate(180deg) translateY(-78px) rotate(-180deg)}.spin-wheel span:nth-child(4){transform:translate(-50%,-50%) rotate(270deg) translateY(-78px) rotate(-270deg)}.spin-pointer{position:absolute;z-index:3;top:-8px;left:50%;transform:translate(-50%);color:#fff3bd;font-size:30px;text-shadow:0 4px 10px #000}.spin-hub{position:absolute;z-index:2;display:grid;place-items:center;width:50px;height:50px;border:5px solid #f7d36a;border-radius:50%;background:#16130b;font-size:23px;box-shadow:0 5px 12px #0009}.spin-action{min-width:190px}.spin-result{color:#ffda77;animation:spin-result-pop .35s cubic-bezier(.2,1.7,.4,1)}@keyframes spin-popup-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes spin-result-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.card-preview-backdrop{overflow:hidden!important;overscroll-behavior:none!important}.card-preview-dialog{overflow:hidden!important;max-height:calc(100dvh - 48px)!important;overscroll-behavior:none!important}.card-preview-dialog .card-skill-tooltip,.card-preview-dialog .fc-card-skill .card-skill-tooltip{display:none!important}.card-preview-dialog>.card,.card-preview-dialog>.fc-asset-card{margin:0!important}.card-preview-dialog>.fc-asset-card{max-height:calc(100dvh - 92px);overflow:hidden}.card-preview-dialog>.fc-asset-card>img{max-height:calc(100dvh - 140px);object-fit:contain}.prof-avatar{position:relative;overflow:visible}.prof-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.prof-avatar-edit{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:25px;height:25px;border:2px solid #101511;border-radius:50%;background:#ffc247;color:#211806;font-size:13px;cursor:pointer}.prof-avatar-edit input{position:absolute;width:1px;height:1px;opacity:0}.user-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #ffc24777}.user:has(.user-avatar) b{display:none}.pack-modal-backdrop{z-index:700}.pack-modal{isolation:isolate;border-color:#927439;box-shadow:0 30px 100px #000d,0 0 55px #f3be3b24}.pack-modal:before{content:"";position:absolute;z-index:-1;top:-55%;right:-55%;bottom:-55%;left:-55%;background:conic-gradient(from 0deg,transparent,#ffe98b16,transparent,#de83ff12,transparent);animation:pack-aura 8s linear infinite}.pack-roll-window{height:150px;box-shadow:inset 0 0 38px #000b,0 0 35px #e5bd4230;background:repeating-linear-gradient(90deg,#101611,#1b291e 60px,#101611 120px)}.pack-roll-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#09100ef2,transparent 13%,transparent 87%,#09100ef2)}.roll-card{position:relative;height:118px;border-radius:12px;transition:transform .25s,box-shadow .25s;overflow:hidden;background:linear-gradient(150deg,#1d2920,#101511)}.roll-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,#ffffff16 50%,transparent 75%);transform:translate(-140%)}.pack-roll-track.spinning .roll-card:before{animation:roll-shimmer .8s linear infinite}.roll-card span{width:58px;height:68px;border-radius:8px;overflow:hidden;background:#0a100d;box-shadow:0 5px 18px #0008}.roll-card span img{width:100%;height:100%;object-fit:cover;object-position:top}.roll-card small{font-weight:900}.roll-card.winning-card{transform:scale(1.08);border-color:#ffe27b;box-shadow:0 0 26px #ffe27b99,inset 0 0 0 2px #ffe27b}.pack-roll-pointer{color:#fff3a6;font-size:26px;text-shadow:0 0 18px #ffd747,0 0 38px #ff9f24}.pack-won-stats{animation:spin-result-pop .35s cubic-bezier(.2,1.7,.4,1)}@keyframes pack-aura{to{transform:rotate(360deg)}}@keyframes roll-shimmer{to{transform:translate(160%)}}.club-page{max-width:1120px;margin:0 auto}.club-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:220px;box-sizing:border-box;padding:32px 38px;overflow:hidden;border:1px solid #5b451c;border-radius:20px;background:radial-gradient(ellipse at 80% 30%,#d68f2725,transparent 44%),linear-gradient(115deg,#121814,#080b09);box-shadow:0 20px 65px #0005}.club-hero:after{content:"";position:absolute;width:420px;height:420px;right:-130px;top:-150px;border:1px solid #e8ac3420;border-radius:50%;box-shadow:0 0 0 38px #e8ac3407,0 0 0 80px #e8ac3407;pointer-events:none}.club-hero h2{margin:9px 0;font-size:clamp(32px,5vw,48px)}.club-hero h2 em{color:#ffc247;font-style:normal}.club-hero p{max-width:500px;color:#9ca69f}.club-hero-ball{font-size:100px;filter:drop-shadow(0 0 30px #ffc24755);animation:club-ball-float 3s ease-in-out infinite}.club-create-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:18px 0;padding:24px;border:1px solid #2d3931;border-radius:16px;background:linear-gradient(110deg,#121a15,#0b0f0d)}.club-create-card h3{margin:6px 0;font-size:23px}.club-create-card p{margin:0;color:var(--muted)}.club-create-form{display:flex;gap:8px}.club-create-form input{width:175px}.club-list-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 14px}.club-list-heading h3{margin:4px 0;font-size:26px}.club-list-heading input{width:220px}.club-directory{display:grid;gap:9px}.club-directory-card{display:flex;align-items:center;gap:15px;padding:12px 16px;border:1px solid #252e29;background:#090d0b;transition:border-color .2s,transform .2s}.club-directory-card:hover{transform:translateY(-2px);border-color:#886320}.club-rank{width:27px;color:#777f79;font:800 14px var(--display)}.club-crest{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;clip-path:polygon(50% 0,94% 16%,86% 72%,50% 100%,14% 72%,6% 16%);background:linear-gradient(145deg,#e6ac39,#774f12);color:#211806;font:900 15px var(--display)}.club-directory-info{display:flex;flex:1;flex-direction:column;gap:3px}.club-directory-info>b{font:800 17px var(--display)}.club-directory-info>small,.club-record span{color:var(--muted);font-size:12px}.club-record{text-align:right;min-width:72px}.club-record>b{font:900 18px var(--display);color:#f4cc6b}.club-record small{font-size:10px}.club-active-hero{margin-bottom:18px;min-height:200px}.club-active-hero h2 i{color:#ffc247;font-style:normal}.club-crest-large{position:absolute;right:38px;top:28px;width:118px;height:130px;font-size:30px;opacity:.9;filter:drop-shadow(0 0 28px #ffbd3666)}.club-hero-metrics{position:absolute;left:38px;bottom:20px;display:flex;gap:30px}.club-hero-metrics span{display:flex;flex-direction:column}.club-hero-metrics b{font:900 20px var(--display);color:#f1cd76}.club-hero-metrics small{font-size:9px;color:#8d958f;letter-spacing:.1em}.club-dashboard{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);gap:16px}.club-roster-card,.club-chat-card{padding:20px;border:1px solid #2c3931;border-radius:15px;background:linear-gradient(145deg,#111814,#090d0b)}.club-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.club-panel-heading h3{margin:4px 0;font-size:22px}.club-panel-heading h3 small{padding:3px 7px;border:1px solid #38443c;border-radius:8px;color:#bec7bf;font-size:12px}.club-online-dot,.club-live-label{font-size:9px;color:#60dc88;letter-spacing:.1em}.club-member{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #253029}.club-member-number{width:22px;color:#7d867f;font-size:10px}.club-member-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#476445,#b1802c);font-weight:900}.club-member>span:nth-last-child(2){display:flex;flex:1;flex-direction:column}.club-member b{font-size:13px}.club-member small{color:#89928b;font-size:8px;letter-spacing:.1em}.club-member>i{color:#f3c65d;font-style:normal}.club-top-scorer{display:flex;align-items:center;gap:9px;margin-top:16px;padding:12px;border-radius:10px;background:#d5a53712}.club-top-scorer>span:first-child{font-size:8px;color:#c7a95d;letter-spacing:.12em}.club-top-scorer>b{font-size:12px}.club-top-scorer>small{margin-left:auto;color:#ffc247}.club-chat-card{display:flex;flex-direction:column;min-height:460px}.club-messages{flex:1;min-height:260px;max-height:52vh;overflow:auto;padding:6px 10px;border:1px solid #242f29;border-radius:10px;background:#080c0a}.club-messages p{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:fit-content;max-width:85%;margin:8px 0;padding:9px 12px;border:1px solid #26322a;border-radius:4px 12px 12px;background:#111914}.club-messages p b{color:#e8bd57;font-size:11px}.club-messages p span{overflow-wrap:anywhere}.club-messages p.club-own-message{margin-left:auto;border-radius:12px 4px 12px 12px;background:#1d2519}.club-chat-compose{display:flex;gap:8px;margin-top:12px}.club-chat-compose input{flex:1;min-width:0}.club-chat-compose .btn{font-size:14px}@keyframes club-ball-float{50%{transform:translateY(-9px) rotate(8deg)}}@media (max-width:760px){.lobby-page-heading{align-items:stretch}.room-create-form{flex-wrap:wrap}.room-create-form input{flex:1;min-width:140px}.ranked-hero{padding:20px;align-items:stretch;flex-direction:column}.ranked-hero-action{min-width:0}.ranked-meta{gap:14px}.active-rooms-heading{align-items:stretch;flex-direction:column}.active-rooms-heading>div{justify-content:space-between}.active-rooms-heading input{width:auto}.room{grid-template-columns:74px minmax(0,1fr) auto;gap:8px}.room-info span{font-size:10px}.room .chip{display:none}.room .btn.small{min-width:60px;padding:6px 8px}.room .btn.ghost{display:none}.replay-library-body{align-items:flex-start;flex-direction:column}.club-create-card,.club-create-form{align-items:stretch;flex-direction:column}.club-create-form input{width:auto}.club-active-hero{padding-bottom:130px}.club-crest-large{right:14px;top:24px;width:76px;height:84px;font-size:20px}.club-hero-metrics{left:22px;bottom:18px;gap:15px}.club-dashboard{grid-template-columns:1fr}.club-directory-card{gap:9px;padding:10px}.club-record{min-width:56px}.club-directory-info>b{font-size:14px}}.app main:has(.lobby-redesign){max-width:1280px}.lobby-redesign{color:#f1f3ef}.lobby-redesign .rooms{margin-bottom:18px}.input-overlay{position:absolute;right:12px;bottom:12px;z-index:7;padding:10px 12px;border:1px solid #557067;border-radius:12px;background:#07100de8;color:#fff;box-shadow:0 8px 30px #0008;font-size:11px}.input-overlay>b{display:block;margin-bottom:6px;color:#ffe080}.keypad{display:flex;justify-content:center;gap:4px;margin-top:3px}.keypad i{display:grid;place-items:center;min-width:25px;height:23px;padding:0 5px;border:1px solid #75837d;border-radius:5px;background:#17211c;color:#d7dfda;font-style:normal;font-weight:900}.keypad i.held{background:#ffb33f;border-color:#ffe08d;color:#12130f;box-shadow:0 0 12px #ffb33f99}.caster-ui label{display:flex;align-items:center;gap:5px}.caster-ui select{max-width:145px;padding:4px;background:#111c17;color:#fff;border:1px solid #55645b;border-radius:6px}.goal-share-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:12px;border:1px solid #465b4c;border-radius:12px;background:#101912}.goal-share-list>b{color:#ffdf70}.goal-share-list small{color:#bbd1c0}.public-replay-page{max-width:1000px;min-height:100vh;margin:auto;padding:32px 20px;color:#f4f6f5}.public-replay-page header{margin:28px 0 18px}.public-replay-page header span{color:#ffc04c;font-size:11px;font-weight:900;letter-spacing:.18em}.public-replay-page h1{margin:7px 0;font-size:clamp(30px,6vw,52px)}.public-replay-page p{color:#9eaaa3}.public-replay-page .replay-viewer{max-width:940px;padding:14px}.public-replay-page canvas{width:100%}.public-replay-page .replay-tools{margin-top:10px}.card-preview-dialog .card-skill-tooltip,.card-preview-dialog .fc-card-skill .card-skill-tooltip{display:block!important;position:absolute!important;left:50%!important;top:auto!important;bottom:58px!important;max-width:78%!important;z-index:180!important}.club-member{min-width:0;gap:10px}.club-member-number{flex:0 0 22px}.club-member-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;overflow:hidden;border-radius:50%;aspect-ratio:1/1;line-height:1}.club-member-avatar img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:50%}.club-member>span:nth-last-child(2){flex:1 1 auto;min-width:0;overflow:hidden}.club-member>span:nth-last-child(2)>b,.club-member>span:nth-last-child(2)>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-member>i{flex:0 0 18px;text-align:center}@media (max-width:520px){.club-roster-card,.club-chat-card{padding:15px}.club-member{gap:8px}.club-member-avatar{flex-basis:36px;width:36px;height:36px;min-width:36px}}.club-member-avatar{flex:0 0 40px!important;width:40px!important;height:40px!important;font-size:16px!important;font-weight:800;line-height:1!important;text-align:center}.club-member-info{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;overflow:hidden}.club-member-info>b,.club-member-info>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-member-info{flex:1 1 auto;min-width:0;overflow:hidden}@media (max-width:520px){.club-member-avatar{flex:0 0 36px!important;width:36px!important;height:36px!important}}.club-chat-card{height:min(650px,calc(100dvh - 250px));min-height:420px;box-sizing:border-box;overflow:hidden}.club-messages{flex:1 1 0;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#536357 #0a0e0c}.club-messages::-webkit-scrollbar{width:8px}.club-messages::-webkit-scrollbar-thumb{background:#536357;border-radius:8px}.club-chat-compose{flex:0 0 auto}@media (max-width:760px){.club-chat-card{height:480px;min-height:0}}.community-dashboard{display:grid;gap:16px;margin-top:16px}.community-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.weekly-goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.weekly-goals-grid article{min-width:0;padding:10px;border:1px solid #2d3b32;border-radius:12px;background:#0b100d}.weekly-goals-grid .replay-viewer{padding:0;border:0}.weekly-goals-grid .replay-tools{flex-wrap:wrap}.trade-panel>.feature-actions{align-items:center}.trade-panel>.feature-actions select{min-width:160px}.replay-tools select{max-width:150px;padding:6px 8px;border:1px solid #405348;border-radius:8px;background:#101713;color:#eef3ee}.replay-seek{display:block;width:100%;margin:4px 0 0;accent-color:#ffbd45}.club-customizer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.club-customizer>div{margin-right:auto}.club-customizer label{display:grid;gap:5px;color:#aab7ad;font-size:11px}.club-customizer select{min-width:80px}.club-customizer input[type=color]{width:48px;height:36px;padding:2px}.club-quests{display:grid;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid #273229}.club-quest{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid #2c3a31;border-radius:10px;background:#0a100d}.club-quest>div{display:grid;gap:4px;min-width:0}.club-quest small{color:#97a49a;font-size:10px}.club-quest progress{width:100%;height:7px;accent-color:#f1bc4b}.club-active-hero{background:radial-gradient(ellipse at 80% 30%,color-mix(in srgb,var(--club-primary) 18%,transparent),transparent 44%),linear-gradient(115deg,var(--club-secondary),#080b09)}@media (max-width:760px){.community-columns{grid-template-columns:1fr}.club-customizer>div{width:100%}}:root[data-large-text=on]{font-size:18px}:root[data-reduce-motion=on] *,:root[data-reduce-motion=on] *:before,:root[data-reduce-motion=on] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}:root[data-color-mode=deuteranopia]{--red:#ffbd38;--blue:#438bff}:root[data-color-mode=tritanopia]{--red:#ff5d72;--blue:#55d98c}.keybind-grid{display:flex;flex-wrap:wrap;gap:8px}.keybind-grid kbd{margin-left:6px}.season-pass{margin:22px 0;padding:18px}.season-pass-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.season-pass-head h3{margin:4px 0}.season-pass-head>b{color:#ffcb56;font-size:22px}.season-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:14px}.season-track article{display:grid;gap:8px;padding:11px;border:1px solid #2d3831;border-radius:10px;background:#080d0a}.season-track article.unlocked{border-color:#806525;background:linear-gradient(145deg,#1e1b10,#0a0e0b)}.season-track small{color:#aeb9b1;font-size:9px;letter-spacing:.1em}.season-track article>b{color:#f5cc68}.community-clip{min-width:0;padding:10px;border:1px solid #2d3b32;border-radius:12px;background:#0b100d}.clip-reactions{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.clip-comments{max-height:190px;overflow:auto;padding:8px;border-radius:8px;background:#080c0a}.clip-comments p{margin:5px 0;font-size:12px;overflow-wrap:anywhere}.clip-comments p b{color:#f1c45c}.clip-comments form{display:flex;gap:6px;margin-top:8px}.clip-comments form input{width:100%;min-width:0;padding:8px}.room-code{margin-left:6px;padding:3px 6px;border:1px solid #6a572f;border-radius:6px;color:#ffcf63;font:800 9px var(--display)}.room-code-join{display:flex;align-items:center;gap:10px;margin:12px 0;padding:13px;border:1px solid #2d3931;border-radius:12px;background:#0b100d}.room-code-join>span{display:grid;gap:3px;flex:1}.room-code-join>input{max-width:180px}.duo-queue{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:14px;border:1px solid #3f5747;border-radius:12px;background:linear-gradient(110deg,#112018,#0b100d)}.duo-queue>div{display:grid;gap:4px}.match.mobile-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;width:100vw;height:100dvh;max-width:none;margin:0;padding:8px;box-sizing:border-box;overflow:auto;background:#07100b}.match.mobile-fullscreen .stage{flex:1;min-height:0}.match.mobile-fullscreen .pitch{width:100%;height:auto;max-height:calc(100dvh - 210px);object-fit:contain}.match.mobile-fullscreen .touchctl{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;z-index:5;pointer-events:none}.match.mobile-fullscreen .touchctl>*{pointer-events:auto}@media (max-width:760px){.match.touch{min-height:calc(100dvh - 8px);gap:6px}.match.touch .match-bar{align-items:flex-start;gap:6px}.match.touch .match-bar .keys{display:none}.match.touch .acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.match.touch .acts .btn{min-height:40px}.match.touch .stage{width:100%;min-width:0}.match.touch .pitch{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;touch-action:none}.match.touch .controls{padding:5px}.match.touch .touchctl{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:110px;padding:8px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));touch-action:none}.match.touch .joy{width:clamp(118px,28vw,142px);height:clamp(118px,28vw,142px);touch-action:none}.match.touch .joy-knob{width:56px;height:56px}.match.touch .kickbtn,.match.touch .skillbtn{min-width:76px;min-height:68px;touch-action:none}.room-code-join{flex-wrap:wrap}.room-code-join>span{flex-basis:100%}.room-code-join>input{flex:1;max-width:none}.duo-queue{align-items:stretch;flex-direction:column}.season-pass-head{align-items:flex-start;flex-direction:column}}@media (max-width:760px) and (orientation:landscape){body.in-match main{padding:0}.match.touch{height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;gap:3px;overflow:auto}.match.touch .match-bar{grid-column:1/-1;margin:0}.match.touch .topstrip{grid-column:1/-1;min-height:42px;margin:0}.match.touch .stage{grid-column:1;grid-row:3;min-height:0}.match.touch .pitch{max-height:calc(100dvh - 145px)}.match.touch .controls{grid-column:1;grid-row:4}.match.touch .touchctl{min-height:90px;padding:4px 14px}.match.touch .joy{width:clamp(104px,25dvh,128px);height:clamp(104px,25dvh,128px)}.match.touch .joy-knob{width:50px;height:50px}.match.touch .kickbtn,.match.touch .skillbtn{min-height:58px}.match.touch .match-side-col{grid-column:2;grid-row:3/5;width:min(28vw,260px);height:auto;max-height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.match.touch .match-chat{height:auto;min-height:110px;max-height:none;overflow:hidden}.match.touch .match-chat .chat-feed{min-height:0;max-height:none}}.lobby-network{display:inline-block;margin-left:8px;padding:3px 8px;border:1px solid #34513b;border-radius:99px;color:#9fdfa9;font-size:11px}.padbind{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #2c3931;border-radius:9px}.padbind select{padding:5px;background:#101713;color:#fff;border:1px solid #405348;border-radius:6px}.friend-challenge select{min-width:180px;padding:10px;border:1px solid #405348;border-radius:8px;background:#101713;color:#fff}@media (max-width:760px){.friend-challenge select{width:100%}}.replay-bookmarks{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px}.replay-bookmarks>b{color:#f1c45c;font-size:11px}.matchmaking-reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;align-content:center;justify-items:center;gap:18px;padding:20px;background:radial-gradient(ellipse at 50% 20%,#21402eef,#07100bf7 72%);color:#fff;text-align:center;animation:match-reveal-in .35s ease-out}.matchmaking-reveal>small{color:#ffd26b;font-weight:900;letter-spacing:.18em}.matchmaking-reveal>div{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.matchmaking-reveal article{min-width:145px;padding:15px;border:1px solid #506353;border-radius:14px;background:#101b14;box-shadow:0 12px 28px #0006}.matchmaking-reveal article>b{display:block;margin-bottom:10px;font-size:20px}.matchmaking-reveal article>span{display:flex;justify-content:center;gap:5px}.matchmaking-reveal article i{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;font-style:normal;font-weight:1000}.form-w{background:#216d45;color:#a9ffbd}.form-l{background:#7b3541;color:#ffd2d6}.matchmaking-reveal article em{color:#9aa89e;font-size:12px}.matchmaking-reveal>strong{color:#d4e0d7;font-size:12px;letter-spacing:.17em;animation:reveal-pulse 1.2s ease-in-out infinite alternate}.goal-announcer{position:absolute;z-index:11;left:50%;top:18%;transform:translate(-50%);padding:11px 18px;border:1px solid #ffe17b;border-radius:12px;background:linear-gradient(100deg,#17150cef,#47330cef);color:#fff0a6;font-size:clamp(16px,3vw,26px);font-weight:1000;box-shadow:0 0 32px #ffc24766;white-space:nowrap;animation:goal-announcer-in .35s cubic-bezier(.2,1.5,.4,1)}.rival-history{margin:20px 0}.rival-history>article{display:grid;grid-template-columns:48px 100px 1fr auto;align-items:center;gap:12px;margin:7px 0;padding:12px;border:1px solid #2e3933;border-radius:10px;background:#0b100d}.rival-history>article.win{border-left:3px solid #55d781}.rival-history>article.lose{border-left:3px solid #ff6473}.rival-history>article>strong{font-size:20px}.rival-history>article>time,.rival-history>article>span{color:#9eaaa3;font-size:12px}@keyframes match-reveal-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes reveal-pulse{to{opacity:.55}}@keyframes goal-announcer-in{0%{opacity:0;top:23%;transform:translate(-50%,-8px) scale(.86)}to{opacity:1;top:18%;transform:translate(-50%) scale(1)}}@media (max-width:600px){.rival-history>article{grid-template-columns:36px 75px 1fr}.rival-history>article time{grid-column:2/-1}.goal-announcer{max-width:94%;white-space:normal;text-align:center}.matchmaking-reveal{gap:10px;padding:8px}.matchmaking-reveal article{min-width:110px;padding:9px}.matchmaking-reveal article>b{font-size:15px}.matchmaking-reveal article i{width:22px;height:22px}}.lobby-volume{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.lobby-volume input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent)}.lobby-music-credit{font-size:13px}.lobby-music-credit a{color:var(--accent)}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:18px;background:#020706d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tour-dialog{width:min(460px,100%);padding:28px;border:1px solid var(--accent);border-radius:20px;background:var(--panel);box-shadow:0 25px 100px #000}.tour-dialog>small{color:var(--accent);font-weight:900;letter-spacing:1px}.tour-dialog h2{margin:14px 0 8px}.tour-dialog p{color:var(--muted);line-height:1.6}.tour-actions{display:flex;justify-content:space-between;margin-top:24px}.achievement-showcase{margin:22px 0}.achievement-showcase>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.achievement-showcase article{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);opacity:.58}.achievement-showcase article.unlocked{opacity:1;border-color:#e9b94e;box-shadow:inset 0 0 18px #e9b94e18}.achievement-showcase small{color:var(--muted)}.room-bot-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.room-bot-controls select{padding:8px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px}.intro-player-title{display:block;color:var(--accent);font-weight:800}.replay-tools{flex-wrap:wrap}.favorite-replays{margin:10px 0 18px}.favorite-replays .profile-replays{display:flex;flex-wrap:wrap;gap:10px}.club-save-status{color:#65e98a;font-size:13px;font-weight:800;align-self:center;animation:club-save-in .2s ease-out}@keyframes club-save-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.league-page{max-width:1320px;margin:0 auto;padding:4px 0 36px}.league-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:168px;gap:24px;margin:12px 0 18px;padding:28px 32px;overflow:hidden;border:1px solid #384a39;border-radius:22px;background:radial-gradient(ellipse at 88% 18%,#e7ae4430,transparent 30%),linear-gradient(120deg,#17281c,#0b110e 68%);box-shadow:0 18px 55px #0004}.league-hero:after{content:"✦";position:absolute;right:18%;top:-52px;font-size:220px;color:#f4c0570a;pointer-events:none}.league-hero h2{margin:8px 0;font-size:clamp(29px,4vw,46px);letter-spacing:-.04em}.league-hero h2 em{color:#ffd36b;font-style:normal}.league-hero p{margin:0}.league-hero-stat,.season-xp-card{display:grid;gap:3px;min-width:145px;padding:15px 19px;border:1px solid #8a6a2e66;border-radius:14px;background:#111710c9;text-align:right}.league-hero-stat b{font-size:34px;color:#ffd266}.league-hero-stat span,.season-xp-card small,.season-xp-card span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#aeb9af}.league-tabs{display:flex;gap:7px;max-width:100%;margin:0 0 22px;padding:7px;overflow-x:auto;border:1px solid #25342a;border-radius:14px;background:#080e0b;scrollbar-width:thin}.league-tab{position:relative;flex:0 0 auto;padding:11px 15px;border:0;border-radius:9px;background:transparent;color:#9eada1;font:750 13px var(--display);cursor:pointer;transition:.18s}.league-tab:hover{color:#fff;background:#17231a}.league-tab.active{color:#11160f;background:linear-gradient(135deg,#ffdb78,#e7a733);box-shadow:0 5px 19px #f0ae3b35}.league-page>section>h3,.league-page>h3{margin-top:20px}.league-page .feature-card{border:1px solid #2d3d32;border-radius:17px;background:linear-gradient(145deg,#111a14,#0a100c);box-shadow:0 10px 28px #0002}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading h3,.section-heading h4{margin:3px 0}.section-heading h3 small{font-size:12px;color:#9eaaa3}.market-hub{display:grid;gap:18px}.market-create{padding:20px!important}.market-step{color:#e7bf69;font-size:10px;font-weight:900;letter-spacing:.15em}.market-sell-picker{display:flex;gap:10px;max-width:100%;padding:10px 2px 12px;overflow:auto;scroll-snap-type:x mandatory}.market-sell-card{flex:0 0 134px;display:grid;justify-items:center;gap:5px;padding:9px;border:1px solid #2c3930;border-radius:13px;background:#0a100c;color:#eaf0eb;cursor:pointer;scroll-snap-align:start;transition:.18s}.market-sell-card>.card,.market-sell-card>.fc-asset-card{width:100%;pointer-events:none}.market-sell-card .card{transform:scale(.82);transform-origin:top center;margin-bottom:-36px}.market-sell-card>span{font-size:12px;font-weight:800}.market-sell-card>small{color:#aab5ac}.market-sell-card.selected{border-color:#ffd064;box-shadow:0 0 0 2px #ffd06430,0 8px 22px #0007;background:#19180f}.market-create-controls{display:flex;align-items:end;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #28352c}.market-create-controls>label{display:grid;gap:6px;color:#aab7ad;font-size:11px;font-weight:800}.coin-input{display:flex;align-items:center;gap:6px}.coin-input input{width:140px}.coin-input span{color:#edc35d}.market-results-heading{margin:7px 0 -8px}.market-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(155px,220px) minmax(170px,220px);gap:9px;padding:12px;border:1px solid #2b392f;border-radius:13px;background:#0b120d}.market-filterbar input,.market-filterbar select{min-width:0;padding:10px 12px;border:1px solid #35483a;border-radius:9px;background:#111a14;color:#eef3ef}.market-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.market-listing-card{display:grid;grid-template-columns:138px minmax(0,1fr);gap:8px;min-width:0;padding:14px;border:1px solid #324438;border-radius:16px;background:linear-gradient(145deg,#17231b,#0b100d);transition:transform .2s,border-color .2s}.market-listing-card:hover{transform:translateY(-3px);border-color:#b48b43}.market-player-card{height:190px;overflow:hidden;display:flex;justify-content:center}.market-player-card .card{transform:scale(.77);transform-origin:top center}.market-player-card .fc-asset-card{width:124px}.market-listing-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.rarity-pill{padding:4px 8px;border:1px solid #596852;border-radius:99px;color:#c4d2c7;font-size:9px;font-weight:900;text-transform:uppercase}.rarity-2{border-color:#bd963f;color:#ffdc74}.rarity-3,.rarity-4{border-color:#996de0;color:#d8bcff}.market-listing-info h4{margin:8px 0 2px;font-size:17px}.market-listing-info>small{color:#9aa89d}.market-card-stats{display:flex;gap:8px;margin:12px 0;font-size:9px;color:#9eaaa1}.market-card-stats b{display:block;color:#f2f5f2;font-size:14px}.market-listing-info .btn{width:100%;margin-top:auto}.market-empty,.trade-empty{display:grid;gap:5px;place-items:center;min-height:130px;border:1px dashed #3c4c40;border-radius:15px;color:#aab5ac}.market-empty b{color:#eef3ee}.tournament-card{position:relative;margin:14px 0;padding:22px!important;overflow:hidden}.tournament-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#e9bf54,transparent)}.tournament-card-head{display:flex;justify-content:space-between;align-items:center}.tournament-trophy{font-size:34px;filter:drop-shadow(0 5px 14px #e8b74655)}.tournament-status{padding:6px 9px;border:1px solid #716136;border-radius:99px;color:#f5d16f;font-size:9px;font-weight:900;letter-spacing:.12em}.tournament-playing .tournament-status{border-color:#407957;color:#7ce79b}.tournament-bracket{display:flex;gap:12px;overflow-x:auto;padding:9px 2px 14px;scrollbar-width:thin}.tournament-bracket .bracket-round{flex:0 0 230px;min-width:230px;padding:12px;border:1px solid #2d3d32;border-radius:13px;background:#0a100c}.tournament-bracket .bracket-round>b{display:block;margin-bottom:10px;color:#eac662;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.tournament-bracket .bracket-match{padding:10px;margin:8px 0;border:1px solid #26362b;border-radius:10px;background:#111a14}.tournament-bracket .bracket-match span{display:block;padding:4px 2px}.tournament-bracket .bracket-match .winner{color:#ffe08a;font-weight:900}.tournament-bracket .bracket-match i{display:block;color:#708074;font-size:9px;text-align:center}.trade-hub{display:grid;gap:14px}.trade-hero{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border:1px solid #345345;border-radius:18px;background:radial-gradient(circle at 86% 50%,#35ba7730,transparent 28%),linear-gradient(120deg,#12261d,#0b110e)}.trade-hero h3{margin:5px 0;font-size:24px}.trade-hero p{margin:0;color:#aab8ad}.trade-mark{font-size:54px;color:#70dfa1}.trade-select-panel,.trade-list{padding:20px!important}.trade-friend-label{display:grid;grid-template-columns:minmax(130px,180px) minmax(180px,340px);align-items:center;gap:12px;color:#bac7bc;font-size:12px;font-weight:800}.trade-friend-label select{padding:10px;border:1px solid #405247;border-radius:9px;background:#101812;color:#fff}.trade-picks{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:14px;margin-top:20px}.trade-picks>div{min-width:0}.trade-picks h4{margin:4px 0}.trade-card-grid{display:flex;gap:10px;max-width:100%;overflow:auto;padding:8px 2px;scroll-snap-type:x mandatory}.trade-card-pick{flex:0 0 142px;display:grid;justify-items:center;gap:7px;padding:9px;border:1px solid #2e4033;border-radius:13px;background:#0b120d;color:#eaf1eb;cursor:pointer;scroll-snap-align:start}.trade-card-pick>.card,.trade-card-pick>.fc-asset-card{width:100%;pointer-events:none}.trade-card-pick .card{transform:scale(.78);transform-origin:top center;margin-bottom:-40px}.trade-card-pick>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aab6ad}.trade-card-pick>b{color:#b8c5bc;font-size:11px}.trade-card-pick.selected{border-color:#61df93;box-shadow:0 0 0 2px #61df9330;background:#102117}.trade-card-pick.selected>b{color:#75e8a1}.trade-arrow{align-self:center;text-align:center;font-size:27px;color:#e8bd57}.trade-send{display:block;margin:18px 0 0 auto}.trade-list>h3{margin-top:0}.trade-offer{display:grid;grid-template-columns:minmax(130px,1fr) auto auto;align-items:center;gap:16px;padding:13px 0;border-top:1px solid #29372e}.trade-offer>b i{color:#9eaaa1;font-size:11px;font-style:normal}.trade-offer-cards{display:flex;align-items:center;gap:12px}.trade-offer-cards>span{color:#e8c35e;font-size:22px}.trade-thumb{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-width:125px}.trade-thumb-art{grid-row:span 2;display:grid;place-items:center;width:40px;height:48px;overflow:hidden;border:1px solid #866d36;border-radius:7px;background:linear-gradient(145deg,#9f813e,#182019);font-size:20px}.trade-thumb-art img{width:100%;height:100%;object-fit:cover}.trade-thumb b{font-size:11px}.trade-thumb small{color:#96a398;font-size:9px}.trade-offer.compact{grid-template-columns:1fr auto auto}.community-clip{display:flex;flex-direction:column;min-height:0}.community-clip>.replay-viewer{flex:none}.community-clip .replay-profile-open{aspect-ratio:16/9}.community-clip .replay-profile-open canvas{width:100%;height:100%;object-fit:cover}.clip-comments{display:flex;flex-direction:column;height:210px;max-height:210px;min-height:210px;flex:none;overflow:hidden}.clip-comments-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.clip-comments form{flex:none;padding-top:8px}.clip-comments-list p{padding:6px 8px;border-bottom:1px solid #1d2a21}.replay-cinema{padding:0;background:#020403f5}.replay-cinema .replay-preview-dialog{display:flex;flex-direction:column;justify-content:center;width:100vw;height:100dvh;max-width:none;padding:20px 4vw;border:0;border-radius:0;background:radial-gradient(ellipse at center,#13271a,#030604 75%);box-shadow:none}.replay-cinema .replay-preview-dialog>canvas{width:100%;height:calc(100dvh - 185px);max-height:none;object-fit:contain}.replay-cinema .replay-preview-tools,.replay-cinema .replay-tools,.replay-cinema .replay-seek{width:min(1300px,100%);margin-left:auto;margin-right:auto}.replay-cinema .replay-preview-close{top:18px;right:20px;width:48px;height:48px;background:#101a14;border-color:#a8bbac}.season-pass{position:relative;overflow:hidden;padding:24px!important;border-color:#665324!important;background:radial-gradient(ellipse at 90% 12%,#eab74b24,transparent 32%),linear-gradient(135deg,#1c1b13,#0b100c 62%)!important}.season-pass-head{align-items:center}.season-pass-head h3{font-size:27px}.season-xp-card{border-color:#b48a3c;text-align:right;box-shadow:inset 0 0 28px #dba84313}.season-xp-card b{font-size:28px;color:#ffda7a}.season-progress{display:grid;gap:7px;margin:13px 0 17px}.season-progress>div{display:flex;justify-content:space-between;color:#b5c1b7;font-size:11px}.season-progress>div b{color:#ffe08a}.season-progress>i{height:9px;overflow:hidden;border-radius:99px;background:#25261b}.season-progress>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c4872a,#ffe07b);box-shadow:0 0 16px #f7c04a66}.season-track{display:flex;gap:10px;padding:8px 2px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.season-track article{position:relative;flex:0 0 156px;min-height:174px;align-content:start;scroll-snap-align:start;padding:13px;border-color:#37382b;background:linear-gradient(155deg,#1a1b15,#0a100c);box-shadow:0 8px 22px #0004}.season-track article:after{content:"";position:absolute;right:0;top:0;width:34px;height:34px;background:linear-gradient(135deg,#c0933a,#392c16);clip-path:polygon(0 0,100% 0,100% 100%)}.season-track article.unlocked{border-color:#927233;background:linear-gradient(155deg,#30291b,#10130d)}.season-track article.claimed{opacity:.6}.season-track article.ticket-tier{border-color:#7d65b2}.season-reward-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #78602d;border-radius:12px;background:#231e11;font-size:20px}.season-track article>b{min-height:35px;font-size:14px}.season-track article .btn{margin-top:auto}@media (max-width:760px){.league-page{padding:0 0 24px}.league-hero{align-items:flex-start;min-height:0;padding:20px;flex-direction:column}.league-hero-stat{min-width:0;text-align:left}.market-filterbar,.market-card-grid{grid-template-columns:1fr}.market-listing-card{grid-template-columns:110px minmax(0,1fr);padding:10px}.market-player-card{height:164px}.market-player-card .card{transform:scale(.66)}.market-create-controls{justify-content:stretch}.market-create-controls>label{flex:1}.market-create-controls .btn{width:100%}.trade-picks{grid-template-columns:1fr}.trade-arrow{transform:rotate(90deg)}.trade-friend-label{grid-template-columns:1fr}.trade-offer,.trade-offer.compact{grid-template-columns:1fr;gap:8px}.trade-offer-cards{justify-content:flex-start}.trade-hero{padding:18px}.trade-hero h3{font-size:19px}.tournament-bracket .bracket-round{flex-basis:205px;min-width:205px}.replay-cinema .replay-preview-dialog{padding:14px 10px}.replay-cinema .replay-preview-dialog>canvas{height:calc(100dvh - 210px)}.season-pass{padding:17px!important}.season-pass-head{flex-direction:row;align-items:center}.season-xp-card{min-width:105px;padding:10px}.season-xp-card b{font-size:20px}.season-track article{flex-basis:142px}}.market-sell-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;max-height:430px;min-width:0;padding:12px 5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:none;scrollbar-gutter:stable}.market-sell-card{width:100%;min-width:0;min-height:218px;align-content:start;gap:8px;padding:10px;overflow:hidden;scroll-snap-align:none;text-align:left}.market-sell-art{position:relative;display:block;width:100%;height:145px;overflow:hidden;border:1px solid #554725;border-radius:10px;background:radial-gradient(ellipse at 50% 20%,#66532c,#121811 72%)}.market-sell-art img{width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .22s}.market-sell-card:hover .market-sell-art img{transform:scale(1.06)}.market-sell-art i{position:absolute;right:6px;top:6px;padding:3px 6px;border-radius:5px;background:#080c0bd9;color:#ffda78;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}.market-sell-card>strong{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.market-sell-card>small{width:100%;font-size:10px}.market-sell-card>small b{color:#f4ce69}.market-sell-card.selected .market-sell-art{border-color:#ffd064;box-shadow:0 0 18px #ffd06435}.market-create{min-width:0;overflow:hidden}@media (max-width:600px){.market-sell-picker{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px;gap:9px}.market-sell-card{min-height:195px}.market-sell-art{height:122px}}.market-sell-card{min-height:252px}.market-sell-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 7px;width:100%}.market-sell-stats i{display:flex;justify-content:space-between;gap:3px;color:#9eaaa1;font-size:9px;font-style:normal}.market-sell-stats i b{color:#f0d17f;font-size:10px}.market-sell-card>small{margin-top:2px}.market-listing-card{grid-template-columns:138px minmax(0,1fr);align-items:center}.market-player-card{height:220px;align-items:flex-start;overflow:hidden}.market-player-card .card{transform:scale(.67);transform-origin:top center}.market-player-card .fc-asset-card{width:124px;max-height:210px;overflow:hidden}.market-card-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;width:100%;margin:10px 0}.market-card-stats>span{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 7px;border-radius:7px;background:#080e0b;color:#aab6ad}.market-card-stats b{font-size:13px}.market-listing-info h4{margin:6px 0 2px}.market-listing-info .btn{margin-top:8px}.market-sell-picker{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.market-sell-art{height:125px}@media (max-width:760px){.market-player-card{height:205px}.market-player-card .card{transform:scale(.61)}.market-listing-card{grid-template-columns:116px minmax(0,1fr)}.market-sell-card{min-height:245px}.market-sell-picker{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}}@media (max-width:600px){.market-player-card{height:194px}.market-player-card .card{transform:scale(.58)}.market-listing-card{grid-template-columns:105px minmax(0,1fr)}.market-sell-art{height:105px}.market-sell-card{min-height:228px}}.public-profile-shell{min-height:100vh;background:var(--bg);color:var(--text)}.public-profile-shell>header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--panel)}.public-profile-shell>main{max-width:1200px;margin:24px auto;padding:0 20px}.prof-avatar-preview{display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:50%;overflow:hidden;background:transparent;color:inherit;font:inherit;font-size:34px;cursor:zoom-in}.prof-avatar-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .2s}.prof-avatar-preview:hover img{transform:scale(1.06)}.prof-title{min-width:0}.profile-share{display:grid;justify-items:end;gap:5px;margin-left:auto}.profile-share small{color:#69df91;font-size:11px}.profile-photo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#020604e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-photo-dialog{position:relative;display:grid;justify-items:center;gap:12px;max-width:min(90vw,600px);max-height:90vh;padding:20px;border:1px solid #66756a;border-radius:20px;background:#0c130f;box-shadow:0 25px 90px #000b}.profile-photo-dialog>img{display:block;width:min(72vw,520px);height:min(72vh,520px);object-fit:contain;border-radius:14px}.profile-photo-dialog>b{display:grid;place-items:center;width:min(72vw,520px);height:min(72vh,520px);border-radius:14px;background:linear-gradient(135deg,#246b3a,#a33b47);font-size:clamp(100px,25vw,260px)}.profile-photo-dialog>strong{color:#fff;font-size:18px}.profile-photo-dialog .replay-preview-close{position:absolute;z-index:1;top:10px;right:10px}@media (max-width:600px){.prof-head{flex-wrap:wrap}.profile-share{margin-left:80px;justify-items:start}.public-profile-shell>header{padding:12px}.public-profile-shell>main{padding:0 12px}}.server-hosted-notice{position:absolute;z-index:15;top:10px;left:50%;transform:translate(-50%);width:max-content;max-width:min(94%,720px);padding:10px 14px;border:1px solid #e2b84e;border-radius:10px;background:#241d0bea;color:#ffe39a;text-align:center;font-size:13px;font-weight:800;box-shadow:0 5px 24px #0008}@media (max-width:600px){.server-hosted-notice{top:6px;padding:8px 10px;font-size:11px}}.room-create-form select{min-width:145px;height:48px;box-sizing:border-box;border-radius:7px;background:#050807;color:var(--text);border:1px solid var(--line);padding:0 10px}.rp[draggable=true]{cursor:grab}.rp[draggable=true]:active{cursor:grabbing}.my-cards-filterbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(170px,220px))}@media (max-width:760px){.my-cards-filterbar{grid-template-columns:1fr}}.player-builder{display:flex;flex-direction:column;gap:18px}.player-builder-head{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px;align-items:center}.player-builder-head h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.player-builder-preview .card{margin:auto}.player-customize-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.player-customize-fields>label{display:grid;gap:7px}.player-customize-panel input{min-width:0}.kit-color-field{display:grid;gap:8px}.kit-color-field>div{display:flex;flex-wrap:wrap;gap:8px}.kit-color-field button{width:27px;height:27px;border:2px solid rgba(255,255,255,.28);border-radius:50%;cursor:pointer}.kit-color-field button.chosen{outline:2px solid #ffc247;outline-offset:2px}.player-build-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:16px}.player-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-slot{min-height:108px;border:1px dashed rgba(255,194,71,.55);border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:7px;background:#ffffff06;transition:.15s}.player-slot.drop-ready{border-color:#65e59a;background:#65e59a14}.player-slot>span{font-size:12px;color:#aebcb2}.player-slot>strong{font-size:15px}.player-slot>small{color:#aebcb2}.player-slot .btn{align-self:flex-start;margin-top:auto}.player-stat-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px;padding:12px;border-radius:10px;background:#0003}.player-stat-summary span{margin-left:auto;color:#aebcb2;font-size:12px}.player-item-group{margin-top:17px}.player-item-group h4{margin:0 0 9px}.player-item-list{display:grid;gap:8px}.player-item{display:grid;text-align:left;gap:5px;padding:10px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:inherit;cursor:grab}.player-item.selected{border-color:#ffc247;background:#ffc2471a}.player-item>span{font-size:12px;color:#aebcb2}.player-item strong small{margin-left:8px;color:#ffc247}.player-save-notice{padding:10px 12px;background:#31b9821f;border:1px solid rgba(49,185,130,.4);border-radius:10px;color:#8be8bb}.player-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-pack{display:flex;gap:18px;align-items:flex-start;padding:20px}.player-pack-icon{width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;font-size:34px;border-radius:18px;background:#ffc2471f;border:1px solid rgba(255,194,71,.3)}.player-pack .pack-details{flex:1}.player-pack .pack-details h3{margin:7px 0}.player-pack .pack-details>p{min-height:40px}.player-pack .pack-actions{display:grid;gap:8px;margin-top:12px}.player-reward-modal{text-align:center;max-width:430px}.player-reward-icon,.player-reward-spin{font-size:64px;margin:20px auto}.player-reward-spin{animation:playerRewardPulse .65s ease-in-out infinite alternate}.player-reward-modal .btn{margin:14px auto 0}.player-reward-modal p{color:#b8c8bc}@keyframes playerRewardPulse{to{transform:scale(1.22) rotate(18deg);filter:drop-shadow(0 0 20px #ffc247)}}@media (max-width:780px){.player-builder-head,.player-build-grid{grid-template-columns:1fr}.player-builder-preview{display:none}.player-pack-grid{grid-template-columns:1fr}.player-pack{padding:15px}.player-customize-fields,.player-slots{grid-template-columns:1fr}.player-stat-summary span{margin-left:0}}.club-member{width:100%;border:0;text-align:left;color:inherit;background:transparent;cursor:pointer}.club-member:hover{background:#ffffff0a}.club-member:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card .stat-bar i{width:100%;transform:scaleX(var(--fill,1));transform-origin:left;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.player-custom-avatar{overflow:visible;filter:drop-shadow(0 5px 9px #0009)}.personal-records{margin:16px 0;padding:15px 17px;border:1px solid #d7ad5140;border-radius:13px;background:linear-gradient(120deg,#211b1022,#121912)}.personal-records>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.personal-records>header>span{font-size:25px}.personal-records>header div{display:grid;gap:2px}.personal-records>header b{font:800 19px var(--display)}.personal-records>header small,.personal-records article small{color:var(--muted);font-size:11px}.personal-records>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.personal-records article{display:grid;gap:3px;padding:11px;border-radius:9px;background:#ffffff08}.personal-records article b{font:900 23px var(--display);color:#ffd475}@media (max-width:540px){.personal-records>div{grid-template-columns:1fr}.personal-records article{display:flex;justify-content:space-between;align-items:center}.personal-records article b{font-size:18px}}.friend-tournaments{margin:22px 0;padding:18px;border:1px solid #d6ae5a40;border-radius:16px;background:linear-gradient(140deg,#171e19,#0e1411)}.friend-tournaments>header h3{margin:5px 0}.friend-tournaments>header p{margin:0;color:var(--muted)}.friend-tour-forms{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.friend-tour-forms form{display:flex;gap:7px}.friend-tour-forms input{min-width:0;flex:1}.friend-tour{margin-top:12px;padding:13px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff05}.friend-tour>header{display:flex;justify-content:space-between}.friend-tour>header>div{display:grid;gap:5px}.friend-tour>header small{color:#aab6ac}.friend-tour>header small strong{color:#ffdc83;letter-spacing:.08em}.friend-tour-roster{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.friend-tour-roster span{padding:6px 9px;border-radius:99px;background:#ffffff0b;color:#d6e0d8;font-size:12px}.friend-tour-table,.friend-tour-fixtures{display:grid;gap:6px;margin-top:13px}.friend-tour-table>b,.friend-tour-fixtures>b{font:900 10px var(--display);letter-spacing:.12em;color:#e9c979}.friend-tour-table>span,.friend-tour-fixtures>span{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#ffffff07}.friend-tour-table>span>i{color:#e9c979;font-style:normal}.friend-tour-table>span>strong{flex:1}.friend-tour-table>span>small,.friend-tour-fixtures>span>small{color:var(--muted)}.friend-tour-fixtures>span{flex-wrap:wrap}.friend-tour-fixtures>span>strong{flex:1;min-width:180px}.friend-tour-fixtures>span.complete{opacity:.72}@media (max-width:650px){.friend-tour-forms{grid-template-columns:1fr}.friend-tour-forms form{flex-wrap:wrap}.friend-tour-forms input{width:100%}.friend-tour-table>span{flex-wrap:wrap}}.power-draft{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:15px;border:1px solid #6854a2;border-radius:13px;background:linear-gradient(110deg,#171323,#0b100d)}.power-draft>div{display:grid;gap:5px}.power-draft-picks{margin:12px 0;padding:13px;border:1px solid #7862b8;border-radius:12px;background:#11101b}.power-draft-picks>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.power-draft-pick{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;min-height:180px;padding:12px;border:1px solid #65539b;border-radius:11px;background:linear-gradient(145deg,#29203e,#12141c);color:#f5f1ff;cursor:pointer;text-align:center}.power-draft-pick img,.power-draft-pick>i{width:64px;height:64px;object-fit:contain;font-size:48px;font-style:normal;filter:drop-shadow(0 0 12px #aa8cff70)}.power-draft-pick small{color:#c3bed0;line-height:1.35}.power-draft-pick em{color:#9ff0bf;font-style:normal}.power-draft-pick.selected{border-color:#8dffad;box-shadow:0 0 20px #74f69b40}.power-draft-pick:disabled{cursor:default}.lobby-wait-label{position:absolute;z-index:2;top:10px;right:12px;padding:7px 11px;border:1px solid #ffffff20;border-radius:8px;background:#080d0bdd;color:#e6d8ad;font-size:12px;pointer-events:none}@media (max-width:700px){.power-draft{align-items:stretch;flex-direction:column}.power-draft-picks>div{grid-template-columns:1fr}.power-draft-pick{min-height:140px}.lobby-wait-label{top:6px;right:6px;font-size:10px}}.friend-referrals{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;padding:14px;border:1px solid #4c7458;border-radius:12px;background:linear-gradient(110deg,#102018,#0c1210)}.friend-referrals>div{display:grid;gap:4px;flex:1;min-width:210px}.friend-referrals small,.friend-referrals>span{color:var(--muted);font-size:12px}.referral-cosmetic{padding:7px 10px;border:1px solid #d7af58;border-radius:20px;color:#ffda7e;background:#d7af5812;font-size:11px;letter-spacing:.08em}.achievement-heading{display:flex;align-items:center;justify-content:space-between}.achievement-heading>b{padding:5px 9px;border:1px solid #e9b94e55;border-radius:99px;color:#f4cf73;font-size:12px}.achievement-showcase article{min-height:105px;align-content:start}.achievement-progress{height:5px;overflow:hidden;border-radius:99px;background:#ffffff14}.achievement-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b78935,#ffdf83)}.achievement-showcase article.unlocked .achievement-progress i{background:linear-gradient(90deg,#79bd72,#d4ff9d)}.pack-rarity{display:inline-block;margin:4px auto 10px;padding:6px 12px;border:1px solid #fff4;border-radius:99px;font-size:11px;letter-spacing:.12em}.reward-bronz .pack-rarity{color:#d7a16d;border-color:#b4774d}.reward-gümüş .pack-rarity{color:#d8e4ed;border-color:#9aabba}.reward-altın .pack-rarity{color:#ffdc75;border-color:#d49e27}.reward-elmas .pack-rarity{color:#85e8ff;border-color:#42b9dc}.reward-efsane .pack-rarity{color:#d1a0ff;border-color:#a858ff;box-shadow:0 0 18px #a5f4}.permanent-stat-result{display:grid;gap:5px;margin:8px auto 14px;padding:10px 18px;border:1px solid #63c78766;border-radius:10px;background:#51ce7b12}.permanent-stat-result span{color:var(--muted);font-size:12px}.permanent-stat-result b{font-size:24px;color:#9bf2af}.permanent-stat-result i{padding:0 8px;color:#f2c961;font-style:normal}.lab-item.rarity-bronz,.lab-slot.rarity-bronz{border-color:#b4774d88}.lab-item.rarity-gümüş,.lab-slot.rarity-gümüş{border-color:#9aabba99}.lab-item.rarity-altın,.lab-slot.rarity-altın{border-color:#d49e27aa}.lab-item.rarity-elmas,.lab-slot.rarity-elmas{border-color:#42b9dccc;box-shadow:0 0 15px #42b9dc18}.lab-item.rarity-efsane,.lab-slot.rarity-efsane{border-color:#a858ff;box-shadow:0 0 18px #aa55ff28}.replay-viewer:fullscreen{display:flex;flex-direction:column;justify-content:center;gap:12px;width:100vw;height:100dvh;max-width:none;padding:24px 4vw;box-sizing:border-box;overflow:auto;background:radial-gradient(ellipse at center,#13271a,#030604 75%);color:#f4f6f5}.replay-viewer:fullscreen>div:first-child{display:flex;justify-content:center;align-items:center;min-height:0;flex:1}.replay-viewer:fullscreen canvas{display:block;width:min(100%,1800px);height:auto;max-height:calc(100dvh - 165px);object-fit:contain}.replay-viewer:fullscreen .replay-tools,.replay-viewer:fullscreen .replay-seek,.replay-viewer:fullscreen .replay-bookmarks{width:min(1800px,100%);margin-left:auto;margin-right:auto}@media (max-width:700px){.replay-viewer:fullscreen{padding:12px 8px}.replay-viewer:fullscreen canvas{max-height:calc(100dvh - 190px)}}.roster .rp{min-height:42px;flex-wrap:wrap}.roster-move{margin-left:auto;min-height:36px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);font:700 12px var(--display);cursor:pointer}.roster-move:hover,.roster-move:focus-visible{border-color:var(--accent);color:var(--accent)}.roster .rp .x{margin-left:4px;min-width:38px;min-height:38px;font-size:18px}@media (max-width:700px){.roster .rp{gap:6px}.roster .rp-name{flex:1;min-width:80px}.roster-move{font-size:12px;min-height:42px}.roster .rp .x{min-width:42px;min-height:42px}}.roster-drag-handle{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--accent);font-size:23px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.roster-drag-handle:active{cursor:grabbing;background:#263e2c}.nav-icon{width:17px;height:17px;flex:none;vertical-align:-3px;margin-right:6px}.nav button{display:inline-flex;align-items:center;justify-content:center;gap:2px}.home-news-link{display:block;margin-top:12px;background:transparent;border:0;color:#d3ed79;font-weight:800;cursor:pointer;padding:6px 0}.language-selector{position:relative;display:inline-block;z-index:30}.language-selector summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid #506b5b;background:#12281f;border-radius:11px;padding:9px 12px;color:#e9f9df}.language-selector summary::-webkit-details-marker{display:none}.language-selector summary>span:first-child{font-size:11px;color:#a7bcaa}.language-flag{width:27px;height:18px;border-radius:3px;box-shadow:0 1px 4px #0007;flex:none}.language-options{position:absolute;right:0;top:calc(100% + 5px);width:190px;max-height:275px;overflow:auto;background:#0f251e;border:1px solid #5a7961;border-radius:12px;padding:6px;box-shadow:0 12px 35px #0009}.language-options button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;border-radius:8px;padding:8px;text-align:left;color:#eef9e9;cursor:pointer}.language-options button:hover,.language-options button.selected{background:#274d3a}.language-options button b{margin-left:auto}.news-page>h2,.admin-page>h2{font-size:clamp(30px,4vw,52px);margin:5px 0}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-top:22px}.news-card,.admin-report,.season-museum-grid article,.club-trophy-grid>div,.play-local-card{border:1px solid #49614c;background:linear-gradient(145deg,#19352c,#10251f);border-radius:15px;padding:20px;color:#eff8ea}.news-card>span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#d5f481}.news-card.balance>span{color:#85c5ff}.news-card.event>span{color:#ffca71}.news-card.unread{border-color:#d9ec76}.news-card h3,.play-local-card h3{margin:9px 0;font-size:23px}.news-card p{line-height:1.5}.news-card small{color:#9db8a5}.admin-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:22px;margin-top:18px}.admin-grid>div{min-width:0}.admin-report{display:grid;gap:10px;margin:10px 0}.admin-report input,.admin-report textarea,.admin-report select,.report-dialog textarea,.report-dialog select,.leader-country input{width:100%;box-sizing:border-box;background:#0a1c18;color:#fff;border:1px solid #62806b;border-radius:8px;padding:10px}.admin-report small{color:#9fb5a6}.report-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#030b0bdb;display:grid;place-items:center;padding:15px}.report-dialog{width:min(480px,95vw);max-height:90vh;overflow:auto;display:grid;gap:13px;background:#152d25;color:#f1f8ee;border:1px solid #6a8c70;border-radius:17px;padding:24px;box-shadow:0 25px 80px #000b}.report-dialog h3{font-size:30px;margin:0}.report-dialog p{margin:0;color:#adbfaf}.report-dialog label{display:grid;gap:7px;font-weight:700}.report-actions{display:flex;justify-content:flex-end;gap:10px}.admin-replay{width:min(1100px,97vw)}.season-museum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.season-museum-grid article h4{font-size:24px;margin:10px 0}.season-museum-grid article>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#d9f28c}.season-museum-grid article p{margin:9px 0}.club-trophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.club-trophy-grid>div{display:grid;gap:6px}.club-trophy-grid small{color:#b5c7b9}.leader-country{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#132c24;border:1px solid #425c49;border-radius:13px;padding:13px;margin:15px 0}.leader-country label{display:flex;align-items:center;gap:6px}.leader-country label input[type=text],.leader-country label input:not([type]){width:48px}.leader-country input[type=checkbox]{width:auto}.local-match .studio-heading{margin-bottom:16px}.local-score{display:flex;justify-content:space-around;align-items:center;font-size:19px;background:#112d25;padding:12px;border-radius:12px}.local-score strong{font-size:32px;color:#e7f58b}.local-pitch{display:block;width:min(100%,1100px);height:auto;margin:12px auto;border:3px solid #b9d67b;border-radius:12px}.local-actions,.local-result{display:flex;align-items:center;justify-content:center;gap:15px;margin:14px}.local-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.local-controls article{background:#152e26;border:1px solid #4e6d54;border-radius:12px;padding:16px}.local-controls article>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.local-controls button{display:flex;justify-content:space-between;gap:7px}.local-controls kbd{color:#e2f890}.local-pad{display:flex;align-items:center;gap:8px;margin:15px 0}.play-local-card{margin:15px 0}.ffa-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.ffa-heading h2{margin:4px 0}.ffa-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;margin-top:17px}.ffa-layout>div:first-child{position:relative}.ffa-canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:14px;border:2px solid #8bb875}.ffa-sidebar{display:flex;flex-direction:column;gap:9px;background:#102820;border:1px solid #496d57;border-radius:14px;padding:15px}.ffa-sidebar article{display:flex;gap:9px;align-items:center;padding:8px;background:#1c3a30;border-radius:8px}.ffa-sidebar article>span{width:13px;height:35px;border-radius:5px}.ffa-sidebar article div{display:grid;gap:3px}.ffa-sidebar article small{font-size:11px}.ffa-sidebar article.eliminated{opacity:.5}.ffa-message,.ffa-winner{position:absolute;left:50%;top:10%;transform:translate(-50%);background:#0c211de8;border:1px solid #cee67a;border-radius:11px;padding:12px 18px;color:#f4fce9;font-weight:900;white-space:nowrap}.ffa-winner{top:38%;display:grid;gap:10px;font-size:26px;text-align:center}@media (max-width:800px){.admin-grid,.ffa-layout,.local-controls{grid-template-columns:1fr}.local-controls article>div{grid-template-columns:repeat(2,1fr)}.language-options{left:0;right:auto}.ffa-heading{align-items:flex-start}}.home-news-card{display:grid;gap:5px;width:100%;text-align:left;background:linear-gradient(120deg,#1d3d2d,#10251e);border:1px solid #749457;border-radius:12px;padding:14px;margin-top:15px;color:#f3f9e9;cursor:pointer}.home-news-card span{color:#dafa7e;font-size:10px;font-weight:900;letter-spacing:.12em}.home-news-card b{font-size:17px}.home-news-card small{color:#aac0ad;line-height:1.35}.home-news-card i{color:#dafa7e;font-size:12px;font-style:normal;font-weight:900}.nav-count{font-size:10px;font-style:normal;color:#111b12;background:#dff38f;border-radius:99px;padding:1px 5px;margin-left:3px}.app>header{box-sizing:border-box;max-width:100vw;background:linear-gradient(120deg,#07151bfa,#0d211cfa);border-bottom:1px solid #89ad744a;box-shadow:0 8px 28px #0005}.app>header .nav{min-width:0;overflow-x:auto;scrollbar-width:none;gap:3px}.app>header .nav button{flex:none;font-size:13px;padding:9px 10px;border:1px solid transparent;border-radius:10px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.app>header .nav button:hover{border-color:#8dbb8666;background:#31504566}.app>header .nav button.on{background:linear-gradient(135deg,#e1f78d,#b6df6b);border-color:#f0ffb2;color:#0b2115;box-shadow:0 3px 14px #c9ed7355}.app>header .nav button:focus-visible{outline:2px solid #e4f898;outline-offset:2px}.app>header .hdr-right{flex:none}.app>header .header-brand{flex:none}.match-mark-report{position:absolute;right:14px;top:12px;z-index:7;border:1px solid #e4f89a88;background:#12241ed9;color:#f4f8e9;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:900;cursor:pointer}.match-result-report{position:absolute;right:15px;bottom:16px;z-index:9}@media (max-width:900px){.app>header{padding:8px 12px}.app>header .nav button{font-size:12px;padding:7px 8px}.nav-icon{width:15px;height:15px}.match-mark-report{font-size:10px}}.profile-country{display:inline-flex;vertical-align:middle;align-items:center;margin-left:9px;padding:4px 7px;border:1px solid #86b578;border-radius:6px;background:#1e3e30;color:#e0f5ae;font:900 12px sans-serif;letter-spacing:.08em}.admin-evidence{display:grid;gap:7px;border-top:1px solid #ffffff22;padding-top:10px}.leader-country>strong{color:#e2f78e;font-size:13px}.ffa-touch{display:none;justify-content:space-between;gap:7px;margin-top:8px}.ffa-touch button{flex:1;min-height:50px;border:1px solid #d3ec82;border-radius:10px;background:#153b2eda;color:#effaca;font-size:20px;font-weight:900;touch-action:none;-webkit-user-select:none;user-select:none}.ffa-touch button:last-child{background:#d4ee86;color:#16241b;font-size:15px}@media (pointer:coarse){.ffa-touch{display:flex}}.app>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:10px clamp(12px,2vw,28px)}.app>header .header-brand{grid-column:1;min-width:0}.app>header .header-brand>small{display:none}.app>header .hdr-right{grid-column:2;grid-row:1;min-width:0}.app>header .nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;overflow:visible;min-width:0;gap:3px 5px}.app>header .nav button{padding:7px 9px;font-size:clamp(12px,.82vw,14px)}.app>header .nav-icon{margin-right:3px}@media (max-width:760px){.app>header{display:flex;justify-content:space-between;gap:8px;padding:8px 12px}.app>header .nav{position:fixed;left:0;right:0;bottom:0;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.app>header .nav button{flex:0 0 auto}.app>header .hdr-right{gap:7px}.app>header .xp-level,.app>header .hdr-right>.user span{display:none}.app>header .coins{font-size:15px;padding:3px 7px}.app>header .hdr-right>.btn{padding:6px 8px;font-size:13px}.app>header .logo{font-size:23px}}@media (max-width:760px){body.in-match .app>header .nav{display:none}}@media (max-width:520px){.app>header{flex-wrap:wrap;justify-content:center;gap:4px 8px}.app>header .header-brand,.app>header .hdr-right{width:100%;justify-content:center}.app>header .logo{font-size:21px}}.local-arena{position:relative;width:min(100%,1100px);margin:12px auto;overflow:hidden;border:3px solid #b9d67b;border-radius:14px;background:#071d19}.local-arena .local-pitch{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}.local-prelude{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:radial-gradient(circle at center,#123329f2,#04120ff5);color:#f7ffeb;text-align:center}.local-countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:transparent;pointer-events:none;color:#f7ffeb;text-align:center}.local-prelude h3{margin:0;font:900 clamp(22px,4vw,42px) var(--display);text-transform:uppercase}.local-intro-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,5vw,55px);width:min(660px,100%)}.local-intro-cards article{display:grid;justify-items:center;gap:5px;padding:clamp(10px,2vw,22px);border:2px solid #ff6573;border-radius:16px;background:linear-gradient(155deg,#4b1d28,#101b1e);box-shadow:0 20px 40px #0009}.local-intro-cards article.blue{border-color:#55b9ff;background:linear-gradient(155deg,#183a57,#101b1e)}.local-intro-cards article>b{font:900 clamp(19px,3vw,32px) var(--display)}.local-intro-cards article>strong{font:900 clamp(24px,4vw,42px) var(--display);color:#f4dd7b}.local-intro-cards article>small{font-size:clamp(10px,1.2vw,14px)}.local-intro-cards article>i{font-size:11px;color:#d4f28c;font-style:normal;font-weight:900}.local-countdown>span{font-weight:900;letter-spacing:.15em;color:#d8f498}.local-countdown>b{font:900 clamp(80px,22vw,220px) var(--display);line-height:1;text-shadow:0 10px 35px #000}.local-hud-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,1100px);margin:0 auto}.local-player-hud{min-width:0;padding:11px 14px;border:1px solid #db6d79;border-radius:12px;background:#261c23}.local-player-hud.blue{border-color:#62b9f5;background:#152c3c}.local-player-hud>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:14px}.local-player-hud>div:first-child span{color:#e5efb1;font-weight:800}.local-player-hud small{display:block;margin-top:5px;color:#bacfc8;font-size:11px}.local-power-track{height:9px;margin-top:8px;overflow:hidden;border-radius:99px;background:#06110e}.local-power-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f0bb60,#f0ee85);transition:width .12s linear}@media (max-width:600px){.local-prelude{padding:8px;gap:3px}.local-intro-cards article{padding:6px;gap:2px}.local-intro-cards article>i{display:none}.local-player-hud{padding:8px}.local-player-hud>div:first-child{font-size:11px}}.anthem-save-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.anthem-save-row small{color:#b9cdb9;font-size:12px}.app>header{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:10px;min-height:70px}.app>header .header-brand,.app>header .nav,.app>header .hdr-right{grid-column:auto;grid-row:auto}.app>header .nav{display:flex;flex:1;flex-wrap:nowrap;justify-content:flex-start;overflow:hidden;min-width:0}.app>header .nav button{font-size:12px;white-space:nowrap}.app>header .nav-more{position:relative;flex:none}.app>header .nav-more-button{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border:1px solid #638a6b;border-radius:10px;background:#153128;color:#e7f7d8;font-weight:900;cursor:pointer}.app>header .nav-more-button.on,.app>header .nav-more-button:hover{background:#d4ed83;color:#122417}.app>header .nav-more-panel{position:absolute;z-index:100;top:calc(100% + 9px);right:0;width:min(300px,90vw);max-height:min(70vh,620px);overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:9px;border:1px solid #688573;border-radius:14px;background:#0e201a;box-shadow:0 20px 45px #000b}.app>header .nav-more-panel button{display:flex;align-items:center;gap:5px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:#e9f0e9;text-align:left;font-size:12px;cursor:pointer}.app>header .nav-more-panel button:hover,.app>header .nav-more-panel button.on{background:#d4ed83;color:#112116}@media (max-width:760px){.app>header .nav{position:static!important;display:flex!important;flex:1!important;padding:0!important;overflow:hidden!important;border:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.app>header .nav button{font-size:11px!important;padding:7px!important}.app>header .nav-more-panel{right:-20px}.app>header .nav-more-button span{display:none}.app>header .hdr-right>.coins,.app>header .hdr-right>.xp-level,.app>header .hdr-right>.btn{display:none}}@media (max-width:520px){.app>header{flex-wrap:wrap!important;justify-content:space-between}.app>header .header-brand{width:auto!important}.app>header .hdr-right{width:auto!important;order:1}.app>header .nav{order:2;flex:1 1 auto!important}.app>header .nav-more{order:3}}@media (max-width:760px){body.in-match .app>header .nav{display:none!important}}.rank-weekly{display:grid;gap:14px;margin:18px 0;padding:20px;border:1px solid #66794c;border-radius:17px;background:linear-gradient(135deg,#1a3426,#101b18)}.rank-weekly h3{margin:3px 0;font-size:25px}.rank-weekly p{margin:0;color:#aebfaf}.rank-weekly-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rank-weekly-cards article{display:grid;gap:4px;padding:15px;border:1px solid #708352;border-radius:12px;background:#0e2119}.rank-weekly-cards article>b{color:#dcf590}.rank-weekly-cards article>strong{font-size:25px}.rank-weekly-cards article>small,.rank-weekly-cards article>span{color:#bed0bd}.rank-weekly-cards article .btn{justify-self:start;margin-top:7px}@media (max-width:600px){.rank-weekly-cards{grid-template-columns:1fr}}.home-studio .card .stat,.player-studio .pl-preview .card .stat{grid-template-columns:minmax(0,1fr) 26px;gap:2px 5px}.home-studio .card .stat-l,.player-studio .pl-preview .card .stat-l{grid-column:1/-1;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:9px;line-height:1.1}.home-studio .card .stat-bar,.player-studio .pl-preview .card .stat-bar{grid-column:1;min-width:0}.home-studio .card .stat>b,.player-studio .pl-preview .card .stat>b{grid-column:2;line-height:1}.player-studio .pl-stats>div{grid-template-columns:1fr;align-content:start;gap:2px}.player-studio .pl-stats>div>span{overflow-wrap:anywhere;line-height:1.15}.player-studio .pl-stats>div>b{grid-row:2}.player-studio .pl-stats>div>i{grid-row:3}.leader-stats{display:grid;gap:15px;margin-top:28px;padding:20px;border:1px solid #496957;border-radius:18px;background:linear-gradient(145deg,#12271f,#0c1714)}.leader-stats h3{margin:4px 0;font-size:28px}.leader-stats p{margin:0;color:#afc1b1}.leader-stats-controls{display:flex;flex-wrap:wrap;gap:10px}.leader-stats-controls .tabs{max-width:100%;overflow:auto}.leader-stats-list{display:grid;gap:5px}.leader-stats-list button{display:grid;grid-template-columns:44px 1fr 70px;align-items:center;gap:10px;min-height:43px;padding:8px 12px;border:1px solid #3a5444;border-radius:9px;background:#102219;color:#f1f8ed;text-align:left;cursor:pointer}.leader-stats-list button:hover{border-color:#d4ee89;background:#1c3826}.leader-stats-list button>b,.leader-stats-list button>span{color:#ddf18f}.leader-stats-list button>span{text-align:right;font-size:20px;font-weight:900}.room-filters{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:9px;margin:12px 0 18px;padding:13px;border:1px solid #3b6249;border-radius:13px;background:#10231a}.room-filters label{display:grid;gap:5px;color:#c8ddc7;font-size:11px;font-weight:800}.room-filters select{min-width:0;max-width:100%}@media (max-width:800px){.room-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-security{margin:18px 0 26px;padding:18px;border:1px solid #ffffff24;border-radius:18px;background:linear-gradient(135deg,#18272b,#111a22)}.admin-security-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.admin-security .admin-report{display:grid;gap:9px}.replay-input-panel{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 14px;background:#101c24;border-top:1px solid #ffffff25}.replay-input-panel span{padding:4px 9px;border:1px solid #ffffff30;border-radius:7px}.replay-input-panel span.pressed{background:#c5ee65;color:#111;font-weight:800;border-color:#c5ee65}.replay-input-panel small{opacity:.7}.happy-hour-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;margin:10px 0;border:1px solid #b5d88540;border-radius:12px;background:#143126;color:#d8e8ca;font-size:.85rem}.happy-hour-banner b{font-family:var(--display-font,inherit);letter-spacing:.07em}.happy-hour-banner.active{border-color:#d9f27e;background:#274122;color:#ecffbc;box-shadow:0 0 24px #c9e87822}.result-thanks{margin:14px 0;padding:14px;border:1px solid #ffffff24;border-radius:14px;background:#12242a}.result-thanks p{margin:4px 0 9px;opacity:.75}.result-thanks>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 0}.result-thanks>div span{min-width:110px;font-weight:700}.roster-mute{border:1px solid #ffffff33;border-radius:7px;background:#1c2b2b;color:#d8e8db;padding:4px 7px;font-size:.72rem;cursor:pointer}.roster-mute:hover{border-color:#d0ed74;color:#eaffad}.push-toggle{padding:12px 0;margin-bottom:12px;border-bottom:1px solid #ffffff25}.push-toggle h4{margin:0 0 5px}.push-toggle p{margin:0 0 10px;opacity:.75}.clip-reactions button.active{border-color:#f0bf59;background:#3b2f15;color:#ffe19a;box-shadow:0 0 0 1px #f0bf5938}.mastery-max-card{border-color:#f5d76e!important;box-shadow:0 0 20px #f5d76e38!important;background:linear-gradient(135deg,#232014,#131a15)!important}.mastery-crown-badge{display:inline-block;padding:2px 7px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.08em;background:#ffe066;color:#211804;box-shadow:0 0 10px #ffe06699;margin-left:6px;vertical-align:middle}:root{--studio-bg:#101b1b;--studio-line:#2b3b39;--studio-muted:#9caaa4;--studio-lime:#d2f26e}.app>header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c1515f5}.studio-page{color:#edf3eb;min-width:0}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--studio-lime)}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 30px}.studio-heading h2{font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-1.5px;margin:14px 0}.studio-heading h2 em,.home-studio h1 em,.community-cover h2 em{color:var(--studio-lime);font-style:normal}.studio-heading p{color:var(--studio-muted);margin:12px 0;font-size:14px}.studio-tabs{display:flex;gap:6px;padding:6px;border:1px solid var(--studio-line);border-radius:12px;background:#0d1717;margin:24px 0;overflow-x:auto}.studio-tabs button{border:0;background:none;color:#a9b9ae;white-space:nowrap;padding:12px 18px;font-weight:700;border-radius:8px;cursor:pointer}.studio-tabs button.active{color:#e9f5d0;background:#263b2e}.studio-tabs button span{margin-left:10px;padding:2px 6px;background:#ffffff12;border-radius:4px;font-size:11px}.studio-page .btn{font-family:inherit;font-size:13px;font-weight:800;min-height:42px;border-radius:8px;background:var(--studio-lime);color:#1a2514}.studio-page .btn.ghost{background:#ffffff05;border:1px solid #415047;color:#dce5dc}.studio-page .btn:disabled{opacity:.4}.section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px}.section-label h3{margin:0;font-size:18px}.section-label>span{color:var(--studio-muted);font-size:12px}.studio-empty{padding:40px 24px;border:1px dashed #3c4a3e;border-radius:12px;text-align:center;color:var(--studio-muted);line-height:1.8}.text-button{padding:0;border:0;background:none;color:#edf3eb;font-size:16px;font-weight:800;cursor:pointer}.wallet{display:flex;gap:28px;padding:18px 22px;border:1px solid var(--studio-line);border-radius:12px;background:#14211d}.wallet small{display:block;font-size:9px;letter-spacing:1.2px;color:#a6b7a7;margin-bottom:6px}.wallet b{font-size:23px}.wallet i{font-size:11px;font-weight:400;font-style:normal;color:#c8d39a}.store-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:22px 28px;margin-bottom:24px;border:1px solid #40523c;border-radius:12px;background:linear-gradient(110deg,#24362a,#111e1f)}.store-banner>span{font-size:9px;letter-spacing:1.5px;color:#a9c589}.store-banner>b{font-size:23px}.store-banner>small{margin-left:auto;color:#a2b4a5}.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tone-superpower{--pack-color:#b09cff}.tone-passive{--pack-color:#75d9c4}.tone-smallUpgrade{--pack-color:#d2ee75}.tone-majorUpgrade{--pack-color:#f2bc68}.store-pack{border:1px solid #334039;border-radius:16px;background:linear-gradient(155deg,#1d292b,#111b1d);position:relative;color:var(--pack-color)}.store-pack:hover{border-color:var(--pack-color)}.pack-number{display:flex;justify-content:space-between;padding:20px 24px 0;font-size:10px;letter-spacing:1.5px}.pack-number span{color:#8e9d99}.pack-art{display:block;width:100%;height:215px;color:var(--pack-color)}.art-superpower{transform:rotate(-5deg)}.art-passive{transform:rotate(5deg)}.art-majorUpgrade{transform:rotate(-3deg)}.store-pack-content{padding:0 24px 22px}.store-pack h3{color:#edf3eb;font-size:21px;margin:2px 0 10px}.store-pack p{color:#a3b2a9;font-size:12px;min-height:40px;line-height:1.65}.pack-purchase{display:flex;gap:8px}.pack-purchase .btn:first-child{flex:1;background:var(--pack-color)}.pack-information{position:relative;margin-top:16px;border-top:1px solid #ffffff10;padding-top:14px}.pack-information>button{width:100%;background:none;border:0;color:#bec9bd;text-align:left;font-size:12px;padding:5px 0;cursor:pointer}.odds-tooltip{position:absolute;bottom:100%;left:0;right:0;padding:18px;background:#111d1c;border:1px solid var(--pack-color);border-radius:10px;display:none;z-index:5;box-shadow:0 12px 30px #0008;color:#edf3eb;pointer-events:none}.odds-tooltip>span{display:flex;justify-content:space-between;font-size:12px;margin:8px 0}.odds-tooltip small{font-size:11px;color:#a3b4aa}.studio-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030a0be8;display:grid;place-items:center;z-index:1000;padding:18px}.studio-dialog{position:relative;width:min(700px,100%);max-height:90dvh;overflow-y:auto;box-sizing:border-box;border:1px solid #45544b;border-radius:18px;padding:34px;background:#12201f;color:#eff6ec}.studio-dialog h2{margin:16px 0;font-size:28px}.studio-dialog p,.studio-dialog>small{color:#a7b7aa;line-height:1.6}.dialog-close{position:absolute;right:12px;top:10px;color:#dce7dc;background:#ffffff0b;border:1px solid #ffffff16;border-radius:8px;font-size:26px;width:36px;height:36px;cursor:pointer}.dialog-close:disabled{opacity:.3}.odds-list{margin-top:20px;max-height:50dvh;overflow-y:auto}.odds-list>div{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #ffffff0a;font-size:13px}.odds-list b{color:var(--pack-color)}.opening-dialog{width:min(900px,100%);text-align:center;overflow-x:hidden;padding:36px 0}.opening-dialog .pack-art{height:180px}.reward-reel{position:relative;overflow:hidden;height:165px;margin:30px 0;background:#091110;border-top:1px solid #3b4a3a;border-bottom:1px solid #3b4a3a}.reel-pointer{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e8efbc;z-index:2}.reel-pointer:before{content:"";position:absolute;left:-5px;border:6px solid transparent;border-top-color:#e8efbc;top:0}.reel-track{display:flex;gap:8px;position:absolute;top:10px;left:50%;transform:translate(-74px)}.reward-reel.rolled .reel-track{transform:translate(-4754px);transition:transform 4.2s cubic-bezier(.12,.65,.08,1)}.reel-item{box-sizing:border-box;width:148px;flex:none;height:144px;border:1px solid #4e5d55;border-bottom:3px solid var(--pack-color);border-radius:8px;padding:14px 8px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:linear-gradient(#223036,#122023)}.reel-item>span{font-size:34px;color:var(--pack-color)}.reel-item b{font-size:12px}.reel-item small{font-size:8px;color:#a0afa9;letter-spacing:1px}.rarity-Efsane{border-bottom-color:#f4ac4a}.rarity-Elmas{border-bottom-color:#8bcde7}.reward-reveal{padding:0 24px;max-width:560px;margin:auto}.reward-reveal>span{font-size:42px;color:var(--pack-color)}.reward-reveal h3{font-size:24px}.reward-reveal p{font-size:13px;min-height:40px}.reward-reveal .btn{display:block;margin:22px auto 0}.mission-summary{text-align:right}.mission-summary>b{font-size:50px;color:var(--studio-lime)}.mission-summary i{font-style:normal;font-size:24px;color:#6b7d70}.mission-summary small{display:block;font-size:9px;letter-spacing:1.5px;color:#adbaac}.login-reward-panel{display:grid;grid-template-columns:240px 1fr;gap:24px;background:linear-gradient(110deg,#213324,#141f20);border:1px solid #40523a;border-radius:16px;padding:28px}.login-reward-panel h3{font-size:26px;margin:14px 0}.login-reward-panel p{font-size:11px;color:var(--studio-muted)}.login-reward-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:center}.login-reward-days>div{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 4px;background:#ffffff05;border:1px solid #35453a;border-radius:8px}.login-reward-days small{font-size:8px;color:#9ba995}.login-reward-days span{font-size:25px;color:#889878}.login-reward-days b{font-size:12px}.login-reward-days .today{background:#324c28;border-color:#cce887}.login-reward-days .today span,.login-reward-days .done span{color:var(--studio-lime)}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mission-card{border:1px solid #33433b;border-radius:12px;background:#14201f;padding:24px}.mission-card.complete{border-color:#889e58;background:#1d2d21}.mission-card.claimed{opacity:.62}.mission-card-top{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;color:#a9b59e}.mission-card-top b{color:#c2d689}.mission-card h3{font-size:18px;margin:24px 0}.mission-progress{height:5px;background:#091311;border-radius:5px;overflow:hidden}.mission-progress i{height:100%;display:block;background:var(--studio-lime)}.mission-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.mission-card-bottom>span{font-size:12px;color:#a8b7a1}.season-command{display:grid;grid-template-columns:1fr auto;gap:20px;background:#1c2b25;border:1px solid #42533b;border-radius:16px;padding:28px}.season-command h3{font-size:30px;margin:14px 0}.season-command p{font-size:13px;color:var(--studio-muted)}.season-command>strong{font-size:60px;color:#d2ee75;line-height:1.1;text-align:center}.season-command>strong small{display:block;font-size:9px;letter-spacing:1px}.season-command-progress{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#b5c3ac}.season-command-progress progress{width:100%;height:6px;accent-color:var(--studio-lime)}.season-reward-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}.season-reward-grid article{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 8px;background:#121e1e;border:1px solid #2e4034;border-radius:10px}.season-reward-grid article.available{border-color:#859d59;background:#223324}.season-reward-grid article.claimed{opacity:.6}.season-reward-grid article>span{font-size:30px;color:#d1e59c}.season-reward-grid small{font-size:9px;letter-spacing:1px}.season-reward-grid b{font-size:12px}.social-online{text-align:right}.social-online>b{font-size:48px;color:#d2ee75}.social-online small{display:block;font-size:9px;letter-spacing:1px;color:#a0b495}.player-search{display:flex;align-items:center;gap:12px;background:#162421;border:1px solid #405340;border-radius:12px;padding:12px;margin-bottom:24px}.player-search>span{font-size:28px;padding-left:10px;color:#bedb8c}.player-search input{flex:1;min-width:0;border:0;background:none;box-shadow:none}.player-search-results{padding:18px;background:#111e1c;border:1px solid #354b38;border-radius:12px}.player-search-results .section-label{margin:0 0 16px}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.social-player{display:flex;gap:14px;align-items:center;padding:18px;background:#14201f;border:1px solid #314039;border-radius:12px;margin-bottom:10px}.social-avatar{display:grid;place-items:center;width:46px;height:46px;flex:none;background:#2d4134;border:1px solid #4b6550;border-radius:12px;font-size:23px;font-weight:800;position:relative}.social-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.social-avatar i{position:absolute;bottom:-3px;right:-3px;width:11px;height:11px;border:3px solid #14201f;background:#67776e;border-radius:50%}.social-avatar i.online{background:#b9eb74}.social-player>div:nth-child(2){flex:1;min-width:0}.social-player b{overflow-wrap:anywhere}.social-player small{display:block;font-size:11px;color:#a0b0a5;margin-top:6px}.social-actions{display:flex;gap:6px;flex-wrap:wrap}.friend-player{flex-wrap:wrap;margin:0}.friend-player .social-actions{width:100%;border-top:1px solid #ffffff0a;padding-top:14px}.request-player{background:#1e2d23;border-color:#557044}.outgoing-requests{margin-top:24px;color:#a9b5a4;border:1px solid #344338;border-radius:10px;padding:16px}.outgoing-requests summary{cursor:pointer}.outgoing-requests>div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff0a}.invite-rewards{display:flex;gap:40px;padding:36px;background:#1a2b25;border:1px solid #40543b;border-radius:16px}.invite-symbol{font-size:100px;color:#d2ee75}.invite-rewards h3{font-size:36px;margin:16px 0}.invite-rewards p{font-size:14px;color:#a5b89f;line-height:1.7}.invite-progress{display:flex;gap:20px;align-items:center;padding:14px 0}.invite-progress progress{max-width:160px;accent-color:#d2ee75}.profile-studio .prof-head{padding:24px 0;margin:0 0 20px;border-bottom:1px solid #3a483c}.profile-studio .prof-title h2{font-size:32px}.profile-studio .profile-share{display:flex;gap:8px;flex-wrap:wrap}.profile-studio .prof-grid{display:grid;grid-template-columns:1fr 190px;gap:24px;background:#16221f;border:1px solid #39493a;border-radius:16px;padding:24px;margin:0}.profile-studio .prof-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.profile-studio .prof-stats>div{background:none;border:0;border-bottom:1px solid #ffffff09;border-radius:0;padding:12px 10px;text-align:left}.profile-studio .prof-stats b{font-size:25px;color:#e5f0d4}.profile-studio .prof-stats span{font-size:11px;color:#9daf9e}.profile-studio .prof-card{padding:0;align-self:center;display:flex;justify-content:center}.profile-studio .prof-card>.card{transform:none;width:160px;box-shadow:none}.profile-studio .personal-records{padding:16px 22px;background:#101d1b;border:1px solid #34483b;margin:12px 0}.profile-studio .personal-records>header{display:none}.profile-studio .personal-records>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-studio .personal-records article{background:none;border:0;padding:0;text-align:center}.profile-studio .personal-records article>b{font-size:20px}.profile-studio .personal-records article>small{font-size:10px}.profile-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.profile-overview>div{background:#13201d;border:1px solid #34473a;border-radius:12px;padding:20px}.profile-highlight h3{font-size:26px}.profile-highlight p{color:#a9bba6;font-size:13px}.profile-studio .form-chart{max-height:170px}.profile-studio .achievement-showcase>div{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-studio .history{margin-bottom:20px}.profile-studio .hm{padding:16px;background:#13211d;border-color:#344637}.profile-studio .profile-replays{grid-template-columns:repeat(3,minmax(0,1fr))}.community-studio{margin-top:20px}.community-cover{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px;border:1px solid #536042;border-radius:16px;background:linear-gradient(115deg,#293c2a,#142122)}.community-cover h2{font-size:40px;line-height:1.1;margin:20px 0}.community-cover p{font-size:14px;color:#b5c6a8}.community-cover-mark{font-size:80px;padding:20px;text-align:center}.community-cover-mark small{font-size:9px;display:block;letter-spacing:2px;color:#bcd69b}.community-gallery{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.community-featured{border:1px solid #3a4b3d;padding:20px;background:#111e1c;border-radius:14px}.community-featured .community-clip{border:0;background:none;padding:0}.community-playlist{display:flex;flex-direction:column;gap:8px}.community-playlist>.eyebrow{margin-bottom:10px}.community-playlist>button{display:flex;align-items:center;gap:14px;padding:18px 14px;color:#d6e5d0;background:#14221e;border:1px solid #324939;border-radius:10px;text-align:left;cursor:pointer}.community-playlist>button.selected{background:#2b3e27;border-color:#aac071}.community-playlist>button>span{font-size:24px;color:#c0d397}.community-playlist>button>div{flex:1}.community-playlist small{display:block;font-size:10px;margin-top:6px;color:#98ae92}.community-playlist i{font-style:normal;font-size:12px;color:#c0d397}.community-leaderboard{border:1px solid #3b4e3b;border-radius:14px;background:#14211d;padding:24px}.community-leaderboard .section-label{margin:0 0 20px}.community-leaderboard article{display:flex;align-items:center;gap:22px;padding:20px 8px;border-top:1px solid #ffffff0c}.community-leaderboard strong{font-size:25px;color:#b4c892}.community-leaderboard b{flex:1}.community-leaderboard span{font-size:12px;color:#a5b5a0}.community-leaderboard em{font-style:normal;color:#d2ee75;font-size:24px}.community-leaderboard em small{font-size:9px}.home-studio{padding:34px;border:1px solid #3d4c3e;border-radius:20px;background:linear-gradient(120deg,#1e3023,#111d20);gap:24px}.home-studio h1{font-size:clamp(42px,6vw,72px);letter-spacing:-2px;line-height:1.03;margin:20px 0}.home-studio .menu-left{flex:1 1 450px}.home-studio .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-studio .actions .btn.big{width:auto;min-height:48px;padding:12px 18px;font-size:17px}.home-studio .actions .btn.big:first-child{grid-column:1/-1;background:#d2ee75}.home-studio .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.home-studio .stats div{min-width:0;background:#ffffff04;border-color:#ffffff10;padding:12px}.home-studio .stats b{font-size:28px}.home-studio .stats span{font-size:10px}.home-studio .menu-card{padding:30px 18px;perspective:none}.home-studio .menu-card .card,.home-studio .menu-card .card:hover{transform:scale(1.1);transition:none}.notification-stack{position:fixed;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));width:min(380px,calc(100vw - 28px));z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;border:1px solid #b96969;background:#321e23;color:#ffe9eb;box-shadow:0 12px 28px #0006;pointer-events:auto}.notification>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f4a4a4;color:#35151a;font-weight:900;flex:none}.notification.success{background:#1d3227;border-color:#688b53;color:#e2f5d4}.notification.success>span{background:#c9eb97;color:#223819}.notification>div{flex:1}.notification b{font-size:12px}.notification p{font-size:13px;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}.notification button{border:0;color:inherit;background:none;font-size:22px;cursor:pointer}.match-settings-drawer{width:100%;margin-top:14px;border:1px solid #3a4b3d;border-radius:10px;padding:12px}.match-settings-drawer summary{cursor:pointer;color:#c8d7bc;font-weight:700}@media (max-width:900px){.login-reward-panel,.community-gallery{grid-template-columns:1fr}.community-playlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.community-playlist>.eyebrow{grid-column:1/-1}.home-studio .menu-card{display:none}}@media (max-width:600px){.studio-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:22px}.studio-heading h2{font-size:38px}.wallet{width:100%;box-sizing:border-box;justify-content:space-between}.store-banner{padding:18px}.store-banner>small{margin:0;font-size:10px}.store-grid,.mission-grid,.social-grid{grid-template-columns:1fr}.pack-art{height:180px}.store-pack-content{padding:0 20px 20px}.store-pack p{min-height:0}.studio-tabs button{padding:11px 13px;font-size:12px}.mission-summary,.social-online{display:flex;align-items:center;gap:14px;text-align:left}.mission-summary>b,.social-online>b{font-size:30px}.login-reward-panel{padding:20px;gap:20px}.login-reward-days{gap:4px}.login-reward-days>div{padding:12px 2px;gap:12px}.login-reward-days small{font-size:7px}.login-reward-days b{font-size:10px}.login-reward-days span{font-size:19px}.mission-card{padding:20px}.season-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.season-command{padding:20px}.season-command h3{font-size:24px}.player-search{padding:10px;gap:6px}.player-search>span{display:none}.player-search .btn{font-size:11px;padding:10px}.social-player{padding:14px;gap:10px;flex-wrap:wrap}.social-player .social-actions{width:100%}.social-actions .btn{flex:1}.invite-rewards{padding:24px;gap:18px}.invite-symbol{display:none}.profile-studio .prof-head{flex-wrap:wrap;gap:12px}.profile-studio .prof-title{min-width:0}.profile-studio .prof-title h2{font-size:26px}.profile-studio .prof-title p{font-size:11px}.profile-studio .profile-share{width:100%;margin:0}.profile-studio .prof-grid{grid-template-columns:1fr;padding:16px}.profile-studio .prof-card{display:none}.profile-studio .prof-stats b{font-size:22px}.profile-studio .personal-records{padding:16px 8px}.profile-studio .personal-records small{font-size:9px}.profile-overview{grid-template-columns:1fr;gap:12px}.profile-studio .achievement-showcase>div{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-studio .profile-replays{grid-template-columns:1fr}.community-cover{padding:24px}.community-cover h2{font-size:32px}.community-cover-mark{display:none}.community-playlist{grid-template-columns:1fr}.community-featured{padding:12px}.community-leaderboard{padding:18px}.community-leaderboard article{flex-wrap:wrap;gap:12px}.community-leaderboard span{width:100%;order:3;padding-left:40px}.home-studio{padding:24px 18px}.home-studio .actions .btn.big{font-size:15px;padding:12px}.studio-dialog{padding:28px 20px}.opening-dialog{padding:32px 0}.notification-stack{top:12px;right:14px}}@media (max-width:760px),(pointer:coarse),(max-width:1024px) and (orientation:landscape){body.in-match .app>header,body.in-match .nav{display:none!important}body.in-match main{padding:0!important;max-width:none;width:100%}body.in-match .match,body.in-match .match.touch.live,body.in-match .match.mobile-fullscreen{position:relative!important;inset:auto!important;display:block!important;width:100%;height:auto!important;min-height:100dvh;margin:0;padding:0;background:#07120d;overflow:visible!important}body.in-match .match .match-bar{position:absolute!important;top:8px;right:max(8px,env(safe-area-inset-right));z-index:12;margin:0}body.in-match .match .match-bar .keys,body.in-match .match .match-bar .acts>button:not(:first-child):not(:last-child){display:none}body.in-match .match .match-bar .acts{gap:6px}body.in-match .match .match-bar .btn{padding:7px 9px;font-size:10px;min-height:32px;background:#102019e8;opacity:1}body.in-match .match .topstrip{position:absolute!important;top:6px;left:max(8px,env(safe-area-inset-left));right:auto;z-index:10;display:flex!important;gap:10px;min-height:0;margin:0;transform:none!important;pointer-events:none;font-size:11px}body.in-match .match .scoreboard{gap:4px;padding:3px 8px}.match .scoreboard .num{font-size:22px}body.in-match .match .topstrip .side,body.in-match .match .kick,body.in-match .match .clock>span{display:none}body.in-match .match .stage{height:100dvh!important;min-height:0;width:100%;display:flex!important;align-items:center;justify-content:center;overflow:hidden;border:0;border-radius:0;background:#07120d;box-shadow:none}body.in-match .match .pitch{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:auto!important;object-fit:contain;flex:none;touch-action:none}body.in-match .match .match-chat,body.in-match .match .mini-radar,body.in-match .match .caster-ui,body.in-match .match .input-overlay{display:none!important}body.in-match .match .controls{display:block!important;padding:18px 14px;margin:0;border-top:1px solid #36523e}body.in-match .match .rosters{padding:14px;margin:0}body.in-match .match .touchctl{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:8;height:100%;min-height:0;padding:0;display:block;pointer-events:none}body.in-match .match .joy{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:clamp(120px,25vw,144px);height:clamp(120px,25vw,144px)}body.in-match .match .joy-knob{width:56px;height:56px}body.in-match .match .kickbtn{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:84px;height:84px;font-size:20px}body.in-match .match .skillbtn{right:max(115px,calc(env(safe-area-inset-right) + 105px));bottom:max(20px,env(safe-area-inset-bottom));width:72px;height:72px;min-width:0;min-height:0;font-size:12px}body.in-match .match .rotate-hint{bottom:125px;font-size:11px}body.in-match .match:fullscreen{overflow:auto!important;height:100dvh!important}}@media (prefers-reduced-motion:reduce){.reward-reel.rolled .reel-track{transition:none}.home-studio *{animation:none!important}}:root[data-reduce-motion=on] .reward-reel.rolled .reel-track{transition:none}.store-pack .pack-art,.opening-dialog .pack-art{background:none;border-radius:0;overflow:visible}.store-pack .pack-art{margin:12px 0 20px;transform:none}.studio-page .btn{box-shadow:none}.profile-studio .prof-avatar{flex:none}.profile-studio .prof-grid{grid-template-columns:1fr 140px}.profile-studio .prof-card{height:230px;align-items:center}.profile-studio .prof-card>.card{transform:scale(.62);flex-shrink:0}.mobile-profile-card{display:none}@media (max-width:600px){.profile-studio .prof-grid{grid-template-columns:1fr}.mobile-profile-card{display:block;margin-top:10px}.mobile-profile-card>.btn{width:100%}.profile-studio .personal-records article{display:grid;text-align:center;gap:6px}}.community-mode .league-hero{display:none}.community-mode .league-tabs{margin-top:0}.community-mode .community-cover{padding:28px}.community-mode .community-cover h2{font-size:36px}.community-mode .community-cover p{margin-bottom:0}.community-mode .community-cover-mark{font-size:58px}.profile-photo-backdrop,.card-preview-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-match-dock{display:none}@media (max-width:760px),(pointer:coarse),(max-width:1024px) and (orientation:landscape){.mobile-match-dock{position:absolute;display:flex;gap:6px;z-index:9;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translate(-50%);touch-action:pan-y}.mobile-match-dock .btn{font-size:10px;min-height:28px;padding:6px 10px;background:#142719dc;box-shadow:none}.mobile-match-dock .btn:not(.ghost){background:#d2ee75;color:#182714}body.in-match{scrollbar-width:none}body.in-match::-webkit-scrollbar{display:none}.match.touch.live .stage{flex:none}.match-settings-drawer{touch-action:pan-y}}@media (max-width:760px),(pointer:coarse),(max-width:1024px) and (orientation:landscape){html:has(body.in-match){scrollbar-width:none}html:has(body.in-match)::-webkit-scrollbar{display:none}body.in-match .match .skillbtn{position:absolute;pointer-events:auto;border:2px solid #b7d4e480;border-radius:50%;background:#35627ab0;color:#e6f8ff;font-weight:800;touch-action:none;-webkit-tap-highlight-color:transparent}body.in-match .match .skillbtn.on{background:#79c5dc;color:#102532}body.in-match .match .topstrip{width:auto!important;max-width:45vw}}.notification-stack{width:380px;max-width:calc(100% - 28px)}body{background-attachment:scroll}.app .nav,.login{-webkit-backdrop-filter:none;backdrop-filter:none}.studio-page button:focus-visible,.studio-dialog button:focus-visible{outline:2px solid #efffc5;outline-offset:3px}.studio-dialog:focus{outline:none}@media (min-width:901px) and (min-height:700px){.app.home-screen{min-height:100svh;display:flex;flex-direction:column}.app.home-screen>main{width:min(100%,1360px);max-width:1360px;min-height:0;flex:1;display:flex;align-items:stretch;padding:clamp(12px,2.4vh,24px) 20px}.home-screen .home-studio{flex:1;min-height:0;align-items:center;padding:clamp(20px,3vh,34px);gap:clamp(20px,3vw,42px)}.home-screen .home-studio .menu-left{min-width:0}.home-screen .home-studio h1{font-size:clamp(42px,5.1vw,66px);margin:clamp(12px,2vh,20px) 0}.home-screen .home-studio .lead{margin-bottom:clamp(12px,2vh,22px)}.home-screen .home-studio .stats{margin-bottom:clamp(14px,2.5vh,26px)}.home-screen .home-studio .menu-card{padding:12px 28px}.home-screen .home-studio .card,.home-screen .home-studio .card:hover{transform:none}}.home-screen .home-studio .card-shine{top:0;right:0;bottom:0;left:0;border-radius:inherit}.performance-hud{position:absolute;z-index:12;top:10px;right:10px;display:flex;align-items:stretch;gap:5px;padding:6px;border:1px solid #6de8ff45;border-radius:11px;background:#071322dc;color:#f2fbff;box-shadow:0 8px 26px #0007;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.performance-hud>div{display:grid;min-width:56px;gap:2px;padding:4px 7px;border-right:1px solid #ffffff1c}.performance-hud>div:last-of-type{border:0}.performance-hud small{color:#9cb8ca;font-size:8px;font-weight:900;letter-spacing:.12em}.performance-hud b{font-size:12px;font-variant-numeric:tabular-nums}.performance-hud.quality-good>div:last-of-type b{color:#75f0b4}.performance-hud.quality-fair>div:last-of-type b{color:#ffe47b}.performance-hud.quality-poor{border-color:#ff8c6b99}.performance-hud.quality-poor>div:last-of-type b{color:#ff987b}.performance-hud p{position:absolute;top:100%;right:0;width:max-content;max-width:min(310px,80vw);margin:5px 0 0;padding:7px 10px;border:1px solid #ff987b55;border-radius:8px;background:#201411ed;color:#ffd1c2;font-size:10px;line-height:1.4}@media (max-width:600px){.performance-hud{top:7px;right:7px;gap:2px;padding:4px}.performance-hud>div{min-width:43px;padding:3px 5px}.performance-hud small{font-size:7px}.performance-hud b{font-size:10px}.performance-hud p{font-size:9px}}.play-hub{max-width:1320px}.play-command{position:relative;display:flex;justify-content:space-between;align-items:center;padding:40px 42px 32px;min-height:220px;border:1px solid #354a43;border-radius:20px;background:radial-gradient(ellipse at 85% 40%,#244c3b 0,transparent 50%),linear-gradient(115deg,#101d1c,#142823);overflow:hidden}.play-command:after{content:"";position:absolute;right:8%;top:-60px;width:250px;height:320px;border:1px solid #a6d08730;transform:rotate(30deg);pointer-events:none}.play-command h2{font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-3px;margin:15px 0}.play-command em{font-style:normal;color:#d6f69a}.play-signal{text-align:right;z-index:1}.play-signal span{display:block;color:#a9e5b3;font-size:13px}.play-signal small{color:#9bb3a8;display:block;margin-top:10px}.play-tabs{margin:26px 0;gap:8px;flex-wrap:wrap}.play-tabs button{padding:12px 22px!important}.play-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.play-mode{--mode:#c8ef83;position:relative;overflow:hidden;border:1px solid #35483f;border-radius:16px;padding:24px;display:flex;flex-direction:column;background:linear-gradient(160deg,#20342a,#101b1a);min-width:0}.ranked-mode{--mode:#afadff;background:linear-gradient(160deg,#282d44,#151b26)}.duo-mode{--mode:#7ad8ee;background:linear-gradient(160deg,#193c43,#111d25)}.mode-art{height:142px;position:relative;display:grid;place-items:center;overflow:hidden;margin:-24px -24px 24px;border-bottom:1px solid #ffffff12;background:linear-gradient(120deg,#ffffff04,#fff0)}.mode-art i{position:absolute;top:26px;right:15%;bottom:26px;left:15%;border:1px solid var(--mode);opacity:.22;transform:skew(-15deg)}.mode-art i:after{content:"";position:absolute;border:1px solid var(--mode);border-radius:50%;height:66px;width:66px;top:9px;left:calc(50% - 33px)}.mode-art b{font:900 70px/1 var(--display);color:var(--mode);letter-spacing:-4px}.mode-art b span{font-size:32px;opacity:.6;margin:0 8px}.play-mode h3{font-size:26px;line-height:1.15;margin:10px 0}.play-mode p{font-size:13px;line-height:1.7;color:#b1c3bd;margin:0 0 20px;flex:1}.mode-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.mode-tags span{font-size:10px;letter-spacing:.3px;padding:6px 8px;background:#0003;border-radius:5px;color:var(--mode)}.play-mode>.btn{width:100%;background:var(--mode);color:#0d1c17}.mode-secondary{border:0;background:none;color:#c1bfff;margin-top:13px;font-size:11px;min-height:28px}.play-coach{border:1px solid #35473e;border-radius:15px;background:#15221e;padding:26px;margin-top:22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.play-coach>div{flex:1;min-width:210px}.play-coach h3{font-size:24px;margin:8px 0}.play-coach p{color:#aebeb7;font-size:12px;line-height:1.6}.play-hub label{display:flex;flex-direction:column;gap:8px;color:#acbeb5;font-size:11px}.play-hub input,.play-hub select{padding:12px;border:1px solid #40534a;background:#0b1614;color:#e6f2eb;border-radius:7px;min-height:44px;min-width:0}.play-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.play-social-grid>article{padding:28px;border:1px solid #374c42;border-radius:16px;background:#16241f;display:flex;flex-direction:column;gap:18px}.play-social-grid h3{font-size:27px;margin:0}.play-social-grid .btn{align-self:flex-start}.play-form-row{display:flex;gap:12px}.play-form-row>*{flex:1;min-width:0}.play-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.play-room-grid article{border:1px solid #34483d;border-radius:12px;padding:22px;background:#13211b;display:flex;justify-content:space-between;gap:16px}.play-room-grid h3{margin:8px 0;font-size:19px}.play-room-grid p,.play-room-grid small{font-size:11px;color:#a2b9ad}.play-room-grid article>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:8px}.queue-training{padding:26px;border-radius:15px;border:1px solid #aecf7450;background:#12231a;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.queue-training>div:first-child{flex:1}.queue-training .practice-page{width:100%}.queue-training h3{font-size:30px;margin:10px 0}.queue-training p{font-size:13px;color:#afc3b5}.rank-current{border:1px solid var(--rank-color);border-radius:18px;background:linear-gradient(110deg,#20312f,#111b23);padding:36px;display:flex;align-items:center;gap:32px;margin:26px 0}.rank-emblem{width:94px;height:110px;clip-path:polygon(50% 0,95% 24%,86% 76%,50% 100%,14% 76%,5% 24%);background:linear-gradient(140deg,var(--rank-color),#182b35);display:grid;place-items:center;color:#f6fff4;font-size:38px;font-weight:900;flex:none;border-top:3px solid var(--rank-color)}.rank-current>div:nth-child(2){flex:1}.rank-current h3{font-size:36px;margin:10px 0;color:var(--rank-color)}.rank-current strong{font-size:26px}.rank-current small{font-size:11px;color:#b6c8bf}.rank-current p{font-size:13px;color:#b3c8bc}.rank-current progress{width:min(340px,100%);accent-color:var(--rank-color);height:6px}.rank-record{display:flex;gap:25px}.rank-record b{font-size:30px}.rank-record small{display:block;font-size:9px;margin-top:10px;letter-spacing:1px}.rank-path{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rank-path article{position:relative;text-align:center;padding:25px 10px;border:1px solid #334941;border-radius:12px;background:#15231e}.rank-path article.current{border-color:var(--rank-color);background:#21352b}.rank-path .rank-emblem{width:68px;height:80px;font-size:28px;margin:0 auto 18px}.rank-path h3{font-size:17px;color:var(--rank-color)}.rank-path b{font-size:11px;color:#b7c7be}.rank-path article>span{position:absolute;top:12px;right:12px;font-size:9px;color:#71877b}.rank-rules{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.rank-rules article{padding:24px;border-left:2px solid #d4eb96;background:#13211c}.rank-rules p{font-size:13px;line-height:1.8;color:#b0c1b7}.leader-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.leader-podium>button{background:linear-gradient(150deg,#20352d,#122019);border:1px solid #455a4b;border-top:2px solid var(--rank-color);border-radius:15px;text-align:center;padding:25px;color:#eff7ed}.leader-podium>button:first-child{background:linear-gradient(145deg,#3b3826,#1a281f)}.leader-podium small{display:block;color:var(--rank-color);font-size:14px;font-weight:900;margin-bottom:18px}.leader-podium .rank-emblem{margin:auto;width:62px;height:72px;font-size:26px}.leader-podium h3{font-size:20px;overflow-wrap:anywhere;margin:16px 0 8px}.leader-podium span{display:block;color:var(--rank-color);font-size:11px;margin-bottom:14px}.leader-podium b{font-size:25px}.leader-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin:26px 0 16px}.leader-table{border:1px solid #3c4e41;border-radius:13px;overflow:hidden}.leader-row{display:grid;grid-template-columns:45px minmax(100px,1fr) 90px 95px 100px;gap:10px;padding:17px 20px;align-items:center;border-bottom:1px solid #ffffff0c;background:#15231c;font-size:12px}.leader-head{background:#20332a;font-size:10px;color:#b1c8ba}.leader-row.mine{background:#2c3f23;border-left:3px solid #d2ee88}.leader-row>button{background:none;border:0;text-align:left;color:#f3faef;min-width:0;overflow-wrap:anywhere}.leader-row small{display:block;margin-top:5px;font-size:10px}.leader-row>span:first-child{color:#899e8b;font-size:15px}.leader-row strong{color:#d2ec9e}.mastery-section{padding:26px;border:1px solid #3a4d40;border-radius:16px;background:#12221b}.mastery-section h3{font-size:29px;margin:10px 0}.mastery-section>p{color:#aebeb2;font-size:13px;line-height:1.7}.mastery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.mastery-grid article{display:flex;gap:14px;padding:18px;background:#1c3025;border:1px solid #3d5543;border-radius:10px;min-width:0}.mastery-grid img{width:52px;height:52px;object-fit:contain}.mastery-grid small,.mastery-grid span{display:block;color:#b4c8b8;font-size:10px;line-height:1.6;margin-top:7px}.mastery-grid progress{width:100%;height:5px;accent-color:#cde997}.starter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#030b08eb;display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto}.starter-dialog{width:min(1040px,100%);max-height:calc(100dvh - 44px);overflow:auto;padding:32px;border:1px solid #546a44;border-radius:20px;background:linear-gradient(130deg,#1e3525,#101e1b);box-shadow:0 30px 70px #0009}.starter-dialog h2{font-size:clamp(30px,4vw,49px);margin:24px 0 12px;letter-spacing:-1px}.starter-dialog h2 em{color:#d5ef99;font-style:normal}.starter-dialog>p{color:#b2c8b8;font-size:13px;line-height:1.8;max-width:700px}.starter-steps{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.starter-steps span{font-size:10px;color:#92a897;padding:8px 12px;background:#122018;border:1px solid #334734;border-radius:5px}.starter-steps .on{color:#dcedab;border-color:#a8c879}.starter-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.starter-styles button{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #4c6646;border-radius:12px;background:linear-gradient(150deg,#2b452a,#172822);color:#f3f8ef;text-align:left;transition:border-color .15s}.starter-styles button:hover{border-color:#d4efa1}.starter-styles img{width:92px;height:92px;object-fit:contain;align-self:center;margin:18px 0}.starter-styles small{font-size:9px;letter-spacing:2px;color:#cee294}.starter-styles h3{font-size:25px;margin:10px 0}.starter-styles p{font-size:12px;line-height:1.7;color:#bccdb9;flex:1}.starter-styles b{font-size:12px;margin-top:20px;color:#dcef9c}.starter-checks{display:flex;gap:20px;color:#d5eba0;font-size:12px;margin:18px 0}.starter-dialog .practice-page{padding:0}.starter-dialog .practice-heading{display:none}.starter-dialog .practice-wrap{margin:0 0 20px}.starter-dialog .practice-canvas{max-height:300px;object-fit:contain}.starter-dialog .practice-touch{display:flex}.result-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.result-brief article{background:#193027;border:1px solid #446048;padding:16px;border-radius:9px;text-align:left}.result-brief small{display:block;font-size:8px;letter-spacing:1px;color:#adc394;margin-bottom:10px}.result-brief b{font-size:12px;line-height:1.6;display:block}.result-brief span{display:block;font-size:10px;color:#bfd9b3;margin-top:8px}.result-fast-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.rank-change{margin:18px 0;border:1px solid var(--rank-color);background:#162a2e;border-radius:12px;padding:20px;color:var(--rank-color);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.rank-change>span{font-size:32px}.rank-change b{font-size:16px}.rank-change small{color:#bfcdc1}.reward-reel.rolled .reel-track{transform:translate(var(--reel-end,-4754px))}.reel-item>span{height:64px;display:grid;place-items:center}.reel-item img{width:64px;height:64px;object-fit:contain}.reel-item{gap:5px}.reward-reveal>span>img{width:120px;height:120px;object-fit:contain}.duplicate-sale{padding:16px;border:1px solid #b6d471;border-radius:10px;background:#29341c;margin:15px 0}.duplicate-sale b,.duplicate-sale span{display:block;font-size:13px;line-height:1.8}.card .card-skill-tooltip{top:auto!important;bottom:calc(100% + 10px)!important;right:0!important;left:auto!important;width:200px;max-width:min(200px,65vw);transform:none!important}.home-studio .menu-card{min-width:0}.home-studio .card{overflow:visible}.club-command{display:grid;grid-template-columns:90px 1fr auto;gap:25px;align-items:center;border:1px solid #4b5b44;padding:32px;border-radius:18px;background:linear-gradient(115deg,#2e3b26,#14251e)}.club-shield{height:105px;display:grid;place-items:center;font-size:43px;clip-path:polygon(0 0,100% 0,93% 75%,50% 100%,7% 75%);background:linear-gradient(150deg,var(--club-primary,#d5db8c),var(--club-secondary,#294537))}.club-command h2{font-size:37px;margin:10px 0}.club-command p{font-size:13px;color:#b1c3b2}.club-command-metrics{display:flex;gap:28px}.club-command-metrics b{font-size:28px;display:block}.club-command-metrics small{font-size:9px;color:#a4bca7;letter-spacing:1px}.club-studio .club-tabs{margin:24px 0}.club-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.club-pane{padding:26px;border:1px solid #3f5343;border-radius:14px;background:#15261d;min-width:0}.club-pane h3{font-size:23px;margin:8px 0 22px}.club-player{display:flex;align-items:center;width:100%;padding:15px 0;border:0;border-bottom:1px solid #ffffff15;background:none;color:#e7f1e4;gap:13px;text-align:left}.club-player>span:first-child{color:#829b80;font-size:12px}.club-player img{width:36px;height:36px;object-fit:cover;border-radius:50%}.club-player small{margin-left:auto;color:#b6cf90;font-size:9px}.club-studio .club-messages{height:310px;background:#0b1911;border-radius:9px;padding:14px}.club-studio .club-messages p{font-size:12px;padding:10px;border-left:2px solid #5b7751}.club-studio .club-messages b{font-size:10px;color:#bfd895}.club-studio .club-messages span{display:block;margin-top:5px;overflow-wrap:anywhere}.club-studio .club-own-message{background:#26381c}.club-studio .club-chat-compose{display:flex;gap:10px;margin-top:16px}.club-studio .club-chat-compose input{flex:1;min-width:0}.club-identity{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.club-identity label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#afc6ad}.club-discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.club-discovery-grid>article{padding:24px;border:1px solid #42543d;border-radius:14px;background:#17281e;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.club-discovery-grid .club-shield{width:60px;height:70px;font-size:28px}.club-discovery-grid h3{font-size:21px;margin:0}.club-discovery-grid p{font-size:12px;color:#a8bea7}.club-create-new{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.club-studio input,.club-studio select{background:#0c1a11;border:1px solid #496145;border-radius:7px;padding:12px;color:#edf7e8;min-width:0}.club-studio input[type=color]{padding:4px}.club-create-new label{display:flex;flex-direction:column;gap:9px;font-size:12px}@media (max-width:900px){.play-mode-grid{gap:10px}.play-mode{padding:18px}.mode-art{margin:-18px -18px 18px;height:110px}.play-mode h3{font-size:22px}.rank-record{gap:14px}.rank-path{grid-template-columns:repeat(3,1fr)}.mastery-grid{grid-template-columns:1fr 1fr}.club-command{grid-template-columns:70px 1fr}.club-command-metrics{grid-column:1/-1}.club-discovery-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.play-command{padding:26px 22px;min-height:210px;align-items:flex-start;flex-direction:column;gap:18px}.play-command h2{letter-spacing:-1px;font-size:43px}.play-signal{text-align:left}.play-tabs button{font-size:11px;padding:10px 12px!important;flex:1}.play-mode-grid,.play-social-grid,.play-room-grid,.rank-rules,.club-content,.club-discovery-grid{grid-template-columns:1fr}.play-mode{padding:22px}.mode-art{height:95px;margin:-22px -22px 20px}.mode-art b{font-size:55px}.play-mode p{margin-bottom:15px}.play-coach{padding:20px;gap:15px}.play-coach>label{flex:1}.play-coach>.btn{width:100%}.play-social-grid>article{padding:22px}.rank-current{padding:22px;gap:16px;flex-wrap:wrap}.rank-current .rank-emblem{width:70px;height:84px;font-size:30px}.rank-current h3{font-size:28px}.rank-record{width:100%;justify-content:space-around;border-top:1px solid #ffffff20;padding-top:20px}.rank-path{grid-template-columns:1fr 1fr}.rank-path article:last-child{grid-column:1/-1}.leader-podium{gap:8px}.leader-podium>button{padding:16px 6px}.leader-podium h3{font-size:12px}.leader-podium b{font-size:16px}.leader-podium .rank-emblem{width:46px;height:56px;font-size:21px}.leader-row{grid-template-columns:24px minmax(90px,1fr) 50px 55px;gap:6px;padding:15px 10px;font-size:10px}.leader-row>*:last-child{display:none}.mastery-grid{grid-template-columns:1fr}.mastery-section{padding:20px}.starter-backdrop{padding:10px}.starter-dialog{padding:22px 16px;max-height:calc(100dvh - 20px)}.starter-styles{grid-template-columns:1fr;gap:10px}.starter-styles button{padding:18px;position:relative}.starter-styles img{position:absolute;right:18px;top:10px;width:60px;height:60px;margin:0}.starter-styles h3{font-size:22px}.starter-styles p{max-width:75%;margin:4px 0}.starter-styles b{margin-top:10px}.starter-steps{gap:5px}.starter-steps span{font-size:8px;padding:7px}.starter-dialog .practice-hud span:first-child{display:none}.result-brief{grid-template-columns:1fr;gap:6px}.result-brief article{padding:12px}.result-brief small{margin-bottom:4px}.club-command{padding:22px;gap:18px}.club-command h2{font-size:26px;overflow-wrap:anywhere}.club-command .club-shield{height:86px;font-size:32px}.club-command-metrics{gap:24px}.club-pane{padding:20px}.club-tabs{flex-wrap:wrap}.club-create-new>*{width:100%}}@media (prefers-reduced-motion:reduce){.starter-styles button{transition:none}}.result-details{margin:18px 0;text-align:left;border-top:1px solid #476144;padding:15px 0}.result-details>summary{cursor:pointer;font-size:12px;color:#bfd79c;min-height:30px}.results .res-card{max-height:calc(100dvh - 36px);overflow:auto}.results .res-team{font-size:11px}.opening-dialog{padding:24px 0;width:min(940px,96vw)}.opening-dialog.multi-opening{width:min(1040px,98vw)!important;max-width:1040px!important;max-height:96vh!important;max-height:96dvh!important;padding:12px 16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box!important}.opening-dialog.multi-opening h2{font-size:17px!important;margin:2px 0 4px!important;line-height:1.2!important}.opening-dialog.multi-opening .eyebrow{font-size:9.5px!important;letter-spacing:1px!important;margin:0!important;line-height:1!important}.opening-dialog h2{font-size:24px;margin:10px 0}.opening-dialog .reward-reel{margin:18px 0}.btn-multi{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#180e02!important;font-weight:900!important;border:1px solid #fde047!important;box-shadow:0 4px 14px #f59e0b59!important;transition:all .15s ease!important}.btn-multi:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80!important}.stored-pack-actions{display:flex;gap:8px;margin-top:10px;width:100%}.stored-pack-actions .btn{flex:1}.reel-item.rarity-bronz{background:linear-gradient(160deg,#382419,#1c110b)!important;border:1px solid #8c522f!important;border-bottom:3.5px solid #bd703b!important;box-shadow:inset 0 0 10px #bd703b33!important;color:#fad4b8!important}.reel-item.rarity-gumus{background:linear-gradient(160deg,#2b353e,#151b22)!important;border:1px solid #728a9c!important;border-bottom:3.5px solid #b5ccdc!important;box-shadow:inset 0 0 10px #b5ccdc33!important;color:#e2eaf0!important}.reel-item.rarity-altin{background:linear-gradient(160deg,#3d2c0b,#1e1503)!important;border:1px solid #d99726!important;border-bottom:3.5px solid #ffbe3b!important;box-shadow:inset 0 0 14px #ffbe3b4d!important;color:#ffe699!important}.reel-item.rarity-elmas{background:linear-gradient(160deg,#0d273d,#061320)!important;border:1px solid #0284c7!important;border-bottom:3.5px solid #38bdf8!important;box-shadow:inset 0 0 16px #38bdf859!important;color:#bae6fd!important}.reel-item.rarity-efsane{background:linear-gradient(160deg,#44141d,#260a12)!important;border:1px solid #e11d48!important;border-bottom:3.5px solid #fbbf24!important;box-shadow:inset 0 0 18px #fbbf2466,0 0 12px #fbbf2440!important;color:#fef08a!important}.reel-item.rarity-small{background:linear-gradient(160deg,#102e1b,#07170c)!important;border:1px solid #16a34a!important;border-bottom:3.5px solid #4ade80!important;box-shadow:inset 0 0 12px #4ade8040!important;color:#bbf7d0!important}.reel-item.rarity-cosmetic{background:linear-gradient(160deg,#301338,#17071b)!important;border:1px solid #a855f7!important;border-bottom:3.5px solid #e879f9!important;box-shadow:inset 0 0 14px #e879f94d!important;color:#f5d0fe!important}.multi-reels-container{position:relative;display:flex;flex-direction:column;gap:3px;margin:4px 0 6px;padding:3px 0;background:#050a09;border-top:2px solid #233527;border-bottom:2px solid #233527;max-height:none!important;overflow:hidden!important;border-radius:8px}.multi-reel-needle{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fde047;box-shadow:0 0 10px #fde047d9,0 0 20px #fde04766;z-index:20;transform:translate(-50%);pointer-events:none}.multi-reel-needle:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fde047}.multi-reel-needle:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#fde047}.compact-reel-wrapper{position:relative;display:flex;align-items:center;width:100%;height:44px}.compact-reel-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:10;background:#0a1410eb;border:1px solid #334b3a;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:800;letter-spacing:.4px;color:#d2ee75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.compact-reel{position:relative;overflow:hidden;height:44px!important;width:100%;margin:0!important;background:#0f191673;border-radius:6px;border:1px solid #1a2a22}.compact-reel.is-done{border-color:#3b5c42;background:#16261e8c}.compact-reel .reel-track{display:flex;gap:8px;position:absolute;top:2px;left:50%;transform:translate(-56px)}.compact-reel.rolled .reel-track{transform:translate(var(--reel-end,-3416px));transition:transform 3.8s cubic-bezier(.12,.65,.08,1)}.compact-reel .reel-item{width:112px!important;height:38px!important;flex:none;border-radius:6px;padding:2px 6px;display:grid!important;grid-template-columns:26px 1fr!important;grid-template-rows:auto auto!important;column-gap:5px!important;align-items:center!important;box-sizing:border-box!important}.compact-reel .reel-item>span{grid-column:1;grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;font-size:18px}.compact-reel .reel-item img{width:24px;height:24px;object-fit:contain}.compact-reel .reel-item b{grid-column:2;grid-row:1;font-size:9px;line-height:1.15;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.compact-reel .reel-item small{grid-column:2;grid-row:2;font-size:7.5px;letter-spacing:.4px;opacity:.85;font-weight:700;text-align:left}.reward-reveal-card{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;max-width:480px;width:92%;padding:28px 24px;border-radius:18px;margin:10px auto;overflow:hidden;box-shadow:0 16px 48px #000000b3;animation:reward-card-pop .65s cubic-bezier(.16,1.25,.38,1) forwards}.reward-reveal-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);animation:shine-sweep 2.4s ease-in-out infinite;pointer-events:none}.reward-reveal-card.rarity-bronz{background:linear-gradient(155deg,#452818,#1e1109);border:2px solid #a46135;box-shadow:0 0 35px #a4613559}.reward-reveal-card.rarity-gumus{background:linear-gradient(155deg,#37444f,#192027);border:2px solid #8ca6bd;box-shadow:0 0 35px #8ca6bd59}.reward-reveal-card.rarity-altin{background:linear-gradient(155deg,#4f390e,#241904);border:2px solid #f59e0b;box-shadow:0 0 45px #f59e0b73}.reward-reveal-card.rarity-elmas{background:linear-gradient(155deg,#10334f,#071725);border:2px solid #38bdf8;box-shadow:0 0 45px #38bdf873}.reward-reveal-card.rarity-efsane{background:linear-gradient(155deg,#521623,#2a0b12);border:2.5px solid #fbbf24;box-shadow:0 0 55px #fbbf2499,0 0 25px #e11d4866}.reward-reveal-card.rarity-small{background:linear-gradient(155deg,#133820,#081a0e);border:2px solid #22c55e;box-shadow:0 0 35px #22c55e59}.reward-reveal-card.rarity-cosmetic{background:linear-gradient(155deg,#3d1747,#1d0723);border:2px solid #c084fc;box-shadow:0 0 40px #c084fc66}.reveal-rays{position:absolute;top:-140px;right:-140px;bottom:-140px;left:-140px;background:conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.08) 0deg,transparent 15deg,rgba(255,255,255,.12) 30deg,transparent 45deg,rgba(255,255,255,.08) 60deg,transparent 75deg,rgba(255,255,255,.12) 90deg,transparent 105deg,rgba(255,255,255,.08) 120deg,transparent 135deg,rgba(255,255,255,.12) 150deg,transparent 165deg,rgba(255,255,255,.08) 180deg,transparent 195deg,rgba(255,255,255,.12) 210deg,transparent 225deg,rgba(255,255,255,.08) 240deg,transparent 255deg,rgba(255,255,255,.12) 270deg,transparent 285deg,rgba(255,255,255,.08) 300deg,transparent 315deg,rgba(255,255,255,.12) 330deg,transparent 345deg);animation:rays-rotate 18s linear infinite;border-radius:50%;pointer-events:none;z-index:0}.reward-reveal-badge{z-index:1;font-size:11px;font-weight:900;letter-spacing:1.5px;padding:4px 12px;border-radius:99px;background:#00000080;margin-bottom:8px;border:1px solid rgba(255,255,255,.2)}.reveal-icon{z-index:1;font-size:72px;display:grid;place-items:center;margin:6px 0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.reveal-icon img{width:104px;height:104px;object-fit:contain}.reward-reveal-card h3{z-index:1;font-size:26px;margin:8px 0}.reward-reveal-card p{z-index:1;font-size:13px;color:#d1ded5;margin-bottom:12px}.btn-finish{z-index:1;margin:14px auto 0;padding:12px 28px;font-size:15px;font-weight:800}.multi-opening-bottom{margin-top:6px;padding:8px 10px;background:#0c1612bf;border:1px solid #283d2e;border-radius:10px}.multi-bottom-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.multi-bottom-header strong{font-size:12px;color:#e2f0d9;display:flex;align-items:center;gap:6px}.multi-bottom-header .btn{padding:3px 8px!important;font-size:10.5px!important}.multi-bottom-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;width:100%!important}.multi-bottom-card{position:relative;border-radius:8px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-height:82px;transition:all .3s ease;overflow:hidden;box-sizing:border-box}.multi-bottom-card.is-pending{background:#121e1866;border:1px dashed #2d4534;color:#7d9685}.multi-bottom-card.is-revealed{box-shadow:0 4px 16px #00000080;animation:reward-card-pop .45s cubic-bezier(.16,1.25,.38,1) both}.multi-bottom-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-25deg);animation:shine-sweep 2.4s ease-in-out infinite;pointer-events:none}.multi-bottom-card.rarity-bronz{background:linear-gradient(155deg,#3d2315,#180e07);border:1.5px solid #8c522f;border-bottom:4px solid #bd703b}.multi-bottom-card.rarity-gumus{background:linear-gradient(155deg,#2d3842,#151b20);border:1.5px solid #728a9c;border-bottom:4px solid #b5ccdc}.multi-bottom-card.rarity-altin{background:linear-gradient(155deg,#44320b,#1e1503);border:1.5px solid #d99726;border-bottom:4px solid #ffbe3b;box-shadow:0 0 16px #ffbe3b40}.multi-bottom-card.rarity-elmas{background:linear-gradient(155deg,#0e2940,#061320);border:1.5px solid #0284c7;border-bottom:4px solid #38bdf8;box-shadow:0 0 18px #38bdf84d}.multi-bottom-card.rarity-efsane{background:linear-gradient(155deg,#47141f,#260a12);border:2px solid #e11d48;border-bottom:4px solid #fbbf24;box-shadow:0 0 24px #fbbf2473}.multi-bottom-card.rarity-small{background:linear-gradient(155deg,#102e1b,#07170c);border:1.5px solid #16a34a;border-bottom:4px solid #4ade80}.multi-bottom-card.rarity-cosmetic{background:linear-gradient(155deg,#35143e,#17071b);border:1.5px solid #a855f7;border-bottom:4px solid #e879f9}.multi-bottom-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2px;margin-bottom:1px}.multi-bottom-idx{font-size:8px;font-weight:800;letter-spacing:.3px;color:#9cb8a1}.multi-bottom-rarity{font-size:7px;font-weight:900;letter-spacing:.5px;padding:1px 4px;border-radius:3px;background:#00000080;border:1px solid rgba(255,255,255,.15)}.multi-bottom-art{height:32px;display:grid;place-items:center;font-size:20px;margin:1px 0}.multi-bottom-art img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.multi-bottom-name{font-size:10px;font-weight:800;line-height:1.15;margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%}.multi-bottom-dup{font-size:7.5px;font-weight:800;color:#fde047;background:#eab30833;border:1px solid rgba(234,179,8,.4);border-radius:3px;padding:1px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.multi-bottom-stat{font-size:7.5px;font-weight:800;color:#86efac;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:3px;padding:1px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.multi-bottom-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.multi-bottom-waiting .spinner{font-size:17px}.multi-bottom-waiting small{font-size:8px;letter-spacing:.4px;color:#8ba592}.multi-bottom-actions{display:flex;justify-content:center;margin-top:6px}.multi-bottom-actions .btn-finish{margin:0 auto;padding:6px 20px!important;font-size:12px!important;font-weight:800!important;border-radius:8px!important}@media (max-width:480px),(max-height:650px){.opening-dialog.multi-opening{padding:8px 10px!important}.opening-dialog.multi-opening h2{font-size:15px!important;margin:1px 0 3px!important}.compact-reel-wrapper{height:38px}.compact-reel{height:38px!important}.compact-reel .reel-item{height:34px!important;padding:1px 4px}.compact-reel .reel-item>span{width:22px;height:22px;font-size:15px}.compact-reel .reel-item img{width:20px;height:20px}.compact-reel .reel-item b{font-size:8.5px}.compact-reel-label{font-size:8px;padding:1px 4px}.multi-reels-container{gap:2px;margin:2px 0 4px;padding:2px 0}.multi-bottom-card{min-height:72px;padding:4px 2px}.multi-bottom-art{height:26px;font-size:16px}.multi-bottom-art img{width:24px;height:24px}.multi-bottom-name{font-size:8.5px}}@keyframes reward-card-pop{0%{transform:scale(.2) translateY(40px);opacity:0;filter:brightness(3.5)}60%{transform:scale(1.1) translateY(-6px);opacity:1;filter:brightness(1.25)}85%{transform:scale(.97) translateY(2px)}to{transform:scale(1) translateY(0);filter:brightness(1)}}@keyframes rays-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine-sweep{0%{left:-100%}35%,to{left:220%}}.anthem-picker{margin-top:18px;max-width:740px;padding:28px}.anthem-picker h3{font-size:clamp(22px,4vw,32px);margin:10px 0}.anthem-picker p{color:var(--muted,#9daeb3);line-height:1.6}.anthem-picker label{display:flex;justify-content:space-between;gap:12px;margin:24px 0 10px;font-weight:700}.anthem-picker label small{font-weight:400;color:#a2b9ac}.anthem-picker select{width:100%;min-height:48px}.anthem-preview{display:grid;gap:12px;padding:18px;margin:16px 0;background:#82be9612;border:1px solid rgba(160,210,180,.15);border-radius:14px}.anthem-preview audio{width:100%;height:40px;max-width:100%}@media (max-width:640px){.anthem-picker{padding:20px}.anthem-preview{padding:12px}}.app>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:12px clamp(14px,2.5vw,42px);background:linear-gradient(120deg,#0e1917,#0b1117 65%,#15271c)!important;border-bottom:1px solid #536f5655;box-shadow:0 10px 28px #0007}.header-brand{display:flex;align-items:center;gap:15px;min-width:0}.header-brand .logo{font-size:clamp(21px,2.2vw,29px);white-space:nowrap;color:#edffe7}.header-brand>small{padding:5px 10px;border-left:1px solid #57725e;color:#9bbb9e;font-size:9px;letter-spacing:.18em;white-space:nowrap}.header-back{border:1px solid #547059;border-radius:10px;background:#17271e;color:#e6f3df;width:36px;height:36px;cursor:pointer;font-size:24px;line-height:1}.header-back:hover{border-color:#d2ee75;color:#d2ee75}.app>header .nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:4px;min-width:0;padding:5px;border:1px solid #334b3a;border-radius:14px;background:#08120e;overflow-x:auto;scrollbar-width:none}.app>header .nav::-webkit-scrollbar{display:none}.app>header .nav button{flex:none;white-space:nowrap;padding:9px clamp(9px,1.2vw,16px);border-radius:10px;font-size:16px}.app>header .nav button.on{background:#d2ee75;color:#122014;box-shadow:0 3px 15px #d2ee7540}.app>header .hdr-right{grid-column:2;grid-row:1;justify-self:end;gap:12px}.app>header .coins{background:#292718;border-color:#756134}.app>header .user{border:0;background:transparent;color:#eaf2e6;cursor:pointer}.app>header .user:hover{color:#d2ee75}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px max(20px,calc((100vw - 1320px)/2));border-top:1px solid #3d5542;background:#0a1513;color:#8daa99;font-size:11px;letter-spacing:.08em}.site-footer span{font-weight:800;color:#cbe5c0}.site-footer i{font-style:normal;color:#d2ee75}.site-footer nav{display:flex;gap:18px}.site-footer button{border:0;background:none;color:#a9c4ae;cursor:pointer;font:inherit}.site-footer button:hover{color:#d2ee75}@media (max-width:900px){.app>header{gap:9px;padding:10px 14px}.header-brand>small,.app>header .xp-level{display:none}.app>header .nav{justify-content:flex-start}.app>header .hdr-right{gap:5px}.app>header .coins{font-size:15px}.app>header .user span,.app>header .hdr-right>.btn{display:none}.site-footer{flex-wrap:wrap;justify-content:center;text-align:center}}.pack-information{display:flex;justify-content:flex-start;align-items:center;padding-top:12px}.pack-information>button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #728b75;border-radius:50%;background:#1c2a22;color:#e9f9e5;font-size:19px;text-align:center}.pack-information>button:hover,.pack-information>button:focus-visible{background:#d2ee75;color:#102018;border-color:#d2ee75}.store-pack:hover .odds-tooltip{display:none}.pack-information>button:hover+.odds-tooltip,.pack-information>button:focus-visible+.odds-tooltip{display:block}.odds-tooltip{right:auto;width:min(280px,80vw)}.tone-cosmetic{--pack-color:#c9a8ff}.art-cosmetic{color:#c9a8ff}.player-locker-tabs{display:flex;gap:8px;margin:0 0 18px}.player-locker-tabs button,.cosmetic-locker nav button,.season-chapters button{border:1px solid #43604a;border-radius:10px;background:#13241b;color:#bfd6c3;padding:10px 16px;cursor:pointer;font-weight:800}.player-locker-tabs button.active,.cosmetic-locker nav button.active,.season-chapters button.active{background:#d2ee75;color:#0b1a12;border-color:#d2ee75}.cosmetic-locker{padding:24px;border:1px solid #43604b;border-radius:20px;background:linear-gradient(135deg,#182c22,#0d1717)}.cosmetic-locker header span{color:#d2ee75;font-size:11px;letter-spacing:.16em;font-weight:900}.cosmetic-locker h2{font-size:clamp(30px,5vw,48px);margin:10px 0}.cosmetic-locker header p{color:#a9c2ad}.cosmetic-locker nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0 18px;scrollbar-width:thin}.cosmetic-locker nav button{white-space:nowrap;flex:none}.cosmetic-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.cosmetic-summary span{color:#9eb7a5;margin-right:auto}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.cosmetic-grid article{display:flex;flex-direction:column;gap:8px;min-width:0;padding:15px;border:1px solid #33483b;border-radius:14px;background:#0d1916}.cosmetic-grid article.selected{border-color:var(--cosmetic-color);box-shadow:inset 0 0 0 1px var(--cosmetic-color)}.cosmetic-grid article.locked{opacity:.54}.cosmetic-art{display:grid;place-items:center;height:95px;border-radius:10px;background:radial-gradient(circle,var(--cosmetic-color),#0a1211 70%);font-size:52px;color:#f9fff5;text-shadow:0 0 18px var(--cosmetic-color)}.cosmetic-art img,.cosmetic-svg-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px var(--cosmetic-color,#d2ee75));transition:transform .2s ease}.cosmetic-grid article:hover .cosmetic-svg-icon{transform:scale(1.1)}.celebration-badge-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 12px var(--goal-color,#d2ee75))}.cosmetic-grid small{color:var(--cosmetic-color);font-weight:900;letter-spacing:.1em}.cosmetic-grid h3{margin:0;font-size:18px}.cosmetic-grid p{flex:1;line-height:1.4;color:#a1b4a5;font-size:12px}.cosmetic-grid button{border:1px solid var(--cosmetic-color);border-radius:8px;background:transparent;color:var(--cosmetic-color);padding:9px;cursor:pointer}.cosmetic-grid button:disabled{opacity:.55;cursor:default}.dk-tab-badge-red{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:11px;font-weight:900;padding:2px 7px;border-radius:99px;box-shadow:0 0 10px #ef4444b3;line-height:1}.dk-tab-badge-red.pulse{animation:badge-pulse-red 1.8s infinite}.dk-tab-badge-neutral{display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#a4c4b0;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px}.dk-tab-badge-level{display:inline-flex;align-items:center;justify-content:center;background:#22c55e26;border:1px solid rgba(74,222,128,.35);color:#86efac;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px}@keyframes badge-pulse-red{0%,to{transform:scale(1);box-shadow:0 0 8px #ef444499}50%{transform:scale(1.15);box-shadow:0 0 18px #ef4444}}@keyframes badge-pulse-green{0%,to{box-shadow:0 4px 18px #22c55e73}50%{box-shadow:0 6px 26px #22c55ed9}}@keyframes card-glow-pulse{0%{box-shadow:0 8px 24px #22c55e33;border-color:#22c55e99}to{box-shadow:0 12px 36px #22c55e80,0 0 20px #4ade804d;border-color:#4ade80}}.season-road-container{display:flex;flex-direction:column;gap:20px;width:100%}.season-command{display:grid;grid-template-columns:1fr auto;gap:24px;padding:28px 32px;background:radial-gradient(circle at 85% 25%,rgba(34,197,94,.14) 0%,transparent 55%),radial-gradient(circle at 15% 85%,rgba(245,158,11,.1) 0%,transparent 50%),linear-gradient(145deg,#12241d,#0a1612)!important;border:1px solid rgba(74,222,128,.28)!important;border-radius:20px!important;box-shadow:0 16px 44px #00000080!important;position:relative;overflow:hidden}.season-command-left{display:flex;flex-direction:column}.season-command-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:99px;background:#22c55e1f;border:1px solid rgba(74,222,128,.35);margin-bottom:8px;width:fit-content}.season-command-badge b{font-size:10px;letter-spacing:1.2px;color:#86efac}.season-pulse-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:dk-pulse-dot 1.8s infinite}.season-command-left h2{font-size:clamp(24px,3.5vw,34px);font-weight:900;color:#f1faf5;margin:0 0 6px;letter-spacing:-.4px}.season-command-left p{font-size:13px;color:#9bb5a6;margin:0 0 14px;max-width:580px;line-height:1.5}.season-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.season-meta-chip{font-size:11.5px;color:#c0ded0;background:#0000004d;border:1px solid rgba(255,255,255,.08);padding:4px 10px;border-radius:8px}.season-meta-chip b{color:#fff}.season-unclaimed-chip{font-size:11.5px;font-weight:800;color:#fecaca;background:#ef444433;border:1px solid rgba(239,68,68,.5);padding:4px 10px;border-radius:8px;animation:badge-pulse-red 2s infinite}.season-command-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.season-level-emblem{position:relative}.season-level-hexagon{width:88px;height:88px;border-radius:18px;background:radial-gradient(circle,#1a382c,#0d1f18);border:2px solid #4ade80;box-shadow:0 0 24px #4ade8059;display:flex;flex-direction:column;align-items:center;justify-content:center}.season-level-hexagon small{font-size:8.5px;font-weight:900;letter-spacing:1px;color:#86efac}.season-level-hexagon strong{font-size:32px;font-weight:900;color:#fff;line-height:1}.season-level-hexagon span{font-size:10px;color:#9bb5a6}.season-claim-all-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#04140b!important;font-weight:900!important;font-size:12.5px!important;padding:9px 18px!important;border-radius:10px!important;border:1px solid #86efac!important;box-shadow:0 4px 18px #22c55e80!important;cursor:pointer;white-space:nowrap;animation:badge-pulse-green 2s infinite}.season-claim-all-btn:hover{background:linear-gradient(135deg,#4ade80,#22c55e)!important;transform:translateY(-1px)}.season-command-progress-bar{grid-column:1 / -1;display:flex;flex-direction:column;gap:6px;width:100%;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.season-prog-info{display:flex;justify-content:space-between;font-size:12px;color:#9bb5a6}.season-prog-info b{color:#f1faf5}.season-prog-info .gold-text{color:#fde047}.season-custom-track{width:100%;height:8px;background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.season-custom-fill{height:100%;background:linear-gradient(90deg,#10b981,#4ade80,#fde047);border-radius:99px;transition:width .4s ease;box-shadow:0 0 12px #4ade8080}.season-chapters-track{background:#0f1c17;border:1px solid #25392e;border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.season-chapters-header{display:flex;flex-direction:column}.season-chapters-title{font-size:12px;font-weight:900;letter-spacing:.8px;color:#e5f4eb}.season-chapters-sub{font-size:10.5px;color:#7b9c88}.season-chapters-buttons{display:flex;gap:8px;flex:1;overflow-x:auto;scrollbar-width:none}.season-chapter-btn{position:relative;flex:1;min-width:80px;padding:10px 8px;border-radius:10px;background:#14241d;border:1px solid #2d4537;color:#b6d2c2;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.season-chapter-btn:hover{border-color:#52b788;color:#fff;background:#193126}.season-chapter-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#05140b!important;border-color:#86efac!important;box-shadow:0 4px 16px #22c55e66!important}.chapter-red-badge{position:absolute;top:-6px;right:-4px;width:20px;height:20px;border-radius:50%;background:#ef4444;border:2px solid #0a1712;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;box-shadow:0 0 10px #ef4444cc;animation:badge-pulse-red 1.8s infinite}.chapter-check{color:#4ade80;font-size:12px;font-weight:900}.season-chapter-btn.active .chapter-check{color:#05140b}.chapter-current-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 6px #38bdf8}.season-reward-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;margin-top:0!important}.season-tier-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:18px 14px;border-radius:16px;background:linear-gradient(160deg,#11201a,#0a1511);border:1px solid #283e32;box-shadow:0 8px 24px #00000059;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden;min-height:220px}.season-tier-card:hover{transform:translateY(-3px);border-color:#436652}.season-tier-card.available{border:1.5px solid #22c55e;background:radial-gradient(circle at 50% 20%,rgba(34,197,94,.18) 0%,transparent 60%),linear-gradient(160deg,#152b21,#0d1c16);box-shadow:0 8px 30px #22c55e40,0 0 20px #22c55e26}.season-tier-card.available.ready-pulse{animation:card-glow-pulse 2.5s infinite alternate}.season-tier-card.boss-tier{border:1.5px solid #f59e0b;background:radial-gradient(circle at 50% 20%,rgba(245,158,11,.22) 0%,transparent 60%),linear-gradient(160deg,#282012,#151108);box-shadow:0 10px 32px #f59e0b40}.season-tier-card.boss-tier.available{border-color:#fbbf24;box-shadow:0 12px 38px #f59e0b73,0 0 24px #f59e0b4d}.season-tier-card.claimed{opacity:.65;border-color:#1e3328;background:#0c1713}.season-tier-card.locked{opacity:.75}.tier-card-head{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px}.tier-level-badge{font-size:10px;font-weight:800;color:#a4c4b2;background:#00000059;padding:3px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.tier-kicker{font-size:9px;font-weight:900;letter-spacing:.5px;padding:2px 6px;border-radius:5px}.tier-kicker.ready{background:#22c55e33;color:#86efac;border:1px solid rgba(74,222,128,.4)}.tier-kicker.boss{background:#f59e0b40;color:#fde047;border:1px solid rgba(251,191,36,.5)}.tier-kicker.claimed{background:#ffffff0d;color:#7b9987;border:1px solid rgba(255,255,255,.08)}.tier-kicker.locked{background:#0000004d;color:#64748b;border:1px solid rgba(255,255,255,.04)}.tier-card-art{display:grid;place-items:center;height:72px;margin:4px 0 10px;position:relative}.tier-art-symbol{font-size:40px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.tier-art-symbol.major{font-size:44px;filter:drop-shadow(0 0 16px rgba(245,158,11,.4))}.tier-boss-icon-wrap{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.3) 0%,transparent 70%)}.tier-card-info{text-align:center;margin-bottom:14px}.tier-reward-name{display:block;font-size:13px;font-weight:800;color:#f1faf5;margin-bottom:3px;line-height:1.25}.tier-xp-sub{display:block;font-size:10px;color:#7fa490;font-weight:600}.btn-claim-ready{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#05140b!important;font-weight:900!important;font-size:12px!important;padding:9px!important;border-radius:8px!important;border:1px solid #86efac!important;width:100%!important;box-shadow:0 4px 14px #22c55e66!important}.btn-claim-ready:hover{background:linear-gradient(135deg,#4ade80,#22c55e)!important;transform:translateY(-1px)}@media (max-width: 1000px){.season-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.season-command{grid-template-columns:1fr;padding:22px}}@media (max-width: 650px){.season-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.season-tier-card{padding:14px 10px;min-height:190px}.tier-art-symbol{font-size:34px}.season-chapters-track{flex-direction:column;align-items:stretch}}.match:not(.touch){padding-top:8px}.match:not(.touch) .match-bar{display:flex;gap:14px;padding:14px 18px;border:1px solid #3c5b49;border-radius:16px;background:linear-gradient(110deg,#162b22,#0c1819);box-shadow:0 10px 30px #0006}.match:not(.touch) .match-bar .acts{flex-wrap:wrap;justify-content:flex-end}.match:not(.touch) .controls{padding:18px;border:1px solid #4d6a50;border-radius:16px;background:linear-gradient(130deg,#16271e,#0c1716);box-shadow:0 16px 36px #0005}.match:not(.touch) .ctl-row{gap:9px}.match:not(.touch) .controls .btn{border-radius:10px}.room-bot-controls{border:1px solid #45624b;border-radius:12px;padding:8px;background:#0b1812}.match-intro-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#071810f7,#091119fa);overflow:hidden}.match-intro-overlay h2{font-size:clamp(25px,4vw,44px);color:#f0ffe6}.intro-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,3vw,26px);width:min(960px,100%);max-height:none;overflow:visible;align-items:start}.intro-team{max-width:none;min-width:0;padding:12px;border:1px solid #547257;border-radius:16px;background:#13231ebd}.intro-team.red{border-color:#8d4a4c}.intro-team.blue{border-color:#4b7b9c}.intro-team h3{margin:0 0 8px;letter-spacing:.12em;color:#d2ee75}.intro-cards{display:grid;grid-template-columns:1fr;gap:5px}.intro-player-card{display:flex;align-items:center;gap:8px;min-width:0;min-height:43px;padding:5px 8px;border:1px solid #47604d;border-radius:9px;background:#0a1715}.intro-avatar{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:var(--intro-color);color:#122019;font-weight:900;overflow:hidden}.intro-avatar img{width:100%;height:100%;object-fit:cover}.intro-player-card>div{display:grid;min-width:0;text-align:left;flex:1}.intro-player-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.intro-player-card small,.intro-player-card i{font-size:9px;color:#94b9a0;font-style:normal}.intro-player-card>strong{font-size:11px;color:#d2ee75}.goal-cosmetic-effect{position:absolute;top:14%;left:50%;transform:translate(-50%);z-index:8;display:grid;justify-items:center;gap:4px;max-width:90%;padding:14px 28px;border:2px solid var(--goal-color);border-radius:18px;background:#07130be9;box-shadow:0 0 48px var(--goal-color);color:#fff;pointer-events:none;animation:goal-pop .4s ease-out}.goal-cosmetic-effect strong{font:900 clamp(18px,4vw,36px) var(--display);color:var(--goal-color)}.goal-cosmetic-effect small{font-size:11px;letter-spacing:.1em}@keyframes goal-pop{0%{opacity:0;transform:translate(-50%,-20px) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}.profile-studio .prof-avatar{box-shadow:0 0 0 3px var(--profile-frame-color),0 0 24px var(--profile-frame-color)}@media (max-width:700px){.intro-teams{gap:6px}.intro-team{padding:6px}.intro-player-card{min-height:36px;padding:3px}.intro-avatar{width:26px;height:26px}.intro-player-card small{font-size:8px}.intro-player-card i{display:none}.intro-player-card>strong{display:none}.cosmetic-locker{padding:14px}.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}body.in-match .site-footer{display:none}.cosmetic-title{display:inline-block;margin-left:10px;padding:3px 8px;border:1px solid #d2ee75;border-radius:99px;background:#d2ee7520;color:#d2ee75;font:800 11px Barlow,sans-serif;vertical-align:middle;letter-spacing:.06em}.celebration-figure{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--goal-color);border-radius:50%;color:var(--goal-color);font-size:28px;box-shadow:0 0 16px var(--goal-color);animation:celebration-bounce 3s ease-in-out both}.celebration-celebration1 .celebration-figure,.celebration-celebration5 .celebration-figure{animation-name:celebration-slide}.celebration-celebration2 .celebration-figure,.celebration-celebration6 .celebration-figure{animation-name:celebration-fly}.celebration-celebration3 .celebration-figure,.celebration-celebration7 .celebration-figure{animation-name:celebration-pulse}.celebration-celebration4 .celebration-figure,.celebration-celebration9 .celebration-figure{animation-name:celebration-salute}.celebration-celebration8 .celebration-figure,.celebration-celebration10 .celebration-figure{animation-name:celebration-spin}@keyframes celebration-bounce{0%,to{transform:translateY(0)}30%,70%{transform:translateY(-12px)}}@keyframes celebration-slide{0%{transform:translate(-80px) rotate(-20deg);opacity:0}30%{transform:translate(0) rotate(8deg);opacity:1}70%{transform:translate(15px)}to{transform:translate(0)}}@keyframes celebration-fly{0%{transform:translate(-70px,30px) rotate(-25deg)}45%{transform:translateY(-18px) rotate(12deg)}to{transform:translate(0)}}@keyframes celebration-pulse{0%,to{transform:scale(1)}25%,70%{transform:scale(1.3)}}@keyframes celebration-salute{0%{transform:rotate(-28deg)}25%,80%{transform:rotate(18deg)}to{transform:rotate(0)}}@keyframes celebration-spin{0%{transform:rotate(0) scale(.65)}45%{transform:rotate(360deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}.goal-cosmetic-effect:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid var(--goal-color);border-radius:22px;opacity:.5;pointer-events:none;animation:goal-ring 3s ease-out forwards}@keyframes goal-ring{0%{transform:scale(.7);opacity:.85}to{transform:scale(1.45);opacity:0}}@media (prefers-reduced-motion:reduce){.celebration-figure,.goal-cosmetic-effect,.goal-cosmetic-effect:before{animation:none}}.match-lobby-command{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #6b8856;border-radius:16px;background:radial-gradient(circle at 85% 15%,#d2ee7525,transparent 50%),linear-gradient(125deg,#1b3425,#101c19)}.match-lobby-command h3{font:900 clamp(24px,3vw,34px) var(--display);margin:7px 0}.match-lobby-command p{margin:0;color:#a2beaa}.match-lobby-primary{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.match-lobby-primary .btn:first-child{background:#d2ee75;color:#102019}.match-lobby-primary span{color:#d2ee75;font-weight:800}.match-lobby-tools{display:grid;grid-template-columns:minmax(0,2fr) minmax(210px,1fr);gap:12px}.match-lobby-tool{padding:17px;border:1px solid #3f6249;border-radius:13px;background:#0e1e18}.match-lobby-tool>span{display:block;margin-bottom:12px;color:#d2ee75;font-weight:900;letter-spacing:.12em;font-size:11px}.match-lobby-tool p{font-size:12px;color:#a9bcaf}.match-lobby-tool .room-bot-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:0;border:0;background:transparent}.room-bot-controls label{display:grid;gap:5px;font-size:11px;color:#a3bca7}.room-bot-controls select{min-height:36px}.match-remove-bot{margin:10px 5px 0 0;padding:6px 10px;border:1px solid #765351;border-radius:8px;background:#2c1a1a;color:#e6b7b3;cursor:pointer}.match-lobby-note{margin:0;color:#96b09b;font-size:12px}@media (max-width:760px){.match-lobby-command{align-items:stretch;flex-direction:column;padding:16px}.match-lobby-primary{justify-content:flex-start}.match-lobby-tools{grid-template-columns:1fr}}.replay-library-page{display:grid;gap:22px;max-width:1320px;margin:0 auto}.replay-library-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:28px 32px;border:1px solid #51775c;border-radius:18px;background:radial-gradient(ellipse at 85% 10%,#a7d77a30,transparent 42%),linear-gradient(125deg,#162c22,#0b171a)}.replay-library-hero h2{margin:8px 0;font:900 clamp(30px,4vw,52px)/1.05 var(--display);color:#ebffe9}.replay-library-hero p{margin:0;color:#a4bdae}.replay-file-picker{flex:none;cursor:pointer}.replay-library-layout{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);align-items:start;gap:20px}.replay-library-shelves{display:grid;gap:18px}.replay-library-shelves>section,.replay-library-player{min-width:0;padding:18px;border:1px solid #375743;border-radius:16px;background:#101e1b}.replay-shelf-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.replay-shelf-title h3{margin:0;color:#e9f7e5;font:800 21px var(--display)}.replay-shelf-title span{color:#96b09b;font-size:11px}.replay-library-item{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 10px;border-top:1px solid #2b4735}.replay-library-item.active{border-color:#badb78;background:#c7e97710}.replay-library-result{display:grid;justify-items:center;gap:3px;min-width:78px}.replay-library-result span{font-size:9px;font-weight:900;letter-spacing:.06em}.replay-library-result .won{color:#c8ed78}.replay-library-result .lost{color:#f4a599}.replay-library-result strong{font:900 24px var(--display);color:#fff}.replay-library-meta{display:grid;gap:3px;min-width:0;flex:1}.replay-library-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.replay-library-meta small{color:#9db2a3;font-size:10px}.replay-library-meta .replay-unavailable{color:#d9ad8c}.replay-library-actions{display:flex;align-items:center;gap:5px}.replay-library-actions .btn{white-space:nowrap}.replay-star{border:0;background:transparent;color:#d7edbb;font-size:25px;cursor:pointer}.replay-star:hover{color:#ffde76}.replay-star:disabled{opacity:.35;cursor:default}.replay-library-empty{display:grid;place-content:center;justify-items:center;gap:8px;min-height:110px;padding:18px;text-align:center;border:1px dashed #3d6148;border-radius:12px;color:#a2b8a9;font-size:12px}.replay-library-empty strong{color:#f0ffe6;font-size:17px}.replay-goal-favorite{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 5px;border-top:1px solid #2b4735;color:#d4e9cb;font-size:12px}.replay-uploaded{display:block;width:100%;padding:10px 12px;border:1px solid #355340;border-radius:8px;background:#162920;color:#d4e9cb;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-uploaded+.replay-uploaded{margin-top:6px}.replay-uploaded.active{border-color:#c7e977}.replay-library-player{position:sticky;top:18px;min-height:280px}.replay-library-player .replay-viewer{width:100%}.replay-library-player canvas,.replay-library-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#06100c;border-radius:10px}.replay-library-player .replay-tools{flex-wrap:wrap}@media (max-width:900px){.replay-library-layout{grid-template-columns:1fr}.replay-library-player{position:static}}@media (max-width:620px){.replay-library-hero{padding:20px;align-items:stretch;flex-direction:column}.replay-library-item{flex-wrap:wrap}.replay-library-actions{width:100%;justify-content:flex-end}}.replay-library-player .replay-shelf-title{flex-wrap:wrap}.replay-library-player .replay-shelf-title .btn{margin-left:auto}.photo-crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:16px;background:#030b09e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-crop-dialog{position:relative;width:min(500px,100%);max-height:95vh;overflow:auto;padding:25px;border:1px solid #66885c;border-radius:18px;background:linear-gradient(150deg,#1b3026,#0d1917);box-shadow:0 25px 70px #000b}.photo-crop-dialog h2{margin:10px 0;font:900 33px var(--display)}.photo-crop-dialog p{color:#a9c0ab;font-size:12px;line-height:1.6}.photo-crop-preview{position:relative;width:min(300px,70vw);aspect-ratio:1;margin:18px auto;overflow:hidden;border-radius:50%;box-shadow:0 0 0 7px #d0ec7840}.photo-crop-preview canvas{width:100%;height:100%}.photo-crop-preview i{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #d0ec78;border-radius:50%;pointer-events:none}.photo-crop-sliders{display:grid;gap:11px}.photo-crop-sliders label{display:grid;gap:5px;color:#d4e8d2;font-size:12px}.photo-crop-sliders input{width:100%;accent-color:#d0ec78}.photo-crop-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.odds-list img{vertical-align:middle;object-fit:contain;margin-right:6px}.pl-major-mark img{width:43px;height:43px;object-fit:contain}.settings-studio{max-width:1200px;margin:0 auto;padding:24px 18px 60px}.settings-hero{padding:30px 34px;border:1px solid #4c7452;border-radius:18px;background:radial-gradient(ellipse at 88% 12%,#cfe88028,transparent 40%),linear-gradient(120deg,#1a3427,#0c1818)}.settings-hero h2{font:900 clamp(34px,5vw,56px)/1.05 var(--display);margin:10px 0;color:#f0ffe6}.settings-hero p{margin:0;color:#a6c1ac}.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.settings-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:10px;border:1px solid #3d5c45;border-radius:11px;background:#14261c;color:#adbeac;font-weight:800;cursor:pointer}.settings-tabs button span{font-size:22px}.settings-tabs button.active{color:#152118;border-color:#cde87e;background:#cde87e}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-panel{display:flex;flex-direction:column;gap:15px;min-width:0;padding:25px;border:1px solid #3d5b43;border-radius:15px;background:#111f19}.settings-panel>span{color:#cde87e;font-size:10px;font-weight:900;letter-spacing:.16em}.settings-panel h3{font:900 28px var(--display);margin:0;color:#effbe8}.settings-panel p,.settings-panel small{color:#9fb8a5;font-size:12px;line-height:1.6}.settings-panel p{margin:0 0 5px}.settings-switch{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border:1px solid #354d3d;border-radius:9px;background:#0a1712;font-size:13px}.settings-switch input{accent-color:#cde87e;width:17px;height:17px}.settings-slider{display:grid;gap:10px;font-size:13px}.settings-slider span{display:flex;justify-content:space-between}.settings-slider b{color:#cde87e}.settings-slider input{width:100%;accent-color:#cde87e}.settings-select{display:grid;gap:8px;font-size:12px;color:#b8d0bb}.settings-select select,.settings-bind-grid select{width:100%;min-height:42px;padding:8px;border:1px solid #48624d;border-radius:8px;background:#0b1713;color:#e5f2e2}.settings-bind-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-bind-grid label{display:grid;gap:5px;font-size:12px}.settings-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings-key-grid button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:11px;border:1px solid #3b5542;border-radius:8px;background:#0c1914;color:#e2f0de;cursor:pointer;text-align:left}.settings-key-grid button.listening{border-color:#cde87e}.settings-key-grid kbd{font:800 11px sans-serif;color:#cde87e;white-space:nowrap}@media (max-width:700px){.settings-hero{padding:22px}.settings-tabs button{font-size:11px;gap:4px;flex-direction:column}.settings-grid{grid-template-columns:1fr}.settings-panel{padding:19px}}.ranked-match-choices,.duo-match-choices{display:grid;gap:8px}.ranked-match-choices .btn{display:grid;gap:3px;text-align:left;white-space:normal;min-height:58px}.ranked-match-choices .btn strong{font-size:13px}.ranked-match-choices .btn small{font-size:10px;opacity:.8}.duo-match-choices label{display:grid;gap:6px;margin-top:6px;font-size:10px;color:#aad9e3}.duo-match-choices select{width:100%;min-height:40px;padding:8px;border:1px solid #4d7880;border-radius:7px;background:#0b1b21;color:#e6faff}.duo-match-choices .btn{white-space:normal}.guest-claim{display:grid;gap:12px;max-width:440px;width:min(94vw,440px)}.guest-claim label{display:grid;gap:6px;color:#bbd4c6;font-weight:700}.guest-claim input{width:100%}.profile-featured{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);gap:22px;align-items:start;padding:22px;margin:20px 0;border:1px solid #c7ed6a77;border-radius:22px;background:linear-gradient(120deg,#172d23,#10221d 60%,#28321c)}.profile-featured h3{font-size:1.6rem;margin:8px 0 18px}.profile-featured .profile-replay{max-width:100%}.profile-goal-choice{display:grid;gap:8px}.profile-goal-choice>.btn{justify-self:start}.club-derby{border-color:#d2f27c77!important;background:linear-gradient(145deg,#172b23,#242d19)!important}.club-derby-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.club-derby-stats span{display:grid;gap:4px;padding:14px;background:#ffffff0c;border-radius:14px}.club-derby-stats b{font-size:1.4rem;color:#dcfa8c}.club-derby-stats small{font-size:.7rem;letter-spacing:.08em}.club-derby progress{width:100%;height:12px;accent-color:#c9f36a}.stored-pack-list{margin:32px 0;padding:24px;border:1px solid #b6ed6770;border-radius:20px;background:#10221c}.stored-pack-list>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px}.stored-pack-list article{display:grid;gap:6px;text-align:center;justify-items:center;padding:16px;background:#ffffff0a;border:1px solid #ffffff18;border-radius:16px}.stored-pack-list .pack-art{width:100px;height:75px}.stored-pack-list strong{font-size:1.05rem}.stored-pack-list small{color:#c9f36a}@media (max-width:700px){.profile-featured{grid-template-columns:1fr}.club-derby-stats{grid-template-columns:1fr 1fr}}.install-nudge{display:flex;align-items:center;gap:11px;max-width:980px;margin:12px auto 0;padding:11px 13px;background:#152920;border:1px solid #c8f57575;border-radius:16px;color:#e7f5e9}.install-nudge-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#c9f36a;color:#11251d;font-weight:900}.install-nudge>div:nth-child(2){flex:1}.install-nudge b{font-size:.9rem}.install-nudge p{margin:2px 0 0;font-size:.78rem;color:#abc0b1}.install-nudge-close{border:0;background:transparent;color:#b6cabd;font-size:1.4rem;cursor:pointer}.install-nudge .btn{white-space:nowrap}.club-derby-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.language-selector{display:inline-flex;align-items:center;gap:10px;color:#c2d5c1;font-size:12px;font-weight:700}.language-selector select{min-height:36px;padding:6px 28px 6px 10px;border:1px solid #63806a;border-radius:9px;background:#10251a;color:#f1ffe9;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}.home-language{margin-top:12px;align-self:flex-start}.login-language{margin-top:14px;justify-content:center}.settings-language{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin-top:14px;padding:12px 18px;border:1px solid #3d5c45;border-radius:11px;background:#14261c}.settings-language>div{display:grid;gap:3px}.settings-language small{color:#a6c1ac}@media (max-width:600px){.settings-language{align-items:flex-start;flex-direction:column}.home-language{margin-top:10px}}.match-special-mode{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:16px 20px;border:1px solid #00e5ff70;border-radius:14px;background:linear-gradient(115deg,#122b39,#112524);color:#eefcff}.match-special-mode>div{min-width:0}.match-special-mode .eyebrow{display:block;color:#7cefff;font-size:10px;letter-spacing:.12em}.match-special-mode strong{display:block;margin-top:4px;font:900 23px var(--display)}.match-special-mode p{margin:5px 0 0;color:#b6ced1;font-size:12px;line-height:1.5}.match-special-mode .btn{flex:none;background:#00e5ff;color:#0b1026}.match-special-mode small{color:#a9d4d7}.ffa-mode-control{display:grid;gap:7px;padding:11px;border:1px solid #00e5ff55;border-radius:10px;background:#0a2630;color:#eaffff}.ffa-mode-control .eyebrow{color:#74ebf4}.ffa-mode-control label{display:grid;gap:7px;font-size:12px}.ffa-mode-control select{width:100%;min-height:40px;border:1px solid #5aaeb9;border-radius:7px;padding:7px;background:#102d37;color:#fff}@media (max-width:760px){.match-special-mode{align-items:stretch;flex-direction:column}.match-special-mode .btn{width:100%}}.compact-command{min-height:78px!important;padding:16px 24px!important}.compact-command h2{font-size:clamp(26px,3vw,38px)!important;margin:4px 0 0!important;letter-spacing:-1px!important}.compact-6-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.compact-card{padding:14px 16px!important;min-height:185px;display:flex;flex-direction:column;justify-content:space-between;border-radius:12px!important}.mode-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.mode-mini-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:#00000045;border:1px solid #ffffff18}.mode-mini-badge i{font-style:normal;font-size:13px}.mode-mini-badge b{font-size:12px;font-weight:900;color:var(--mode,#a9e5b3)}.mode-mini-badge b span{font-size:10px;opacity:.7}.crown-badge{border-color:#ffd16666;background:#ffd16615}.crown-badge b{color:#ffd166}.compact-card h3{font-size:18px!important;margin:2px 0 4px!important;letter-spacing:-.5px}.compact-card p{font-size:11.5px!important;line-height:1.45!important;margin:0 0 8px!important;color:#b1c3bd;flex:1}.compact-card .mode-tags{margin-bottom:10px!important;gap:5px!important}.compact-card .mode-tags span{font-size:9.5px!important;padding:3px 6px!important;border-radius:4px}.compact-action-row{display:flex;gap:6px;align-items:center}.compact-action-row>*{flex:1;min-width:0}.compact-friend-select{padding:6px 8px!important;min-height:32px!important;font-size:11px!important;border-radius:6px!important}.compact-card .btn.small{min-height:34px;padding:6px 12px;font-size:12px}.koth-mode{--mode:#ffd166;background:linear-gradient(160deg,#2f2812,#18150c)!important;border-color:#ffd16655!important}.koth-mode h3{color:#fff7d6}.koth-btn{background:#ffd166!important;color:#1a1400!important;font-weight:700}.koth-lobby-waiting{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid #ffd16677;border-radius:12px;background:linear-gradient(135deg,#2f240c,#171307);color:#ffe9ad}.koth-lobby-waiting b{display:block;font-size:14px;color:#ffd166;margin-bottom:2px}.koth-lobby-waiting small{display:block;font-size:11px;color:#d5c49b;line-height:1.4}.koth-waiting-pulse{font-size:24px;flex:none;animation:koth-pulse 1.8s infinite ease-in-out}@keyframes koth-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}.trio-mode{--mode:#ff7b54;background:linear-gradient(160deg,#341f17,#1c120e)!important}.coach-mode{--mode:#76e5c5;background:linear-gradient(160deg,#142c26,#0d1c18)!important}.play-compact-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;margin-top:12px;border:1px solid #2d4239;border-radius:10px;background:#101d18;font-size:12px;color:#a4bdb1}.match-side-col{display:flex;flex-direction:column;gap:10px;width:100%}.koth-queue-panel{margin-top:0;padding:12px 14px;border:1px solid #ffd16655;border-radius:12px;background:linear-gradient(165deg,#1f1a0e,#121008);color:#fcf5dc}.koth-queue-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #ffd16628}.koth-queue-title{display:flex;align-items:center;gap:8px}.koth-crown{font-size:20px}.koth-queue-title strong{font-size:13px;display:block;color:#ffe699;font-weight:800}.koth-queue-title small{font-size:10px;color:#ffd166;display:block}.koth-queue-list{margin-top:8px;display:flex;flex-direction:column;gap:5px}.koth-queue-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#cfbd8e;margin-bottom:2px}.koth-queue-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:7px;background:#00000040;border:1px solid #ffffff10;font-size:11.5px}.koth-queue-item.is-me{border-color:#ffd166;background:#ffd16618;font-weight:700}.koth-q-pos{font-weight:900;color:#ffd166;min-width:24px}.koth-q-name{flex:1;margin:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.koth-q-status{font-size:10px;color:#9fd6b5;background:#153724;padding:2px 6px;border-radius:4px}.koth-queue-empty{padding:10px;text-align:center;font-size:11px;color:#baab89;display:flex;flex-direction:column;gap:3px}.koth-spectator-sublist{margin-top:10px;padding-top:8px;border-top:1px dashed #ffd16630}.koth-spectator-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.koth-spec-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:#0005;border:1px solid #ffd16633;font-size:11px;color:#fce8a6}.koth-spec-chip.is-me{background:#ffd16625;border-color:#ffd166;font-weight:700;color:#fff}.spectators-panel{padding:12px 14px;border:1px solid #2d4239;border-radius:12px;background:linear-gradient(165deg,#14231c,#0c1511);color:#e2f0e8;display:flex;flex-direction:column;gap:8px}.spectators-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid #2d423988}.spectators-panel-title{display:flex;align-items:center;gap:7px}.spectators-panel-title strong{font-size:13px;color:#8be4af;font-weight:800}.spectators-panel-badge{font-size:10.5px;color:#4ade80;background:#143522;border:1px solid #22c55e44;padding:2px 7px;border-radius:6px;font-weight:700}.spectators-panel-list{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow-y:auto}.spectators-panel-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:7px;background:#00000040;border:1px solid #ffffff10;font-size:11.5px}.spectators-panel-item.is-me{border-color:#55d688;background:#55d68818;font-weight:700}.spectators-panel-item .spec-info{display:flex;align-items:center;gap:6px}.spectators-panel-item .spec-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8088}.spectators-panel-item .spec-name{color:#f1f8f4}.spectators-panel-item .spec-status{font-size:10px;color:#94a3b8}.spectators-panel-empty{padding:10px 4px;text-align:center;font-size:11px;color:#829a8d}.first-win-panel{margin:16px 0;padding:16px 20px;border:1px solid #ffaa4466;border-radius:14px;background:linear-gradient(115deg,#2c1e0e,#16130c);display:flex;align-items:center;justify-content:space-between;gap:18px}.first-win-left{display:flex;align-items:center;gap:14px}.first-win-icon{font-size:32px;flex:none}.first-win-left h3{font-size:20px;margin:3px 0;color:#ffe4b5}.first-win-left p{font-size:12px;color:#d8c6a5;margin:0}.first-win-badge{padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;display:inline-block}.first-win-badge.completed{background:#184227;color:#85f0a9;border:1px solid #2da85d}.first-win-badge.pending{background:#3b2408;color:#ffd166;border:1px solid #d4952b}.first-win-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px;border:1px solid #ffd16688;border-radius:10px;background:linear-gradient(115deg,#36280d,#1a1408);color:#fff5d4}.first-win-banner span{font-size:24px}.first-win-banner strong{display:block;font-size:14px;color:#ffe485}.first-win-banner small{font-size:11px;color:#cfc29f}.party-invite-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#030b08db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.party-invite-dialog{width:min(500px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid #44664c;border-radius:18px;background:linear-gradient(140deg,#182d24,#0e1a17);box-shadow:0 24px 60px #000c}.party-invite-header h3{font-size:22px;margin:8px 0 4px;color:#edf9e8}.party-invite-header p{font-size:12.5px;color:#a4bdae;line-height:1.55;margin:0 0 16px}.party-notice-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1b3d2b;border:1px solid #4ade8066;border-radius:9px;color:#86efac;font-size:12px;margin-bottom:14px}.party-section-label{font-size:11px;font-weight:800;letter-spacing:1px;color:#8fad96;margin-bottom:8px}.party-section-label b{color:#d5f493}.party-friend-list{display:flex;flex-direction:column;gap:7px;max-height:260px;overflow-y:auto;margin:12px 0;padding-right:4px}.party-friend-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid #334d3d;border-radius:10px;background:#12221b;transition:border-color .15s,background .15s}.party-friend-item.party-selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.party-friend-item.party-selectable:hover{border-color:#5a8466;background:#172c23}.party-friend-item.party-selectable.selected{border-color:#a5ea6c;background:#1e392b}.party-friend-info{display:flex;align-items:center;gap:10px}.party-friend-info b{font-size:13px;color:#f0f9ed}.party-online-dot{width:8px;height:8px;border-radius:50%;background:#59eba7;box-shadow:0 0 8px #59eba7;display:inline-block}.party-checkbox{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;border:1px solid #3b5645;background:#0d1914;color:#a3baa9}.party-checkbox.checked{background:#a5ea6c;border-color:#a5ea6c;color:#0e1d13}.party-empty-box{padding:22px;border:1px dashed #3a5745;border-radius:12px;background:#0d1a15;text-align:center;margin:12px 0}.party-empty-box b{display:block;color:#e8f7e5;font-size:14px;margin-bottom:6px}.party-empty-box p{font-size:12px;color:#8fab97;line-height:1.6;margin-bottom:16px}.party-action-row{margin-top:14px}.party-action-row .btn{width:100%;font-size:13px;padding:10px}.party-invite-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;border-top:1px solid #273e31;padding-top:14px}.rank-emblem-wrap{display:grid;place-items:center;margin:0 auto;position:relative}.rank-crest-badge{display:inline-grid;place-items:center;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.rank-crest-badge:hover{transform:scale(1.06)}.rank-crest-badge svg{display:block;width:100%;height:100%}.rank-path .rank-emblem-wrap{margin-bottom:12px}.rank-path article .rank-crest-badge{width:64px;height:64px}.leader-podium .rank-emblem-wrap{margin-bottom:12px}.leader-podium .rank-crest-badge{width:68px;height:68px}.rank-current .rank-emblem-wrap{flex:none}.rank-current .rank-crest-badge{width:100px;height:100px}.rank-change .rank-crest-badge{width:48px;height:48px}.dk-room-browser-container{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:4px}.dk-rooms-hero-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:24px 28px;background:radial-gradient(ellipse at 80% 20%,rgba(34,197,94,.12) 0%,transparent 60%),linear-gradient(135deg,#10211b,#0c1815);border:1px solid rgba(74,222,128,.22);border-radius:18px;box-shadow:0 12px 36px #00000073;position:relative;overflow:hidden}.dk-rooms-hero-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(74,222,128,.6),transparent)}.dk-rooms-hero-meta{display:flex;flex-direction:column;gap:8px}.dk-rooms-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811f;border:1px solid rgba(74,222,128,.35);padding:4px 10px;border-radius:99px;width:fit-content}.dk-rooms-badge b{font-size:10px;letter-spacing:1.2px;color:#86efac}.dk-rooms-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:dk-pulse-dot 1.8s infinite}@keyframes dk-pulse-dot{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.25);opacity:1}to{transform:scale(.9);opacity:.8}}.dk-rooms-hero-title{font-size:clamp(24px,3.2vw,34px);font-weight:900;letter-spacing:-.5px;color:#f1f7f4;margin:0;line-height:1.15}.dk-rooms-stat-chips{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dk-stat-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#9cb8ab;background:#00000040;padding:5px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.dk-stat-chip b{color:#f0fdf4}.dk-stat-icon{font-size:13px}.dk-refresh-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#a7c7b8;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.dk-refresh-btn:hover{background:#4ade8026;border-color:#4ade8066;color:#86efac;transform:translateY(-1px)}.dk-refresh-icon{font-size:12px;transition:transform .4s ease}.dk-refresh-btn:active .dk-refresh-icon{transform:rotate(180deg)}.dk-rooms-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dk-quick-code-box{display:flex;align-items:center;background:#091310;border:1px solid #2d453b;border-radius:10px;padding:3px 4px 3px 12px;gap:8px;transition:border-color .2s}.dk-quick-code-box:focus-within{border-color:#4ade80;box-shadow:0 0 12px #4ade8033}.dk-quick-code-box input{background:transparent!important;border:none!important;padding:6px 0!important;color:#e6f5ee!important;font-size:12.5px!important;font-weight:700!important;width:95px!important;min-height:auto!important;letter-spacing:.5px}.dk-quick-code-box input::placeholder{color:#637f73;font-weight:500}.dk-quick-code-box .btn{padding:7px 14px!important;font-size:11.5px!important}.dk-challenge-btn{padding:10px 16px!important;font-size:12.5px!important;font-weight:700!important;border:1px solid #3c5448!important;background:#14241d99!important;color:#c5dfd3!important;display:inline-flex;align-items:center;gap:8px;border-radius:10px!important;transition:all .2s ease!important}.dk-challenge-btn:hover{background:#213a2fcc!important;border-color:#5d8370!important;color:#f1fcf6!important;transform:translateY(-1px)}.dk-create-room-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;font-weight:900!important;font-size:13px!important;padding:10px 20px!important;border-radius:10px!important;border:1px solid #4ade80!important;box-shadow:0 4px 18px #22c55e73,inset 0 1px #ffffff40!important;display:inline-flex!important;align-items:center!important;gap:8px!important;cursor:pointer;letter-spacing:.4px;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.dk-create-room-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 6px 24px #22c55ea6,inset 0 1px #fff6!important;transform:translateY(-2px);color:#fff!important}.dk-plus-icon{font-size:16px;line-height:1;font-weight:900}.dk-room-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 18px;background:#0f1c18;border:1px solid #273b32;border-radius:14px}.dk-filter-search-wrap{display:flex;align-items:center;gap:8px;background:#09120f;border:1px solid #31493e;border-radius:9px;padding:2px 10px;flex:1;min-width:220px;max-width:320px;transition:border-color .2s}.dk-filter-search-wrap:focus-within{border-color:#52b788}.dk-search-icon{font-size:13px;opacity:.7}.dk-filter-search-wrap input{background:transparent!important;border:none!important;padding:8px 0!important;color:#ebf7f0!important;font-size:12.5px!important;width:100%!important;min-height:auto!important}.dk-filter-search-wrap input::placeholder{color:#637f72}.dk-clear-search{background:none;border:none;color:#7b998a;cursor:pointer;padding:2px 4px;font-size:12px}.dk-clear-search:hover{color:#fff}.dk-filter-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dk-filter-pill{background:#ffffff08;border:1px solid #2f453a;color:#a4beaf;padding:7px 13px;border-radius:8px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.dk-filter-pill:hover{background:#ffffff14;border-color:#496959;color:#dbebe2}.dk-filter-pill.active{background:#254d39;border-color:#52b788;color:#b7efcd;box-shadow:0 0 10px #52b78840}.dk-filter-dropdowns{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dk-select-wrap{display:flex;align-items:center;gap:6px;font-size:11px;color:#8da698}.dk-select-wrap label{white-space:nowrap;font-weight:600}.dk-select-wrap select{background:#09120f!important;border:1px solid #2f453a!important;color:#d8ede1!important;padding:6px 10px!important;border-radius:8px!important;font-size:11.5px!important;min-height:34px!important;cursor:pointer}.dk-select-wrap select:focus{border-color:#52b788!important}.dk-room-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;width:100%}.dk-room-card{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(165deg,#152620,#0d1814);border:1px solid #2d4237;border-radius:14px;padding:20px;box-shadow:0 8px 24px #00000059;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.dk-room-card:hover{transform:translateY(-3px);border-color:#496958;box-shadow:0 12px 32px #00000080}.dk-room-card.is-playing{border-left:3px solid #ef4444}.dk-room-card.is-open{border-left:3px solid #22c55e}.dk-room-card.is-full{border-left:3px solid #eab308;opacity:.92}.dk-rc-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.dk-rc-mode-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#a7f3d0;background:#10b9811f;padding:3px 9px;border-radius:6px;border:1px solid rgba(74,222,128,.25)}.dk-rc-emoji{font-size:13px}.dk-rc-status-badges{display:flex;align-items:center;gap:6px}.dk-rc-lock-badge{font-size:12px;background:#eab30826;border:1px solid rgba(234,179,8,.35);padding:3px 6px;border-radius:6px}.dk-rc-live-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.5px;color:#fca5a5;background:#ef444426;border:1px solid rgba(239,68,68,.4);padding:3px 8px;border-radius:6px}.dk-live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:dk-pulse-dot 1.2s infinite}.dk-rc-open-pill{font-size:10px;font-weight:800;letter-spacing:.5px;color:#86efac;background:#22c55e26;border:1px solid rgba(34,197,94,.35);padding:3px 8px;border-radius:6px}.dk-rc-full-pill{font-size:10px;font-weight:800;letter-spacing:.5px;color:#fde047;background:#eab30826;border:1px solid rgba(234,179,8,.35);padding:3px 8px;border-radius:6px}.dk-rc-body{display:flex;flex-direction:column;gap:10px}.dk-rc-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.dk-rc-title{font-size:18px;font-weight:800;color:#f3f8f5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-rc-code{font-size:11px;font-weight:700;color:#799889;letter-spacing:.5px}.dk-rc-host-info{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#9cb5a8}.dk-rc-host-info b{color:#e2f1e9}.dk-rc-ping{font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px}.dk-rc-ping.ping-good{color:#86efac}.dk-rc-ping.ping-med{color:#fde047}.dk-rc-ping.ping-high{color:#fca5a5}.dk-rc-capacity-section{display:flex;flex-direction:column;gap:5px;margin:4px 0}.dk-rc-capacity-labels{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:#8da498}.dk-rc-capacity-labels b{color:#f0fdf4}.dk-rc-progress-track{width:100%;height:6px;background:#091410;border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.dk-rc-progress-fill{height:100%;border-radius:99px;transition:width .3s ease}.dk-rc-progress-fill.fill-good{background:linear-gradient(90deg,#10b981,#22c55e)}.dk-rc-progress-fill.fill-high{background:linear-gradient(90deg,#eab308,#f59e0b)}.dk-rc-progress-fill.fill-full{background:linear-gradient(90deg,#ef4444,#dc2626)}.dk-rc-meta-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.dk-rc-meta-chip{font-size:10px;font-weight:600;color:#92ab9e;background:#00000038;padding:3px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.05)}.dk-rc-footer{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.dk-rc-share-btn{flex:0 0 auto;font-size:11.5px!important;padding:8px 12px!important}.dk-rc-action-btn{flex:1;font-size:12px!important;font-weight:800!important;padding:8px 14px!important;text-align:center}.dk-join-btn{background:#22c55e!important;color:#07170e!important;border:1px solid #4ade80!important;box-shadow:0 2px 10px #22c55e59!important}.dk-join-btn:hover{background:#16a34a!important;color:#fff!important;box-shadow:0 4px 14px #22c55e80!important}.dk-spectate-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border:1px solid #60a5fa!important;box-shadow:0 2px 10px #3b82f659!important}.dk-spectate-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.dk-room-browser-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;background:#0f1c18;border:1px dashed #30483d;border-radius:16px;margin:10px 0}.dk-empty-icon-wrap{width:64px;height:64px;border-radius:50%;background:#22c55e1a;border:1px solid rgba(74,222,128,.25);display:grid;place-items:center;margin-bottom:16px}.dk-empty-icon{font-size:28px}.dk-room-browser-empty h3{font-size:19px;color:#e5f4ec;margin:0 0 8px}.dk-room-browser-empty p{font-size:13px;color:#9ab4a7;max-width:440px;line-height:1.6;margin:0 0 20px}.dk-empty-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dk-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#030b08d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:dk-fade-in .2s ease-out}.dk-modal-dialog{width:min(540px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;background:linear-gradient(150deg,#182d24,#0e1c18);border:1px solid #436551;border-radius:20px;padding:28px;box-shadow:0 24px 64px #000c,0 0 32px #22c55e26;animation:dk-dialog-pop .25s cubic-bezier(.16,1,.3,1)}@keyframes dk-dialog-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.dk-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.dk-modal-header h3{font-size:23px;font-weight:900;color:#f1faf5;margin:4px 0 0}.dk-modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9cb8a9;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;font-size:14px;transition:all .15s ease}.dk-modal-close:hover{background:#ef444433;border-color:#ef4444;color:#fff}.dk-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.dk-form-label{font-size:11.5px;font-weight:800;letter-spacing:.6px;color:#a7c5b5;text-transform:uppercase}.dk-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dk-mode-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dk-mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 10px;background:#0f1f1a;border:1.5px solid #2f453a;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#d1e3d9}.dk-mode-card:hover{border-color:#52b788;background:#152b24}.dk-mode-card.selected{border-color:#4ade80;background:#1c382e;box-shadow:0 0 16px #4ade8040;color:#fff}.dk-mc-emoji{font-size:26px;margin-bottom:6px}.dk-mode-card b{font-size:12px;margin-bottom:4px;display:block}.dk-mode-card small{font-size:9.5px;line-height:1.35;color:#92ab9e}.dk-mode-card.selected small{color:#bbf7d0}.dk-modal-dialog input,.dk-modal-dialog select{width:100%;background:#091310!important;border:1px solid #365042!important;color:#eaf6ef!important;padding:12px 14px!important;border-radius:10px!important;font-size:13px!important;transition:border-color .2s}.dk-modal-dialog input:focus,.dk-modal-dialog select:focus{border-color:#4ade80!important;box-shadow:0 0 12px #4ade8033}.dk-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.dk-modal-footer .btn{padding:11px 22px!important;font-size:13px!important}.dk-challenge-content{display:flex;flex-direction:column;gap:12px}.dk-friends-status-label{font-size:11px;font-weight:800;letter-spacing:1px;color:#8fad9b}.dk-challenge-friends-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.dk-challenge-friend-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#11201a;border:1px solid #2d4539;border-radius:10px;transition:border-color .15s}.dk-challenge-friend-card:hover{border-color:#4e7762;background:#162821}.dk-cf-user{display:flex;align-items:center;gap:10px}.dk-cf-user b{font-size:13.5px;color:#f1faf5}@media (max-width: 768px){.dk-rooms-hero-bar{padding:20px 18px;flex-direction:column;align-items:stretch}.dk-rooms-hero-actions{flex-direction:column;align-items:stretch}.dk-quick-code-box{width:100%}.dk-quick-code-box input{width:100%!important}.dk-create-room-btn,.dk-challenge-btn{width:100%;justify-content:center}.dk-room-filter-bar{flex-direction:column;align-items:stretch}.dk-filter-search-wrap{max-width:100%}.dk-filter-pills{overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap}.dk-filter-pill{flex-shrink:0}.dk-form-row-2,.dk-mode-selector-grid{grid-template-columns:1fr}}.dk-play-hero-deck{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:22px 28px;background:radial-gradient(circle at 10% 50%,rgba(34,197,94,.14) 0%,transparent 45%),radial-gradient(circle at 90% 50%,rgba(139,92,246,.1) 0%,transparent 45%),linear-gradient(135deg,#10211b,#0a1613);border:1px solid rgba(74,222,128,.25);border-radius:20px;box-shadow:0 16px 40px #00000073;position:relative;overflow:hidden}.dk-play-hero-deck:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(74,222,128,.2),rgba(74,222,128,.8),rgba(139,92,246,.4),transparent)}.dk-play-deck-player{display:flex;align-items:center;gap:18px}.dk-deck-avatar-wrap{position:relative;width:58px;height:58px;flex-shrink:0}.dk-deck-avatar{width:58px;height:58px;border-radius:16px;object-fit:cover;border:2px solid #3b5747;box-shadow:0 4px 14px #0006}.dk-deck-avatar-placeholder{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#1e3a2d,#12241c);border:2px solid #3b5747;display:grid;place-items:center;font-size:24px;font-weight:900;color:#86efac}.dk-deck-rank-badge{position:absolute;bottom:-6px;right:-8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.dk-deck-user-info{display:flex;flex-direction:column;gap:4px}.dk-deck-name-row{display:flex;align-items:center;gap:10px}.dk-deck-name-row h3{font-size:22px;font-weight:900;color:#f1f7f4;margin:0;letter-spacing:-.3px}.dk-deck-level-pill{font-size:11px;font-weight:800;color:#fde047;background:#eab30826;border:1px solid rgba(234,179,8,.35);padding:2px 8px;border-radius:99px}.dk-deck-ratings-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.dk-rating-item{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#9db5a9;background:#00000040;padding:3px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.dk-rating-item i{font-style:normal;color:#86efac;font-weight:700}.dk-rating-item b{color:#fff}.dk-play-deck-signals{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dk-signal-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#b3c9be;background:#00000059;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.dk-ping-dot{width:8px;height:8px;border-radius:50%}.dk-ping-dot.ping-good{background:#22c55e;box-shadow:0 0 8px #22c55e}.dk-ping-dot.ping-med{background:#eab308;box-shadow:0 0 8px #eab308}.dk-ping-dot.ping-high{background:#ef4444;box-shadow:0 0 8px #ef4444}.dk-ping-dot.ping-measuring{background:#94a3b8}.dk-queue-chip b{color:#a7f3d0}.dk-queue-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:dk-pulse-dot 1.5s infinite}.dk-play-tabs{margin:18px 0 24px;gap:8px}.dk-play-tabs button{font-size:13px!important;font-weight:800!important;letter-spacing:.3px;padding:11px 20px!important;border-radius:10px!important;transition:all .2s ease!important}.dk-play-tabs button.on{background:linear-gradient(135deg,#1f4233,#152b21)!important;border-color:#4ade80!important;color:#bbf7d0!important;box-shadow:0 4px 16px #4ade8040!important}.dk-matchmaking-screen{display:flex;align-items:center;gap:28px;padding:32px 36px;border-radius:20px;background:radial-gradient(circle at 10% 50%,rgba(56,189,248,.18) 0%,transparent 50%),linear-gradient(135deg,#0e1e24,#081318);border:1px solid rgba(56,189,248,.35);box-shadow:0 16px 48px #0009,0 0 32px #38bdf833;margin-bottom:24px;position:relative;overflow:hidden}.dk-mm-radar-ring{position:relative;width:72px;height:72px;flex-shrink:0;display:grid;place-items:center}.dk-mm-core-dot{width:16px;height:16px;border-radius:50%;background:#38bdf8;box-shadow:0 0 16px #38bdf8,0 0 32px #0284c7;z-index:2}.dk-mm-wave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #38bdf8;animation:dk-radar-wave 2s cubic-bezier(.1,.6,.2,1) infinite}.dk-mm-wave-2{animation-delay:1s}@keyframes dk-radar-wave{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}.dk-mm-info{flex:1}.dk-mm-info h3{font-size:28px;font-weight:900;color:#f0f9ff;margin:4px 0 6px}.dk-mm-info p{font-size:13px;color:#94a3b8;line-height:1.6;margin:0 0 10px}.dk-mm-stats{display:flex;gap:16px;font-size:12px;font-weight:700;color:#38bdf8}.dk-mm-cancel-btn{padding:12px 24px!important;font-weight:800!important;border-color:#ef4444!important;color:#fca5a5!important;background:#ef44441f!important}.dk-mm-cancel-btn:hover{background:#ef4444!important;color:#fff!important}.dk-play-dashboard{display:flex;flex-direction:column;gap:28px;width:100%}.dk-rooms-gateway-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:20px 24px;background:linear-gradient(135deg,#14261ed9,#0b1612f2);border:1px solid rgba(74,222,128,.25);border-radius:16px;box-shadow:0 8px 28px #00000059;position:relative;overflow:hidden}.dk-rooms-gateway-banner:after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(74,222,128,.12) 0%,transparent 70%);pointer-events:none}.dk-rgb-left{display:flex;align-items:center;gap:16px;flex:1;min-width:280px}.dk-rgb-icon{width:48px;height:48px;border-radius:14px;background:#22c55e24;border:1px solid rgba(74,222,128,.3);display:grid;place-items:center;font-size:24px;flex-shrink:0}.dk-rgb-text{display:flex;flex-direction:column;gap:4px}.dk-rgb-tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dk-rgb-tag{font-size:10px;font-weight:800;letter-spacing:1px;color:#86efac}.dk-rgb-count-badge{font-size:11px;color:#cbd5e1;background:#0000004d;padding:2px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.06)}.dk-rgb-count-badge b{color:#f1f7f4}.dk-rgb-text h4{font-size:18px;font-weight:900;color:#f1faf5;margin:0}.dk-rgb-text p{font-size:12.5px;color:#9cb5a8;margin:0;line-height:1.45}.dk-rgb-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dk-rgb-quick-rooms{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dk-rgb-room-chip{display:inline-flex;align-items:center;gap:8px;background:#0d1914;border:1px solid #2d4538;padding:4px 8px 4px 10px;border-radius:8px;font-size:11.5px}.dk-rgb-rc-mode{font-size:12px}.dk-rgb-rc-name{font-weight:700;color:#e5f2eb;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-rgb-rc-cap{color:#8fad9d;font-size:10.5px}.dk-rgb-rc-btn{padding:4px 10px!important;font-size:11px!important;font-weight:800!important;background:#22c55e!important;color:#07170e!important}.dk-rgb-actions{display:flex;align-items:center;gap:8px}.dk-rgb-browse-btn{font-weight:700!important;border:1px solid #3c5647!important;color:#d1eae0!important;padding:9px 16px!important;border-radius:10px!important}.dk-rgb-browse-btn:hover{background:#4ade801f!important;border-color:#52b788!important;color:#fff!important}.dk-section-group{display:flex;flex-direction:column;gap:14px}.dk-section-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.dk-section-title{font-size:22px;font-weight:900;color:#f1faf5;margin:3px 0 0;letter-spacing:-.3px}.dk-section-sub{font-size:12.5px;color:#9cb5a8;max-width:580px}.dk-ranked-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dk-ranked-card{display:flex;flex-direction:column;justify-content:space-between;padding:26px;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000073;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.dk-ranked-card:hover{transform:translateY(-4px)}.dk-ranked-card.card-1v1{background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0%,transparent 60%),linear-gradient(160deg,#1e1933,#110e1f);border:1px solid rgba(167,139,250,.35);box-shadow:0 12px 36px #00000080,0 0 24px #8b5cf61a}.dk-ranked-card.card-1v1:hover{border-color:#a78bfaa6;box-shadow:0 16px 44px #0009,0 0 32px #8b5cf640}.dk-ranked-card.card-1v1 .dk-rc-badge-pill{color:#c4b5fd;background:#8b5cf62e;border:1px solid rgba(139,92,246,.4)}.dk-ranked-card.card-1v1 .dk-rc-btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:1px solid #a78bfa!important;color:#fff!important;box-shadow:0 4px 16px #8b5cf666!important}.dk-ranked-card.card-1v1 .dk-rc-btn-primary:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important;box-shadow:0 6px 22px #8b5cf699!important}.dk-ranked-card.card-2v2{background:radial-gradient(circle at 80% 20%,rgba(6,182,212,.15) 0%,transparent 60%),linear-gradient(160deg,#12282d,#0a181c);border:1px solid rgba(34,211,238,.35);box-shadow:0 12px 36px #00000080,0 0 24px #06b6d41a}.dk-ranked-card.card-2v2:hover{border-color:#22d3eea6;box-shadow:0 16px 44px #0009,0 0 32px #06b6d440}.dk-ranked-card.card-2v2 .dk-rc-badge-pill{color:#67e8f9;background:#06b6d42e;border:1px solid rgba(6,182,212,.4)}.dk-ranked-card.card-2v2 .dk-rc-btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;border:1px solid #22d3ee!important;color:#fff!important;box-shadow:0 4px 16px #06b6d466!important}.dk-ranked-card.card-2v2 .dk-rc-btn-primary:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4)!important;box-shadow:0 6px 22px #06b6d499!important}.dk-ranked-card.card-3v3{background:radial-gradient(circle at 80% 20%,rgba(245,158,11,.15) 0%,transparent 60%),linear-gradient(160deg,#2d2315,#1a140b);border:1px solid rgba(251,191,36,.35);box-shadow:0 12px 36px #00000080,0 0 24px #f59e0b1a}.dk-ranked-card.card-3v3:hover{border-color:#fbbf24a6;box-shadow:0 16px 44px #0009,0 0 32px #f59e0b40}.dk-ranked-card.card-3v3 .dk-rc-badge-pill{color:#fde047;background:#f59e0b2e;border:1px solid rgba(245,158,11,.4)}.dk-ranked-card.card-3v3 .dk-rc-btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:1px solid #fbbf24!important;color:#170d02!important;font-weight:900!important;box-shadow:0 4px 16px #f59e0b66!important}.dk-ranked-card.card-3v3 .dk-rc-btn-primary:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 6px 22px #f59e0b99!important}.dk-rc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dk-rc-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.8px}.dk-rc-rank-display{display:flex;align-items:center;gap:8px}.dk-rc-lp{font-size:11.5px;color:#cbd5e1;background:#00000059;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.dk-rc-lp b{color:#fff}.dk-rc-center h4{font-size:22px;font-weight:900;color:#f8fafc;margin:0 0 6px;letter-spacing:-.3px}.dk-rc-center p{font-size:12.5px;color:#94a3b8;line-height:1.6;margin:0 0 16px;min-height:40px}.dk-rc-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:22px}.dk-rc-tags span{font-size:10.5px;font-weight:700;color:#94a3b8;background:#0000004d;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.dk-rc-bottom{display:flex;flex-direction:column;gap:8px}.dk-rc-btn-primary{width:100%!important;font-size:13px!important;font-weight:900!important;padding:11px!important;border-radius:10px!important}.dk-rc-btn-secondary{width:100%!important;font-size:12px!important;font-weight:700!important;padding:8px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.12)!important}.dk-arcade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dk-arcade-card{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(165deg,#14241e,#0b1613);border:1px solid #2d4538;border-radius:16px;padding:20px;box-shadow:0 8px 24px #00000059;transition:transform .2s ease,border-color .2s ease}.dk-arcade-card:hover{transform:translateY(-3px);border-color:#4e7762}.dk-arcade-card.card-koth{background:radial-gradient(circle at 80% 20%,rgba(245,158,11,.15) 0%,transparent 60%),linear-gradient(165deg,#242013,#131008);border:1.5px solid rgba(245,158,11,.45);box-shadow:0 10px 28px #00000073,0 0 20px #f59e0b1f}.dk-arcade-card.card-koth:hover{border-color:#fbbf24b3;box-shadow:0 12px 32px #0000008c,0 0 28px #f59e0b40}.dk-koth-cta-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#1a0f02!important;font-weight:900!important;border:1px solid #fbbf24!important;box-shadow:0 3px 12px #f59e0b59!important}.dk-koth-cta-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 5px 18px #f59e0b80!important}.dk-ac-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dk-ac-badge{font-size:10px;font-weight:800;letter-spacing:.8px;color:#86efac;background:#22c55e26;padding:3px 8px;border-radius:6px;border:1px solid rgba(74,222,128,.3)}.dk-ac-badge.crown{color:#fde047;background:#f59e0b33;border-color:#f59e0b73}.dk-ac-kicker{font-size:9.5px;font-weight:700;color:#7b998a;letter-spacing:.5px}.dk-arcade-card h4{font-size:18px;font-weight:900;color:#f1faf5;margin:0 0 6px}.dk-arcade-card p{font-size:12px;color:#9cb5a8;line-height:1.55;margin:0 0 14px;min-height:38px}.dk-ac-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:16px}.dk-ac-tags span{font-size:10px;font-weight:600;color:#8fad9d;background:#00000040;padding:2px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.05)}.dk-bot-action-row{display:flex;gap:8px}.dk-bot-action-row select{flex:1;background:#091310!important;border:1px solid #324b3e!important;color:#e2f1e9!important;font-size:11.5px!important;padding:6px 8px!important;border-radius:8px!important;min-height:34px!important}.dk-bot-action-row .btn{flex:1}@media (max-width: 1100px){.dk-ranked-grid{grid-template-columns:1fr}.dk-arcade-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dk-play-hero-deck{flex-direction:column;align-items:stretch;padding:12px 14px;gap:10px;margin-bottom:12px;border-radius:14px}.dk-deck-profile-badge{gap:10px}.dk-deck-avatar-box{width:44px;height:44px;border-radius:12px}.dk-deck-name{font-size:16px;margin:0}.dk-deck-sub{font-size:11px;margin:0}.dk-deck-ratings-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;width:100%}.dk-rating-chip{flex:1 1 calc(33.333% - 6px);min-width:78px;padding:5px 8px;font-size:11px;justify-content:center}.dk-deck-signals{display:flex;justify-content:space-between;width:100%;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);font-size:11px}.dk-play-tabs{gap:6px;margin-bottom:12px}.dk-play-tab-btn{padding:8px 10px;font-size:11px;gap:6px;border-radius:9px;flex:1;justify-content:center}.dk-matchmaking-screen{flex-direction:column;align-items:stretch;padding:16px;gap:12px;border-radius:14px;margin-bottom:14px}.dk-mm-radar-ring{width:52px;height:52px}.dk-mm-info h3{font-size:20px;margin:2px 0 4px}.dk-mm-info p{font-size:12px;margin-bottom:6px}.dk-mm-stats{font-size:11px;gap:10px}.dk-mm-cancel-btn{width:100%!important;padding:9px!important;font-size:12px!important}.dk-rooms-gateway-banner{flex-direction:column;align-items:stretch;padding:12px 14px;margin-bottom:14px;gap:10px;border-radius:14px}.dk-rgb-left p{display:none}.dk-rgb-title-row h3{font-size:16px;margin:0}.dk-rgb-chips-row{margin-top:4px;gap:6px}.dk-rgb-chip{padding:3px 8px;font-size:10.5px}.dk-rgb-right{flex-direction:column;align-items:stretch;width:100%}.dk-rgb-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.dk-rgb-actions .btn{padding:8px 10px!important;font-size:11.5px!important;justify-content:center}.dk-section-header{margin-bottom:6px;padding-bottom:6px}.dk-section-title{font-size:18px}.dk-section-sub{font-size:11px;margin:2px 0 0;line-height:1.35}.dk-ranked-grid{grid-template-columns:1fr;gap:12px}.dk-ranked-card{padding:14px 16px;border-radius:14px;gap:8px}.dk-rc-top{margin-bottom:6px}.dk-rc-center h4{font-size:18px;margin:0 0 2px}.dk-rc-center p{font-size:11.5px;line-height:1.4;margin:0 0 8px;min-height:0}.dk-rc-tags{margin-bottom:8px;gap:4px}.dk-rc-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dk-rc-btn-primary{padding:9px!important;font-size:12px!important}.dk-rc-btn-secondary{padding:7px!important;font-size:11px!important}.dk-arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.dk-arcade-card{padding:12px;border-radius:12px}.dk-ac-header{margin-bottom:6px}.dk-arcade-card h4{font-size:15px;margin:0 0 2px}.dk-arcade-card p{font-size:11px;line-height:1.35;min-height:0;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dk-ac-tags{margin-bottom:8px;gap:4px}.dk-arcade-card .btn{padding:7px 8px!important;font-size:11px!important;min-height:32px!important}.dk-bot-action-row{flex-direction:column;gap:4px}.dk-bot-action-row select{font-size:11px!important;padding:4px 6px!important;min-height:30px!important}.dk-rooms-hero-bar{padding:14px 16px;gap:10px}.dk-rooms-hero-title{font-size:20px}.dk-rooms-stat-chips{gap:6px}.dk-stat-chip{font-size:11px;padding:4px 8px}.dk-rooms-hero-actions{flex-direction:column;width:100%;gap:8px}.dk-quick-code-box{width:100%;justify-content:space-between}.dk-create-room-btn{width:100%!important;justify-content:center;padding:9px 16px!important;font-size:12.5px!important}.dk-challenge-btn{width:100%!important;justify-content:center;padding:9px 14px!important;font-size:12px!important}.dk-room-filter-bar{padding:10px 12px;gap:8px}.dk-filter-dropdowns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.dk-filter-dropdowns select{font-size:11px!important;padding:5px 6px!important;width:100%}.dk-room-browser-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.dk-rc-bottom{grid-template-columns:1fr}.dk-rating-chip{flex:1 1 100%}.dk-filter-dropdowns,.dk-rgb-actions{grid-template-columns:1fr}}.dk-toast-stack{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:10000;display:flex;flex-direction:column;gap:12px;width:min(400px,calc(100vw - 32px));pointer-events:none}.dk-toast-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 18px 18px;border-radius:16px;background:#0a121ef0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px #000000a6,inset 0 1px #ffffff1a;color:#f1f7f9;overflow:hidden;pointer-events:auto;animation:dk-toast-in .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes dk-toast-in{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dk-toast-card.error{border-color:#ff4d5e80;box-shadow:0 16px 40px #ff4d5e38,0 0 0 1px #ff4d5e26}.dk-toast-card.error .dk-toast-icon-wrap{background:#ff4d5e2e;border:1px solid rgba(255,77,94,.45);color:#ff6b7e}.dk-toast-card.error .dk-toast-progress{background:linear-gradient(90deg,#ff4d5e,#ff8090)}.dk-toast-card.success{border-color:#4ade8080;box-shadow:0 16px 40px #4ade8033,0 0 0 1px #4ade8026}.dk-toast-card.success .dk-toast-icon-wrap{background:#4ade802e;border:1px solid rgba(74,222,128,.45);color:#4ade80}.dk-toast-card.success .dk-toast-progress{background:linear-gradient(90deg,#22c55e,#4ade80)}.dk-toast-icon-wrap{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#00e5ff26;border:1px solid rgba(0,229,255,.4);color:#00e5ff;flex:none}.dk-toast-svg{width:20px;height:20px}.dk-toast-content{flex:1;min-width:0}.dk-toast-kicker{display:block;font:900 10px var(--display);letter-spacing:.14em;opacity:.75;margin-bottom:2px}.dk-toast-title{display:block;font:800 15px var(--display);letter-spacing:.02em;color:#fff;margin-bottom:4px}.dk-toast-desc{margin:0;font-size:13px;line-height:1.42;color:#cfdce6;word-break:break-word}.dk-toast-close{display:grid;place-items:center;width:26px;height:26px;border:0;background:#ffffff0f;color:#a0b3c6;border-radius:8px;cursor:pointer;transition:all .15s ease;flex:none}.dk-toast-close:hover{background:#ffffff26;color:#fff}.dk-toast-close-svg{width:14px;height:14px}.dk-toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;animation:dk-toast-timer linear forwards}@keyframes dk-toast-timer{0%{width:100%}to{width:0%}}.dk-notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#030810bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end;animation:dk-fade-in .2s ease-out}@keyframes dk-fade-in{0%{opacity:0}to{opacity:1}}.dk-notif-drawer{width:min(480px,100vw);height:100%;background:linear-gradient(180deg,#0e1726,#080f1a);border-left:1px solid rgba(0,229,255,.22);box-shadow:-15px 0 50px #000000b3;display:flex;flex-direction:column;animation:dk-slide-drawer .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes dk-slide-drawer{0%{transform:translate(100%)}to{transform:translate(0)}}.dk-notif-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#0e172699}.dk-notif-header-left{display:flex;align-items:center;gap:14px}.dk-notif-icon-circle{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#00e5ff1f;border:1px solid rgba(0,229,255,.35);color:#00e5ff}.dk-notif-svg-bell{width:22px;height:22px}.dk-notif-live-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#ff4d5e;border:2px solid #0e1726;box-shadow:0 0 8px #ff4d5e;animation:dk-pulse-dot 1.5s infinite}.dk-notif-eyebrow{display:block;font:900 10px var(--display);letter-spacing:.16em;color:#79e3f7;text-transform:uppercase}.dk-notif-title{margin:0;font:900 24px var(--display);color:#fff;letter-spacing:-.02em}.dk-notif-header-actions{display:flex;align-items:center;gap:8px}.dk-notif-read-all-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid rgba(0,229,255,.3);background:#00e5ff1a;color:#7eedff;font:800 12px var(--display);letter-spacing:.05em;cursor:pointer;transition:all .15s ease}.dk-notif-read-all-btn:hover:not(:disabled){background:#00e5ff38;border-color:#00e5ff;color:#fff}.dk-notif-close-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#a0b3c6;cursor:pointer;transition:all .15s ease}.dk-notif-close-btn:hover{background:#ffffff26;color:#fff}.dk-notif-tabs{display:flex;gap:6px;padding:12px 24px;background:#080f1a80;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}.dk-notif-tabs::-webkit-scrollbar{display:none}.dk-notif-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;border:1px solid transparent;background:#ffffff0a;color:#8da4be;font:700 12px var(--display);letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:all .15s ease}.dk-notif-tab:hover{background:#ffffff14;color:#e4effb}.dk-notif-tab.active{background:#00e5ff26;border-color:#00e5ff73;color:#fff;box-shadow:0 0 14px #00e5ff33}.dk-notif-count-badge{padding:1px 6px;border-radius:99px;background:#ffffff1a;color:inherit;font-size:10px;font-weight:900}.dk-notif-count-badge.unread-pill{background:#ff4d5e;color:#fff;box-shadow:0 0 8px #ff4d5e80}.dk-notif-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column}.dk-notif-list{display:flex;flex-direction:column;gap:10px}.dk-notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;background:#101b2c8c;border:1px solid rgba(255,255,255,.08);transition:all .18s ease;cursor:pointer;position:relative}.dk-notif-item:hover{background:#16263eb3;border-color:#00e5ff59;transform:translate(-2px)}.dk-notif-item.is-unread{background:#0e2038d9;border-color:#00e5ff73;box-shadow:0 6px 20px #00e5ff1a}.dk-notif-item.is-unread:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0;background:#00e5ff;box-shadow:0 0 8px #00e5ff}.dk-notif-cat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#00e5ff1a;border:1px solid rgba(0,229,255,.25);color:#00e5ff}.dk-notif-item.reward .dk-notif-cat-icon{background:#ffd0431f;border-color:#ffd04359;color:#ffd043}.dk-notif-item.match .dk-notif-cat-icon{background:#4ade801f;border-color:#4ade8059;color:#4ade80}.dk-notif-item.admin .dk-notif-cat-icon{background:#ff4d5e1f;border-color:#ff4d5e59;color:#ff6b7e}.dk-notif-cat-svg{width:18px;height:18px}.dk-notif-item-center{flex:1;min-width:0}.dk-notif-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.dk-notif-cat-label{font:900 10px var(--display);letter-spacing:.1em;color:#79e3f7;text-transform:uppercase}.dk-notif-item.reward .dk-notif-cat-label{color:#ffd043}.dk-notif-item.match .dk-notif-cat-label{color:#4ade80}.dk-notif-item.admin .dk-notif-cat-label{color:#ff8090}.dk-notif-time{font-size:11px;color:#6e849d}.dk-notif-text{margin:0;font-size:13px;line-height:1.45;color:#dce7f2;word-break:break-word}.dk-notif-mark-read{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid rgba(74,222,128,.35);background:#4ade801a;color:#4ade80;cursor:pointer;transition:all .15s ease}.dk-notif-mark-read:hover{background:#4ade8040;border-color:#4ade80;transform:scale(1.08)}.dk-notif-mark-svg{width:15px;height:15px}.dk-notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;margin:auto}.dk-notif-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#556c86;margin-bottom:16px}.dk-notif-empty-svg{width:32px;height:32px}.dk-notif-empty h3{margin:0 0 6px;font:800 20px var(--display);color:#e2edf7}.dk-notif-empty p{margin:0;max-width:300px;font-size:13px;color:#7e95ad;line-height:1.45}.dk-notif-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:12px;color:#8da4be;margin:auto}.dk-notif-spinner{width:32px;height:32px;border:3px solid rgba(0,229,255,.15);border-top-color:#00e5ff;border-radius:50%;animation:dk-spin .8s linear infinite}@keyframes dk-spin{to{transform:rotate(360deg)}}.dk-notif-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);background:#080f1a99;text-align:center}.dk-notif-footer small{font:700 11px var(--display);letter-spacing:.08em;color:#5a738f;text-transform:uppercase}.dk-notif-page{max-width:900px;margin:0 auto}.dk-notif-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.dk-notif-page-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.dk-header-hud{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;padding:0 clamp(14px,2.5vw,32px);background:#08101ceb!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;backdrop-filter:blur(24px) saturate(180%)!important;border-bottom:1px solid rgba(0,229,255,.22)!important;box-shadow:0 10px 34px #0009!important}.dk-hdr-brand{display:flex;align-items:center;gap:12px;flex:none}.dk-hdr-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#c5d8eb;font:800 13px var(--display);cursor:pointer;transition:all .15s ease}.dk-hdr-back:hover{background:#ffffff26;color:#fff;border-color:#00e5ff66}.dk-hdr-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;background:#00e5ff14;border:1px solid rgba(0,229,255,.28);color:#7eedff;font:900 10px var(--display);letter-spacing:.12em;text-transform:uppercase}.dk-status-live-dot{width:6px;height:6px;border-radius:50%;background:#00e5ff;box-shadow:0 0 8px #00e5ff;animation:dk-pulse-dot 1.8s infinite}.dk-hdr-dock{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;min-width:0}.dk-nav-btn{position:relative;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:#9cb1c9;font:800 14px var(--display);letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:all .18s cubic-bezier(.16,1,.3,1)}.dk-nav-btn:hover{background:#ffffff12;color:#fff;border-color:#ffffff1f}.dk-nav-btn.active{background:#00e5ff24;border-color:#00e5ff80;color:#fff;box-shadow:0 0 16px #00e5ff40}.dk-nav-btn.active:after{content:"";position:absolute;bottom:-4px;left:20%;right:20%;height:2px;border-radius:99px;background:#00e5ff;box-shadow:0 0 8px #00e5ff}.dk-nav-btn.dk-nav-play{padding:8px 20px;border-radius:12px;background:linear-gradient(135deg,#00f0ff,#00e575);color:#061517!important;font-weight:900;letter-spacing:.08em;border:1px solid #7effd4;box-shadow:0 4px 18px #00f0ff59}.dk-nav-btn.dk-nav-play:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 26px #00f0ff80}.dk-nav-btn.dk-nav-play.active{box-shadow:0 0 24px #00f0ff99}.dk-nav-btn.dk-nav-play.active:after{display:none}.dk-nav-svg{width:17px;height:17px;flex:none}.dk-nav-badge-red{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:900 10px sans-serif;line-height:1;box-shadow:0 0 10px #ef4444b3;margin-left:2px}.dk-nav-dot-red{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;margin-left:2px}.dk-hdr-status{display:flex;align-items:center;gap:10px;flex:none}.dk-stat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#e1ecf7;font:800 13px var(--display);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.dk-stat-chip:hover{background:#ffffff1a;border-color:#ffffff38}.dk-chip-coins{border-color:#ffd04359;background:#ffd04314;color:#ffd043}.dk-chip-coins:hover{border-color:#ffd043;background:#ffd0432e;box-shadow:0 0 16px #ffd04340}.dk-coin-svg{width:16px;height:16px;color:#ffd043}.dk-chip-level{border-color:#00e5ff4d;background:#00e5ff12;color:#7eedff}.dk-star-svg{width:15px;height:15px;color:#00e5ff}.dk-hdr-icon-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#9cb1c9;cursor:pointer;transition:all .18s ease;flex:none}.dk-hdr-icon-btn:hover{background:#ffffff24;color:#fff;border-color:#00e5ff66;transform:translateY(-1px)}.dk-hdr-btn-svg{width:18px;height:18px}.dk-btn-bell.has-unread{border-color:#ff4d5e66;color:#fff}.dk-bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#ff4d5e;border:2px solid #08101c;color:#fff;font:900 10px sans-serif;line-height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ff4d5eb3}.dk-user-capsule{display:inline-flex;align-items:center;gap:9px;padding:4px 12px 4px 5px;border-radius:99px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:all .15s ease;text-align:left}.dk-user-capsule:hover{background:#ffffff1f;border-color:#00e5ff66}.dk-user-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,229,255,.5)}.dk-user-initial{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00e5ff,#38a8ff);color:#06111a;font:900 14px var(--display)}.dk-user-meta{display:flex;flex-direction:column}.dk-user-meta strong{font:800 13px var(--display);line-height:1.1;color:#fff}.dk-user-meta small{font:700 10px var(--display);letter-spacing:.04em;color:#7eedff}.dk-mega-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#0006}.dk-mega-menu-panel{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:110;width:min(720px,calc(100vw - 24px));padding:24px;border-radius:20px;background:linear-gradient(170deg,#101c2e,#09121d);border:1px solid rgba(0,229,255,.3);box-shadow:0 24px 60px #000c,0 0 30px #00e5ff1f;animation:dk-pop-down .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes dk-pop-down{0%{opacity:0;transform:translate(-50%,-10px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.dk-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dk-mega-col h4{margin:0 0 10px;font:900 11px var(--display);letter-spacing:.14em;color:#79e3f7;text-transform:uppercase}.dk-mega-col-items{display:flex;flex-direction:column;gap:6px}.dk-mega-item-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:#ffffff08;color:#d1e2f2;cursor:pointer;text-align:left;transition:all .15s ease}.dk-mega-item-btn:hover{background:#00e5ff1a;border-color:#00e5ff59;color:#fff;transform:translate(3px)}.dk-mega-item-btn.active{background:#00e5ff2e;border-color:#00e5ff;color:#fff}.dk-mega-item-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#ffffff0f;color:#00e5ff;flex:none}.dk-mega-item-text strong{display:block;font:800 14px var(--display);line-height:1.1;color:#fff}.dk-mega-item-text small{display:block;font-size:11px;color:#7b94ad;line-height:1.25}.dk-mobile-toggle{display:none}@media (max-width: 1120px){.dk-nav-btn span{font-size:13px}.dk-nav-btn{padding:7px 10px}}@media (max-width: 960px){.dk-header-hud{height:60px}.dk-hdr-dock{display:none}.dk-mobile-toggle{display:grid}.dk-user-meta,.dk-chip-level{display:none}}@media (max-width: 640px){.dk-hdr-status-badge,.dk-hdr-brand .dk-logo-main{display:none}.dk-hdr-brand .dk-logo-icon{display:block}.dk-stat-chip.dk-chip-coins b{font-size:12px}.dk-user-capsule{padding:2px}}.dk-mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#040912cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dk-fade-in .2s ease-out}.dk-mobile-nav-drawer{width:min(340px,85vw);height:100%;background:linear-gradient(180deg,#0d1726,#060b14);border-right:1px solid rgba(0,229,255,.25);box-shadow:15px 0 50px #000000b3;display:flex;flex-direction:column;padding:20px;overflow-y:auto;animation:dk-slide-left .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes dk-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.dk-m-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dk-m-nav-list{display:flex;flex-direction:column;gap:8px}.dk-m-nav-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:#ffffff0a;color:#c9dbed;font:800 15px var(--display);cursor:pointer;text-align:left;transition:all .15s ease}.dk-m-nav-item:hover,.dk-m-nav-item.active{background:#00e5ff26;border-color:#00e5ff66;color:#fff}.dk-m-nav-item.m-play{background:linear-gradient(135deg,#00f0ff,#00e575);color:#061517!important;font-weight:900;box-shadow:0 4px 18px #00f0ff4d}:root{--bg:#0B1026;--bg2:#101936;--cyan:#00E5FF;--orange:#FF6A00;--yellow:#FFE600;--text:#FFFFFF;--muted:#a9bbd3;--accent:var(--yellow);--accent-2:var(--orange);--blue:var(--cyan);--studio-bg:var(--bg2);--studio-line:#304564;--studio-muted:var(--muted);--studio-lime:var(--cyan)}body{background:radial-gradient(900px 540px at 50% -18%,#123859aa,transparent 70%),var(--bg)}.app>header{background:#0b1026f5!important;border-bottom:1px solid #00E5FF36;box-shadow:0 8px 28px #0005}.app>header .nav button.on,.app>header .nav-more-button.on,.app>header .nav-more-button:hover{background:var(--cyan);border-color:var(--cyan);color:var(--bg);box-shadow:none}.app>header .nav button:hover,.app>header .nav-more-panel button:hover{background:#00e5ff20;border-color:#00e5ff66;color:#fff}.app>header .nav-more-button{border-color:#00e5ff69;background:#101936;color:#fff}.app>header .nav-more-panel{background:#101936;border-color:#00e5ff69}.app>header .nav-more-panel button.on{background:var(--cyan);color:var(--bg)}.dk-logo{flex:none;line-height:0;border-radius:12px}.dk-logo-main{display:block;width:76px;height:60px;object-fit:cover;object-position:center 59%;border-radius:9px}.dk-logo-icon{display:none;width:42px;height:42px;object-fit:cover;border-radius:10px}.dk-logo:hover img{filter:brightness(1.15)}.home-screen .home-studio{align-items:center;gap:clamp(12px,2vw,24px);background:linear-gradient(145deg,#111a36,#0b1026);border-color:#00e5ff42}.home-studio .eyebrow,.eyebrow{color:var(--cyan)}.home-studio h1 em{color:var(--yellow)}.home-studio .actions .btn.big:first-child{background:linear-gradient(100deg,var(--yellow),var(--orange));color:var(--bg)}.dk-hero{position:relative;flex:1 0 100%;width:100%;height:clamp(170px,22vh,240px);overflow:hidden;border:1px solid #00E5FF68;border-radius:16px;background:var(--bg)}.dk-hero picture,.dk-hero img{display:block;width:100%;height:100%}.dk-hero img{object-fit:cover;object-position:center}.dk-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 50%,#0B102699 100%);pointer-events:none}.dk-hero-copy{position:absolute;z-index:1;right:clamp(14px,3vw,36px);bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:48%;padding:12px 14px;border:1px solid #ffffff33;border-radius:12px;background:#0b1026b8}.dk-hero-copy span{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--cyan)}.dk-hero-copy strong{font:800 clamp(16px,2vw,24px)/1.1 var(--display);text-transform:uppercase}.dk-hero-copy .btn{font-size:16px;padding:8px 22px;background:var(--orange);color:#fff}.dk-loading{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#101936;color:var(--text)}.dk-loading img{width:112px;height:112px;object-fit:cover;border-radius:18px;animation:dk-pulse 2s ease-in-out infinite}@keyframes dk-pulse{50%{transform:scale(1.045);opacity:.8}}.dk-room-empty{background:#101936;border-color:#00e5ff55}.dk-room-empty img,.dk-error-mascot{display:block;width:112px;height:112px;object-fit:cover;border-radius:16px;margin:0 auto 12px}.dk-not-found{min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px}.dk-not-found img{width:min(240px,65vw);height:auto;border-radius:18px}.dk-not-found h1{font-size:clamp(40px,7vw,72px);margin:0}.dk-not-found p{color:var(--muted);margin:0}.site-footer{background:#080d20;border-color:#00e5ff3f;color:var(--muted)}.site-footer .dk-footer-brand{display:inline-flex;align-items:center;gap:7px;color:#fff}.dk-footer-brand img{width:30px;height:30px;border-radius:6px}.site-footer i,.site-footer button:hover{color:var(--orange)}@media (max-width:760px){.dk-logo-main{display:none}.dk-logo-icon{display:block}.dk-hero{height:clamp(170px,29vw,230px)}.dk-hero-copy{max-width:55%;right:10px;bottom:10px;padding:9px}.dk-hero-copy strong{font-size:16px}}@media (max-width:520px){.dk-hero{height:190px}.dk-hero img{object-position:56% center}.dk-hero-copy{right:7px;bottom:7px;max-width:50%;gap:5px}.dk-hero-copy strong{font-size:14px}.dk-hero-copy span{font-size:8px}.dk-hero-copy .btn{font-size:14px;padding:7px 14px}.site-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.dk-loading img{animation:none}}.dk-logo-wordmark{font:900 21px/1 var(--display);letter-spacing:-.02em;color:#fff;text-shadow:0 0 12px #00e5ff44}.dk-logo-wordmark span{color:var(--orange)}.login,.studio-tabs,.store-banner,.play-command,.play-coach,.news-card,.rank-weekly,.home-news-card{background:linear-gradient(145deg,#14203e,#0d1530);border-color:#00e5ff42}.studio-page{color:var(--text)}.studio-page .btn{background:var(--yellow);color:var(--bg)}.studio-page .btn.ghost{background:#00e5ff0b;border-color:#00e5ff4d;color:var(--text)}.studio-tabs button.active{background:#00e5ff23;color:var(--cyan)}.play-mode{background:linear-gradient(155deg,#172849,#0d1530);border-color:#00e5ff42}.play-mode.casual-mode{--mode:var(--yellow)}.play-mode.ranked-mode{--mode:var(--orange)}.play-mode.duo-mode{--mode:var(--cyan)}.play-command em,.play-signal span{color:var(--cyan)}.news-card>span,.home-news-card span,.home-news-card i{color:var(--yellow)}@media (max-width:760px){.dk-logo-wordmark{display:none}}.dk-landing{min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#080d20;color:#fff}.dk-landing button{font-family:inherit;cursor:pointer}.dk-landing-nav{width:min(1320px,calc(100% - 48px));margin:0 auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dk-landing-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:900 28px/1 var(--display);letter-spacing:.02em}.dk-landing-brand img{object-fit:cover;border-radius:12px}.dk-landing-brand span span{color:#ff6a00}.dk-landing-nav>div{display:flex;align-items:center;gap:12px}.dk-landing-nav button{border:1px solid #597086;border-radius:10px;padding:10px 18px;background:#111b35;color:#fff;font-weight:800}.dk-landing-nav .dk-landing-register{background:#00e5ff;border-color:#00e5ff;color:#081023}.dk-landing-main{width:min(1320px,calc(100% - 48px));max-width:none;margin:0 auto;padding:10px 0 45px;flex:1}.dk-landing-hero{display:grid;grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(25px,4vw,70px);min-height:610px}.dk-landing-copy{padding:34px 0}.dk-landing-kicker{display:inline-flex;align-items:center;gap:9px;color:#00e5ff;font-size:11px;letter-spacing:.2em;font-weight:900}.dk-landing-kicker i{width:8px;height:8px;border-radius:50%;background:#00e5ff;box-shadow:0 0 16px #00e5ff}.dk-landing-copy h1{margin:24px 0 22px;font:900 clamp(65px,7.2vw,116px)/.84 var(--display);letter-spacing:-.025em}.dk-landing-copy h1 em{font-style:normal;color:#ffe600}.dk-landing-copy>p{max-width:520px;margin:0;color:#b9cce0;font-size:clamp(16px,1.55vw,20px);line-height:1.5}.dk-landing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:34px 0 26px}.dk-landing-actions button{min-height:55px;border-radius:12px;border:1px solid #ffe600;padding:12px 21px;background:#ffe600;color:#071026;font:900 21px var(--display);letter-spacing:.01em}.dk-landing-actions button span{margin-left:20px}.dk-landing-actions .secondary{border-color:#5b6c86;background:#121e36;color:#fff}.dk-landing-actions button:hover,.dk-landing-nav button:hover{transform:translateY(-2px);filter:brightness(1.08)}.dk-landing-proof{display:flex;gap:17px;flex-wrap:wrap;color:#8eabc4;font-size:12px;font-weight:700}.dk-landing-art{position:relative;height:min(570px,45vw);min-height:410px;border-radius:28px;overflow:hidden;background:#102346;box-shadow:0 25px 80px #0009,0 0 0 1px #00e5ff65}.dk-landing-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07112c22 30%,#07112cbb);pointer-events:none}.dk-landing-art>img{width:100%;height:100%;object-fit:cover;object-position:58% center}.dk-landing-art-badge{position:absolute;z-index:1;left:24px;bottom:24px;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #ffffff77;border-radius:13px;background:#0b1026c9;font:900 19px/1 var(--display)}.dk-landing-art-badge img{border-radius:7px}.dk-landing-art-badge b{color:#00e5ff;font:800 10px system-ui;letter-spacing:.15em}.dk-landing-art-number{position:absolute;z-index:1;right:27px;bottom:35px;font:800 13px system-ui;letter-spacing:.18em;color:#d4ecf5}.dk-landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dk-landing-features article{padding:23px 25px 25px;border:1px solid #263c5a;border-radius:18px;background:linear-gradient(145deg,#111e39,#0d1530)}.dk-landing-features article>span{color:#00e5ff;font:900 12px system-ui;letter-spacing:.15em}.dk-landing-features h2{font:900 27px var(--display);margin:15px 0 6px}.dk-landing-features p{max-width:320px;margin:0;color:#9fb4cb;font-size:14px;line-height:1.45}.dk-landing-footer{width:min(1320px,calc(100% - 48px));margin:auto;padding:20px 0 25px;display:flex;justify-content:space-between;border-top:1px solid #24405c;color:#7694ac;font-size:11px;font-weight:900;letter-spacing:.14em}.dk-landing-footer i{color:#ff6a00}.dk-auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:18px;background:#030716d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dk-auth-card{position:relative;width:min(440px,100%);padding:32px;border:1px solid #00e5ff66;border-radius:23px;background:linear-gradient(150deg,#162747,#0a122a 75%);box-shadow:0 25px 95px #000c}.dk-auth-card>img{border-radius:14px;object-fit:cover}.dk-auth-kicker{display:block;margin-top:15px;color:#00e5ff;font-size:10px;font-weight:900;letter-spacing:.2em}.dk-auth-card h2{margin:7px 0;font:900 45px/1 var(--display)}.dk-auth-card p{color:#a9bfd3;margin:0 0 25px}.dk-auth-card form{display:grid;gap:14px}.dk-auth-card label{display:grid;gap:7px;color:#cce0ea;font-size:12px;font-weight:800}.dk-auth-card input{width:100%;height:49px;border:1px solid #3d5874;background:#071224;color:#fff}.dk-auth-submit{width:100%;height:52px;margin-top:6px;border:0;border-radius:11px;background:#ffe600;color:#0b1026;font:900 22px var(--display)}.dk-auth-switch,.dk-auth-guest{display:block;width:100%;margin-top:14px;border:0;background:none;color:#00e5ff;text-align:center;font-size:13px;font-weight:800}.dk-auth-guest{color:#b9cadb}.dk-auth-close{position:absolute;top:16px;right:18px;border:0;background:none;color:#c4d2e0;font-size:29px}.dk-session-banner{position:fixed;left:50%;bottom:18px;z-index:50;transform:translate(-50%);width:min(620px,calc(100% - 32px));display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border:1px solid #00e5ff99;border-radius:12px;background:#122443;color:#fff;box-shadow:0 12px 35px #0009}.dk-session-banner button{border:0;border-radius:8px;padding:9px 12px;background:#00e5ff;color:#061327;font-weight:900}.public-replay-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:20px;border:1px solid #00e5ff6b;border-radius:14px;background:#11233b}.public-replay-cta>div{display:grid;gap:5px}.public-replay-cta b{font:900 25px var(--display)}.public-replay-cta span{color:#b3c9d4;font-size:13px}@media (max-width:980px){.dk-landing-hero{grid-template-columns:1fr;min-height:0;gap:12px}.dk-landing-copy{padding:24px 0}.dk-landing-art{height:clamp(290px,52vw,490px);min-height:0}.dk-landing-features{margin-top:24px}}@media (max-width:650px){.dk-landing-nav,.dk-landing-main,.dk-landing-footer{width:min(100% - 28px,1320px)}.dk-landing-nav{min-height:74px}.dk-landing-brand{font-size:21px}.dk-landing-brand img{width:42px;height:42px}.dk-landing-nav>div{gap:6px}.dk-landing-nav .dk-landing-register{display:none}.dk-landing-nav button{padding:8px 10px;font-size:12px}.dk-landing-copy h1{font-size:clamp(57px,13vw,80px)}.dk-landing-copy>p{font-size:16px}.dk-landing-actions button{flex:1 1 180px}.dk-landing-art{height:290px}.dk-landing-features{grid-template-columns:1fr}.dk-landing-features article{padding:17px}.dk-landing-features h2{margin-top:8px}.dk-landing-footer>span:last-child{display:none}.public-replay-cta{align-items:stretch;flex-direction:column}.dk-auth-card{padding:24px}}@media (prefers-reduced-motion:reduce){.dk-landing-actions button:hover,.dk-landing-nav button:hover{transform:none}}@media (max-width:650px){.dk-landing-brand>span{display:none}.dk-landing-hero,.dk-landing-copy,.dk-landing-art{min-width:0;width:100%}.dk-landing-copy h1{font-size:clamp(48px,11.5vw,68px)}.dk-landing-actions{display:grid;grid-template-columns:1fr}.dk-landing-actions button{width:100%;min-width:0;white-space:normal}.dk-landing-proof{gap:9px}.dk-landing-proof span{white-space:nowrap}}@media (max-width:760px),(pointer:coarse),(max-width:1024px) and (orientation:landscape){body.in-match .match.waiting .stage{height:clamp(230px,52dvh,500px)!important}body.in-match .match .topstrip{left:max(8px,env(safe-area-inset-left));max-width:calc(100% - 145px)!important;align-items:flex-start;gap:5px}body.in-match .match .topstrip .clock{grid-column:auto;grid-row:auto;min-width:0;padding:3px 5px;font-size:11px}body.in-match .match .topstrip .scoreboard{grid-column:auto;grid-row:auto;flex:none;gap:2px;padding:2px 5px}body.in-match .match .scoreboard .num{min-width:16px;font-size:20px}body.in-match .match .scoreboard .sep{font-size:17px}body.in-match .match .match-bar{right:max(8px,env(safe-area-inset-right))}body.in-match .match .match-bar .acts{flex-wrap:nowrap}body.in-match .match .match-bar .acts>button:first-child{width:38px;min-width:38px;height:38px;min-height:38px;padding:0!important;font-size:0!important}body.in-match .match .match-bar .acts>button:first-child:before{content:"⛶";font-size:21px;line-height:1}body.in-match .match .match-bar .acts>button:last-child{min-height:38px}body.in-match .match.live .mobile-match-dock{top:52px;bottom:auto;left:max(8px,env(safe-area-inset-left));transform:none}body.in-match .match.live .mobile-match-dock .btn{min-height:36px}body.in-match .match.waiting .mobile-match-dock{bottom:8px}body.in-match .match-intro-overlay{gap:3px;padding:8px}body.in-match .match-intro-overlay h2{font-size:clamp(19px,4.5dvh,32px);line-height:1}body.in-match .intro-teams{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;align-items:start}body.in-match .intro-team{min-width:0;padding:5px}body.in-match .intro-team h3{margin:0 0 4px;font-size:clamp(10px,2.5dvh,15px)}body.in-match .intro-cards{gap:3px}body.in-match .intro-player-card{height:clamp(24px,7dvh,34px);min-height:0;padding:2px 4px;gap:5px}body.in-match .intro-avatar{width:clamp(20px,5dvh,27px);height:clamp(20px,5dvh,27px)}body.in-match .intro-player-card b{font-size:clamp(10px,2.4dvh,12px)}body.in-match .intro-player-card small{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.in-match .intro-player-card>strong{display:none}body.in-match .results{padding:6px}body.in-match .results .res-card{width:min(100%,580px);max-height:calc(100dvh - 12px);overflow-y:auto;overscroll-behavior:contain}body.in-match .res-head,body.in-match .res-row{grid-template-columns:minmax(68px,1fr) repeat(5,minmax(20px,auto));gap:3px;font-size:10px}body.in-match .res-head:has(>:nth-child(7)),body.in-match .res-row:has(>:nth-child(7)){grid-template-columns:minmax(64px,1fr) repeat(6,minmax(19px,auto))}body.in-match .res-head span,body.in-match .res-row span{min-width:0;overflow-wrap:anywhere}}@media (max-width:760px) and (orientation:landscape),(pointer:coarse) and (orientation:landscape){body.in-match .match.live .joy{width:clamp(106px,25dvh,130px);height:clamp(106px,25dvh,130px)}body.in-match .match.live .joy-knob{width:clamp(48px,12dvh,56px);height:clamp(48px,12dvh,56px)}body.in-match .match.live .kickbtn{width:clamp(74px,21dvh,88px);height:clamp(74px,21dvh,88px)}body.in-match .match.live .skillbtn{width:clamp(62px,18dvh,74px);height:clamp(62px,18dvh,74px);right:max(105px,calc(env(safe-area-inset-right) + 95px))}}@media (orientation:portrait){body.in-match .match.touch.live.portrait-landscape,body.in-match .match.touch.live.mobile-fullscreen.portrait-landscape{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;width:100dvh!important;height:100vw!important;min-height:0!important;max-width:none!important;display:block!important;transform:translate(-50%,-50%) rotate(90deg);overflow:hidden!important;z-index:2000}body.in-match .match.portrait-landscape .stage{width:100%!important;height:100%!important}body.in-match .match.portrait-landscape .controls,body.in-match .match.portrait-landscape .rosters,body.in-match .match.portrait-landscape .match-chat{display:none!important}body.in-match .match.portrait-landscape .pitch{width:100%!important;height:100%!important;object-fit:contain}body.in-match .match.portrait-landscape .rotate-hint,body.in-match .match.portrait-landscape .mobile-match-dock{display:none!important}}@media (max-width:420px){.profile-studio .prof-title h2,.club-command h2{overflow-wrap:anywhere}.club-command-metrics{flex-wrap:wrap;gap:12px}.settings-key-grid,.settings-bind-grid{grid-template-columns:1fr}.replay-library-item .replay-library-actions{flex-wrap:wrap}.studio-page img,.studio-page video{max-width:100%}}@media (max-width:760px),(pointer:coarse){body.in-ffa-match .app>header,body.in-ffa-match .site-footer{display:none!important}body.in-ffa-match .app>main{width:100%;max-width:none;padding:0!important}.ffa-match:not(.live) .ffa-touch{display:none}.ffa-match.live{width:100%;max-width:none;min-height:100dvh;padding:0!important;margin:0}.ffa-match.live .ffa-heading,.ffa-match.live .ffa-sidebar{display:none}.ffa-match.live .ffa-layout{display:block;width:100%;height:100dvh;margin:0}.ffa-match.live .ffa-layout>div:first-child{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:#071711}.ffa-match.live .ffa-canvas{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border:0;border-radius:0;touch-action:none}.ffa-match.live .ffa-touch{position:absolute;z-index:5;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,clamp(42px,11vw,52px)) minmax(8px,1fr) repeat(2,clamp(54px,14vw,68px));grid-template-rows:repeat(2,clamp(42px,11vw,52px));gap:4px;margin:0;pointer-events:none}.ffa-match.live .ffa-touch button{min-width:0;min-height:0;padding:0;pointer-events:auto;touch-action:none}.ffa-match.live .ffa-touch button:nth-child(1){grid-column:2;grid-row:1}.ffa-match.live .ffa-touch button:nth-child(2){grid-column:1;grid-row:2}.ffa-match.live .ffa-touch button:nth-child(3){grid-column:2;grid-row:2}.ffa-match.live .ffa-touch button:nth-child(4){grid-column:3;grid-row:2}.ffa-match.live .ffa-touch button:nth-child(5){grid-column:6;grid-row:1/3}.ffa-match.live .ffa-touch button:nth-child(6){grid-column:5;grid-row:1/3;background:#27748a;color:#e6fbff;border-color:#80deeb;font-size:12px}.ffa-match.live .ffa-message,.ffa-match.live .ffa-winner{max-width:min(90vw,420px);white-space:normal;text-align:center}}.ffa-exit-mobile{display:none}@media (max-width:760px),(pointer:coarse){.ffa-match.live .ffa-exit-mobile{position:absolute;z-index:6;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:block;min-height:40px;padding:8px 12px;border:1px solid #b9dfc7;border-radius:9px;background:#08251ddd;color:#f2fff2}}.dk-rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:radial-gradient(circle at 50% 36%,#22c55e2e,#060e0af5 80%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:24px 20px;align-items:center;justify-content:center;box-sizing:border-box}@media (max-width: 900px) and (orientation: portrait),(pointer: coarse) and (orientation: portrait){.dk-rotate-overlay:not(.is-dismissed){display:flex}}@media (orientation: landscape){.dk-rotate-overlay{display:none!important}}.dk-rotate-card{max-width:380px;width:100%;background:linear-gradient(160deg,#10211a,#0a1612);border:1.5px solid rgba(74,222,128,.35);border-radius:22px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 16px 50px #000000bf,0 0 32px #22c55e26;animation:dk-pop-rotate-card .35s cubic-bezier(.16,1.2,.38,1) forwards}@keyframes dk-pop-rotate-card{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.dk-rotate-phone-anim{position:relative;width:110px;height:110px;display:grid;place-items:center;margin-bottom:18px}.dk-rotate-device{width:52px;height:92px;background:#08120e;border:2.5px solid #4ade80;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 20px #4ade8059;animation:dk-device-rotate 3.2s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center center}@keyframes dk-device-rotate{0%,15%{transform:rotate(0)}45%,70%{transform:rotate(90deg)}90%,to{transform:rotate(0)}}.dk-device-notch{width:16px;height:3px;background:#3c5647;border-radius:2px;margin:3px auto 2px}.dk-device-pitch{margin:2px 4px 4px;height:calc(100% - 14px);background:radial-gradient(circle at 50% 50%,#166534,#14532d);border:1px solid rgba(255,255,255,.15);border-radius:6px;position:relative;display:grid;place-items:center}.dk-device-pitch-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff40;transform:translateY(-50%)}.dk-device-pitch-center{position:absolute;width:18px;height:18px;border:1px solid rgba(255,255,255,.25);border-radius:50%}.dk-device-ball{font-size:13px;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:dk-ball-bounce 1.6s ease-in-out infinite alternate}@keyframes dk-ball-bounce{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.dk-rotate-arrow-badge{position:absolute;bottom:0;right:8px;width:32px;height:32px;border-radius:50%;background:#22c55e;border:2px solid #06130d;display:grid;place-items:center;box-shadow:0 4px 12px #22c55e80;font-size:14px;animation:dk-rotate-badge-spin 3.2s linear infinite}@keyframes dk-rotate-badge-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dk-rotate-content{margin-bottom:20px}.dk-rotate-pill{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1px;color:#86efac;background:#22c55e26;border:1px solid rgba(74,222,128,.35);padding:4px 10px;border-radius:99px;margin-bottom:10px}.dk-rotate-content h2{font-size:22px;font-weight:900;color:#f1faf5;margin:0 0 8px;letter-spacing:-.3px}.dk-rotate-content p{font-size:13px;line-height:1.55;color:#9cb8a8;margin:0}.dk-rotate-actions{display:flex;flex-direction:column;gap:8px;width:100%}.dk-btn-rotate-cta{width:100%!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#05140b!important;font-size:13.5px!important;font-weight:900!important;padding:12px!important;border-radius:12px!important;border:1px solid #86efac!important;box-shadow:0 6px 20px #22c55e73!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer}.dk-btn-rotate-cta:hover{background:linear-gradient(135deg,#4ade80,#22c55e)!important;transform:translateY(-1px)}.dk-btn-rotate-dismiss{width:100%!important;font-size:12px!important;font-weight:700!important;color:#89a896!important;padding:8px!important;cursor:pointer}.dk-btn-rotate-dismiss:hover{color:#fff!important}.app.home-screen>main{width:min(100%,1440px);max-width:1440px;display:block;flex:1;padding:16px 22px 34px}.dk-home-wrap,.dk-home{width:100%;min-width:0}.dk-home{display:grid;gap:20px}.dk-showcase-stage{position:relative;width:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(94,225,246,.45);background:#081022;box-shadow:0 20px 50px #000000bf,0 0 35px #00f0ff1f;isolation:isolate}.dk-showcase-video-box{position:relative;width:100%;min-height:380px;max-height:460px;display:flex;flex-direction:column;justify-content:space-between}.dk-showcase-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:0;pointer-events:none}.dk-showcase-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#070e1ebf,#070e1e26 35%,#060c1a99 65%,#050a16f2),linear-gradient(90deg,#050a16eb,#050a16a6 45%,#050a1626 85%)}.dk-showcase-hud{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px}.dk-showcase-tag{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border-radius:99px;background:#081226d9;border:1px solid rgba(0,240,255,.35);color:#92efff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dk-live-dot{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 10px #ff3b30;animation:dkPulse 1.8s infinite ease-in-out}@keyframes dkPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}to{transform:scale(1);opacity:1}}.dk-showcase-controls{display:flex;align-items:center;gap:8px}.dk-video-control-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:99px;background:#091224d1;border:1px solid rgba(255,255,255,.18);color:#f0f7ff;font-size:11px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .18s ease}.dk-video-control-btn:hover{background:#162646f2;border-color:#8be5ff;color:#fff;transform:translateY(-1px)}.dk-ctrl-icon{font-size:13px}.dk-showcase-caption{position:relative;z-index:2;width:min(850px,92%);padding:0 28px 24px}.dk-showcase-kicker{display:block;color:#79e3f7;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}.dk-showcase-title{margin:0 0 8px;font:900 clamp(34px,4.2vw,56px) / .95 var(--display);letter-spacing:-.035em;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.8)}.dk-showcase-title em{font-style:normal;color:#ffd043;text-shadow:0 0 24px rgba(255,208,67,.4)}.dk-showcase-desc{max-width:580px;margin:0 0 16px;color:#c7d8e6;font-size:clamp(13px,1.1vw,15px);line-height:1.45;text-shadow:0 2px 8px rgba(0,0,0,.7)}.dk-mode-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dk-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:99px;background:#060f20d1;border:1px solid rgba(94,225,246,.32);color:#e4f4ff;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.dk-mode-pill:hover{background:#0e2244f2;border-color:#6de8ff;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #00f0ff40}.dk-mode-pill i{font-style:normal;font-size:13px}.dk-actions-section{width:100%}.dk-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dk-action-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:310px;padding:18px;border-radius:18px;background:linear-gradient(150deg,#0e192f,#081122);border:1px solid #1f3352;box-shadow:0 14px 34px #0000008c;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;overflow:hidden}.dk-action-card:hover{transform:translateY(-4px)}.dk-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.dk-card-kicker{font:900 10px var(--display);letter-spacing:.12em;color:#7d96b0;text-transform:uppercase}.dk-card-badge-live{font-size:9px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:99px;background:#ffd04329;border:1px solid rgba(255,208,67,.45);color:#ffd752;text-transform:uppercase}.dk-card-pill{font-size:9px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:99px;background:#00f0ff1f;border:1px solid rgba(0,240,255,.35);color:#7eedff;text-transform:uppercase}.dk-pill-gold{background:#ffb30024;border-color:#ffb30066;color:#ffc43a}.dk-pill-purple{background:#bc79dc24;border-color:#bc79dc66;color:#d896f3}.dk-card-center{display:flex;align-items:center;gap:12px;margin-bottom:10px}.dk-card-icon-wrap{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:14px;background:#10203acc;border:1px solid rgba(94,225,246,.35)}.dk-icon-ranked{background:radial-gradient(circle,#ffd70033,#0a1830cc 75%);border-color:#ffd04380;box-shadow:0 0 20px #ffd04333}.dk-icon-emerald{background:radial-gradient(circle,#10b98138,#0a1830cc 75%);border-color:#10b98180}.dk-icon-gold{background:radial-gradient(circle,#ffb30038,#0a1830cc 75%);border-color:#ffb30080}.dk-icon-purple{background:radial-gradient(circle,#bc79dc38,#0a1830cc 75%);border-color:#bc79dc80}.dk-card-emoji{font-size:28px;line-height:1}.dk-hud-svg{width:16px;height:16px;display:block}.dk-pill-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.dk-pill-svg{width:14px;height:14px}.dk-card-svg{width:28px;height:28px}.dk-btn-svg{width:18px;height:18px}.dk-card-headings{min-width:0;flex:1}.dk-card-headings h3{margin:0 0 5px;font:800 clamp(20px,1.8vw,24px) / 1.05 var(--display);color:#fff;letter-spacing:-.02em}.dk-card-metrics{display:flex;gap:5px;flex-wrap:wrap}.dk-metric-chip{display:inline-flex;align-items:baseline;gap:3px;padding:3px 6px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:10px}.dk-metric-chip small{color:#8da6be;font-size:9px;font-weight:700}.dk-metric-chip b{color:#ffd043;font-weight:800}.dk-card-tags{display:flex;flex-wrap:wrap;gap:4px}.dk-card-tags span{padding:2px 6px;border-radius:4px;background:#ffffff0d;color:#9cb1c4;font-size:9.5px;font-weight:700}.dk-card-desc{margin:0 0 14px;color:#9db2c6;font-size:11.5px;line-height:1.45;min-height:34px}.dk-card-bottom{display:grid;gap:8px}.dk-action-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:10px 16px;border-radius:12px;font:900 15px var(--display);letter-spacing:.03em;cursor:pointer;border:1px solid transparent;transition:all .18s ease;box-shadow:0 6px 18px #0006}.dk-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.dk-action-btn:active{transform:translateY(0)}.dk-btn-icon{font-size:16px}.dk-btn-text{flex:1;text-align:center}.dk-btn-arrow{font-size:18px;line-height:1}.dk-sub-link{background:transparent;border:0;padding:4px 0;color:#7998b4;font-size:11px;font-weight:700;cursor:pointer;text-align:center;transition:color .15s}.dk-sub-link:hover{color:#c9e4fb;text-decoration:underline}.dk-card-ranked{border-color:#ffd04373;background:linear-gradient(150deg,#182845,#0c182b);box-shadow:0 16px 36px #0009,0 0 25px #ffd0431a}.dk-card-ranked:hover{border-color:#ffd043;box-shadow:0 20px 45px #000000b3,0 0 35px #ffd04338}.dk-btn-ranked{background:linear-gradient(135deg,#ffd43f,#ff9800);border-color:#ffe685;color:#0c1626;box-shadow:0 8px 22px #ffa60059}.dk-card-rooms{border-color:#10b98173;background:linear-gradient(150deg,#0e2729,#071520);box-shadow:0 16px 36px #0009,0 0 25px #10b9811a}.dk-card-rooms:hover{border-color:#10b981;box-shadow:0 20px 45px #000000b3,0 0 35px #10b98138}.dk-btn-rooms{background:linear-gradient(135deg,#10b981,#059669);border-color:#6ee7b7;color:#051a13;box-shadow:0 8px 22px #10b98159}.dk-card-koth{border-color:#f59e0b73;background:linear-gradient(150deg,#2b1f14,#111520);box-shadow:0 16px 36px #0009,0 0 25px #f59e0b1a}.dk-card-koth:hover{border-color:#f59e0b;box-shadow:0 20px 45px #000000b3,0 0 35px #f59e0b38}.dk-btn-koth{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fcd34d;color:#1e1305;box-shadow:0 8px 22px #f59e0b59}.dk-card-team{border-color:#a855f773;background:linear-gradient(150deg,#221535,#0d1222);box-shadow:0 16px 36px #0009,0 0 25px #a855f71a}.dk-card-team:hover{border-color:#a855f7;box-shadow:0 20px 45px #000000b3,0 0 35px #a855f738}.dk-btn-team{background:linear-gradient(135deg,#a855f7,#7e22ce);border-color:#d8b4fe;color:#190529;box-shadow:0 8px 22px #a855f759}.dk-quick-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-radius:16px;background:#091428ed;border:1px solid #1c3250;box-shadow:0 10px 30px #00000080}.dk-player-ribbon{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .16s ease;min-width:260px}.dk-player-ribbon:hover{background:#ffffff14;border-color:#5ee1f673;transform:translateY(-1px)}.dk-ribbon-avatar{position:relative;width:44px;height:44px;flex:none}.dk-ribbon-avatar img,.dk-ribbon-avatar b{display:grid;place-items:center;width:100%;height:100%;border-radius:11px;background:#143552;border:1px solid #6dd9ec;color:#fff;font:800 22px var(--display);object-fit:cover}.dk-ribbon-lvl{position:absolute;bottom:-4px;right:-4px;padding:1px 4px;border-radius:4px;background:#ffd043;color:#101926;font:900 8.5px var(--display)}.dk-ribbon-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dk-ribbon-name{color:#fff;font:800 16px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dk-ribbon-sub{color:#8da7bf;font-size:10.5px}.dk-ribbon-sub b{color:#e5f2ff;font-weight:700}.dk-ribbon-arrow{color:#6de2f5;font-size:15px}.dk-quick-nav{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.dk-quick-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:11px;background:#0e1b31d9;border:1px solid #1f3756;color:#dceaf7;font:700 13px var(--display);cursor:pointer;transition:all .16s ease;white-space:nowrap}.dk-quick-btn:hover{background:#19345c;border-color:#6ee3f7;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0006}.dk-quick-btn .nav-icon{width:17px;height:17px}.dk-quick-alert{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#fc0;box-shadow:0 0 8px #fc0}.dk-home-bottom{display:flex;align-items:center;gap:12px;min-width:0}.dk-home-bottom .happy-hour-banner{flex:1;min-width:0;margin:0;border-color:#5ee1f659;border-radius:12px;background:#0d192f}.dk-home-bottom .home-language{flex:none;align-self:center;margin:0}.dk-home-news{display:flex;align-items:center;gap:9px;max-width:330px;min-height:44px;padding:9px 14px;border:1px solid rgba(255,215,0,.35);border-radius:12px;background:#251c14;color:#fff;cursor:pointer;text-align:left;transition:all .16s ease}.dk-home-news:hover{background:#36291d;border-color:#ffd043;transform:translateY(-1px)}.dk-home-news span:first-child{color:#ffd752;font-size:10px;font-weight:900;text-transform:uppercase}.dk-home-news strong{min-width:0;overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.dk-home-news span:last-child{color:#ffd752}@media (max-width: 1200px){.dk-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dk-quick-strip{flex-wrap:wrap}.dk-player-ribbon{width:100%}.dk-quick-nav{justify-content:flex-start;flex-wrap:wrap;width:100%}}@media (max-width: 768px){.app.home-screen>main{padding:8px 10px 24px}.dk-home{gap:12px}.dk-showcase-video-box{min-height:180px;max-height:220px}.dk-showcase-hud{padding:8px 12px}.dk-showcase-caption{width:100%;padding:0 12px 10px}.dk-showcase-kicker{font-size:8.5px;margin-bottom:2px}.dk-showcase-title{font-size:22px;margin:0;line-height:1.1}.dk-showcase-desc,.dk-mode-pills{display:none}.dk-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dk-action-card{min-height:auto;padding:12px 14px;border-radius:14px}.dk-card-top{margin-bottom:6px}.dk-card-kicker{font-size:8.5px}.dk-card-center{gap:8px;margin-bottom:6px}.dk-card-icon-wrap{width:38px;height:38px;border-radius:10px}.dk-card-headings h3{font-size:14.5px;margin:0}.dk-card-desc{display:none}.dk-card-metrics{gap:4px}.dk-metric-chip{padding:2px 5px;font-size:9px}.dk-card-tags{gap:3px}.dk-card-tags span{font-size:8.5px;padding:2px 5px}.dk-card-bottom{margin-top:4px;gap:4px}.dk-action-btn{padding:8px 10px;font-size:12px;min-height:36px}.dk-sub-link{font-size:10px;padding:2px 0}.dk-quick-btn{padding:6px 10px;font-size:11px}.dk-home-bottom{flex-wrap:wrap;gap:10px}.dk-home-bottom .happy-hour-banner{flex-basis:100%}}@media (max-width: 480px){.dk-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dk-action-card{padding:10px}.dk-card-headings h3{font-size:14px}.dk-showcase-video-box{min-height:160px;max-height:190px}.dk-showcase-title{font-size:19px}.dk-showcase-tag span:last-child{display:none}.dk-ctrl-label{display:none}.dk-video-control-btn{padding:4px 8px}.dk-quick-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dk-quick-btn{justify-content:center;padding:6px 4px;font-size:10px}}@media (prefers-reduced-motion: reduce){.dk-action-card,.dk-action-btn,.dk-quick-btn,.dk-live-dot{transition:none!important;animation:none!important}}