@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(./nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(./nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{--grass-1:#456529;--grass-2:#72a63d;--blue:#1886de;--blue-hi:#43a6f2;--blue-dark:#0b5297;--gold:#e2c452;--gold-hi:#fff0a8;--gold-dark:#a87912;--panel:#010101f0;--panel-2:#111712;--text:#e7edef;--muted:#97a38c;--red:#d32d17;--ok:#3ddc6a;--font-display:"Lilita One", "Nunito", system-ui, sans-serif;--font-ui:"Nunito", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--col:min(480px, 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#0f1a12;margin:0;font-weight:800;overflow:hidden}button{font:inherit;color:inherit}#app{width:min(100vw,62vh);position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0a,0 0 80px #0009}body{background:radial-gradient(at 50% 35%,#1d3220 0%,#0b120c 60%,#060906 100%)}.rotate-hint{display:none}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.rotate-hint{z-index:50;color:#fff;font-family:var(--font-display);letter-spacing:.04em;text-align:center;background:#0b120c;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:24px;display:flex;position:fixed;inset:0}.rotate-hint .phone{border:4px solid #fff;border-radius:10px;width:46px;height:78px;animation:1.8s ease-in-out infinite rotate-phone}}@keyframes rotate-phone{0%,20%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0;overflow:clip}.screen{padding:calc(var(--safe-top) + 14px) calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 14px);visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.screen.is-active{pointer-events:auto}.title-gold{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold);text-shadow:0 2px #0009;text-transform:uppercase;font-weight:400}.section-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:0;font-size:26px}.btn{cursor:pointer;pointer-events:auto;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;touch-action:manipulation;border:0;border-radius:12px;min-height:56px;padding:14px 18px 15px;font-size:22px;transition:transform 80ms,box-shadow 80ms,filter .15s;position:relative}.btn:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}.btn-primary{color:#fff;background:linear-gradient(180deg, var(--blue-hi) 0%, var(--blue) 46%, #1477c4 100%);box-shadow:0 5px 0 var(--blue-dark), 0 10px 22px #00000073, inset 0 1px 0 #ffffff59;text-shadow:0 2px #00285a8c}.btn-primary:active,.btn-primary.is-pressed{box-shadow:0 1px 0 var(--blue-dark), 0 4px 10px #0006, inset 0 1px 0 #ffffff40;transform:translateY(4px)}.btn-gold{color:#3b2600;background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 48%, #c99a26 100%);box-shadow:0 5px 0 var(--gold-dark), 0 10px 22px #00000073, inset 0 1px 0 #fff9;text-shadow:0 1px #ffffff80}.btn-gold:active{box-shadow:0 1px 0 var(--gold-dark), 0 4px 10px #0006;transform:translateY(4px)}.btn-dark{color:#fff;background:linear-gradient(#2b3a2b 0%,#172117 100%);border:1px solid #ffffff14;box-shadow:0 5px #070b07,0 10px 22px #0006,inset 0 1px #ffffff1f}.btn-dark:active{transform:translateY(4px);box-shadow:0 1px #070b07}.btn-wide{width:100%}.icon-btn{pointer-events:auto;cursor:pointer;background:#162812c7;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform 80ms,background .2s;display:grid;box-shadow:inset 0 1px #ffffff1f,0 4px 10px #00000059}.icon-btn:active{transform:scale(.92)}.icon-btn svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.icon-btn.is-off svg{opacity:.45}#screen-loading{background:radial-gradient(at 50% 40%,#2b4a1e 0%,#0f1a12 70%);justify-content:center}.loading-ball{background:conic-gradient(var(--gold) calc(var(--p,0) * 1%), #ffffff1f 0);border-radius:50%;width:64px;height:64px;margin:22px 0 14px;-webkit-mask:radial-gradient(circle,#0000 54%,#000 56%);mask:radial-gradient(circle,#0000 54%,#000 56%)}.loading-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:14px}.logo{text-align:center;margin-top:4px;line-height:.86;position:relative}.logo-word{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(180deg, #fffbe0 0%, var(--gold-hi) 22%, var(--gold) 55%, #c2861a 80%, #f6d06a 100%);color:#0000;-webkit-text-stroke:0;filter:drop-shadow(0 3px #5a3a00)drop-shadow(0 6px #00000073)drop-shadow(0 14px 22px #0000008c);-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,17vw,84px);display:block}.logo-word.small{background:linear-gradient(#fff 0%,#d9ecff 45%,#6fb8f5 70%,#e8f4ff 100%);filter:drop-shadow(0 3px #0b3d6e)drop-shadow(0 6px #00000073)drop-shadow(0 14px 22px #0000008c);-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,13vw,66px)}.logo-ribbon{font-family:var(--font-display);letter-spacing:.16em;color:#fff;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);text-shadow:0 1px #00000059;background:linear-gradient(#e8402a,#b4200f);margin-top:10px;padding:6px 18px 7px;font-size:15px;display:inline-block;box-shadow:0 4px #00000059}#screen-menu{background:linear-gradient(#040a068c 0%,#040a0600 30% 52%,#040a06d1 100%);justify-content:space-between}.menu-top{width:var(--col);flex-direction:column;align-items:center;padding-top:18px;display:flex}.menu-bottom{flex-direction:column;align-items:stretch;gap:14px;width:min(420px,100%);display:flex}.menu-team{cursor:pointer;pointer-events:auto;background:#010101a8;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:flex}.menu-team .team-meta{flex:1;min-width:0}.menu-team .team-label{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:12px}.menu-team .team-name{font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:26px;overflow:hidden}.menu-team .team-change{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.menu-row{gap:12px;display:flex}.menu-row .btn{flex:1}.menu-icons{justify-content:center;gap:14px;display:flex}.record{text-align:center;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.medal{--size:64px;width:var(--size);height:var(--size);padding:calc(var(--size) * .075);background:conic-gradient(from 210deg,#f7f9fb,#8d969e 18%,#fff 30%,#6c757d 48%,#e8ecef 62%,#8a939a 80%,#f7f9fb);border-radius:50%;flex:none;position:relative;box-shadow:0 4px #00000073,0 8px 18px #0006}.medal canvas{border-radius:50%;width:100%;height:100%;display:block}.medal:after{content:"";inset:calc(var(--size) * .075);pointer-events:none;background:radial-gradient(at 34% 22%,#ffffff8c 0%,#ffffff14 38%,#fff0 55%),radial-gradient(circle,#0000 62%,#00000047 100%);border-radius:50%;position:absolute}#screen-country{background:#010101e6;padding-left:0;padding-right:0}.screen-head{width:var(--col);align-items:center;gap:10px;padding:0 14px;display:flex}.screen-head h2{text-align:center;flex:1;margin:0;padding-right:48px;font-size:28px}.matchup{width:var(--col);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:12px 14px 4px;display:grid}.slot{cursor:pointer;pointer-events:auto;background:#ffffff0a;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;transition:border-color .2s,background .2s;display:flex}.slot.is-editing{border-color:var(--gold);background:#e2c4521a}.slot .slot-label{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:11px}.slot .slot-name{font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:19px;overflow:hidden}.vs{font-family:var(--font-display);color:var(--gold);text-shadow:0 3px #0009;font-size:34px}.flag-grid{width:var(--col);-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:10px 8px;min-height:0;padding:10px 14px 16px;display:grid;overflow-y:auto}.flag-card{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:6px 2px 5px;display:flex;position:relative}.flag-card canvas{aspect-ratio:3/2;border-radius:6px;width:100%;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 3px #00000080,0 0 0 1px #ffffff1f}.flag-card span{text-align:center;color:#cfd8d2;justify-content:center;align-items:flex-start;min-height:2.2em;font-size:11.5px;line-height:1.1;display:flex}.flag-card.is-selected canvas{box-shadow:0 0 0 3px var(--gold), 0 0 18px #e2c4528c;transform:translateY(-2px)}.flag-card.is-selected span{color:var(--gold)}.flag-card.is-taken{opacity:.35}.flag-card .badge{background:var(--blue);color:#fff;letter-spacing:.04em;border-radius:6px;padding:2px 5px;font-size:10px;position:absolute;top:0;right:0}.options{width:var(--col);flex-direction:column;gap:8px;padding:4px 14px 10px;display:flex}.opt-row{align-items:center;gap:10px;display:flex}.opt-row>span{letter-spacing:.12em;text-transform:uppercase;width:92px;color:var(--muted);font-size:12px}.seg{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.seg button{pointer-events:auto;color:#b9c6bb;letter-spacing:.04em;cursor:pointer;background:#1a221b;border:0;border-radius:9px;min-height:40px;padding:9px 4px;font-size:14px;font-weight:900;transition:background .15s,color .15s;box-shadow:inset 0 0 0 1px #ffffff12}.seg button.is-on{background:linear-gradient(180deg, var(--blue-hi), var(--blue));color:#fff;box-shadow:0 3px 0 var(--blue-dark)}.country-foot{width:var(--col);padding:0 14px}#screen-formation{padding-top:calc(var(--safe-top) + var(--hud-h,110px))}.formation-panel{background:var(--panel);flex-direction:column;flex:1;align-items:stretch;width:min(460px,100%);min-height:0;padding:16px 8px 0;display:flex;box-shadow:0 20px 60px #0009}.formation-panel h2{text-align:center;margin:4px 0 6px;font-size:clamp(24px,7.4vw,34px)}.formation-panel .sub{text-align:center;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:13px}.form-group{margin-top:14px}.form-group h3{text-transform:uppercase;text-align:center;font-family:var(--font-display);letter-spacing:.05em;margin:0 0 10px;font-size:24px;font-weight:400}.form-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.form-card{cursor:pointer;pointer-events:auto;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.form-card canvas{aspect-ratio:1;filter:brightness(.42)saturate(.7);outline-offset:-2px;outline:2px solid #ffffff2e;width:100%;transition:filter .2s,transform .2s,box-shadow .2s;display:block}.form-card span{font-family:var(--font-display);color:#8b8f8b;letter-spacing:.02em;font-size:clamp(17px,5vw,24px)}.form-card.is-selected canvas{filter:none;outline:3px solid #fff;box-shadow:0 0 22px #78c85059}.form-card.is-selected span{color:#fff}.form-countdown{text-align:center;margin-top:auto;padding:16px 0 12px;font-size:17px;font-weight:900}.form-countdown b{font-family:var(--font-display);font-variant-numeric:tabular-nums;vertical-align:-3px;min-width:2ch;font-size:30px;font-weight:400;display:inline-block}.formation-panel .btn{border-radius:0;width:calc(100% + 16px);min-height:64px;margin:0 -8px;font-size:24px}#hud{padding:calc(var(--safe-top) + 18px) calc(var(--safe-right) + 10px) 0 calc(var(--safe-left) + 10px);visibility:hidden;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}#hud:before{content:"";height:calc(var(--safe-top) + 128px);z-index:-1;background:linear-gradient(#040a06b8 0%,#040a0673 55%,#040a0600 100%);position:absolute;top:0;left:0;right:0}#hud .icon-btn{width:44px;height:44px}.hud-bar{grid-template-columns:44px 1fr auto 1fr 44px;align-items:center;gap:6px;width:min(560px,100%);display:grid;position:relative}.hud-side{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.hud-side.left{justify-content:flex-end}.hud-side.right{justify-content:flex-start}.hud-name{text-shadow:0 2px 3px #0009;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:15px;font-weight:900;display:flex}.hud-name .txt{text-overflow:ellipsis;max-width:22vw;overflow:hidden}.hud-name .full{display:none}@media (width<=519px){.hud-name{display:none}}@media (width>=520px){.hud-name .full{display:inline}.hud-name .short{display:none}}.hud-name .dot{background:var(--ok);width:9px;height:9px;box-shadow:0 0 8px var(--ok);border-radius:50%;flex:none}.hud-avatar{position:relative}.hud-avatar .medal{--size:48px;transition:box-shadow .25s}.hud-side.is-turn .medal{box-shadow:0 0 0 3px var(--blue), 0 0 18px #1886ded9, 0 4px 0 #00000073}.turn-chip{white-space:nowrap;color:#fff;background:linear-gradient(180deg, var(--blue-hi), var(--blue));clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);box-shadow:0 3px 0 var(--blue-dark);visibility:hidden;z-index:2;padding:7px 14px 8px;font-size:15px;font-weight:900;position:absolute;top:calc(100% + 30px)}.hud-side.left .turn-chip{right:-4px}.hud-side.right .turn-chip{left:-4px}.timer{visibility:hidden;align-items:center;gap:4px;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.timer svg{stroke:#fff;fill:#00000073;stroke-width:2.2px;width:16px;height:16px}.timer .bar{background:#0000008c;border-radius:5px;width:70px;height:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.timer .fill{transform-origin:0;background:linear-gradient(#ffe873,#f2c21c);border-radius:5px;width:100%;height:100%}.timer.is-low .fill{background:linear-gradient(#ff7d63,#e53b1f)}.hud-score{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 3px #00000073,0 0 18px #00000059;font-variant-numeric:tabular-nums;gap:8px;padding:0 6px;font-size:36px;line-height:1;display:flex}.hud-score .num{text-align:center;min-width:.65em;display:inline-block}.hud-sub{text-shadow:0 2px 3px #000000b3;letter-spacing:.02em;margin-top:2px;font-size:14px;font-weight:900}.emote-btn{right:calc(var(--safe-right) + 6px);cursor:pointer;pointer-events:auto;visibility:hidden;background:#101c0ed1;border:0;border-radius:50%;width:56px;height:56px;font-size:34px;line-height:56px;position:absolute;top:58%;box-shadow:0 4px 12px #0006}.emote-tray{right:calc(var(--safe-right) + 68px);visibility:hidden;pointer-events:auto;background:#010101d1;border-radius:14px;gap:6px;padding:6px;display:flex;position:absolute;top:calc(58% - 4px)}.emote-tray button{cursor:pointer;background:#ffffff0f;border:0;border-radius:10px;width:48px;height:48px;font-size:30px}.bubble{pointer-events:none;z-index:5;background:#fff;border-radius:16px;padding:6px 10px;font-size:30px;position:absolute;box-shadow:0 6px 16px #0006}.banner{pointer-events:none;visibility:hidden;flex-direction:column;align-items:center;display:flex;position:absolute;top:46%;left:0;right:0}.banner .band{text-align:center;background:linear-gradient(90deg,#01010100 0%,#010101d1 22% 78%,#01010100 100%);width:100%;padding:12px 0 14px}.banner .big{font-family:var(--font-display);letter-spacing:.05em;color:#fff;text-shadow:0 3px #00000080;font-size:clamp(34px,10vw,54px)}.banner .small{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:15px}.goal-fx{pointer-events:none;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.goal-word{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(96px,34vw,170px);line-height:1;display:flex}.goal-word span{background:linear-gradient(180deg, #fffbe0 0%, var(--gold-hi) 25%, var(--gold) 55%, #b97c12 82%, #ffd86b 100%);color:#0000;filter:drop-shadow(0 4px #5a3a00)drop-shadow(0 8px #00000073)drop-shadow(0 16px 30px #0000008c);-webkit-background-clip:text;background-clip:text;display:inline-block}.goal-team{background:#010101c7;border-radius:40px 14px 14px 40px;align-items:center;gap:12px;margin-top:6px;padding:8px 18px 8px 8px;display:flex}.goal-team .medal{--size:50px}.goal-team .who{font-family:var(--font-display);letter-spacing:.04em;font-size:24px}.goal-team .note{letter-spacing:.14em;color:var(--gold);text-transform:uppercase;font-size:12px}.goal-burst{opacity:0;background:repeating-conic-gradient(#ffe68c29 0deg 9deg,#ffe68c00 9deg 22deg);width:140vmax;height:140vmax;margin:-70vmax 0 0 -70vmax;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0009 25%,#0000 60%);mask:radial-gradient(circle,#000 0%,#0009 25%,#0000 60%)}.modal{visibility:hidden;opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.modal.is-active{pointer-events:auto}.modal-panel{background:var(--panel);border-radius:18px;flex-direction:column;gap:12px;width:min(380px,100%);padding:22px 18px 18px;display:flex;box-shadow:0 24px 60px #0009,inset 0 0 0 1px #ffffff0f}.modal-panel h2{text-align:center;margin:0 0 6px;font-size:32px}.result-panel{text-align:center;align-items:center;position:relative;overflow:hidden}.trophy{filter:drop-shadow(0 10px 18px #00000080);width:150px;height:150px;margin:-6px 0 -4px}.result-title{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(46px,14vw,64px);line-height:1}.result-title.win{background:linear-gradient(180deg, #fffbe0 0%, var(--gold-hi) 25%, var(--gold) 58%, #b97c12 100%);color:#0000;filter:drop-shadow(0 3px #5a3a00);-webkit-background-clip:text;background-clip:text}.result-title.lose{color:#cfd6dc;text-shadow:0 3px #2d3338}.result-score{justify-content:center;align-items:center;gap:14px;margin:4px 0 6px;display:flex}.result-score .medal{--size:52px}.result-score b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:44px;font-weight:400}.result-panel .btn{width:100%}.toast{left:50%;bottom:calc(var(--safe-bottom) + 22px);letter-spacing:.04em;visibility:hidden;white-space:nowrap;background:#010101d1;border-radius:12px;padding:9px 16px;font-size:14px;position:absolute;transform:translate(-50%)}.hint{left:50%;bottom:calc(var(--safe-bottom) + 18px);visibility:hidden;white-space:nowrap;background:#010101b8;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex;position:absolute;transform:translate(-50%)}.hint .hand{font-size:22px}@media (width>=900px) and (height>=600px){.hud-name .txt{max-width:180px}}@media (height<=640px){.form-group{margin-top:6px}.form-countdown{padding:8px 0 6px}}.btn:disabled,.seg button:disabled{filter:grayscale(.6)brightness(.7);cursor:default;transform:none}.seat-toggles{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.seat-toggle{pointer-events:auto;color:#b9c6bb;cursor:pointer;background:#1a221b;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:46px;padding:4px 2px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.seat-toggle b{font-family:var(--font-display);letter-spacing:.04em;font-size:16px;font-weight:400}.seat-toggle small{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900}.seat-toggle.is-human{background:linear-gradient(180deg, var(--blue-hi), var(--blue));color:#fff;box-shadow:0 3px 0 var(--blue-dark)}.seat-toggle.is-human.team-b{background:linear-gradient(#ff8a6b,#e4492b);box-shadow:0 3px #9a2a14}#screen-online,#screen-lobby{background:#010101e6;padding-left:0;padding-right:0}.online-body{width:var(--col);flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 14px 16px;display:flex;overflow-y:auto}.online-card{background:#ffffff0d;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.field-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.text-input{pointer-events:auto;color:#fff;width:100%;min-height:48px;font:inherit;-webkit-user-select:text;user-select:text;background:#0c120d;border:2px solid #ffffff1f;border-radius:10px;outline:none;padding:8px 12px;font-size:18px;font-weight:900}.text-input:focus{border-color:var(--gold)}.card-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:22px;font-weight:400}.card-sub{color:var(--muted);margin:-6px 0 0;font-size:13px;font-weight:700}.join-row{grid-template-columns:1fr auto;gap:10px;display:grid}.code-input{font-family:var(--font-display);letter-spacing:.35em;text-align:center;text-transform:uppercase;font-size:28px;font-weight:400}.join-row .btn{min-width:112px}.online-status{text-align:center;min-height:20px;color:var(--muted);font-size:14px}.online-status.is-error{color:#ff8a73}.code-box{background:linear-gradient(#e2c45229,#e2c4520a);border:1px solid #e2c45259;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:min(452px,100% - 28px);margin:12px 14px 4px;padding:12px;display:flex}.code-label{letter-spacing:.16em;color:var(--gold);text-transform:uppercase;font-size:12px}.code-value{gap:8px;display:flex}.code-value span{width:52px;height:62px;font-family:var(--font-display);color:#fff;background:#0b100c;border-radius:10px;place-items:center;font-size:38px;display:grid;box-shadow:inset 0 0 0 2px #ffffff1a,0 4px #0006}.share-btn{justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 18px;font-size:18px;display:flex}.share-btn svg{fill:none;stroke:#3b2600;stroke-width:2.4px;width:22px;height:22px}.lobby-teams{width:var(--col);flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:10px;min-height:0;padding:10px 14px;display:grid;overflow-y:auto}.lobby-team{background:#1886de14;border:1px solid #1886de4d;border-radius:16px;flex-direction:column;gap:8px;padding:10px 8px;display:flex}.lobby-team.team-1{background:#e4492b14;border-color:#e4492b4d}.lobby-team-label{text-align:center;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:18px}.lobby-flag{pointer-events:auto;cursor:pointer;color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex}.lobby-flag:disabled{cursor:default}.lobby-country{font-family:var(--font-display);letter-spacing:.03em;text-align:center;font-size:18px}.lobby-change{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.lobby-seat{background:#00000059;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:6px 8px;font-size:14px;display:flex}.lobby-seat .dot{background:var(--ok);width:9px;height:9px;box-shadow:0 0 8px var(--ok);border-radius:50%;flex:none}.lobby-seat .dot.off{box-shadow:none;background:#777}.lobby-seat.is-me{box-shadow:inset 0 0 0 2px var(--gold)}.lobby-seat.is-empty .seat-name,.lobby-seat.is-off .seat-name{color:var(--muted)}.seat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.seat-btn{pointer-events:auto;color:#fff;min-height:30px;font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:900}.seat-btn.add{color:var(--gold);background:#e2c45233}#screen-lobby .options,#screen-lobby .country-foot{width:var(--col)}#screen-lobby .country-foot{flex-direction:column;gap:6px;display:flex}.picker-panel{width:min(460px,100%);max-height:min(86vh,760px)}.picker-panel .flag-grid{width:100%;max-height:58vh;padding:4px}.notice-text{text-align:center;color:#d5ddd7;margin:0 0 6px;font-size:15px;line-height:1.4}@media (height<=500px) and (orientation:landscape){#hud{padding-top:calc(var(--safe-top) + 6px)}#hud:before{height:calc(var(--safe-top) + 70px)}#hud .icon-btn{width:38px;height:38px}.hud-bar{grid-template-columns:38px 1fr auto 1fr 38px}.hud-avatar .medal{--size:38px}.hud-score{font-size:28px}.hud-sub{margin-top:0;font-size:11px}.timer{top:-8px}.timer .bar{width:54px;height:7px}.turn-chip{padding:5px 12px 6px;font-size:13px;top:calc(100% + 18px)}.emote-btn{width:46px;height:46px;font-size:28px;line-height:46px}}.menu-topbar{top:calc(var(--safe-top) + 10px);pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;left:12px;right:12px}.stat-badge{font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;background:#010101a8;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-size:18px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 10px #00000059}.stat-badge svg{width:24px;height:24px}.coin-badge b{color:#ffe58a;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:400}.trophy-badge svg{fill:none;stroke:var(--gold);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.screen-head .coin-badge{flex:none}.screen-head.has-coins h2{text-align:left;padding-right:0;font-size:clamp(20px,6.2vw,28px)}.btn svg{vertical-align:-5px;fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;margin-right:8px}.btn .ico-coin{stroke:none;margin-right:6px}.btn-hero{min-height:62px;font-size:24px;position:relative;overflow:hidden}.btn-hero:after{content:"";background:linear-gradient(100deg,#fff0 0%,#ffffff8c 50%,#fff0 100%);width:40%;animation:3.2s ease-in-out infinite hero-shine;position:absolute;top:0;bottom:0;left:-60%}@keyframes hero-shine{0%,55%{left:-60%}85%,to{left:130%}}.btn-shop{color:#fff;text-shadow:0 2px #28005080;background:linear-gradient(#a35cf0 0%,#7b2fd6 55%,#6322b6 100%);box-shadow:0 5px #43147e,0 10px 22px #00000073,inset 0 1px #ffffff59}.btn-shop:active{transform:translateY(4px);box-shadow:0 1px #43147e}.menu-icons{align-items:center}.menu-icons .record{margin-left:6px}#screen-menu .menu-bottom{gap:11px}#screen-menu .btn{min-height:52px}#screen-menu .btn-hero{min-height:60px}#screen-cups,#screen-bracket{background:radial-gradient(at 50% 0,#283c1ebf 0%,#010101f0 55%);padding-left:0;padding-right:0}.cup-team{pointer-events:auto;color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:0;border-radius:14px;align-items:center;gap:10px;width:min(452px,100% - 28px);margin:10px 14px 0;padding:8px 12px 8px 8px;display:flex}.cup-team .medal{--size:40px}.cup-team-meta{flex-direction:column;flex:1;display:flex}.cup-team-meta small{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.cup-team-meta b{font-family:var(--font-display);font-size:20px;font-weight:400}.cup-team-change{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.cup-track{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;pointer-events:auto;flex:1;gap:4%;width:100%;min-height:0;padding:14px 10% 8px;display:flex;overflow-x:auto}.cup-track::-webkit-scrollbar{display:none}.cup-card{scroll-snap-align:center;text-align:center;background:linear-gradient(170deg, color-mix(in srgb, var(--c2) 55%, #000) 0%, #0b0f0c 70%);max-width:400px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c1) 55%, transparent), 0 18px 40px #00000080;border-radius:24px;flex-direction:column;flex:0 0 80%;align-items:center;gap:8px;padding:0 16px 16px;display:flex;position:relative;overflow:hidden}.cup-art{flex:1;place-items:center;width:100%;min-height:140px;max-height:270px;display:grid;position:relative}.cup-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--c1) 22%, transparent) 0deg 8deg, transparent 8deg 20deg);z-index:0;animation:40s linear infinite spin-slow;position:absolute;inset:-20%;-webkit-mask:radial-gradient(circle,#000 0%,#00000080 30%,#0000 62%);mask:radial-gradient(circle,#000 0%,#00000080 30%,#0000 62%)}@keyframes spin-slow{to{transform:rotate(360deg)}}.trophy-img{z-index:1;object-fit:contain;filter:drop-shadow(0 18px 24px #0000008c);-webkit-user-select:none;user-select:none;max-width:100%;height:100%;max-height:100%;position:relative}.trophy-ph svg{width:70%;height:100%}.cup-art .trophy-img{width:100%;height:94%;position:absolute;inset:6% 0 0}.cup-name{font-family:var(--font-display);letter-spacing:.03em;color:var(--c1);text-shadow:0 3px #00000080;margin:0;font-size:28px;font-weight:400}.cup-tag{color:#c9d3cb;margin:-6px 0 0;font-size:13px}.cup-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{color:#e9efe9;background:#ffffff14;border-radius:8px;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.chip svg{width:15px;height:15px}.chip-gold{color:#ffe58a;background:#e2c45224}.cup-prize{color:#dfe6df;font-size:14px}.cup-prize b{color:#ffe58a}.cup-prize .won{color:var(--gold)}.cup-card .btn{width:100%;margin-top:4px}.link-btn{pointer-events:auto;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.cup-card.is-locked .cup-art,.cup-card.is-locked .cup-name,.cup-card.is-locked .cup-chips{filter:grayscale(.9)brightness(.55)}.cup-lock{color:#e6e6e6;background:#00000080;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.cup-lock svg{fill:none;width:22px;height:22px;stroke:var(--gold);stroke-width:2.2px;flex:none}.cup-dots{justify-content:center;gap:8px;padding:2px 0 12px;display:flex}.cup-dots .dot{background:#ffffff40;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.cup-dots .dot.is-on{background:var(--gold);transform:scale(1.3)}.bracket-hero{place-items:center;height:min(17vh,130px);margin-top:4px;display:grid}.bracket-hero .trophy-img{height:100%}.bracket{width:var(--col);flex:1;grid-template-columns:1.05fr 1fr 1fr .82fr;align-items:stretch;gap:6px;min-height:0;padding:6px 10px;display:grid}.br-col{flex-direction:column;justify-content:space-around;gap:6px;padding-top:16px;display:flex;position:relative}.br-title{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px;position:absolute;top:0;left:0;right:0}.br-col.is-now .br-title{color:var(--gold)}.br-match{background:#ffffff0f;border-radius:9px;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.br-col:not(.champ) .br-match:after{content:"";background:#ffffff40;width:6px;height:2px;position:absolute;top:50%;right:-6px}.br-team{border-radius:6px;align-items:center;gap:4px;min-height:26px;padding:3px 5px;font-size:12px;display:flex}.br-team+.br-team{border-top:1px solid #ffffff0f}.br-flag{border-radius:50%;flex:none;width:18px;height:18px;overflow:hidden;box-shadow:0 0 0 1.5px #ffffff80}.br-flag canvas{width:100%;height:100%;display:block}.br-flag.tbd{box-shadow:none;background:#ffffff1f}.br-code{letter-spacing:.04em;flex:1;font-weight:900}.br-score{font-family:var(--font-display);text-align:right;min-width:1ch;font-size:14px}.br-team.is-out{opacity:.38}.br-team.is-player{background:linear-gradient(90deg,#e2c4524d,#e2c45214)}.br-team.is-player .br-code{color:#ffe58a}.br-champ{background:radial-gradient(circle at 50% 30%,#e2c45240,#ffffff0a);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex;box-shadow:inset 0 0 0 1.5px #e2c45280}.br-champ .medal{--size:40px}.br-champ.is-player{box-shadow:inset 0 0 0 2px var(--gold), 0 0 22px #e2c45273}.br-q{font-family:var(--font-display);color:#ffffff59;font-size:30px}.bracket-foot{width:var(--col);flex-direction:column;gap:10px;padding:8px 14px 4px;display:flex}.next-match{background:linear-gradient(180deg, color-mix(in srgb, var(--c2) 45%, #000), #0009);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c1) 50%, transparent);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;display:flex}.next-match.done{padding:14px;font-size:15px}.next-match.is-champ{color:#ffe58a;font-family:var(--font-display);font-size:20px}.next-round{letter-spacing:.16em;text-transform:uppercase;color:var(--c1);font-size:12px}.next-vs{align-items:center;gap:14px;display:flex}.next-vs .medal{--size:46px}.next-vs .vs{font-size:26px}.next-names{font-family:var(--font-display);font-size:18px}.next-names i{color:var(--muted);font-size:14px;font-style:normal}.next-reward{color:#dfe6df;align-items:center;gap:4px;font-size:13px;display:flex}.next-reward svg{width:16px;height:16px}.next-reward b{color:#ffe58a}.result-panel.is-champion{background:radial-gradient(ellipse at 50% 0%, #e2c45247, var(--panel) 60%)}.champ-art{place-items:center;width:100%;height:190px;margin:-8px 0 0;display:grid;position:relative}.champ-art .trophy-img{height:100%}.champ-rays{background:repeating-conic-gradient(#ffe68c33 0deg 9deg,#0000 9deg 22deg);width:360px;height:360px;position:absolute;-webkit-mask:radial-gradient(circle,#000 0%,#0000 60%);mask:radial-gradient(circle,#000 0%,#0000 60%)}.point-gain{font-family:var(--font-display);color:#ffe58a;background:#e2c45224;border-radius:999px;align-items:center;gap:8px;padding:8px 18px 8px 10px;font-size:30px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #e2c45280}.point-gain svg{width:34px;height:34px}.point-gain span{color:#e9d58f;font-size:16px}.unlock-note{color:#bdf0c9;font-size:14px}#screen-shop{background:linear-gradient(#01010180 0%,#01010100 16% 28%,#010101f0 42%);padding-left:0;padding-right:0}.shop-stage{pointer-events:none;place-items:center;width:100%;height:28%;min-height:140px;display:grid;position:relative}.shop-stage .live-label{letter-spacing:.06em;background:#0000008c;border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;bottom:6px}.ball-stage{aspect-ratio:1;background:radial-gradient(circle at 50% 60%,#ffffff29,#0000 65%);border-radius:50%;place-items:center;height:92%;display:grid}.ball-stage img,.ball-stage .ball-ph{object-fit:contain;width:100%;height:100%}.effect-stage{border-radius:16px;width:calc(100% - 28px);height:92%;box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 24px #00000073}.shop-panel{width:var(--col);flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 14px 4px;display:flex}.shop-tabs{background:#ffffff0f;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.shop-tab{pointer-events:auto;color:#b9c6bb;min-height:40px;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:17px}.shop-tab.is-on{color:#fff;background:linear-gradient(#a35cf0,#7b2fd6);box-shadow:0 3px #43147e}.shop-grid{touch-action:pan-y;pointer-events:auto;flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;min-height:0;padding:2px 2px 6px;display:grid;overflow-y:auto}.shop-card{pointer-events:auto;color:#fff;cursor:pointer;background:#ffffff0f;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:6px 6px 8px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.shop-card.is-selected{box-shadow:inset 0 0 0 2.5px var(--gold), 0 0 18px #e2c4524d;transform:translateY(-2px)}.shop-art{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#ffffff1a,#00000059);border-radius:10px;place-items:center;width:100%;display:grid;overflow:hidden}.shop-art>canvas,.shop-art>img{object-fit:cover;width:100%;height:100%;display:block}.shop-art>.ball-ph,.shop-art>img.ball-img{object-fit:contain;width:82%;height:82%}.ball-ph{aspect-ratio:1;border-radius:50%}.shop-name{text-align:center;align-items:center;min-height:2.3em;font-size:12px;font-weight:900;line-height:1.15;display:flex}.shop-tag{color:#ffe58a;background:#e2c45229;border-radius:7px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:900;display:inline-flex}.shop-tag svg{width:14px;height:14px}.shop-tag.is-own{color:#d6dfd8;background:#ffffff1a}.shop-tag.is-eq{color:#8ff0ad;background:#3ddc6a2e}.shop-detail{background:#ffffff12;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.shop-info{flex-direction:column;min-width:0;display:flex}.shop-info b{font-family:var(--font-display);font-size:19px;font-weight:400}.shop-info span{color:#c3cdc5;font-size:12px;line-height:1.3}.shop-detail .btn{white-space:nowrap;min-height:48px;padding:10px 16px;font-size:18px}.bracket-hero .trophy-img{width:auto;max-width:60%;height:min(16vh,124px)}.champ-art .trophy-img{width:auto;height:180px}.fb-art .trophy-img{width:64px;height:64px}.shop-stage .ball-stage{width:min(23vh,190px);height:min(23vh,190px)}#screen-menu{background:radial-gradient(at 50% 38%,#ffd65a29 0%,#ffd65a00 45%),linear-gradient(#040a0699 0%,#040a060d 26%,#040a0626 45%,#040a06db 70%,#040a06f5 100%);justify-content:flex-start;padding:0}.home-bar{width:100%;padding:calc(var(--safe-top) + 10px) 10px 0;z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-chip{pointer-events:auto;color:#fff;cursor:pointer;background:#010101a8;border:0;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:4px 12px 4px 4px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 12px #00000059}.profile-chip .medal{--size:40px}.pc-meta{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.pc-meta b{font-family:var(--font-display);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:108px;font-size:16px;font-weight:400;overflow:hidden}.pc-meta .lvl{color:#8fd8ff;font-size:11px;font-weight:900}.pc-xp{background:#ffffff26;border-radius:3px;width:84px;height:4px;margin-top:2px;overflow:hidden}.pc-xp i{background:linear-gradient(90deg,#43a6f2,#8fd8ff);height:100%;display:block}.home-stats{align-items:center;gap:6px;display:flex}.home-stats .stat-badge{padding:4px 10px 4px 5px;font-size:16px}.home-stats .stat-badge svg{width:21px;height:21px}.gear-btn{width:40px;height:40px}.gear-btn svg{width:22px;height:22px}.home-body{width:var(--col);flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:8px;min-height:0;padding:4px 14px 8px;display:flex}.home-hero{flex-direction:column;align-items:center;margin-top:2px;display:flex}.home-logo{padding:0 6px;position:relative;overflow:hidden}.home-logo .logo-word{font-size:clamp(46px,14.5vw,72px)}.home-logo .logo-word.small{font-size:clamp(36px,11.5vw,56px)}.logo-shine{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(100deg,#fff0 0%,#ffffff8c 50%,#fff0 100%);width:34%;animation:4.2s ease-in-out infinite hero-shine;position:absolute;top:-20%;bottom:-20%;left:-50%}.home-hero .logo-ribbon{margin-top:6px}.team-show{pointer-events:auto;color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.pedestal{place-items:center;width:132px;height:132px;display:grid;position:relative}.ped-rays{background:repeating-conic-gradient(#ffde7838 0deg 7deg,#ffde7800 7deg 18deg);border-radius:50%;animation:30s linear infinite spin-slow;position:absolute;inset:-18px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 70%);mask:radial-gradient(circle,#000 20%,#0000 70%)}.ped-ring{filter:blur(1px);background:radial-gradient(#ffdc788c 0%,#ffdc7800 70%);border-radius:50%;width:112px;height:22px;position:absolute;bottom:4px}.pedestal .medal{--size:96px;z-index:1;box-shadow:0 6px #00000073,0 14px 26px #0000008c,0 0 0 4px #ffde7847}.team-show-meta{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.team-show-meta small{letter-spacing:.16em;text-transform:uppercase;color:#c8d6c9;font-size:11px}.team-show-meta b{font-family:var(--font-display);text-shadow:0 3px #00000080;font-size:30px;font-weight:400;line-height:1.05}.team-show-meta span{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900}.feature-banner{pointer-events:auto;color:#fff;cursor:pointer;text-align:left;background:linear-gradient(100deg, color-mix(in srgb, var(--c2) 70%, #000) 0%, color-mix(in srgb, var(--c2) 35%, #000) 60%, #000000b3 100%);width:100%;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c1) 60%, transparent), 0 10px 24px #00000073;border:0;border-radius:18px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex;position:relative;overflow:hidden}.feature-banner:after{content:"";background:linear-gradient(100deg,#fff0 0%,#ffffff2e 50%,#fff0 100%);width:30%;animation:5s ease-in-out infinite hero-shine;position:absolute;top:0;bottom:0;left:-40%}.fb-art{flex:none;place-items:center;width:64px;height:64px;display:grid}.fb-art .trophy-img{height:100%}.fb-meta{flex-direction:column;flex:1;min-width:0;display:flex}.fb-meta small{letter-spacing:.16em;text-transform:uppercase;color:var(--c1);font-size:10px;font-weight:900}.fb-meta b{font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.05}.fb-meta span{color:#ffe58a;align-items:center;gap:4px;font-size:12px;font-weight:900;display:inline-flex}.fb-meta span svg{width:15px;height:15px}.fb-go{font-family:var(--font-display);color:var(--c1);font-size:34px}.mode-tiles{grid-template-columns:1fr 1fr;gap:9px;width:100%;display:grid}.mode-tile{pointer-events:auto;text-align:left;color:#fff;cursor:pointer;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:74px;padding:10px 10px 10px 56px;transition:transform 80ms;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #00000073,inset 0 1px #ffffff2e}.mode-tile:active{transform:translateY(3px)}.mode-tile b{font-family:var(--font-display);letter-spacing:.02em;font-size:19px;font-weight:400;line-height:1.05}.mode-tile small{opacity:.85;font-size:11px;font-weight:800}.mt-ico{background:#ffffff2e;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.mt-ico svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.t-ai{background:linear-gradient(135deg,#2f8fe6,#1561b5)}.t-online{background:linear-gradient(135deg,#2bb673,#138a50)}.t-2v2{background:linear-gradient(135deg,#f07a3a,#c24a14)}.t-2p{background:linear-gradient(135deg,#9b5cf0,#6a2fc2)}.home-nav{width:100%;padding:6px 6px calc(var(--safe-bottom) + 8px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(#0a100c99,#050806f5);border-top:1px solid #ffffff0f;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;align-items:end;display:grid}.nav-btn{pointer-events:auto;color:#c3d0c5;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:6px 0 2px;font-size:11px;font-weight:900;display:flex;position:relative}.nav-btn svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.nav-btn:active{color:#fff}.nav-badge{color:#fff;background:#e5402a;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-style:normal;line-height:18px;position:absolute;top:2px;right:18%}.nav-play{pointer-events:auto;color:#3b2600;width:78px;height:78px;font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff6c4 0%,#f4c542 45%,#c58b12 100%);border:0;border-radius:50%;flex-direction:column;justify-content:center;justify-self:center;align-items:center;gap:0;margin-top:-34px;font-size:16px;display:flex;box-shadow:0 6px #8a5c06,0 0 0 5px #050806f2,0 0 28px #ffc84673}.nav-play svg{width:30px;height:30px;margin-left:4px}.nav-play:active{box-shadow:0 2px #8a5c06,0 0 0 5px #050806f2;transform:translateY(4px)!important}.now-playing{pointer-events:auto;color:#dfe8e0;cursor:pointer;background:#01010199;border:0;border-radius:999px;align-self:center;align-items:center;gap:8px;max-width:calc(100% - 28px);margin-bottom:8px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.now-playing.is-hidden{visibility:hidden}.np-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing svg,.set-skip svg{fill:currentColor;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:var(--gold);border-radius:2px;width:3px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:4px}50%{height:14px}}@media (height<=720px){.home-logo .logo-word{font-size:44px}.home-logo .logo-word.small{font-size:34px}.home-hero .logo-ribbon{display:none}.pedestal{width:100px;height:100px}.pedestal .medal{--size:76px}.mode-tile{min-height:62px}}.set-row{grid-template-rows:auto auto;grid-template-columns:26px 1fr 42px;align-items:center;gap:4px 8px;padding:6px 4px;display:grid}.set-ico{grid-row:span 2;font-size:20px}.set-label{font-size:14px;font-weight:900}.set-val{text-align:right;font-family:var(--font-display);color:#ffe58a;grid-row:span 2;font-size:18px;font-weight:400}.set-range{pointer-events:auto;appearance:none;background:linear-gradient(90deg, var(--gold) 0%, var(--gold) var(--v,50%), #ffffff24 var(--v,50%));border-radius:6px;outline:none;width:100%;height:10px}.set-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff,#f4c542 60%,#b07a0c);border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #00000080}.set-range::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#fff,#f4c542 60%,#b07a0c);border:0;border-radius:50%;width:26px;height:26px}.set-np{color:#dfe8e0;justify-content:center;align-items:center;gap:8px;padding-top:4px;font-size:13px;display:flex}.set-server{text-align:left;color:#dfe8e0;gap:6px;font-size:13px;display:grid}.set-server-line{grid-template-columns:1fr auto;gap:8px;display:grid}.set-server-line .text-input{letter-spacing:.02em;min-width:0;font-size:15px}#screen-profile,#screen-friends{overscroll-behavior:contain;background:radial-gradient(at 50% 0,#1e3c6499 0%,#010101f2 55%);padding-left:0;padding-right:0;overflow-y:auto}#screen-profile>*,#screen-friends>*{flex:none}.profile-card{background:#ffffff0f;border-radius:22px;flex-direction:column;align-items:center;gap:12px;width:min(452px,100% - 28px);margin-top:12px;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.profile-avatar{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.profile-avatar .medal{--size:104px}.pa-edit{background:var(--blue);color:#fff;width:32px;height:32px;box-shadow:0 3px 0 var(--blue-dark);border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;bottom:4px;right:-2px}.nick-row{grid-template-columns:1fr auto;gap:8px;width:100%;display:grid}.nick-input{text-align:center;font-family:var(--font-display);font-size:22px;font-weight:400}.nick-row .btn{min-height:48px;font-size:18px}.profile-level{text-align:center;flex-direction:column;gap:4px;width:100%;display:flex}.profile-level b{font-family:var(--font-display);color:#8fd8ff;font-size:20px;font-weight:400}.xp-bar{background:#ffffff1f;border-radius:6px;height:10px;overflow:hidden}.xp-bar i{background:linear-gradient(90deg,#2f8fe6,#8fd8ff);height:100%;display:block}.profile-level small{color:var(--muted);font-size:12px}.friend-code,.my-code{background:linear-gradient(#e2c45229,#e2c4520d);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:10px;width:100%;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1px #e2c45259}.friend-code small,.my-code small{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:11px}.friend-code b,.my-code b{font-family:var(--font-display);letter-spacing:.18em;grid-row:2;font-size:30px;font-weight:400}.friend-code .btn,.my-code .btn{grid-area:1/2;min-height:46px;padding:8px 14px;font-size:16px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:min(452px,100% - 28px);margin-top:12px;display:grid}.pstat{background:#ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.pstat b{font-family:var(--font-display);font-size:24px;font-weight:400}.pstat small{color:var(--muted);text-align:center;font-size:11px}#screen-friends .my-code{width:min(452px,100% - 28px);margin-top:12px}.add-friend{grid-template-columns:1fr auto;gap:8px;width:min(452px,100% - 28px);margin-top:10px;display:grid}.add-friend .code-input{letter-spacing:.2em;font-size:22px}.add-friend .btn{min-height:48px;font-size:18px}.friend-list{pointer-events:auto;touch-action:pan-y;flex-direction:column;flex:1;gap:6px;width:min(452px,100% - 28px);min-height:0;margin-top:10px;display:flex;overflow-y:auto}.picker-panel .friend-list{width:100%;max-height:52vh}.friend-section{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:6px 2px 0;font-size:11px}.friend-empty{color:#c3cdc5;text-align:center;background:#ffffff0d;border-radius:12px;padding:14px;font-size:13px}.friend-row{background:#ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.friend-row .medal{--size:40px}.friend-row.is-request{box-shadow:inset 0 0 0 1.5px #e2c45280}.friend-row.st-offline{opacity:.6}.fr-meta{flex-direction:column;flex:1;min-width:0;display:flex}.fr-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.fr-meta small{color:#b9c6bb;align-items:center;gap:5px;font-size:12px;display:inline-flex}.st-dot{background:#777;border-radius:50%;width:8px;height:8px}.st-menu .st-dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.st-room .st-dot{background:#43a6f2}.st-match .st-dot{background:#f0a43a}.fr-btn{pointer-events:auto;min-width:38px;min-height:38px;font:inherit;color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:900}.fr-btn.ok{background:var(--ok);color:#06210f}.fr-btn.no{background:#e5402acc}.fr-btn.invite,.fr-btn.join{background:linear-gradient(180deg, var(--blue-hi), var(--blue));box-shadow:0 3px 0 var(--blue-dark)}.fr-btn:disabled{filter:grayscale(.5);box-shadow:none}.invite-top{place-items:center;margin-top:-4px;display:grid}.invite-top .medal{--size:72px}.banner,.goal-fx{z-index:15}.modal{z-index:20}.toast,.hint{z-index:30}.bubble{z-index:25}.set-row .set-ico{grid-area:1/1/span 2}.set-row .set-label{grid-area:1/2}.set-row .set-range{grid-area:2/2}.set-row .set-val{grid-area:1/3/span 2}#screen-menu .now-playing{max-width:86%;margin:-2px 0}.team-show{position:relative}.team-show:before{content:"";z-index:-1;background:radial-gradient(at 35%,#00000080 0%,#0000 72%);border-radius:80px 40px 40px 80px;position:absolute;inset:-10px -24px -10px -10px}.home-body{justify-content:space-evenly;padding-bottom:40px}@media (height<=900px){.pedestal{width:112px;height:112px}.pedestal .medal{--size:84px}.home-logo .logo-word{font-size:clamp(42px,13vw,64px)}.home-logo .logo-word.small{font-size:clamp(32px,10vw,50px)}.mode-tile{min-height:66px}}.home-left{align-items:center;gap:6px;min-width:0;display:flex}.login-pill{pointer-events:auto;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, #c99a26);box-shadow:0 3px 0 var(--gold-dark), 0 6px 14px #00000059;color:#3b2600;font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:7px 11px 7px 8px;font-size:14px;display:flex}.login-pill svg{width:16px;height:16px}.login-pill:active{box-shadow:0 1px 0 var(--gold-dark);transform:translateY(2px)}.notice-panel.login-panel{gap:10px;max-height:calc(100% - 24px);padding-top:18px;position:relative;overflow-y:auto}.login-close{width:36px;height:36px;font-size:16px;position:absolute;top:10px;right:10px}.login-logo{line-height:.85;font-family:var(--font-display);color:var(--gold-hi);text-shadow:0 3px #6b4a00,0 8px 18px #00000080;flex-direction:column;align-items:center;display:flex}.login-logo .logo-word{font-size:34px}.login-logo .logo-word.small{color:#fff;font-size:24px}.login-panel h2{margin:0;font-size:26px}.login-reason,.login-note,.login-sent,.login-fine,.login-dev{text-align:center;color:#dfe8e0;margin:0;font-size:13px;line-height:1.45}.login-note{color:var(--muted);font-size:12px}.login-fine{color:var(--muted);font-size:11px}.login-dev{color:var(--gold-hi);font-size:12px}.login-google{justify-content:center;min-height:44px;display:flex}.login-or{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:#ffffff24;flex:1;height:1px}.login-email{flex-direction:column;gap:10px;display:flex}.login-input,.login-code{text-align:center;width:100%;font-size:17px}.login-code{letter-spacing:.4em;font-size:30px;font-family:var(--font-display);padding-left:.4em}.login-links{justify-content:space-between;display:flex}.login-links .link-btn:disabled{opacity:.55;cursor:default;text-decoration:none}.login-error{text-align:center;color:#ff8a80;min-height:1em;margin:0;font-size:13px;font-weight:700}.login-error:empty{display:none}.btn-danger{color:#fff;background:linear-gradient(#ff6b5e 0%,#e53935 50%,#b71c1c 100%);box-shadow:0 5px #7f1010,0 10px 22px #00000073,inset 0 1px #ffffff59}.account-card{background:#1886de1f;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;width:min(452px,100% - 28px);margin-top:12px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #1886de66}.account-card.is-guest{background:linear-gradient(#e2c45229,#e2c4520d);grid-template-columns:1fr;box-shadow:inset 0 0 0 1px #e2c45266}.ac-info{flex-direction:column;gap:2px;min-width:0;display:flex}.ac-info small{letter-spacing:.12em;text-transform:uppercase;color:#8fc8ff;font-size:11px}.account-card.is-guest .ac-info small{color:var(--gold)}.ac-info b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.ac-info span{color:#c9d6cb;font-size:12px}.account-card .ac-out{width:auto;min-height:0;margin:0;padding:10px 16px;font-size:16px}.account-card .ac-login{width:100%;min-height:48px;font-size:19px}.ac-delete{color:#ff8a80;font:inherit;cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:0;font-size:12px;text-decoration:underline}.login-crew{flex-direction:column;gap:10px;display:flex}.login-select{appearance:none;text-align:center;text-align-last:center;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 15px);background-repeat:no-repeat;background-size:7px 7px,7px 7px;width:100%;padding-right:36px;font-size:18px;font-weight:800}.login-select option{color:#111;font-weight:700}.home-left .profile-chip{flex:0 auto;overflow:hidden}.home-left .pc-meta{overflow:hidden}.home-left .login-pill~*{flex:none}.home-left:has(.login-pill) .pc-meta{display:none}.home-left:has(.login-pill) .profile-chip{padding-right:4px}.account-card .ac-password{color:var(--gold-hi)}.redeem-btn{width:100%;min-height:48px;font-size:19px}.redeem-gift{text-align:center;filter:drop-shadow(0 6px 14px #00000080);font-size:46px;line-height:1}.redeem-input{text-align:center;width:100%;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:26px}.redeem-coin{filter:drop-shadow(0 8px 20px #f4c54273);width:96px;height:96px;margin:4px auto 0}.redeem-coin svg{width:100%;height:100%}.redeem-amount{text-align:center;font-family:var(--font-display);color:var(--gold-hi);text-shadow:0 4px #6b4a00,0 10px 24px #00000080;font-size:54px;line-height:1}.redeem-label{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0;font-size:13px}