:root{--blue: #2f8fff;--blue-d: #1358b8;--sky: #33c6ff;--green: #5ed321;--green-d: #2f8a0c;--yellow: #ffc21c;--yellow-d: #c47a00;--orange: #ff7a1c;--orange-d: #b84a00;--red: #ff4b4b;--red-d: #a8161a;--purple: #b23cff;--purple-d: #6d1cb0;--gray: #7a8494;--gray-d: #3b4250;--ink: #0f1b33;--panel: #0e2a5c;--panel-2: #123a7a}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Nunito,system-ui,sans-serif;font-weight:700;color:#fff;overflow:hidden;background:#0b1f45}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 700px at 30% 20%,#1d63c9,#0f3c8e 45%,#0a2154)}#bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:url(/ui/pattern.svg);background-size:46px 46px}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;padding:18px 28px}.screen.active{display:flex}.screen.modal{align-items:center;justify-content:center;background:#040c1eb3;z-index:20}.screen.modal.active{display:flex}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.logo{font-family:Lilita One,sans-serif;font-size:44px;line-height:.9;letter-spacing:1px;display:flex;flex-direction:column;text-shadow:0 4px 0 #0a1d44,0 0 24px rgba(51,198,255,.5);transform:rotate(-3deg)}.logo.small{font-size:26px}.logo-street{color:#fff}.logo-football{color:var(--yellow);margin-top:-2px}.rank-badge{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:30px;background:linear-gradient(#ffd34a,#ff9d00);border:3px solid #7a4a00;box-shadow:0 3px #7a4a00}.pc-bar{width:220px;height:12px;background:#071535;border-radius:6px;overflow:hidden;border:2px solid #071535;margin:3px 0}.pc-bar>div{height:100%;background:linear-gradient(#8bff5a,#45c012);border-radius:6px}.pc-sub{font-size:12px;color:#a9c4ff}.panel{border-style:solid;border-width:18px 18px 22px 18px;border-image:url(/ui/panel.svg) 20 20 26 20 fill stretch;padding:2px 4px 0;display:flex;flex-direction:column;gap:12px;overflow:auto;filter:drop-shadow(0 4px 0 rgba(3,8,22,.55))}.panel-title{font-family:Lilita One;margin:0;padding:2px 2px 6px;font-size:28px;letter-spacing:1.5px;line-height:1.1;color:#fff;border:0;background:none;text-shadow:-2px -2px 0 #071535,2px -2px 0 #071535,-2px 2px 0 #071535,2px 2px 0 #071535,0 4px 0 #0a1d44,0 6px 10px rgba(3,8,22,.6);position:relative}.panel-title:after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--yellow),#ff9d00 60%,transparent);box-shadow:0 2px #071535}.panel-modal{min-width:520px;max-width:760px;max-height:92vh}.panel-bolts{border-image-source:url(/ui/panel-bolts.svg)}.panel-inner{border-style:solid;border-width:12px 14px 15px 14px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#a9c4ff}input{font:inherit;font-weight:900;color:#fff;outline:none;border-style:solid;border-width:12px;border-image:url(/ui/field.svg) 18 fill stretch;padding:0 2px;background:none}input:focus{filter:drop-shadow(0 0 4px var(--sky))}.code-input{text-transform:uppercase;letter-spacing:6px;font-family:Lilita One;font-size:22px;flex:1;text-align:center}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px;flex:1}.hint{font-size:12px;color:#a9c4ff;margin:0}.divider{display:flex;align-items:center;gap:10px;color:#a9c4ff;font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:4px;background:url(/ui/divider.svg) repeat-x center / auto 4px}.foot{text-align:center;font-size:12px;color:#a9c4ff;margin-top:10px}.btn{font-family:Lilita One,sans-serif;font-size:18px;letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45);border-style:solid;border-width:11px 12px 14px 12px;border-image-slice:18 18 24 18 fill;border-image-repeat:stretch;background:none;padding:0 6px;cursor:pointer;position:relative;white-space:nowrap;transition:transform .06s,filter .06s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(4px);filter:brightness(.9)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-blue{border-image-source:url(/ui/btn-blue.svg)}.btn-green{border-image-source:url(/ui/btn-green.svg)}.btn-yellow{border-image-source:url(/ui/btn-yellow.svg)}.btn-orange{border-image-source:url(/ui/btn-orange.svg)}.btn-red{border-image-source:url(/ui/btn-red.svg)}.btn-purple{border-image-source:url(/ui/btn-purple.svg)}.btn-gray{border-image-source:url(/ui/btn-gray.svg)}.btn-xl{font-size:26px;border-width:17px 16px 22px 16px;padding:0 8px}.btn-lg{font-size:21px;border-width:13px 16px 17px 16px;padding:0 8px}.btn-sm{font-size:14px;border-width:8px 10px 10px 10px;padding:0 4px}.class-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.class-card{border-style:solid;border-width:12px 12px 14px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none;padding:2px 4px 6px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:8px;transition:transform .1s,filter .1s}.class-card.sel{border-image-source:url(/ui/field-sel.svg);border-image-slice:18 fill;filter:drop-shadow(0 0 10px rgba(255,194,28,.5))}.cc-head{display:flex;align-items:center;gap:8px;min-width:0}.cc-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#030a1c80;box-shadow:inset 0 0 0 2px #ffffff14}.cc-icon .ic{width:26px;height:26px}.cc-id{display:flex;flex-direction:column;min-width:0}.cc-name{font-family:Lilita One;font-size:17px;letter-spacing:.5px;text-shadow:0 2px 0 #071535}.cc-tag{font-size:11px;color:#a9c4ff}.cc-stats{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 8px;font-size:10px;align-items:center;color:#a9c4ff}.cc-stats i{display:block;height:9px;border-radius:5px;background:#050f2a;border:1px solid #0a1d44;box-shadow:inset 0 1px 2px #00000080;overflow:hidden}.cc-stats i b{display:block;height:100%;border-radius:4px;background:var(--c);box-shadow:inset 0 1px #fff6}.cc-skill{font-size:11px;line-height:1.35;color:#cfe0ff;margin-top:auto;padding:6px 8px;border-radius:10px;background:#030a1c73}.cc-skill b{color:var(--yellow);font-family:Lilita One;letter-spacing:.5px}.cc-skill em{float:right;font-style:normal;font-family:Lilita One;color:#7fd4ff;margin-left:6px}.class-cards.mini .cc-stats,.class-cards.mini .cc-skill,.class-cards.mini .cc-tag{display:none}.class-cards.mini .class-card{padding:4px 8px;display:flex;gap:6px;align-items:center}.class-cards.mini .cc-icon{font-size:20px}.mode-tabs{display:flex;gap:6px}.mode-tab{flex:1;text-align:center;font-family:Lilita One;font-size:14px;cursor:pointer;color:#a9c4ff;border-style:solid;border-width:9px 10px;border-image:url(/ui/field.svg) 18 fill stretch;background:none;padding:0 2px}.mode-tab.sel{color:#fff;border-image-source:url(/ui/btn-blue.svg);border-image-slice:18 18 24 18 fill;border-width:8px 10px 11px}.rooms-head{margin-top:4px}.rooms-list{display:flex;flex-direction:column;gap:8px;max-height:190px;overflow:auto;padding:2px}.room-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;font-size:13px;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none;padding:0 2px}.room-row .rr-code{font-family:Lilita One;letter-spacing:2px;color:var(--yellow);font-size:16px}.room-row .rr-info small{color:#a9c4ff;display:block}.room-row .rr-count{font-family:Lilita One}.daily{margin-top:auto;display:flex;flex-direction:column;gap:6px}.daily-head .ic{width:1em;height:1em;color:var(--yellow)}.daily-streak{font-family:Lilita One;color:var(--orange);letter-spacing:0}.daily-streak .ic{width:1em;height:1em;color:var(--orange)}#daily-list{display:flex;flex-direction:column;gap:8px;padding:2px}.quest{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;font-size:13px;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;padding:0 2px}.quest.done{color:var(--green)}.quest.done .q-text{text-decoration:line-through;opacity:.8}.quest .q-xp{font-family:Lilita One;color:var(--yellow);font-size:12px}.quest .q-bar{grid-column:1 / -1;position:relative;height:14px;width:auto;max-width:none;border-radius:8px;background:#050f2a;border:2px solid #0a1d44;box-shadow:inset 0 2px 3px #0000008c;overflow:hidden}.quest .q-bar>div{position:absolute;top:2px;bottom:2px;left:2px;right:auto;min-width:6px;border-radius:6px;background:linear-gradient(#8bff5a,#45c012);box-shadow:inset 0 2px #ffffff73,inset 0 -3px 4px #00000040;transition:width .45s cubic-bezier(.2,.9,.3,1.2)}.quest.done .q-bar>div{background:linear-gradient(#ffd961,#e09400)}.howto{display:flex;flex-direction:column;gap:8px;padding:2px}.howto-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;font-size:14px;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;padding:2px}.howto-step .hs-n{display:grid;place-items:center;width:46px;height:46px;font-family:Lilita One;font-size:21px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5);border-style:solid;border-width:12px;border-image:url(/ui/hex-gold.svg) 20 fill stretch}.howto-step small{display:block;color:#a9c4ff;font-size:12px}.howto-step b{color:#fff}.res-daily{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--green)}.res-daily .ic{width:1em;height:1em}#locker-preview{background:radial-gradient(circle at 50% 46%,rgba(120,200,255,.3) 0%,rgba(80,150,255,.12) 46%,transparent 68%);filter:drop-shadow(0 8px 10px rgba(3,10,28,.55))}.locker-opts{gap:8px}.opt>span{font-size:12px;color:#a9c4ff;display:block;margin-bottom:4px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.sw{width:34px;height:34px;border-radius:10px;border:3px solid #0a1d44;cursor:pointer;display:grid;place-items:center;font-size:16px;background:#071535}.sw.sel{border-color:var(--yellow);box-shadow:0 0 10px #ffc21c99}.controls-table{border-collapse:collapse;font-size:15px}.controls-table td{padding:6px 12px;border-bottom:2px solid #0a1d44}kbd{background:#071535;border:2px solid #0a1d44;border-bottom-width:4px;border-radius:6px;padding:2px 7px;font-family:Lilita One;margin-right:3px}.lobby{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;flex:1;min-height:0}.lobby-side{grid-row:span 2;display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.lobby-code{align-items:center;text-align:center;gap:4px;flex:none}.lc-label{font-size:12px;color:#a9c4ff;letter-spacing:2px}.lc-code{font-family:Lilita One;font-size:54px;line-height:1.05;letter-spacing:8px;color:var(--yellow);text-shadow:0 4px 0 #7a4a00,0 0 22px rgba(255,194,28,.35)}.lc-acts{display:flex;gap:14px;justify-content:center;margin-top:4px}.lobby-setup{flex:1;min-height:0;gap:8px}.lobby-status{margin-top:auto;font-size:14px;color:#ffe27a;text-align:center}.teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;min-height:0}.team{border-style:solid;border-width:16px 16px 20px 16px;border-image:url(/ui/panel-bolts.svg) 20 20 26 20 fill stretch;background:none;padding:0 2px;display:flex;flex-direction:column;gap:8px;min-width:0;filter:drop-shadow(0 4px 0 rgba(3,8,22,.55))}.team h3{margin:0;font-family:Lilita One;font-size:22px;text-align:center;padding:6px;border-radius:10px;text-shadow:0 3px 0 rgba(3,8,22,.5)}.team-0 h3{background:linear-gradient(var(--sky),var(--blue))}.team-1 h3{background:linear-gradient(#ff9a3c,var(--orange))}.team-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:120px;overflow:auto;padding:2px}.member{display:flex;align-items:center;gap:8px;padding:0 2px;min-width:0;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none}.member .m-icon{font-size:20px}.member .m-name{flex:1;font-size:15px}.member .m-name small{color:#a9c4ff;font-size:11px}.member .m-ready{font-size:12px;color:var(--green)}.member.me{border-image:url(/ui/field-sel.svg) 18 fill stretch;border-width:10px 12px}.vs{font-family:Lilita One;font-size:40px;align-self:center;color:var(--yellow);text-shadow:0 4px 0 #7a4a00;transform:rotate(-8deg)}.lobby-actions{display:flex;gap:14px;align-items:center;flex-shrink:0;min-width:0}.lobby-actions .class-cards{flex:1;min-width:0}#screen-game{padding:0;background:#1b1e24}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scoreboard{position:absolute;top:10px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;gap:0;border-style:solid;border-width:12px 14px 15px 14px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none;padding:0;filter:drop-shadow(0 4px 0 rgba(3,8,22,.6))}.sb-team{font-family:Lilita One;font-size:18px;padding:6px 16px;letter-spacing:1px;text-shadow:0 2px 0 rgba(3,8,22,.5)}.sb-0{background:linear-gradient(var(--sky),var(--blue));clip-path:polygon(0 0,100% 0,88% 100%,0 100%);padding-right:24px}.sb-1{background:linear-gradient(#ff9a3c,var(--orange));clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);padding-left:24px}.sb-score{font-family:Lilita One;font-size:30px;padding:0 14px;color:var(--yellow);text-shadow:0 3px 0 #7a4a00}.sb-time{grid-column:span 3;text-align:center;font-family:Lilita One;font-size:16px;background:#0a1d44;padding:2px}.sb-time.hurry{color:var(--red);animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.hud-bottom-left{position:absolute;left:16px;bottom:16px;display:flex;gap:12px;align-items:flex-end}.stam{display:flex;gap:8px;align-items:center;padding:0 4px;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none;filter:drop-shadow(0 3px 0 rgba(3,8,22,.6))}.stam-bar{position:relative;width:140px;height:16px;background:none;border-style:solid;border-width:5px;border-image:url(/ui/bar-track.svg) 8 fill stretch}#stam-fill{position:absolute;top:-2px;bottom:-2px;left:0;width:100%;border-radius:4px;background:linear-gradient(#8bff5a,#45c012);transition:width .1s}.skill{width:74px;height:74px;border-radius:16px;background:linear-gradient(#c96bff,var(--purple));border:3px solid #0a1d44;box-shadow:0 4px 0 var(--purple-d);position:relative;display:grid;place-items:center;overflow:hidden}.skill-icon{font-size:30px}.skill-cd{position:absolute;left:0;right:0;bottom:0;background:#000000a6;height:0%}.skill-name{position:absolute;bottom:2px;font-size:10px;font-family:Lilita One;text-shadow:0 1px 0 #000}.skill.ready{animation:glow 1s infinite alternate}@keyframes glow{0%{box-shadow:0 4px 0 var(--purple-d),0 0 6px #b23cff66}to{box-shadow:0 4px 0 var(--purple-d),0 0 22px #b23cffe6}}.hud-bottom-right{position:absolute;right:16px;bottom:16px;font-size:12px;color:#cfd8e6;background:#071535b3;padding:6px 10px;border-radius:10px;border:2px solid #0a1d44}.banner{position:absolute;top:38%;left:0;right:0;text-align:center;font-family:Lilita One;font-size:90px;letter-spacing:3px;color:var(--yellow);text-shadow:0 6px 0 #7a4a00,0 0 40px rgba(255,194,28,.6);opacity:0;transform:scale(.5) rotate(-6deg);transition:opacity .15s,transform .25s cubic-bezier(.2,1.6,.4,1)}.banner.show{opacity:1;transform:scale(1) rotate(-4deg)}.banner small{display:block;font-size:26px;color:#fff;text-shadow:0 3px 0 #071535}.feed{position:absolute;top:90px;left:16px;display:flex;flex-direction:column;gap:4px}.feed div{background:#071535d9;border-left:4px solid var(--yellow);padding:4px 10px;border-radius:6px;font-size:13px;animation:fadein .2s}@keyframes fadein{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.results{align-items:center;text-align:center}.res-hero{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:6px 10px 10px}.res-title{font-family:Lilita One;font-size:44px;color:var(--yellow);text-shadow:0 5px 0 #7a4a00;transform:rotate(-3deg)}.res-board{font-family:Lilita One;font-size:72px;line-height:1;display:flex;gap:16px;align-items:center;text-shadow:0 5px 0 rgba(3,8,22,.6)}.res-board .t0{color:var(--team-0)}.res-board .t1{color:var(--team-1)}.res-board .res-x{color:#7f92b5;font-size:46px}.res-rank{font-size:15px;color:#ffe27a;line-height:1.6;padding:6px 8px;width:100%;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch}.res-rank:empty{display:none}.res-table{display:flex;flex-direction:column;gap:6px;width:100%;font-size:14px;max-height:38vh;overflow:auto;padding:2px;text-align:left}.res-table tbody{display:contents}.res-table tr{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 44px 52px 52px 52px;gap:8px;align-items:center;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;padding:0 2px}.res-table tr:first-child{border:0;padding:0 14px}.res-table th{color:#a9c4ff;font-size:10px;letter-spacing:0;padding:0;text-align:left}.res-table th:nth-child(n+3){text-align:center}.res-table td{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-table td:nth-child(n+3){text-align:center;font-family:Lilita One;font-size:16px}.res-table tr.t0 td:first-child,.res-table tr.t1 td:first-child{padding-left:8px}.res-table tr.t0 td:first-child{border-left:5px solid var(--team-0)}.res-table tr.t1 td:first-child{border-left:5px solid var(--team-1)}.res-table tr.mvp{border-image-source:url(/ui/field-sel.svg);border-image-slice:18 fill;filter:drop-shadow(0 0 8px rgba(255,194,28,.45))}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,80px);background:var(--red);border:3px solid #0a1d44;border-radius:12px;padding:10px 18px;font-family:Lilita One;z-index:50;transition:transform .25s;box-shadow:0 4px 0 var(--red-d)}#toast.show{transform:translate(-50%)}#toast.ok{background:var(--green);box-shadow:0 4px 0 var(--green-d)}@media (max-width: 900px){.menu-grid,.lobby{grid-template-columns:minmax(0,1fr)}.class-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.ic{width:1.1em;height:1.1em;vertical-align:-.2em;display:inline-block}.btn .ic{width:1.05em;height:1.05em;margin-right:2px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.btn-icon{padding:6px 8px}.rank-badge .ic,.cc-icon .ic{width:34px;height:34px}.m-icon .ic{width:22px;height:22px}.skill-icon .ic{width:34px;height:34px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.stam .ic{width:18px;height:18px;color:var(--yellow)}.m-flag{display:inline-flex;gap:4px;align-items:center;color:#a9c4ff}.m-flag .ic{width:14px;height:14px}.panel-wide{min-width:860px;max-width:960px}.locker{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.locker-left{display:flex;flex-direction:column;gap:10px}.locker-stats{font-size:11px;color:#a9c4ff;display:grid;grid-template-columns:1fr 1fr;gap:6px}.locker-stats span{display:flex;flex-direction:column-reverse;align-items:center;gap:1px;padding:5px 2px;border-radius:9px;background:#030a1c73;text-align:center}.locker-stats b{color:#fff;font-family:Lilita One;font-size:15px}.locker-right{display:flex;flex-direction:column;gap:10px;min-height:0}.locker-tabs{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.locker-tabs .locker-tab{flex:none}.locker-tab{font-family:Lilita One;font-size:13px;cursor:pointer;color:#a9c4ff;border-style:solid;border-width:8px 10px;border-image:url(/ui/field.svg) 18 fill stretch;background:none;padding:0}.locker-tab.sel{color:#fff;border-image-source:url(/ui/btn-purple.svg);border-image-slice:18 18 24 18 fill;border-width:7px 10px 10px}.locker-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;max-height:52vh;overflow:auto;align-content:start}.locker-items>.class-cards{grid-column:1 / -1}.item{border-style:solid;border-width:9px;border-image:url(/ui/field.svg) 18 fill stretch;background:none;padding:2px;text-align:center;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.item .ic{width:34px;height:34px}.item .it-color{width:34px;height:34px;border-radius:10px;border:3px solid #0a1d44}.item .it-name{font-size:11px}.item .it-req{font-size:9px;color:var(--yellow)}.item.sel{border-image-source:url(/ui/field-sel.svg);filter:drop-shadow(0 0 8px rgba(255,194,28,.45))}.item.locked{opacity:.55;cursor:not-allowed}.item.locked .it-lock{position:absolute;top:4px;right:4px;color:var(--yellow)}.item.locked .it-lock .ic{width:14px;height:14px}.controls-table td.keys{display:flex;gap:6px}.keycap{background:#071535;border:2px solid #0a1d44;border-bottom-width:4px;border-radius:6px;padding:3px 9px;font-family:Lilita One;cursor:pointer;min-width:44px;text-align:center}.keycap:hover{border-color:var(--sky)}.keycap.listening{border-color:var(--yellow);background:#15316b;animation:pulse .5s infinite alternate}.keycap.empty{color:#5a6b8f}.pad-box{display:flex;gap:8px;align-items:center;font-size:12px;color:#a9c4ff;padding:2px 4px;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none}.pad-box .ic{width:22px;height:22px;color:var(--sky);flex-shrink:0}.ctrl-tabs{display:flex;gap:6px}.ctrl-tab{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;font-family:Lilita One;font-size:14px;letter-spacing:.5px;cursor:pointer;color:#a9c4ff;border-style:solid;border-width:11px 12px;border-image:url(/ui/field.svg) 18 fill stretch;background:none;padding:0 6px}.ctrl-tab .ic{width:18px;height:18px}.ctrl-tab.sel{color:#fff;border-image-source:url(/ui/btn-blue.svg);border-image-slice:18 18 24 18 fill;border-width:10px 12px 13px}.ctrl-tab.live:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.ctrl-sheet{max-height:46vh;overflow:auto;padding:2px 6px}.ctrl-sheet .controls-table{width:100%}.controls-table td.keys{justify-content:flex-end;flex-wrap:wrap}.pad-table{display:none}.pad-table.show{display:table}.padcap{display:inline-block;background:#071535;border:2px solid #2a4c8f;border-bottom-width:4px;border-radius:8px;padding:3px 10px;font-family:Lilita One;color:#fff;min-width:44px;text-align:center}.pic{width:30px;height:30px;display:inline-block;vertical-align:-8px;color:#dce7ff;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.padcap .pic{margin:0 1px}.glyphs{display:flex;gap:4px;align-items:center}.glyphs .sep{color:#5a6b8f;font-size:12px}.keycap.glyph{background:none;border:none;padding:0;min-width:0}.keycap.glyph .pic{width:34px;height:34px;vertical-align:-10px}.keycap.glyph:hover .pic{color:var(--sky)}.keycap.glyph.listening .pic{color:var(--yellow)}.hud-bottom-right .pic{width:20px;height:20px;vertical-align:-5px;color:#cfe0ff}.btn-icon-only{padding:0 2px;min-width:0}.btn-icon-only .ic{margin:0}.controls-table tr.nav td{color:#a9c4ff}.ladder-table{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;font-size:14px;max-height:48vh;overflow:auto;padding:2px}.ladder-table tbody{display:contents}.ladder-table tr{display:grid;grid-template-columns:38px minmax(0,1fr) 58px 46px 34px 34px;gap:8px;align-items:center;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;padding:0 2px}.ladder-table tr:first-child{border:0;padding:0 14px}.ladder-table th{font-size:10px;letter-spacing:1px;color:#a9c4ff;text-align:left;padding:0}.ladder-table th:nth-child(n+3){text-align:center}.ladder-table td{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladder-table td.num{text-align:center;font-family:Lilita One}.ladder-table .lb-pos{font-family:Lilita One;font-size:20px;color:var(--yellow);text-align:center;text-shadow:0 2px 0 #7a4a00}.ladder-table .lb-tier{font-weight:900}.ladder-table .lb-tier .ic{width:18px;height:18px;vertical-align:-3px;margin-right:4px}.ladder-table td:nth-child(4){display:grid;place-items:center;width:42px;height:42px;justify-self:center;font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.5);border-style:solid;border-width:11px;border-image:url(/ui/hex-blue.svg) 20 fill stretch}.ladder-table tr.me{border-image:url(/ui/field-sel.svg) 18 fill stretch;filter:drop-shadow(0 0 8px rgba(255,194,28,.45))}.friend-me{display:flex;align-items:center;gap:12px;font-size:11px;color:#a9c4ff;letter-spacing:2px}.friend-me b{flex:1;font-family:Lilita One;font-size:30px;letter-spacing:7px;color:var(--yellow);text-shadow:0 3px 0 #7a4a00;text-align:center}.friend-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;min-width:min(460px,100%);padding:2px}.friend-group{display:flex;flex-direction:column;gap:8px;padding:2px}.friend-group:empty{display:none}.fr-acts{display:flex;gap:6px;align-items:center}.friend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px;border-style:solid;border-width:10px 12px 12px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none;padding:0 2px}.friend-row .fr-dot{width:10px;height:10px;border-radius:50%;background:var(--gray)}.friend-row.on .fr-dot{background:var(--green);box-shadow:0 0 8px var(--green)}.friend-row .fr-name{font-weight:900}.friend-row .fr-sub{display:block;font-size:11px;color:#a9c4ff;letter-spacing:1px}.friend-head{font-size:11px;letter-spacing:2px;color:#a9c4ff;margin:6px 0 2px}.gp-focus{outline:3px solid #fff;outline-offset:3px;border-radius:10px;box-shadow:0 0 0 7px #33c6ff73}.board{position:absolute;top:90px;left:50%;transform:translate(-50%);display:none;gap:14px;border-style:solid;border-width:18px 18px 22px 18px;border-image:url(/ui/panel-bolts.svg) 20 20 26 20 fill stretch;background:none;padding:2px;filter:drop-shadow(0 5px 0 rgba(3,8,22,.6));min-width:min(560px,92vw);max-width:96vw}.board.show{display:grid;grid-template-columns:1fr 1fr}.board table{border-collapse:collapse;width:100%;font-size:13px}.board th{font-size:10px;letter-spacing:1px;color:#a9c4ff;padding:2px 6px;text-align:left}.board td{padding:4px 6px;border-top:2px solid #0a1d44}.board td.num{text-align:center;font-family:Lilita One}.board h4{margin:0 0 6px;font-family:Lilita One;font-size:16px;padding:4px 10px;border-radius:8px}.board .bt-0 h4{background:linear-gradient(var(--sky),var(--blue))}.board .bt-1 h4{background:linear-gradient(#ff9a3c,var(--orange))}.board tr.me td{background:#ffc21c1f}.replay-tag{position:absolute;top:96px;right:24px;display:none;align-items:center;gap:6px;font-family:Lilita One;font-size:20px;color:#fff;background:var(--red);border:3px solid #0a1d44;border-radius:10px;padding:4px 12px;box-shadow:0 4px 0 var(--red-d);animation:pulse 1s infinite alternate}.replay-tag.show{display:flex}.replay-tag .ic{width:18px;height:18px}.replay-tag .slow-tag{display:none;font-size:15px;color:#0a1d44;background:var(--yellow);border-radius:6px;padding:1px 6px;margin-left:2px}.replay-tag.slow .slow-tag{display:inline-block}#screen-game .hud-bottom-right .ic{width:14px;height:14px}.arena-tabs .mode-tab{font-size:12px;padding:6px 4px}.hud-mute{position:absolute;top:14px;right:16px;pointer-events:auto}.reconnect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;gap:10px;align-items:center;font-family:Lilita One;font-size:26px;background:#071535eb;border:3px solid #0a1d44;border-radius:14px;padding:14px 22px;box-shadow:0 6px #050f2a}.reconnect.show{display:flex}.reconnect .ic{width:26px;height:26px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.touch{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.touch.avail{display:block}.touch.avail~.hud-bottom-right,#screen-game:has(.touch.avail) .hud-bottom-right{display:none}.joy{position:absolute;left:24px;bottom:90px;width:150px;height:150px;border-radius:50%;background:#07153573;border:3px solid rgba(255,255,255,.25);pointer-events:auto;touch-action:none}.joy-knob{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#ffffff8c;border:3px solid #0a1d44}.tbtns{position:absolute;right:18px;bottom:80px;width:250px;height:250px;pointer-events:none}.tbtn{position:absolute;width:74px;height:74px;border-radius:50%;border:3px solid #0a1d44;color:#fff;font-family:Lilita One;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 4px #0006;opacity:.9}.tbtn .ic{width:26px;height:26px}.tbtn.on{transform:scale(.92);opacity:1;filter:brightness(1.2)}.tb-shoot{right:0;bottom:60px;background:var(--red);width:90px;height:90px}.tb-pass{right:100px;bottom:20px;background:var(--blue)}.tb-lob{right:120px;bottom:105px;background:var(--sky)}.tb-tackle{right:30px;bottom:160px;background:var(--orange)}.tb-skill{right:170px;bottom:190px;background:var(--purple)}.tb-sprint{right:190px;bottom:0;background:var(--green);width:64px;height:64px}.tb-power{right:10px;bottom:0;background:var(--yellow);color:#23180a;width:58px;height:58px;font-size:9px}.tb-small{width:46px;height:46px;background:var(--gray)}.tb-small:nth-of-type(8){right:0;bottom:200px}.tb-small:nth-of-type(9){right:60px;bottom:230px}.rotate-hint{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1f45;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:Lilita One;font-size:22px;text-align:center;padding:20px}.rotate-hint .ic{width:64px;height:64px;color:var(--yellow)}@media (pointer: coarse){.hud-bottom-right{display:none}.hud-bottom-left{left:190px;bottom:16px;transform:scale(.85);transform-origin:left bottom}.skill{display:none}.screen{padding:10px 12px}.logo{font-size:30px}.panel-modal,.panel-wide{min-width:0;width:96vw}.locker{grid-template-columns:minmax(0,1fr)}#locker-preview{width:160px;height:160px;margin:0 auto}.class-cards{grid-template-columns:repeat(2,1fr)}.btn-xl{font-size:20px;padding:12px 16px}}@media (pointer: coarse) and (orientation: portrait){#screen-game.active .rotate-hint{display:flex}}@media (max-height: 520px){.tbtns{transform:scale(.68);transform-origin:right bottom;bottom:30px;right:10px}.joy{transform:scale(.75);transform-origin:left bottom;bottom:30px;left:12px}.hud-bottom-left{transform:scale(.7);transform-origin:left bottom;left:150px;bottom:8px}.scoreboard{transform:translate(-50%) scale(.8);transform-origin:top center}.hud-mute{top:8px;right:8px;transform:scale(.85)}}.wallet-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wallet-slot{display:inline-flex;align-items:center;gap:6px;padding:0 4px;font-size:15px;min-height:26px;box-sizing:content-box;border-style:solid;border-width:9px 11px 11px 11px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch}.wallet-slot .rbtn-xs{width:28px;height:28px;border-width:8px;margin:-1px -2px -1px 0}.wallet-slot .rbtn-xs .ic{width:13px;height:13px}.wallet{display:flex;align-items:center;gap:8px}.wallet .cur{font-size:16px;white-space:nowrap}.wallet .cur-coins{color:var(--yellow)}.wallet .cur-gems{color:#5ef0d8}.cur.bump{animation:cur-bump .5s ease-out}@keyframes cur-bump{0%{transform:scale(1)}35%{transform:scale(1.28);filter:brightness(1.6)}to{transform:scale(1)}}.row-split{display:flex;gap:8px}.row-split>.btn{flex:1}@media (max-width: 900px){.wallet{gap:6px}.wallet .cur{font-size:13px}.wallet-slot{border-width:8px 9px 10px 9px;font-size:13px}}:root{--hud-scale: 1;--team-0: #2f8fff;--team-1: #ff7a1c}.scoreboard{transform:translate(-50%) scale(var(--hud-scale));transform-origin:top center}.hud-bottom-left{transform:scale(var(--hud-scale));transform-origin:left bottom}.hud-bottom-right{transform:scale(var(--hud-scale));transform-origin:right bottom}.feed{transform:scale(var(--hud-scale));transform-origin:right top}body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.08s!important;scroll-behavior:auto!important}body.no-feed .feed{display:none}.sb-0,.team-0 h3{background:linear-gradient(color-mix(in srgb,var(--team-0) 70%,#fff),var(--team-0));color:#fff}.sb-1,.team-1 h3{background:linear-gradient(color-mix(in srgb,var(--team-1) 70%,#fff),var(--team-1));color:#fff}.res-table tr.t0 td:first-child{color:var(--team-0)}.res-table tr.t1 td:first-child{color:var(--team-1)}.touch.forced{display:block}.sb-target{grid-column:1 / -1;font-size:11px;letter-spacing:1px;color:var(--yellow);text-align:center;margin-top:2px}.sb-target:empty{display:none}.sb-shotclock{grid-column:1 / -1;display:none;align-items:center;justify-content:center;gap:6px;margin-top:4px}.sb-shotclock.show{display:flex}.sb-shotclock>i{display:block;width:92px;height:12px;position:relative;background:none;border-style:solid;border-width:4px;border-image:url(/ui/bar-track.svg) 8 fill stretch}.sb-shotclock>i:after{content:"";position:absolute;top:-2px;bottom:-2px;left:0;width:var(--w, 100%);background:linear-gradient(90deg,#5ed321,#8bff5a);border-radius:4px;transition:width .1s linear}.sb-shotclock>b{font-family:Lilita One;font-size:15px;min-width:20px;text-align:left}.sb-shotclock.warn>i:after{background:linear-gradient(90deg,#ff7a1c,#ffc21c)}.sb-shotclock.danger>i:after{background:linear-gradient(90deg,#ff2e2e,#ff7a7a)}.sb-shotclock.danger>b{color:#ff6b6b;animation:sc-pulse .45s infinite alternate}@keyframes sc-pulse{to{transform:scale(1.18)}}.row-split>.btn{flex:1;min-width:0;padding-left:6px;padding-right:6px;font-size:12px}#screen-menu{padding:0;display:none;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}#screen-menu.active{display:grid}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 16px 0;min-width:0;flex-wrap:wrap}.lvl-chip{min-width:0}.lvl-chip{display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;border-style:solid;border-width:12px 14px 15px 14px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none;font:inherit;color:#fff;padding:0 4px}.lvl-info{display:flex;flex-direction:column;gap:3px;min-width:0}.lvl-name{font-family:Lilita One;font-size:19px;letter-spacing:.5px;white-space:nowrap;text-shadow:0 2px 0 #071535}.lvl-sub{font-size:11px;color:#a9c4ff;white-space:nowrap}.lvl-sub b{color:#ffe27a}.hex{display:grid;place-items:center;width:46px;height:46px;flex:none;font-family:Lilita One;font-size:21px;text-shadow:0 2px 0 rgba(0,0,0,.5);border-style:solid;border-width:12px;border-image:url(/ui/hex-blue.svg) 20 fill stretch}.hex-gold{border-image-source:url(/ui/hex-gold.svg)}.bar{display:block;position:relative;height:16px;width:200px;max-width:40vw;border-radius:9px;background:#050f2a;border:2px solid #0a1d44;box-shadow:inset 0 2px 3px #0000008c;overflow:hidden}.bar-fill{position:absolute;top:2px;bottom:2px;left:2px;right:auto;display:block;min-width:8px;border-radius:7px;background:var(--fill, linear-gradient(#8bff5a, #45c012));box-shadow:inset 0 2px #ffffff73,inset 0 -3px 4px #00000040;transition:width .45s cubic-bezier(.2,.9,.3,1.2)}.bar-green{--fill: linear-gradient(#8bff5a, #45c012)}.bar-blue{--fill: linear-gradient(#6bbaff, #1f6fd6)}.bar-yellow{--fill: linear-gradient(#ffd961, #e09400)}.bar-orange{--fill: linear-gradient(#ffa761, #d85c00)}.bar-red{--fill: linear-gradient(#ff8a8a, #d62b2b)}.bar-purple{--fill: linear-gradient(#d38bff, #8a1fd6)}.hud-right{display:flex;align-items:center;gap:8px}.rbtn{display:grid;place-items:center;width:52px;height:52px;flex:none;cursor:pointer;border-style:solid;border-width:15px;border-image:url(/ui/round-gray.svg) 22 fill stretch;background:none;padding:0;color:#fff;transition:transform .12s cubic-bezier(.2,.9,.3,1.4),filter .12s}.rbtn .ic{width:22px;height:22px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.rbtn-xs{width:34px;height:34px;border-width:10px}.rbtn-xs .ic{width:15px;height:15px}.rbtn-blue{border-image-source:url(/ui/round-blue.svg)}.rbtn-green{border-image-source:url(/ui/round-green.svg)}.rbtn-yellow{border-image-source:url(/ui/round-yellow.svg)}.rbtn-orange{border-image-source:url(/ui/round-orange.svg)}.rbtn-red{border-image-source:url(/ui/round-red.svg)}.rbtn-purple{border-image-source:url(/ui/round-purple.svg)}.home{position:relative;display:grid;place-items:center;min-height:0;padding:4px 16px}.home-rail{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:2}.railbtn{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;background:none;border:0;padding:0;font:inherit;font-family:Lilita One;font-size:10px;letter-spacing:.5px;color:#cfe0ff;text-shadow:0 2px 0 #071535;transition:transform .12s cubic-bezier(.2,.9,.3,1.4)}.railbtn .rb-ic{pointer-events:none}.home-stage{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0}.home-stage .logo{font-size:clamp(24px,4.4vh,40px);margin-bottom:-6px}.stage-hero{position:relative;display:grid;place-items:center}.hero-glow{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(120,200,255,.55) 0%,rgba(80,150,255,.22) 45%,transparent 70%);filter:blur(2px);animation:hero-pulse 4s ease-in-out infinite}@keyframes hero-pulse{50%{transform:scale(1.07);opacity:.8}}#avatar-preview{position:relative;width:max(150px,min(calc(100vh - 440px),340px));height:max(150px,min(calc(100vh - 440px),340px));filter:drop-shadow(0 10px 14px rgba(3,10,28,.6));animation:hero-float 3.4s ease-in-out infinite}@keyframes hero-float{50%{transform:translateY(-8px)}}.hero-plate{font-family:Lilita One;font-size:15px;letter-spacing:1px;color:#ffe27a;text-shadow:0 2px 0 #071535;margin-top:-6px}.mode-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:100%}.mode-chips .mode-tab{flex:none;padding:0 14px;height:40px;display:grid;place-items:center;border-width:11px 12px 13px 12px;font-size:14px}.home-play{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;justify-content:center;max-width:100%}.btn-play{min-width:260px}.btn-rooms{position:relative}.stage-hint{text-align:center;max-width:340px}.pad-status{position:absolute;bottom:6px;left:0;right:0;text-align:center}[hidden]{display:none!important}.tab .badge{top:0;right:8px}.badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:var(--red);border:2px solid #7a0f12;font-family:Lilita One;font-size:11px;color:#fff;box-shadow:0 2px #7a0f12}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:4px;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0a1f47,#071535);border-top:4px solid #050f2a;box-shadow:0 -6px 18px #03081680;z-index:5}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;background:none;border:0;padding:6px 2px;font:inherit;font-family:Lilita One;font-size:11px;letter-spacing:.5px;color:#6f8ac0;position:relative;transition:color .15s,transform .12s cubic-bezier(.2,.9,.3,1.4)}.tab .ic{width:26px;height:26px;transition:transform .18s cubic-bezier(.2,.9,.3,1.5)}.tab.sel{color:#fff}.tab.sel .ic{transform:translateY(-2px) scale(1.14);filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.tab-home{margin-bottom:4px}.tab-home .ic{width:32px;height:32px}.tab.sel:after{content:"";position:absolute;top:0;left:22%;right:22%;height:4px;border-radius:0 0 4px 4px;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}@media (hover: hover){.btn:not(:disabled):hover,.rbtn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08)}.railbtn:hover{transform:translateY(-3px)}.railbtn:hover .rb-ic{filter:brightness(1.12)}.tab:not(.sel):hover{color:#a9c4ff}.tab:not(.sel):hover .ic{transform:translateY(-2px)}.mode-tab:hover,.locker-tab:hover,.item:hover,.shop-card:hover,.club-row:hover,.sw:hover{filter:brightness(1.1)}}.btn:not(:disabled):active,.rbtn:not(:disabled):active{transform:translateY(2px);filter:brightness(.95)}.railbtn:active,.tab:active{transform:translateY(1px)}.shine{position:relative}.shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(100deg,transparent,rgba(255,255,255,var(--shine-a, .5)) 42%,rgba(255,255,255,var(--shine-a, .5)) 58%,transparent);background-repeat:no-repeat;background-size:var(--shine-w, 64px) 100%;background-position:calc(-1 * var(--shine-w, 64px)) 0;animation:shine 3.6s linear infinite}@keyframes shine{0%,55%{background-position:calc(-1 * var(--shine-w, 64px)) 0}to{background-position:calc(100% + var(--shine-w, 64px)) 0}}.btn-xl.shine:after{top:-17px;right:-16px;bottom:-22px;left:-16px}body.no-motion .shine:after,body.no-motion .hero-glow,body.no-motion #avatar-preview{animation:none}.btn:focus-visible,.rbtn:focus-visible,.tab:focus-visible,.railbtn:focus-visible,.mode-tab:focus-visible,.locker-tab:focus-visible,.item:focus-visible,input:focus-visible,.shop-card:focus-visible,.club-row:focus-visible,.sw:focus-visible,.gp-focus{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}@media (max-width: 760px),(max-height: 620px){.home{padding:2px 10px}.home-rail{position:static;transform:none;flex-direction:row;justify-content:center;gap:14px;order:-1}.railbtn{font-size:9px}.rbtn{width:44px;height:44px;border-width:13px}.rbtn .ic{width:18px;height:18px}.home-stage{gap:6px}.home-stage .logo{font-size:26px}#avatar-preview{width:min(34vh,230px);height:min(34vh,230px)}.btn-play{min-width:0}.home-play{width:100%}.btn-play{flex:1}.stage-hint{display:none}.lvl-chip{border-width:10px 11px 12px 11px}.lvl-name{font-size:15px}.lvl-sub{font-size:9px}.bar{width:130px;height:12px}.hex{width:38px;height:38px;border-width:10px;font-size:17px}.rank-badge{display:none}.hud-top{padding:8px 10px 0;gap:6px}.cur{font-size:13px}}.home{overflow:hidden}.home-stage{max-width:100%}#screen-menu,.home,.home-stage{min-width:0}.screen-head{flex:none}.screen-head>.rbtn{margin-left:2px}.screen-head>.btn{flex:none}.screen-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:2px}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Lilita One;font-size:12px;letter-spacing:2px;color:#a9c4ff}.sec-head .ic{width:1em;height:1em}.join-row{align-items:stretch}.join-row .code-input{min-width:0}.friend-head{align-self:flex-start;font-size:11px;letter-spacing:2px;color:#a9c4ff;margin:6px 0 2px}.friend-group:has(>.friend-row) .friend-head:after{content:"1";display:inline-grid;place-items:center;vertical-align:-5px;margin-left:8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);border:2px solid #7a0f12;font-family:Lilita One;font-size:11px;letter-spacing:0;color:#fff;box-shadow:0 2px #7a0f12}.friend-group:has(>.friend-row:nth-child(3)) .friend-head:after{content:"2"}.friend-group:has(>.friend-row:nth-child(4)) .friend-head:after{content:"3"}.friend-group:has(>.friend-row:nth-child(5)) .friend-head:after{content:"4"}.friend-group:has(>.friend-row:nth-child(6)) .friend-head:after{content:"5"}.friend-group:has(>.friend-row:nth-child(7)) .friend-head:after{content:"6+"}.locker-stage{display:grid;place-items:center;padding:4px}.locker-stats{padding:6px 4px}.locker-items{padding:2px}.lobby-actions #btn-start{flex:none}.lobby-actions .btn-play{min-width:220px}.lc-acts .railbtn{font-size:10px}.board h4{color:#fff;text-shadow:0 2px 0 rgba(3,8,22,.5)}.res-foot{width:100%}.res-daily{line-height:1.7}@media (hover: hover){.ctrl-tab:hover,.room-row:hover,.friend-row:hover,.quest:hover{filter:brightness(1.08)}}.ctrl-tab:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}.ctrl-tab:not(.sel):active{transform:translateY(2px)}@media (max-width: 760px){.panel-modal,.panel-wide{min-width:0;width:96vw;max-width:96vw}.panel-title{font-size:21px;padding-bottom:5px}.screen-head{gap:8px}.ladder-table tr{grid-template-columns:30px minmax(0,1fr) 46px 38px 28px 28px;gap:6px;font-size:13px}.ladder-table td:nth-child(4){width:36px;height:36px;border-width:9px;font-size:15px}.ladder-table .lb-pos{font-size:17px}.res-board{font-size:54px}.res-title{font-size:32px}.res-table tr{grid-template-columns:minmax(0,1fr) 36px 36px 36px 36px;gap:6px}.res-table tr>*:nth-child(2){display:none}.res-table td:nth-child(n+3){font-size:14px}.res-table th{font-size:9px;letter-spacing:0;overflow:hidden}.friend-me b{font-size:24px;letter-spacing:5px}.friend-row{grid-template-columns:10px minmax(0,1fr)}.friend-row .fr-acts{grid-column:1 / -1;justify-content:flex-end}.friend-row .fr-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.howto-step{grid-template-columns:38px minmax(0,1fr);gap:8px;font-size:13px}.howto-step .hs-n{width:38px;height:38px;border-width:10px;font-size:17px}.lobby{display:flex;flex-direction:column;overflow:auto;gap:12px}.lobby-side{grid-row:auto;flex:none}.teams,.lobby-actions{flex:none}.lc-code{font-size:40px;letter-spacing:5px}.teams{grid-template-columns:minmax(0,1fr)}.vs{justify-self:center;font-size:28px}.lobby-actions{flex-wrap:wrap;justify-content:center}.lobby-actions .btn-play{min-width:0;flex:1}.lobby-actions .class-cards{flex-basis:100%}}.friend-row .hex{width:34px;height:34px;border-width:9px;font-size:14px;flex:none}*{scrollbar-width:thin;scrollbar-color:var(--blue) #050f2a}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#050f2a;border-radius:8px;box-shadow:inset 0 0 0 2px #0a1d44}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#3ea0ff,var(--blue) 55%,var(--blue-d));border:3px solid #050f2a;border-radius:9px;box-shadow:inset 0 0 0 1px #0308168c}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#6bbaff,#3ea0ff 55%,var(--blue))}::-webkit-scrollbar-thumb:active{background:linear-gradient(90deg,var(--blue-d),var(--blue))}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:transparent}.panel ::-webkit-scrollbar{width:10px;height:10px}.panel ::-webkit-scrollbar-thumb{border-width:2px}@media (min-width: 1100px) and (min-height: 820px){#avatar-preview{width:max(200px,min(calc(100vh - 500px),460px));height:max(200px,min(calc(100vh - 500px),460px))}.home-stage{gap:14px}.home-stage .logo{font-size:52px}.hero-plate{font-size:18px}.mode-chips .mode-tab{height:46px;font-size:16px;padding:0 20px}.btn-play{min-width:320px;font-size:30px}.btn-rooms{font-size:21px}.home-rail{left:max(24px,calc(50% - 430px));gap:16px}.railbtn{font-size:11px}.rbtn{width:60px;height:60px;border-width:17px}.rbtn .ic{width:26px;height:26px}.tab .ic{width:30px;height:30px}.tab-home .ic{width:38px;height:38px}.tab{font-size:13px}}@media (max-width: 620px){.class-cards{grid-template-columns:minmax(0,1fr)}.locker-items{max-height:44vh}.locker-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}#shop-root,#clubs-root,#prefs-root,#account-root{border-image-source:url(/ui/panel-bolts.svg);gap:10px}@media (max-width: 900px){#shop-root,#clubs-root,#prefs-root,#account-root{min-width:0;width:min(96vw,900px);max-height:92vh}}.cur{display:inline-flex;align-items:center;gap:4px;font-family:Lilita One;letter-spacing:.5px}.cur .ic{width:1.05em;height:1.05em}.cur-coins b{color:var(--yellow)}.cur-gems b{color:#5ef0d8}.ui-bar{display:block;height:10px;background:#071535;border-radius:6px;overflow:hidden;border:2px solid #071535}.ui-bar>i{display:block;height:100%;background:linear-gradient(#8bff5a,#45c012);border-radius:6px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;font-size:13px;color:#a9c4ff;text-align:center;grid-column:1 / -1}.empty-state .ic{width:34px;height:34px;opacity:.8}.confirm-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#040c1ec7;padding:16px}.confirm-panel{min-width:0;width:min(460px,92vw);gap:14px}.confirm-body{font-size:14px;color:#dfe9ff;line-height:1.45}.confirm-body b{color:#fff}.confirm-panel .row{justify-content:flex-end}.buy-check{display:flex;flex-direction:column;gap:8px}.buy-check .bc-item{font-family:Lilita One;font-size:17px}.buy-check .bc-item small{display:block;font-family:Nunito;font-size:12px;color:#a9c4ff}.buy-check .bc-line{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#a9c4ff;border-top:2px solid #0a1d44;padding-top:6px}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#shop-root .panel-title,#clubs-root .panel-title,#prefs-root .panel-title,#account-root .panel-title{flex:0 1 auto;min-width:0;white-space:nowrap}.head-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.sec-box{display:flex;flex-direction:column;gap:8px;padding:2px 4px 4px;flex-shrink:0;border-style:solid;border-width:12px 12px 15px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch}.shop-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:Lilita One;font-size:15px;letter-spacing:1px;color:#fff;text-shadow:0 2px 0 #071535;margin:0 0 2px}.shop-sec-head>span:first-child{display:inline-flex;align-items:center;gap:6px}.shop-sec-head .ic{width:1.15em;height:1.15em;vertical-align:-.15em}.shop-sec-head .hint{font-family:Nunito;letter-spacing:0}.sec-box>.shop-sec-head{border-bottom:3px solid rgba(255,194,28,.28);padding-bottom:5px}.shop-tabs{flex-wrap:wrap}.shop-body{display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:62vh;padding:2px 6px 2px 2px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}.shop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:4px 2px 6px;min-width:0;border-style:solid;border-width:11px 11px 14px 11px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none;filter:drop-shadow(0 3px 0 rgba(3,8,22,.45))}.shop-card:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;pointer-events:none;border:3px solid var(--rar, #9fb4d4);border-radius:12px;box-shadow:0 0 12px var(--rar-glow, transparent),inset 0 0 10px var(--rar-glow, transparent)}.shop-card.rar-lendario:after,.shop-card.rar-epico:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:none;border:2px solid var(--rar-glow, transparent);border-radius:16px}.sc-prev{position:relative;display:grid;place-items:center;width:100%}.sc-prev:before{content:"";position:absolute;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,var(--rar-glow, rgba(120,200,255,.35)) 0%,transparent 68%);filter:blur(3px);animation:sc-halo 4s ease-in-out infinite}@keyframes sc-halo{50%{transform:scale(1.12);opacity:.72}}.sc-canvas{position:relative;width:112px;height:76px;max-width:100%;filter:drop-shadow(0 4px 5px rgba(3,10,28,.55))}.sc-rar{font-family:Lilita One;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#0a1223;background:var(--rar, #9fb4d4);border-radius:7px;padding:1px 8px;box-shadow:0 2px #00000073}.sc-name{font-family:Lilita One;font-size:15px;line-height:1.05;text-shadow:0 2px 0 #071535}.sc-desc{font-size:11px;color:#a9c4ff;min-height:28px}.sc-foot{display:flex;flex-direction:column;gap:4px;align-items:center;margin-top:auto;width:100%}.sc-buy{display:inline-flex;align-items:center;gap:5px}.sc-full{color:#7f92b5;font-size:11px}.sc-tag{font-family:Lilita One;font-size:12px;color:#a9c4ff}.sc-tag.sc-eq{color:var(--green)}.sc-tag.sc-excl{color:var(--yellow)}.sc-off{position:absolute;top:-10px;right:-8px;z-index:1;font-family:Lilita One;font-size:14px;background:var(--red);color:#fff;border:3px solid #7a0f12;border-radius:9px;padding:1px 7px;box-shadow:0 3px #7a0f12;transform:rotate(6deg)}.shop-timer-box{display:inline-flex;align-items:center;gap:6px;font-family:Nunito;font-size:11px;color:#a9c4ff;letter-spacing:0;padding:3px 10px;border-radius:10px;background:#071535cc;border:2px solid rgba(255,194,28,.45);box-shadow:0 0 10px #ffc21c2e;animation:timer-breath 4s ease-in-out infinite}.shop-timer-box b{font-family:Lilita One;font-size:17px;color:var(--yellow);letter-spacing:1px;text-shadow:0 2px 0 #7a4a00}.shop-timer-box.hot{border-color:#ff4b4b99;box-shadow:0 0 12px #ff4b4b4d}.shop-timer-box.hot b{color:#ff8f8f;text-shadow:0 2px 0 #7a0f12}@keyframes timer-breath{50%{box-shadow:0 0 18px #ffc21c6b}}.shop-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:4px 6px;flex-shrink:0;border-style:solid;border-width:16px 16px 20px 16px;border-image:url(/ui/panel-bolts.svg) 20 20 26 20 fill stretch;filter:drop-shadow(0 0 14px rgba(255,194,28,.38))}.shop-hero.shine:after{top:-16px;right:-16px;bottom:-20px;left:-16px;--shine-a: .3}.sh-left{min-width:0}.sh-kicker{font-family:Lilita One;font-size:11px;letter-spacing:2px;color:var(--yellow);display:inline-flex;align-items:center;gap:5px}.sh-name{font-family:Lilita One;font-size:26px;line-height:1;text-shadow:0 3px 0 #071535}.sh-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;font-size:12px}.sh-item{background:#071535;border:2px solid #2a4c8f;border-radius:8px;padding:2px 8px;color:#ffe27a}.sh-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sh-seal{font-family:Lilita One;font-size:12px;background:var(--green);color:#08240a;border-radius:8px;padding:2px 8px;box-shadow:0 3px 0 var(--green-d)}.sh-price{font-family:Lilita One;font-size:15px;color:#a9c4ff}.sh-price b{font-size:28px;color:#fff;text-shadow:0 3px 0 #071535}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:8px 4px 6px;min-width:0;border-style:solid;border-width:12px 12px 15px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;filter:drop-shadow(0 3px 0 rgba(3,8,22,.45))}.pack-card.pack-done{opacity:.6}.pk-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:Lilita One;font-size:11px;background:var(--purple);border:3px solid var(--purple-d);border-radius:9px;padding:1px 8px;box-shadow:0 3px 0 var(--purple-d)}.pk-name{font-family:Lilita One;font-size:16px;text-shadow:0 2px 0 #071535}.pk-gems{font-size:24px}.pk-extras{list-style:none;margin:0;padding:0;font-size:11px;color:#a9c4ff;display:flex;flex-direction:column;gap:2px}.pk-brl{font-family:Lilita One;font-size:21px;color:var(--yellow);text-shadow:0 2px 0 #7a4a00}.pay-warn{display:flex;gap:8px;align-items:flex-start;background:#ffc21c1a;border:2px solid rgba(255,194,28,.35);border-radius:10px;padding:8px 10px;line-height:1.45}.pay-warn .ic{flex-shrink:0;width:18px;height:18px}.club-body{display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:58vh;padding:2px 6px 2px 2px}.club-list{display:flex;flex-direction:column;gap:8px}.club-emblem{width:48px;height:48px;flex-shrink:0;border-radius:14px;border:3px solid #0a1d44;display:grid;place-items:center;box-shadow:0 3px #071535,inset 0 -4px 8px #00000059}.club-emblem .ic{width:28px;height:28px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.club-emblem.big{position:relative;width:112px;height:112px;border-radius:28px;border:5px solid #ffc21c;box-shadow:0 5px #7a4a00,0 0 26px #ffc21c66,inset 0 -10px 18px #0006}.club-emblem.big .ic{width:66px;height:66px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.club-emblem.big:after{content:"";position:absolute;top:4px;right:4px;bottom:45%;left:4px;border-radius:22px 22px 40% 40%;background:linear-gradient(rgba(255,255,255,.3),transparent);pointer-events:none}.club-crest{position:relative;display:grid;place-items:center;flex:none}.club-crest:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,194,28,.35) 0%,transparent 68%);filter:blur(3px);animation:sc-halo 4s ease-in-out infinite}.club-row{display:flex;align-items:center;gap:10px;padding:2px;min-width:0;border-style:solid;border-width:10px 11px 13px 11px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;background:none}.club-row.me{box-shadow:inset 0 0 0 2px var(--yellow),0 0 12px #ffc21c4d}.club-row .cr-info{flex:1;min-width:0;font-size:14px}.club-row .cr-info b{display:block;font-family:Lilita One;font-size:16px;letter-spacing:.5px}.club-row .cr-info small{display:block;font-size:11px;color:#a9c4ff}.club-row .cr-week{text-align:center;min-width:64px;flex:none}.club-row .cr-week b{font-family:Lilita One;color:var(--yellow);font-size:19px;text-shadow:0 2px 0 #7a4a00}.club-row .cr-week small{display:block;font-size:10px;color:#a9c4ff}.club-row .cr-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.club-row .cr-pos{font-family:Lilita One;font-size:20px;color:var(--yellow);min-width:28px;text-align:center;flex:none;text-shadow:0 2px 0 #7a4a00}.member-row .fr-dot{width:10px;height:10px;border-radius:50%;background:var(--gray);flex-shrink:0}.member-row.on .fr-dot{background:var(--green);box-shadow:0 0 8px var(--green)}.member-row .mr-you{color:var(--yellow);font-size:11px}.mr-nums{display:flex;gap:12px;flex:none}.mr-nums span{text-align:center}.mr-nums b{font-family:Lilita One;font-size:16px}.mr-nums small{display:block;font-size:9px;color:#a9c4ff;letter-spacing:1px}.roster-sort{max-width:320px}.club-search{flex-wrap:nowrap}.club-search input{flex:1;min-width:0}.club-over{display:flex;flex-direction:column;gap:12px}.co-id{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.co-txt{min-width:0;flex:1}.co-name{font-family:Lilita One;font-size:28px;line-height:1.05;text-shadow:0 3px 0 #071535}.co-desc{font-size:13px;color:#dfe9ff;margin:4px 0}.club-lvl{display:flex;align-items:center;gap:10px}.cl-txt{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.cl-txt>b{font-family:Lilita One;font-size:15px;letter-spacing:.5px}.cl-txt small{color:#a9c4ff;font-size:11px}.club-lvl .bar{width:100%;max-width:none}.co-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}.co-stats>div{display:flex;flex-direction:column-reverse;gap:2px;text-align:center;padding:2px 4px;border-style:solid;border-width:10px 10px 13px 10px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch}.co-stats small{display:block;font-size:10px;letter-spacing:1px;color:#a9c4ff}.co-stats b{font-family:Lilita One;font-size:22px;line-height:1.1;text-shadow:0 2px 0 #071535}.co-stats .cur{font-size:20px;justify-content:center}.co-acts{flex-wrap:wrap}.upg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:10px}.upg-card{display:flex;flex-direction:column;gap:5px;padding:2px 4px;min-width:0;border-style:solid;border-width:12px 12px 15px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch}.uc-head{display:flex;align-items:center;gap:6px;font-family:Lilita One;font-size:15px}.uc-lvl{margin-left:auto;font-size:12px;color:#a9c4ff}.uc-now{font-size:12px;color:#dfe9ff}.uc-next{font-size:12px;color:var(--green)}.uc-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.uc-foot .btn{display:inline-flex;align-items:center;gap:6px}.club-feed{display:flex;flex-direction:column;gap:5px}.cf-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-left:4px solid var(--yellow);background:#07153599;border-radius:6px;padding:5px 10px}.cf-line small{color:#a9c4ff;font-size:11px;white-space:nowrap}.club-found{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.cf-say b{font-family:Lilita One;font-size:18px;display:block}.cf-say small{font-size:12px;color:#a9c4ff}.cc-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px}.cc-form{display:flex;flex-direction:column;gap:8px;min-width:0}.cc-emblem{display:flex;flex-direction:column;gap:6px;align-items:center}.cc-prev{margin:2px 0 6px}.cc-pick{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.cc-pick .sw{width:30px;height:30px;border-radius:8px;padding:0}.cc-pick .sw .ic{width:18px;height:18px}.cc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px}.cc-cost{font-size:12px;color:#a9c4ff;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.club-foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;border-top:3px solid rgba(255,75,75,.25);padding-top:8px}.pref-body{display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:64vh;padding:2px 6px 2px 2px}.pref-sec{gap:0}.pref-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:8px 2px}.pref-row+.pref-row{border-top:2px solid rgba(42,76,143,.55)}.pr-label b{font-size:14px}.pr-label small{display:block;font-size:11px;color:#a9c4ff}.pr-ctrl{display:flex;align-items:center;gap:8px;justify-self:end}.pr-val{font-family:Lilita One;font-size:16px;color:var(--yellow);min-width:56px;text-align:right;text-shadow:0 2px 0 #7a4a00}.pref-toggle{min-width:148px;justify-content:center}.pref-seg{min-width:230px}.pref-seg .mode-tab{flex:1;min-width:0}.pref-foot{display:flex;justify-content:flex-end;padding-top:4px}.pref-slider{position:relative;display:grid;place-items:center;width:196px;max-width:100%}.pref-slider .bar{width:100%;max-width:none;height:18px}.pref-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-image:none;cursor:pointer}.pref-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:9px;background:linear-gradient(#ffd34a,#ff9d00);border:3px solid #7a4a00;box-shadow:0 3px #5a3600,0 0 8px #ffc21c80;cursor:grab}.pref-range::-moz-range-thumb{width:28px;height:28px;border-radius:9px;background:linear-gradient(#ffd34a,#ff9d00);border:3px solid #7a4a00;box-shadow:0 3px #5a3600,0 0 8px #ffc21c80;cursor:grab}.pref-range::-moz-range-track{background:none;border:0}.cb-prev{display:inline-flex;gap:6px}.cb-prev i{width:44px;height:28px;border-radius:8px;border:3px solid #0a1d44;display:block;box-shadow:0 3px #071535}.acc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:4px 6px;border-style:solid;border-width:14px 14px 18px 14px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch;filter:drop-shadow(0 3px 0 rgba(3,8,22,.45))}.acc-badge{position:relative;width:76px;height:76px;border-radius:20px;display:grid;place-items:center;border:4px solid #7a4a00;box-shadow:0 4px #7a4a00,0 0 20px #ffc21c59;flex:none}.acc-badge .ic{width:44px;height:44px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.acc-badge:after{content:"";position:absolute;top:3px;right:3px;bottom:48%;left:3px;border-radius:16px 16px 40% 40%;background:linear-gradient(rgba(255,255,255,.35),transparent);pointer-events:none}.acc-id{min-width:0;display:flex;flex-direction:column;gap:4px}.acc-name{font-family:Lilita One;font-size:27px;line-height:1;text-shadow:0 3px 0 #071535}.acc-title{font-size:12px;color:var(--yellow)}.acc-facts{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#a9c4ff}.acc-facts span{background:#071535b3;border:2px solid #2a4c8f;border-radius:8px;padding:1px 8px}.acc-facts b{color:#ffe27a}.acc-xp{display:flex;align-items:center;gap:8px}.acc-xp .bar{width:100%;max-width:none}.acc-xp small{font-size:11px;color:#a9c4ff;white-space:nowrap}.acc-code{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.acc-code small{font-size:10px;letter-spacing:2px;color:#a9c4ff}.acc-code b{font-family:Lilita One;font-size:25px;letter-spacing:5px;color:var(--yellow);text-shadow:0 3px 0 #7a4a00}.acc-code .row{gap:6px;align-items:center}.acc-sec{display:flex;flex-direction:column;gap:8px;align-items:stretch}.acc-sec .btn{align-self:flex-start}.acc-sec .field,.acc-sec .row{width:100%}.acc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(102px,1fr));gap:8px;width:100%}.acc-stats>div{display:flex;flex-direction:column-reverse;gap:1px;text-align:center;padding:1px 2px;border-style:solid;border-width:9px 9px 12px 9px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch}.acc-stats small{display:block;font-size:9px;letter-spacing:.5px;line-height:1.2;color:#a9c4ff;overflow-wrap:anywhere}.acc-stats b{font-family:Lilita One;font-size:20px;line-height:1.1;text-shadow:0 2px 0 #071535}.acc-wallet{gap:14px;font-size:19px;justify-content:center}.acc-warn,.acc-danger{position:relative;border-style:solid;border-width:12px 12px 15px 12px;border-image:url(/ui/panel-inner.svg) 16 16 20 16 fill stretch}.acc-warn:before,.acc-danger:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:14px;border:3px solid;pointer-events:none}.acc-warn:before{border-color:#ffc21cb3;box-shadow:0 0 14px #ffc21c4d}.acc-danger:before{border-color:#ff4b4bcc;box-shadow:0 0 16px #ff4b4b59}.acc-danger .shop-sec-head{color:#ff8f8f}.acc-danger>.shop-sec-head{border-bottom-color:#ff4b4b59}body.no-motion .sc-prev:before,body.no-motion .club-crest:before,body.no-motion .shop-hero:after,body.no-motion .shop-timer-box{animation:none}@media (max-width: 900px){.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cc-grid,.shop-hero{grid-template-columns:minmax(0,1fr)}.sh-right{align-items:flex-start}.acc-head{grid-template-columns:auto minmax(0,1fr)}.acc-code{grid-column:1 / -1;align-items:flex-start;text-align:left}.club-emblem.big{width:88px;height:88px;border-radius:22px}.club-emblem.big .ic{width:50px;height:50px}.club-crest:before{width:118px;height:118px}}@media (pointer: coarse){.shop-body,.club-body,.pref-body{max-height:68vh}.shop-grid,.pack-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.upg-grid{grid-template-columns:minmax(0,1fr)}.sc-canvas{width:92px;height:64px}.sc-prev:before{width:72px;height:72px}.pref-row{grid-template-columns:minmax(0,1fr)}.pr-ctrl{justify-self:stretch}.pref-slider{width:100%}.pref-seg,.pref-toggle{min-width:0;width:100%}.club-row{flex-wrap:wrap}.club-row .cr-act{width:100%;justify-content:flex-start}.mr-nums{gap:10px}}@media (max-width: 420px){.shop-grid,.pack-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.co-stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.acc-stats{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.acc-name{font-size:22px}.acc-code b{font-size:20px;letter-spacing:3px}.mr-nums{width:100%;justify-content:space-between}.club-row .cr-week{min-width:0}}