:root{--bg:#12141a;--panel:#1c1f28;--panel2:#252a36;--line:#333a4a;--text:#eef0f5;--muted:#8a90a2;--red:#e74c3c;--blue:#3498db;--gold:#f5c542;--green:#2ecc71}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas#game{cursor:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.muted{color:var(--muted);font-size:13px;font-weight:400}a{color:var(--gold)}.screen{background:radial-gradient(ellipse at top, #232a3e 0%, var(--bg) 70%);position:fixed;inset:0;overflow-y:auto}.modal{z-index:5;background:#0a0c10c7;place-items:center;display:grid}.menu-inner{max-width:1320px;margin:0 auto;padding:16px 18px 40px}h2{text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin:22px 0 12px;font-size:13px}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1f28b3;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:10px 14px;display:flex}.logo{letter-spacing:3px;white-space:nowrap;font-size:26px;font-weight:900}.logo span{color:var(--red);margin-left:6px}nav{border-top:1px solid var(--line);flex-wrap:wrap;flex-basis:100%;order:3;gap:2px;margin-top:-2px;padding-top:8px;display:flex}nav button{color:var(--muted);background:0 0;border-radius:10px;align-items:center;gap:7px;padding:8px 10px;display:flex;position:relative}nav button i{filter:grayscale(.6);font-size:16px;font-style:normal}nav button:hover{color:var(--text);background:#ffffff0a}nav button.active{background:var(--panel2);color:var(--text);box-shadow:inset 0 -2px 0 var(--red)}nav button.active i{filter:none}.top-right{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{background:var(--panel2);padding:7px 10px;font-size:16px;line-height:1}.level-chip{background:var(--panel2);cursor:default;border-radius:10px;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:flex}.level-chip>b{background:linear-gradient(135deg,#4aa8ff,#2a5ad8);border-radius:8px;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.level-chip span{color:var(--muted);white-space:nowrap;font-size:11px}.level-chip .xpbar{width:80px;height:5px;margin-top:3px}.account{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account input{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;width:130px;padding:7px 10px;font-size:14px}.account .user{font-weight:700}.pill{background:var(--panel2);color:var(--gold);border-radius:10px;align-items:center;gap:7px;padding:7px 12px;font-size:16px;font-weight:800;display:flex}.coin{background:radial-gradient(circle at 35% 35%, #fff3b0, var(--gold) 60%, #b8860b);border-radius:50%;flex:none;width:15px;height:15px;display:inline-block}.banner{background:linear-gradient(90deg,#3a2e12,#2a2414);border:1px solid #6a5420;border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:14px}@media (max-width:760px){nav button span:not(.badge){display:none}nav button i,.logo{font-size:20px}}.home{grid-template-columns:380px 1fr;align-items:start;gap:18px;display:grid}@media (max-width:900px){.home{grid-template-columns:1fr}}.showcase{border:1px solid var(--line);background:linear-gradient(#232a3c,#191c25);border-radius:18px;padding:14px;position:relative;overflow:hidden}.showcase canvas{aspect-ratio:1;width:100%;display:block}.showcase-info{margin-top:-6px}.sc-name{font-size:22px;font-weight:900}.sc-name-input{color:var(--text);background:0 0;border:1px dashed #0000;border-radius:8px;width:100%;margin-left:-7px;padding:2px 6px;font:900 22px system-ui,sans-serif}.sc-name-input:hover,.sc-name-input:focus{border-color:var(--line);background:#0003;outline:none}.sc-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:14px;display:flex}.rar{letter-spacing:1px;text-transform:uppercase;color:var(--rc);background:color-mix(in srgb, var(--rc) 16%, transparent);border:1px solid color-mix(in srgb, var(--rc) 45%, transparent);border-radius:5px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.sc-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.sc-stats div{text-align:center;background:#00000040;border-radius:10px;padding:6px}.sc-stats b{font-size:18px;display:block}.sc-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.showcase-btns{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.showcase-btns button{padding:9px 8px;font-size:13px}.home-main{gap:14px;display:grid}.play-big{text-align:left;background:linear-gradient(135deg,#ff5a46,#c0342a 55%,#7e2219);border:1px solid #ff8a7a;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:30px 32px;transition:transform .1s,filter .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #e74c3c59}.play-big:after{content:"";background:linear-gradient(110deg,#0000 40%,#ffffff2e 50%,#0000 60%);animation:3.5s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes shine{60%,to{transform:translate(100%)}}.play-big:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.01)}.play-big .t{letter-spacing:8px;font-size:56px;font-weight:900;line-height:1}.play-big .d{opacity:.9;font-size:14px;font-weight:500}.play-big .live{color:#d8ffe4;font-size:14px;font-weight:700}.play-big .live.empty{color:#ffd9d4;font-weight:500}.quick{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:900px){.quick{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.quick{grid-template-columns:1fr}}.qcard{text-align:left;background:linear-gradient(160deg, var(--panel2), var(--panel));border:1px solid var(--line);color:var(--text);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:10px;padding:14px;transition:transform .1s,border-color .15s;display:grid}.qcard:hover{border-color:var(--blue);transform:translateY(-2px)}.qcard i{grid-row:span 2;align-self:center;font-size:26px;font-style:normal}.qcard b{font-size:16px}.qcard span{color:var(--muted);font-size:12px;font-weight:400}.block{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px 14px 14px}.block-head{align-items:baseline;gap:8px;display:flex}.block-head h2{margin:14px 0 10px}.streak{color:#ffb36a;background:#ff78281f;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:12px;font-weight:800}.whats-new{color:#d9dde8;background:linear-gradient(90deg,#b05cff2e,#3b9cff14);border:1px solid #b05cff59;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.whats-new>b{color:#fff;letter-spacing:1px;background:#b05cff;border-radius:5px;padding:2px 7px;font-size:11px}.online-line{color:var(--muted);margin:0;font-size:13px}.card.dialog{text-align:left;gap:12px;width:min(440px,100vw - 32px);display:grid}.dialog.wide{width:min(720px,100vw - 24px);max-height:92vh;overflow-y:auto}.dialog h2{letter-spacing:1px!important;margin:0!important;font-size:26px!important}.set-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.set-row input[type=range]{width:200px;accent-color:var(--gold)}.keys{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.keys div{background:var(--panel2);border-radius:10px;align-items:center;gap:6px;padding:7px 9px;font-size:13px;display:flex}.keys span{color:var(--muted)}kbd{color:#fff;background:linear-gradient(#3a4152,#2a2f3c);border:1px solid #4a5266;border-bottom-width:3px;border-radius:6px;place-items:center;min-width:26px;height:26px;padding:0 6px;font:700 12px system-ui,sans-serif;display:inline-grid}.tips{gap:6px;display:grid}.tips div{align-items:center;gap:10px;font-size:13px;display:flex}.tips i{font-size:18px;font-style:normal}.shop-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chips{background:var(--panel);border-radius:10px;gap:4px;padding:4px;display:flex}.chips button{color:var(--muted);background:0 0;padding:6px 14px}.chips button.active{background:var(--panel2);color:var(--text)}.rarity-legend{flex-wrap:wrap;gap:6px;display:flex}.rarity-legend span{letter-spacing:1px;text-transform:uppercase;color:var(--rc);font-size:11px;font-weight:800}.rarity-legend span:before{content:"●";margin-right:4px}button{font:inherit;cursor:pointer;background:var(--red);color:#fff;border:0;border-radius:8px;padding:9px 14px;font-weight:700}button:disabled{color:var(--muted);cursor:default;background:#3a3f4c}button.ghost{color:var(--text);background:0 0;border:1px solid #444b5c}button.ok{background:var(--green)}button.blue{background:var(--blue)}button.lock{color:var(--gold);background:#4a3e1c}.armory{grid-template-columns:minmax(260px,1fr) 1.3fr;gap:18px;margin-top:18px;display:grid}@media (max-width:860px){.armory{grid-template-columns:1fr}}.gun-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;display:grid}.gun-card{background:linear-gradient(180deg, color-mix(in srgb, var(--rc,#555) 12%, var(--panel)), var(--panel) 60%);border:1px solid var(--line);border-top:3px solid var(--rc,var(--line));cursor:pointer;border-radius:12px;padding:10px;transition:transform .1s;position:relative}.gun-card:hover{transform:translateY(-2px)}.gun-card .rar,.skin .rar{padding:1px 6px;font-size:9px;position:absolute;top:8px;left:8px}.gun-card:hover{border-color:#55607a}.gun-card.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.gun-card canvas{width:100%;height:56px;display:block}.gun-card .n{font-size:14px;font-weight:700}.gun-card .p{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.tag{letter-spacing:1px;background:var(--green);color:#08240f;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.tag.own{color:var(--text);background:#3a4152}.gun-detail{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-self:start;padding:16px}.gun-detail h3{margin:0;font-size:22px}.gun-detail canvas.big{background:radial-gradient(circle at 50% 60%,#2c3346,#1a1d26);border-radius:10px;width:100%;height:130px;margin:10px 0;display:block}.stat{color:var(--muted);grid-template-columns:minmax(80px,max-content) 1fr 56px;align-items:center;gap:8px;margin:5px 0;font-size:12px;display:grid}.stat b{color:var(--text);text-align:right;font-weight:600}.bar{background:#2c3140;border-radius:4px;height:7px;overflow:hidden}.bar i{background:var(--red);border-radius:4px;height:100%;display:block}.upgrade{border-top:1px solid #2a2f3c;grid-template-columns:minmax(90px,max-content) auto 1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:grid}.pips{gap:4px;display:flex}.pips i{background:#2c3140;border-radius:3px;width:16px;height:8px}.pips i.on{background:var(--gold)}.upgrade .fx{color:var(--muted);font-size:12px}.upgrade button{padding:6px 10px;font-size:13px}.paints{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.paint{background:var(--panel2);border:1px solid var(--line);border-top:3px solid var(--rc,var(--line));cursor:pointer;text-align:center;color:var(--text);border-radius:10px;padding:8px;font-size:12px;font-weight:600;transition:transform .12s,border-color .12s}.paint:hover{border-color:var(--rc,var(--muted));transform:translateY(-2px)}.paint canvas{width:100%;height:58px;margin-bottom:4px;display:block}.paint.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.paint .pn{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.paint .price{color:var(--gold);justify-content:center;align-items:center;gap:4px;margin-top:2px;display:flex}.skin-show{background:var(--panel2);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,1.1fr) 1fr;align-items:center;gap:14px;margin-top:12px;padding:10px;display:grid}.skin-show canvas{width:100%;height:auto;display:block}.skin-info .skin-name{font-size:20px;font-weight:800}.skin-info .rar{letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:800}.actions{flex-wrap:wrap;gap:8px;margin:10px 0 4px;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.team-toggle{background:var(--panel);border-radius:10px;gap:4px;padding:4px;display:flex}.team-toggle button{color:var(--muted);background:0 0;padding:6px 14px}.team-toggle button.active.red{background:var(--red);color:#fff}.team-toggle button.active.blue{background:var(--blue);color:#fff}.skins{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:14px;display:grid}.skin{background:linear-gradient(180deg, color-mix(in srgb, var(--rc,#555) 14%, var(--panel)), var(--panel) 65%);border:1px solid var(--line);border-top:3px solid var(--rc,var(--line));border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex;position:relative}.skin.sel{border-color:var(--green)}.skin canvas{aspect-ratio:1;background:radial-gradient(circle at 50% 70%,#2c3346,#1a1d26);border-radius:8px;width:100%;display:block}.skin .n{font-weight:700}.skin button{padding:6px 10px;font-size:13px}.card{background:var(--panel);text-align:center;border:1px solid var(--line);border-radius:16px;min-width:min(380px,100vw - 32px);padding:26px 32px}.card h2{color:var(--text);letter-spacing:3px;text-transform:none;margin:0 0 6px;font-size:40px}.card .big{margin:4px 0;font-size:26px;font-weight:800}.card .reward{color:var(--gold);font-size:20px}.card .row{justify-content:center;gap:10px;margin-top:16px;display:flex}.auth-card{text-align:left;flex-direction:column;gap:12px;width:min(360px,100vw - 32px);display:flex}.auth-tabs{background:var(--bg);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);background:0 0}.auth-tabs button.active{background:var(--panel2);color:var(--text)}.auth-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.auth-card input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}.error{color:#ff6b6b;min-height:1em;margin:0;font-size:13px}.small-note{margin:0;font-size:12px}#toast{background:var(--panel2);z-index:10;border:1px solid #444b5c;border-radius:8px;padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#chat{z-index:3;pointer-events:none;width:min(440px,100vw - 28px);font-size:14px;position:fixed;bottom:112px;left:14px}#chat-log{flex-direction:column;gap:2px;max-height:190px;display:flex;overflow:hidden}#chat .line{text-shadow:0 1px 2px #000,0 0 4px #000;word-wrap:break-word;border-radius:4px;padding:1px 6px;transition:opacity .6s}#chat .line.old{opacity:0}#chat .line.sys{color:#f5c542;font-style:italic}#chat .name{font-weight:800}#chat .dead{color:#c0c4cc;font-weight:700}#chat .teamtag{color:#9fe0a8;font-weight:700}#chat.open{pointer-events:auto}#chat.open #chat-log{background:#0a0c108c;border-radius:8px 8px 0 0;max-height:260px;padding:4px 0;overflow-y:auto}#chat.open .line.old{opacity:1}#chat-row{background:#0a0c10d9;border:1px solid #444b5c;border-radius:0 0 8px 8px;align-items:center;gap:8px;padding:6px 10px;display:flex}#chat-mode{color:#fff;font-size:13px;font-weight:800}#chat-mode.team{color:#9fe0a8}#chat-input{color:#fff;font:inherit;background:0 0;border:0;outline:0;flex:1}.xpbar{background:#2c3140;border-radius:4px;height:8px;overflow:hidden}.xpbar i{background:linear-gradient(90deg,#4aa8ff,#7fe0ff);height:100%;display:block}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:600px){.row2{grid-template-columns:1fr}}.missions{gap:8px;display:grid}.mission{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 14px;font-size:14px;display:grid}.mission.done{background:#17261d;border-color:#2e7d4a}.mission .r{color:var(--gold);text-align:right;font-size:13px;font-weight:700}.mission .bar{grid-column:1/-1}.mission .bar i{background:var(--green)}.mission .p{color:var(--muted);font-size:12px}.banner b{color:var(--gold)}#searching{z-index:4;color:#cfe3ff;pointer-events:none;background:#0f1117e0;border:1px solid #3d6aa8;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;position:fixed;top:100px;left:50%;transform:translate(-50%)}#tutorial{z-index:4;background:#0f1117e0;border:1px solid #3a4152;border-radius:12px;width:280px;padding:12px 14px;position:fixed;top:128px;right:14px}.tut-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tut-head button{padding:4px 10px;font-size:12px}#tut-steps{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}#tut-steps li{color:#dde;align-items:center;gap:8px;display:flex}#tut-steps li .box{border:2px solid #55607a;border-radius:4px;flex:none;width:14px;height:14px}#tut-steps li.done{color:#7fe09a;text-decoration:line-through}#tut-steps li.done .box{background:var(--green);border-color:var(--green)}#tut-steps kbd{color:var(--muted);background:#252a36;border-radius:4px;margin-left:auto;padding:1px 6px;font:600 11px system-ui}#match-end{z-index:6;background:#0a0c108c;place-items:center;display:grid;position:fixed;inset:0}.me-card h3{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:18px 0 10px;font-size:13px}.me-card .xp{color:#7fe0ff}#me-signup{background:#2a2414;border:1px solid #6a5420;border-radius:8px;padding:8px 12px;font-size:14px}.votes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:520px){.votes{grid-template-columns:1fr}}.vote{background:var(--panel2);border:1px solid var(--line);color:var(--text);text-align:left;padding:10px 12px}.vote:hover{border-color:#6a7590}.vote.mine{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.vote .vn{font-weight:800}.vote .vm{color:var(--muted);font-size:12px;font-weight:500}.vote .vc{color:var(--gold);margin-top:4px;font-size:12px}#me-leave{margin-top:6px}#touch{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#touch .stick{pointer-events:none;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;width:120px;height:120px;position:absolute}#touch .knob{background:#ffffff59;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse){body.ingame #rotate{z-index:20;background:var(--bg);text-align:center;place-items:center;padding:24px;font-size:20px;display:grid;position:fixed;inset:0}}#join-prompts{z-index:7;gap:8px;display:grid;position:fixed;top:128px;left:50%;transform:translate(-50%)}.join-prompt{border:1px solid var(--gold);background:#0f1117f2;border-radius:10px;min-width:300px;padding:10px 14px;font-size:14px;position:relative;overflow:hidden}.join-prompt .row{gap:8px;margin-top:8px;display:flex}.join-prompt .row button{flex:1;padding:6px}.join-prompt .t{background:var(--gold);height:3px;animation:30s linear forwards shrink;position:absolute;bottom:0;left:0}@keyframes shrink{0%{width:100%}to{width:0}}#server-box{z-index:4;background:#0f1117d9;border:1px solid #3a4152;border-radius:10px;width:230px;padding:10px 12px;font-size:13px;position:fixed;top:132px;left:14px}#server-box .sb-name{margin-bottom:2px;font-size:14px;font-weight:800}#server-box .sb-code b{letter-spacing:2px;color:var(--gold)}#server-box .row{gap:6px;margin-top:8px;display:flex}#server-box .row button{flex:1;padding:5px 6px;font-size:12px}.sb-friends{gap:4px;max-height:180px;margin-top:8px;display:grid;overflow-y:auto}.sb-friend{align-items:center;gap:6px;display:flex}.sb-friend .n{text-overflow:ellipsis;flex:1;overflow:hidden}.sb-friend button{padding:3px 8px;font-size:11px}.dot{background:#555c6a;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.on{background:var(--green);box-shadow:0 0 6px var(--green)}.badge{background:var(--red);color:#fff;text-align:center;border-radius:9px;min-width:18px;margin-left:6px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}nav{flex-wrap:wrap}.field{background:var(--panel);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:8px;padding:8px 10px;font-size:14px}.field.code{text-transform:uppercase;letter-spacing:3px;width:130px;font-weight:700}.side-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-self:start;padding:4px 16px 16px}.side-card .row,form.row{gap:8px;display:flex}.side-card .row>*{flex:1}.servers-grid,.friends-grid{grid-template-columns:1fr 340px;gap:20px;display:grid}@media (max-width:860px){.servers-grid,.friends-grid{grid-template-columns:1fr}}.srv-list{gap:8px;display:grid}.srv{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.srv .n{font-weight:800}.srv .m{color:var(--muted);font-size:12px}.srv .c{color:var(--green);font-weight:700}.srv .c.full{color:var(--red)}.empty-note{color:var(--muted);text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:10px;padding:18px}.create-form{gap:10px;display:grid}.create-form label{color:var(--muted);gap:4px;font-size:12px;display:grid}.create-form label.check{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.fr-list{gap:8px;display:grid}.fr{background:var(--panel2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.fr .n{flex:1;font-weight:700}.fr .s{color:var(--muted);font-size:12px}.fr button{padding:5px 10px;font-size:12px}.lb-me{background:linear-gradient(90deg,#2a2414,#1c1f28);border:1px solid #6a5420;border-radius:12px;margin:18px 0;padding:14px 18px;font-size:15px}.lb-me .rank{color:var(--gold);margin-right:12px;font-size:32px;font-weight:900}.lb{border-collapse:collapse;width:100%;font-size:14px}.lb th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 10px;font-size:12px;font-weight:600}.lb td{border-bottom:1px solid #22262f;padding:8px 10px}.lb tr.me td{color:var(--gold);background:#2a2414;font-weight:700}.lb td.r{width:48px;font-weight:800}.lb tr:first-child td.r{color:#f5c542}.lb tr:nth-child(2) td.r{color:#d8dde3}.lb tr:nth-child(3) td.r{color:#cd7f32}.days{justify-content:center;gap:6px;margin:12px 0;display:flex}.days span{background:var(--panel2);width:44px;color:var(--muted);border-radius:8px;padding:6px 0;font-size:12px;font-weight:700}.days span.got{color:var(--gold);background:#3a2e12;border:1px solid #6a5420}.days span.today{background:var(--gold);color:#1a1408}.invite-toast{z-index:12;border:1px solid var(--green);background:#0f1117f5;border-radius:12px;width:280px;padding:12px 14px;font-size:14px;position:fixed;bottom:120px;right:16px}.invite-toast .row{gap:8px;margin-top:8px;display:flex}.invite-toast .row button{flex:1;padding:6px}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text;user-select:text}canvas#game{touch-action:none}.screen{touch-action:pan-y;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.banner.tip{background:#16243a;border-color:#2e5a8a;margin-top:8px}#touch{--tb:calc(clamp(44px, 13vmin, 68px) * var(--ts,1));--sr:max(14px, env(safe-area-inset-right));--sl:max(12px, env(safe-area-inset-left))}.tbtn{width:var(--tb);height:var(--tb);color:#fff;font-size:calc(var(--tb) * .36);background:#0f111773;border:2px solid #ffffff47;border-radius:50%;place-items:center;padding:0;font-weight:800;transition:transform 60ms,background 60ms;display:grid;position:absolute}.tbtn.down,.tbtn:active{background:#ffffff47;transform:scale(.94)}.tbtn.fire{right:calc(var(--sr) + var(--tb) * .3);bottom:calc(var(--tb) * .35);width:calc(var(--tb) * 1.6);height:calc(var(--tb) * 1.6);background:radial-gradient(circle at 50% 40%,#ff5a468c,#96140a73);border-color:#ff8c78cc;align-content:center;gap:0}.tbtn.fire b{font-size:calc(var(--tb) * .55);line-height:1}.tbtn.fire small{font-size:calc(var(--tb) * .17);letter-spacing:1px;opacity:.9}.tbtn.fire.down{background:radial-gradient(circle at 50% 40%,#ff785ad9,#be1e0fb3)}.tbtn.jump{right:calc(var(--sr) + var(--tb) * 2.1);bottom:calc(var(--tb) * .22);width:calc(var(--tb) * 1.15);height:calc(var(--tb) * 1.15);font-size:calc(var(--tb) * .46)}.tbtn.nade{right:calc(var(--sr) + var(--tb) * 2.3);bottom:calc(var(--tb) * 1.62);width:calc(var(--tb) * .82);height:calc(var(--tb) * .82);font-size:calc(var(--tb) * .32)}.tbtn.swap{right:calc(var(--sr) + var(--tb) * 1.2);bottom:calc(var(--tb) * 2.2);width:calc(var(--tb) * .82);height:calc(var(--tb) * .82);font-size:calc(var(--tb) * .32)}.tbtn.prone{right:calc(var(--sr) + var(--tb) * 3.25);bottom:calc(var(--tb) * .4);width:calc(var(--tb) * .82);height:calc(var(--tb) * .82);font-size:calc(var(--tb) * .32)}.tbtn.prone.on{background:#f5c54273}.tbtn.reload{right:calc(var(--sr) + var(--tb) * .1);bottom:calc(var(--tb) * 2.25);width:calc(var(--tb) * .82);height:calc(var(--tb) * .82);font-size:calc(var(--tb) * .32)}.tbtn.pick{right:calc(var(--sr) + var(--tb) * .1);bottom:calc(var(--tb) * 3.3);width:auto;height:calc(var(--tb) * .75);font-size:calc(var(--tb) * .26);color:#ffd36a;white-space:nowrap;background:#3c2800bf;border-color:#ffd36a;border-radius:999px;padding:0 14px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #ffd36a40}}.tbtn.leave,.tbtn.board,.tbtn.chat{width:calc(var(--tb) * .66);height:calc(var(--tb) * .66);font-size:calc(var(--tb) * .26)}.tbtn.leave{left:var(--sl);top:38%}.tbtn.leave.armed{width:auto;font-size:calc(var(--tb) * .2);white-space:nowrap;background:#a01e14d9;border-radius:999px;padding:0 12px}.tbtn.board{left:var(--sl);top:calc(38% + var(--tb) * .8)}.tbtn.chat{left:var(--sl);top:calc(38% - var(--tb) * .8)}.ghost-stick{left:calc(var(--sl) + var(--tb) * 1.05);bottom:calc(var(--tb) * .55);width:calc(var(--tb) * 1.9);height:calc(var(--tb) * 1.9);pointer-events:none;border:2px dashed #ffffff38;border-radius:50%;place-items:center;display:grid;position:absolute}.ghost-stick i{background:#ffffff24;border-radius:50%;width:38%;height:38%}#touch .stick{background:#ffffff12;border-color:#ffffff59}#touch .knob{background:#ffffff73;box-shadow:0 2px 8px #00000059}.qchat{left:calc(var(--sl) + var(--tb) * .85);background:#0f1117eb;border:1px solid #3a4152;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid;position:absolute;top:22%}.qchat button{background:var(--panel2);padding:8px 10px;font-size:13px}.hint{color:#fff9;pointer-events:none;font-size:12px;font-weight:600;transition:opacity 1s;position:absolute;bottom:18px}.hint.left{left:calc(var(--sl) + 4%);bottom:calc(var(--tb) * 2.6)}.hint.right{right:calc(var(--tb) * 3.6);bottom:calc(var(--tb) * .4)}.hint.fade{opacity:0}body.touch #chat{top:30%;bottom:auto;left:calc(env(safe-area-inset-left) + 60px);width:min(320px,40vw);font-size:12px}body.touch #chat-log{max-height:110px}body.touch #server-box{top:62%;bottom:auto;left:calc(env(safe-area-inset-left) + 60px);transform-origin:0 0;transform:scale(.8)}body.touch #searching,body.touch #join-prompts{font-size:12px;top:92px}body.touch #tutorial{transform-origin:100% 0;top:120px;transform:scale(.8)}body.touch #match-end .me-card{max-height:92vh;padding:16px 20px;overflow-y:auto}body.touch #match-end .me-card h2{font-size:28px}@media (max-height:520px){.menu-inner{padding-top:10px}.topbar{gap:10px;margin-bottom:8px;padding:6px 10px}nav{border:0;flex-wrap:nowrap;flex-basis:auto;order:0;max-width:100%;margin:0;padding:0;overflow-x:auto}.level-chip div{display:none}.banner{margin-bottom:8px;padding:6px 10px;font-size:12px}nav button span:not(.badge){display:none}.play-big{padding:16px 20px}.play-big .t{font-size:34px}.home{grid-template-columns:240px 1fr}.showcase canvas{max-height:170px}.sc-stats,.whats-new{display:none}h2{margin:14px 0 8px}}#chat.open .name{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.player-menu{z-index:15;background:#0f1117f7;border:1px solid #3a4152;border-radius:10px;gap:4px;width:180px;padding:8px;display:grid;position:fixed}.player-menu .pm-name{padding:2px 4px 6px;font-weight:800}.player-menu .pm-sub{color:var(--muted);padding:4px 4px 0;font-size:11px}.player-menu button{text-align:left;background:var(--panel2);padding:6px 8px;font-size:13px}.player-menu button.ghost{background:0 0}#reconnect{z-index:30;background:#0a0c10b3;place-items:center;display:grid;position:fixed;inset:0}.banner.banned{background:#3a1414;border-color:#8a2a2a}.me-card{width:min(640px,100vw - 24px)}.me-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.me-head h2{letter-spacing:3px;margin:0;font-size:40px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.me-head .big{margin:0}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;margin:6px 0 10px;display:grid}.pod{text-align:center;animation:.6s ease-out both rise;position:relative}.pod.p1{animation-delay:.25s}.pod.p2{animation-delay:.1s}.pod.p3{animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.pod canvas{aspect-ratio:1;width:100%;max-width:130px;margin:0 auto -6px;display:block}.pod .pn{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.pod .ps{color:var(--muted);margin-bottom:6px;font-size:12px}.pod .base{color:#0000008c;border-radius:8px 8px 0 0;place-items:center;font-size:22px;font-weight:900;display:grid}.pod.p1 .base{background:linear-gradient(#ffe27a,#d4a017);height:64px}.pod.p2 .base{background:linear-gradient(#eef1f4,#a9b1ba);height:46px}.pod.p3 .base{background:linear-gradient(#f0b27a,#b06a2c);height:34px}.pod.me .pn:after{content:" ★";color:var(--gold)}.pod .mvp{background:var(--gold);color:#1a1405;letter-spacing:1px;z-index:1;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.me-you{background:var(--panel2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1.2fr 1fr;gap:12px;padding:12px;display:grid}.me-stats{text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.me-stats b{font-size:22px;display:block}.me-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.me-rewards{align-content:center;gap:8px;display:grid}.me-coins{color:var(--gold);align-items:center;gap:6px;font-size:22px;font-weight:900;display:flex}.me-lvl{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.me-lvl span{color:#7fe0ff;font-weight:700}.me-lvl.up b{color:var(--gold);animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.me-lvl.up b:after{content:" ⬆"}.me-foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.me-foot p{margin:0}@media (max-width:560px){.me-you{grid-template-columns:1fr}.me-head h2{font-size:30px}}.party{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 14px 12px;position:relative}.party.active{background:linear-gradient(180deg, #2ecc7114, var(--panel) 70%);border-color:#2e8a5a}.party-head{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.party-head .muted{font-size:12px}.party-head button{margin-left:auto}button.small{padding:5px 10px;font-size:12px}.party-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pm{background:var(--panel2);border:1px solid var(--line);text-align:center;width:104px;color:var(--text);border-radius:12px;padding:4px 6px 6px;position:relative}.pm.me{border-color:var(--gold)}.pm canvas{width:64px;height:64px;margin:0 auto;display:block}.pm-n{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.pm-s{color:var(--muted);font-size:11px}.pm-x{border:0;padding:0 5px;font-size:11px;line-height:18px;position:absolute;top:3px;right:3px}.pm.add{background:0 0;border-style:dashed;align-content:center;place-items:center;gap:2px;min-height:104px;font-weight:700;display:grid}.pm.add b{color:var(--green);font-size:28px;line-height:1}.pm.add span{color:var(--muted);font-size:12px}.pm.add:hover{border-color:var(--green)}.party-pick{z-index:4;border:1px solid var(--line);background:#14171ffa;border-radius:12px;gap:4px;max-height:260px;padding:8px;display:grid;position:absolute;top:calc(100% - 6px);left:14px;right:14px;overflow-y:auto;box-shadow:0 10px 30px #00000080}.pp{border-radius:8px;align-items:center;gap:8px;padding:4px 6px;font-size:14px;display:flex}.pp:hover{background:var(--panel2)}.pp .n{font-weight:700}.pp button{margin-left:auto}.play-big.waiting{background:linear-gradient(135deg,#2e8a5a,#1f6b44 60%,#164d31);border-color:#5fd69a;box-shadow:0 10px 40px #2ecc7140}.party-toast{border-color:var(--gold)}.gift{z-index:20}.gift .card{animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.gift-icon{font-size:64px;line-height:1;animation:1s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)scale(1.08)}}.gift .big{color:var(--gold);justify-content:center;align-items:center;gap:8px;font-size:34px;display:flex}.gift-reason{font-style:italic}.gift-reason:empty{display:none}.kill-report{z-index:7;color:#ffb0a8;cursor:pointer;background:#0f1117d9;border:1px solid #5a3a3a;border-radius:999px;padding:6px 14px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.kill-report:hover{background:#3a1e1e}.player-menu{z-index:30}.me-all-btn{margin:0 auto 8px;display:block}.me-all{text-align:left;grid-template-columns:1fr 1fr;gap:10px;max-height:240px;margin-bottom:10px;display:grid;overflow-y:auto}.me-team-h{margin-bottom:4px;font-size:13px;font-weight:900}.me-row{border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-size:13px;display:flex}.me-row.me{color:var(--gold);background:#f5c5421f}.me-row .n{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.me-row .s{color:var(--muted);font-size:12px}.me-row .flag,.hm-row .flag{color:#ff9a8f;border-color:#4a3a3a;padding:0 7px;font-size:12px;line-height:20px}.me-row .flag:hover,.hm-row .flag:hover{background:#3a1e1e}.history{grid-template-columns:1.1fr 1fr;align-items:start;gap:18px;display:grid}@media (max-width:900px){.history{grid-template-columns:1fr}}.hist-list{gap:6px;display:grid}.hm{text-align:left;background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);border-left:4px solid #555;border-radius:10px;grid-template-columns:86px 1fr auto auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.hm:hover{border-color:#55607a}.hm.sel{border-color:var(--gold)}.hm-win{border-left-color:var(--green)}.hm-loss{border-left-color:var(--red)}.hm-draw{border-left-color:#999}.hm-res{letter-spacing:1px;font-size:12px;font-weight:900}.hm-win .hm-res{color:var(--green)}.hm-loss .hm-res{color:#ff7a6a}.hm-draw .hm-res{color:#bbb}.hm-main{flex-direction:column;min-width:0;display:flex}.hm-main b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hm-main span{color:var(--muted);font-size:12px;font-weight:400}.hm-score{font-size:16px;font-weight:900}.hm-kda{text-align:center;flex-direction:column;font-weight:800;display:flex}.hm-kda small{color:var(--muted);letter-spacing:1px;font-size:9px;font-weight:600}.hm-coins{color:var(--gold);align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}@media (max-width:600px){.hm{grid-template-columns:70px 1fr auto}.hm-kda,.hm-coins{display:none}}.hist-detail{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;position:sticky;top:10px}.hist-detail h3{margin:0;font-size:20px}.hd-teams{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.hd-h{margin-bottom:6px;font-size:13px;font-weight:900}.hm-row{border-radius:6px;align-items:center;gap:6px;padding:3px 4px;font-size:13px;display:flex}.hm-row.me{color:var(--gold);background:#f5c5421f}.hm-row .n{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hm-row .s{color:var(--muted);font-size:12px}.reported{color:var(--green);font-size:11px}.touch-only{display:none}@media (pointer:coarse){.touch-only{display:grid}}.set-group{border-top:1px solid var(--line);gap:10px;padding-top:10px}.set-title{font-size:14px;font-weight:800}.set-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold)}.hint{text-shadow:0 1px 3px #000}.tbtn.fire{position:absolute;overflow:visible}.fknob{pointer-events:none;background:#fff0;border-radius:50%;width:34%;height:34%;margin:-17% 0 0 -17%;position:absolute;top:50%;left:50%}.fknob.on{background:#ffffff8c;box-shadow:0 0 0 3px #ff8c7899}.legal-links{color:var(--muted);margin:0;font-size:12px}.legal-links a{color:var(--muted)}.danger-zone .danger{color:#ff8a80;border-color:#7a2a2a;justify-self:start}.event-banner{gap:6px;margin-bottom:12px;display:grid}.event-banner>div{background:linear-gradient(90deg,#ffaa2838,#ff5a3c1f);border:1px solid #ffaa2880;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.ev-icon{font-size:20px}.ev-what{color:var(--gold);font-weight:900}.ev-left{color:var(--muted);margin-left:auto;font-size:12px}.sc-league{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.league{color:var(--lc);font-size:14px}.league span{color:var(--muted);margin-left:4px;font-size:12px}.league-bar{vertical-align:middle;background:#2c3140;border-radius:3px;width:90px;height:5px;display:inline-block;overflow:hidden}.league-bar i{height:100%;display:block}.leagues{flex-wrap:wrap;gap:12px;margin:10px 0;font-size:13px;display:flex}.leagues span{color:var(--lc);font-weight:700}.leagues small{color:var(--muted);font-weight:400}.pass-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pass-head h2{margin-bottom:4px}.premium-btn{background:linear-gradient(90deg,#ff2bd6,#8a4bff)}.pass-owned{color:var(--gold);font-weight:800}.pass-bar{background:var(--panel2);border-radius:11px;height:22px;margin:12px 0;position:relative;overflow:hidden}.pass-bar i{background:linear-gradient(90deg,#f5c542,#ff8a2b);border-radius:11px;transition:width .4s;position:absolute;inset:0 auto 0 0}.pass-bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;font-weight:700;line-height:22px;display:block;position:relative}.pass-rows{display:none}.pass-track{scroll-behavior:smooth;gap:8px;padding:4px 2px 12px;display:flex;overflow-x:auto}.pass-tier{flex-direction:column;flex:0 0 104px;align-items:stretch;gap:6px;display:flex}.pass-num{text-align:center;color:var(--muted);font-size:13px;font-weight:800}.pass-tier.got .pass-num{color:var(--gold)}.pass-tier.next .pass-num{color:#fff;background:var(--red);border-radius:8px}.pass-cell{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:112px;display:flex;position:relative}.pass-tier .pass-cell:last-child{background:linear-gradient(180deg, #2a1838, var(--panel));border-color:#5a2a6a}.pass-cell.got{border-color:var(--green)}.pass-cell.locked{opacity:.55}.pass-cell.item{box-shadow:inset 0 0 18px #ff2bd62e}.pass-coins{font-size:15px;font-weight:800}.pass-item{text-align:center;color:#ff9aea;padding:0 4px;font-size:11px;font-weight:700}.pass-check{color:var(--green);font-weight:900;position:absolute;top:4px;right:6px}.pass-lock{font-size:12px;position:absolute;top:4px;right:6px}.ad-box{background:linear-gradient(90deg, #12301e, var(--panel));border:1px solid #2a6a40;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 16px;display:flex}.ad-box p{margin:2px 0 0}.packs{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.pack{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;gap:6px;padding:18px 14px 14px;display:flex;position:relative}.pack.best{border-color:var(--gold);box-shadow:0 0 24px #f5c5422e}.pack-tag{background:var(--gold);color:#1a1a1a;white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pack-icon{font-size:40px}.pack-coins{font-size:22px;font-weight:900}.pack-bonus{color:var(--green);font-size:12px;font-weight:700}.pay-history{color:var(--muted);margin-top:12px;font-size:13px}.pay-history h3{color:var(--text);font-size:13px}.ad-overlay{z-index:50;background:#000000e0;place-items:center;display:grid;position:fixed;inset:0}.ad-frame{border:1px solid var(--line);background:#0d0f14;border-radius:14px;width:min(560px,92vw);overflow:hidden}.ad-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;padding:6px 10px;font-size:11px}.ad-body{text-align:center;background:radial-gradient(#3a1a1a,#0d0f14);place-items:center;height:260px;display:grid}.ad-body .logo{font-size:42px}.ad-foot{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.ad-close{opacity:.5;background:#333}.ad-close.ready{opacity:1;background:var(--green)}.clan-card,.clan-create{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:8px;padding:16px}.clan-top{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.clan-top h2{color:var(--text);text-transform:none;letter-spacing:0;margin:0 0 2px;font-size:20px}.clan-tag{color:var(--gold);font-size:20px;font-weight:900}.clan-stats{text-align:right;flex-direction:column;margin-left:auto;display:flex}.clan-stats span{color:var(--muted);font-size:12px}.clan-req{border-top:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;display:flex}.clan-req span{flex:1}.clan-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.clan-fields{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clan-fields .field{flex:160px}.clan-list{flex-direction:column;gap:6px;display:flex}.clan-row{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:80px 1fr 60px 110px 90px;align-items:center;gap:10px;padding:8px 12px;display:grid}.clan-row .clan-tag{font-size:15px}.clan-row .n{flex-direction:column;min-width:0;font-weight:700;display:flex}.clan-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}button.danger{background:#5a1e1e}@media (max-width:760px){.clan-row{grid-template-columns:60px 1fr 70px}.clan-row>:nth-child(3),.clan-row>:nth-child(4){display:none}.pass-tier{flex-basis:88px}}.clan-fields label.check{align-items:center;gap:6px;font-size:14px;display:flex}.rec-btn{z-index:6;background:#0f1117bf;border-radius:50%;width:38px;height:38px;padding:0;font-size:18px;line-height:38px;position:fixed;top:14px;left:calc(50% + 140px)}.rec-btn.on{background:#c0262d;animation:1s infinite recpulse}@keyframes recpulse{50%{box-shadow:0 0 0 6px #c0262d59}}.rec-badge{z-index:7;color:#fff;cursor:pointer;background:#c0262d;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:800;position:fixed;top:60px;left:50%;transform:translate(-50%)}.clip-modal{z-index:60;background:#000c;place-items:center;display:grid;position:fixed;inset:0}.clip-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(720px,94vw);padding:16px}.clip-card h3{margin:0 0 10px}.clip-card video{background:#000;border-radius:8px;width:100%;max-height:60vh}.clip-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.clip-actions a.btn{background:var(--green);color:#fff;border-radius:8px;padding:9px 14px;font-weight:700;text-decoration:none}@media (max-width:760px){.rec-btn{inset:auto 12px 46% auto}}.qcard.zombie{background:linear-gradient(180deg, #1b2a16, var(--panel));border-color:#3c6e2a}.mode-pick{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mode-pick button{background:var(--panel);border:1px solid var(--line);color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:13px;display:flex}.mode-pick button i{font-size:18px;font-style:normal}.mode-pick button.active{color:var(--text);border-color:var(--red);background:linear-gradient(180deg, #3a1c1c, var(--panel));box-shadow:0 0 0 1px var(--red) inset}@media (max-width:600px){.mode-pick{grid-template-columns:repeat(2,1fr)}.skin-show{grid-template-columns:1fr}}.fdock{z-index:30;flex-direction:column;width:250px;display:flex;position:fixed;top:0;bottom:0;right:0}.fdock-tab{display:none}.fdock-panel{border-left:1px solid var(--line);background:#161921f7;flex-direction:column;flex:1;min-height:0;display:flex;box-shadow:-8px 0 28px #00000059}.fdock-hide{display:none}.fdock.closed{width:auto;top:auto;bottom:16px;right:16px}.fdock.closed .fdock-panel{display:none}.fdock.closed .fdock-tab{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:22px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:800;display:flex;position:relative;box-shadow:0 6px 20px #00000073}.fdock-tab b{color:var(--green)}@media (max-width:1099px){.fdock:not(.closed){width:260px;top:70px;bottom:16px;right:16px}.fdock:not(.closed) .fdock-panel{border:1px solid var(--line);border-radius:12px}.fdock:not(.closed) .fdock-hide{display:block}}.fdock-unread,.fdock-row .ub{background:var(--red);color:#fff;border-radius:9px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:800}.fdock-unread{position:absolute;top:-6px;right:-6px}.fdock-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:16px 12px 12px 14px;display:flex}.fdock-head b{letter-spacing:.5px;font-size:15px}.fdock-online{color:var(--green);flex:1;font-size:12px}.fdock-head button{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:7px;width:28px;height:28px;padding:0;font-size:16px;line-height:1}.fdock-req{color:var(--gold);cursor:pointer;background:#f5c5421f;border-radius:8px;margin:10px 10px 0;padding:7px 9px;font-size:12px;font-weight:700}.fdock-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow-y:auto}.fdock-row{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:12px 1fr auto;align-items:center;column-gap:9px;width:100%;padding:7px 9px;display:grid}.fdock-row:hover,.fdock-row.sel{background:var(--panel2);border-color:var(--line)}.fdock-row .dot{grid-row:1/3}.fdock-row .nm{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.fdock-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:11px;overflow:hidden}.fdock-row .ub{grid-area:1/3/3}.fdock-row.off{opacity:.55}.fdock-empty{color:var(--muted);gap:8px;padding:10px;font-size:13px;display:grid}.dot{background:#666c7a;border-radius:50%;width:10px;height:10px;display:inline-block}.on .dot{background:var(--green);box-shadow:0 0 6px var(--green)}.game .dot{background:var(--gold);box-shadow:0 0 6px var(--gold)}.game small,.game .fchat-state{color:var(--gold)}.on small,.on .fchat-state{color:var(--green)}.fchat{z-index:31;border:1px solid var(--line);background:#1c1f28fa;border-radius:12px;flex-direction:column;width:310px;height:400px;display:flex;position:fixed;bottom:16px;right:262px;box-shadow:0 10px 36px #00000080}.fdock.closed~.fchat{bottom:74px;right:16px}.fchat-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.fchat-name{font-size:14px}.fchat-state{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.fchat-x{color:var(--muted);background:0 0;border:0;padding:2px 4px;font-size:16px}.fchat-msgs{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex;overflow-y:auto}.fchat-msg{word-wrap:break-word;white-space:pre-wrap;border-radius:12px;max-width:80%;padding:6px 10px;font-size:13px;line-height:1.35}.fchat-msg.me{background:var(--blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.fchat-msg.them{background:var(--panel2);border-bottom-left-radius:4px;align-self:flex-start}.fchat-day{color:var(--muted);align-self:center;margin:6px 0 2px;font-size:11px}.fchat-note{color:var(--muted);text-align:center;margin:auto 0;font-size:12px}.fchat-note.err{color:#ff7b7b;margin:4px 0}.fchat-form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.fchat-form input{background:var(--panel2);border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.fchat-form button{padding:6px 12px}@media (max-width:700px){.fdock:not(.closed){width:auto;inset:60px 8px 8px}.fchat{width:auto;height:60vh;bottom:8px;left:8px;right:8px}}#menu.dock-open{padding-right:250px}.pcard-wrap{z-index:60;position:fixed;inset:0}.pcard{background:linear-gradient(180deg, #232a3a, var(--panel) 40%);border:1px solid var(--line);border-radius:16px;width:min(640px,94vw);max-height:92vh;padding:18px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0009}.pcard-load{text-align:center;color:var(--muted);padding:30px}.pcard-x{color:var(--muted);background:0 0;border:0;font-size:18px;position:absolute;top:10px;right:10px}.pc-top{grid-template-columns:220px 1fr;align-items:center;gap:16px;display:grid}.pc-hero{background:radial-gradient(circle at 50% 70%,#ffffff12,#0000 65%);border-radius:12px;width:220px;height:220px}.pc-name{word-break:break-word;font-size:26px;font-weight:900}.pc-clan{color:var(--gold)}.pc-status{color:var(--muted);align-items:center;gap:6px;margin:2px 0 12px;font-size:13px;display:flex}.pc-level{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pc-level>div{flex:1}.pc-lv{background:linear-gradient(135deg,#3d8bfd,#1f4fb0);border-radius:50%;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid;box-shadow:0 0 0 2px #ffffff1f}.pc-xpl{color:var(--muted);margin-bottom:4px;font-size:12px}.pc-xp{background:#ffffff14;border-radius:4px;height:6px;overflow:hidden}.pc-xp i{background:linear-gradient(90deg,#3d8bfd,#7fd0ff);height:100%;display:block}.pc-league{background:color-mix(in srgb, var(--lc) 14%, transparent);border:1px solid color-mix(in srgb, var(--lc) 45%, transparent);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pc-li{font-size:26px}.pc-league b{color:var(--lc);display:block}.pc-league span{color:var(--muted);font-size:12px}.pc-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pc-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.pc-tile{background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:10px;padding:10px}.pc-tile b{font-size:20px;display:block}.pc-tile span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.pcard h4{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:4px 0 8px;font-size:12px}.pc-recent{gap:4px;display:grid}.pc-m{background:var(--panel2);border-left:3px solid;border-radius:8px;grid-template-columns:54px 1fr auto 70px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:grid}.pc-m.w{border-color:var(--green)}.pc-m.w b{color:var(--green)}.pc-m.l{border-color:var(--red)}.pc-m.l b{color:var(--red)}.pc-m small{color:var(--muted);text-align:right}.pc-kda{font-weight:700}.plink{cursor:pointer;color:inherit;border-bottom:1px dotted var(--muted);text-decoration:none}.plink:hover{color:var(--gold)}.fdock-row .pf{opacity:0;border-radius:6px;grid-area:1/3/3;padding:2px 4px;font-size:14px}.fdock-row:hover .pf{opacity:.85}.fdock-row .pf:hover{background:var(--line);opacity:1}.fchat-name{cursor:pointer}.fchat-name:hover{text-decoration:underline}@media (max-width:560px){.pc-top{text-align:center;grid-template-columns:1fr;justify-items:center}.pc-tiles{grid-template-columns:repeat(2,1fr)}.pc-m{grid-template-columns:46px 1fr auto}.pc-m small{display:none}}.game-menu{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a108c;place-items:center;display:grid;position:fixed;inset:0}.gm-box{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;width:min(340px,90vw);padding:20px;box-shadow:0 20px 60px #0009}.gm-box h2{letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:16px}.gm-box button{width:100%;margin:8px 0;padding:12px;font-size:16px;display:block}.gm-box p{font-size:13px;line-height:1.45}.gm-box .muted{color:var(--muted);margin:10px 0 0;font-size:12px}#dm-pops{z-index:35;pointer-events:none;flex-direction:column;gap:8px;width:min(300px,80vw);display:flex;position:fixed;top:70px;right:14px}.dm-pop{border:1px solid var(--line);border-left:4px solid var(--blue);background:#1c1f28f2;border-radius:10px;gap:2px;padding:9px 12px;transition:opacity .4s,transform .4s;animation:.25s ease-out dmIn;display:grid;box-shadow:0 6px 22px #00000073}.dm-pop b{color:#9fd0ff;font-size:13px}.dm-pop span{word-wrap:break-word;font-size:13px}.dm-pop small{color:var(--muted);font-size:10px}.dm-pop.out{opacity:0;transform:translate(20px)}@keyframes dmIn{0%{opacity:0;transform:translate(30px)}}