:root{--home: #e63946;--away: #2f80ed;--panel: rgba(8, 12, 20, .78);--text: #f4f6fb;--muted: #a7b0c0;--accent: #ffd166}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#05070c;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden,.off-screen{display:none!important}#scoreboard{position:fixed;top:16px;left:16px;display:flex;align-items:stretch;height:34px;background:var(--panel);border-radius:6px;overflow:hidden;font-weight:700;letter-spacing:.04em;box-shadow:0 4px 18px #00000059;user-select:none}#scoreboard .team{display:flex;align-items:center;gap:8px;padding:0 10px;font-size:14px}#scoreboard .swatch{width:6px;align-self:stretch}#scoreboard .home .swatch{background:var(--home);margin-left:-10px}#scoreboard .away .swatch{background:var(--away);margin-right:-10px}#scoreboard .score{display:flex;align-items:center;gap:6px;padding:0 12px;background:#fff;color:#0b0f18;font-size:18px;font-variant-numeric:tabular-nums}#scoreboard .dash{opacity:.5}#clock{display:flex;align-items:center;padding:0 12px;background:#00000059;font-variant-numeric:tabular-nums;font-size:15px}#banner{position:fixed;top:28%;left:50%;transform:translate(-50%);font-size:clamp(36px,7vw,84px);font-weight:900;font-style:italic;letter-spacing:.02em;text-shadow:0 6px 30px rgba(0,0,0,.6);pointer-events:none;opacity:0;transition:opacity .25s;white-space:nowrap}#banner.show{opacity:1}#radar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);border-radius:6px;background:#0a2812b8;box-shadow:0 4px 18px #00000059}#indicators{position:fixed;inset:0;pointer-events:none}.indicator{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:3px}.indicator .tag{font-size:12px;font-weight:800;padding:1px 7px;border-radius:3px;background:var(--panel);white-space:nowrap}.indicator.home .tag{border-bottom:2px solid var(--home)}.indicator.away .tag{border-bottom:2px solid var(--away)}.indicator .bar{width:46px;height:4px;background:#0000008c;border-radius:2px;overflow:hidden}.indicator .bar i{display:block;height:100%;width:100%}.indicator .stamina i{background:#5ee08a}.indicator .power{height:6px;width:54px}.indicator .power i{background:linear-gradient(90deg,#ffd166,#f77f00 70%,#e63946)}.indicator .arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--accent)}#netstats{position:fixed;top:16px;right:16px;font:12px/1.4 ui-monospace,monospace;color:var(--muted);background:var(--panel);padding:6px 10px;border-radius:6px;white-space:pre;text-align:right}#help{position:fixed;bottom:16px;left:16px;font-size:12px;color:var(--muted);background:var(--panel);padding:6px 10px;border-radius:6px;max-width:calc(50% - 140px)}#help b{color:var(--text)}@media (max-width: 900px){#help{display:none}}#menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));background:var(--panel);backdrop-filter:blur(8px);padding:28px;border-radius:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000080}#menu h1{margin:0 0 6px;font-size:30px;font-style:italic;font-weight:900}#menu label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}#menu input,#menu select{font:inherit;font-size:15px;text-transform:none;letter-spacing:0;color:var(--text);background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:9px 10px}#menu .buttons{display:flex;gap:10px;margin-top:6px}#menu button{flex:1;font:inherit;font-weight:700;padding:11px;border-radius:6px;border:0;cursor:pointer;background:var(--accent);color:#111}#menu button:disabled{opacity:.5;cursor:progress}#menu-status{min-height:1em;margin:0;font-size:13px;color:var(--accent)}#menu .hint{margin:0;font-size:12px;color:var(--muted)}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app canvas,body.playing{touch-action:none}#menu input{-webkit-user-select:text;user-select:text}#scoreboard{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}#netstats{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}#radar{bottom:max(16px,env(safe-area-inset-bottom))}.touch-only{display:none}body.touch .touch-only{display:block}body.touch .desktop-only{display:none!important}body.touch #help{display:none}#touch{position:fixed;inset:0;pointer-events:none;z-index:5}#touch .stick-zone{position:absolute;left:0;top:30%;bottom:0;width:48%;pointer-events:auto;touch-action:none}#touch .stick-base{position:absolute;left:max(96px,calc(env(safe-area-inset-left) + 80px));top:calc(100% - 110px);width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#080c1447;opacity:.55;transition:opacity .15s}#touch .stick-base.active{opacity:1;transition:none}#touch .stick-base.sprint{border-color:var(--accent);box-shadow:0 0 18px #ffd16673}#touch .stick-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#ffffffd9;box-shadow:0 2px 10px #0006}#touch .actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:216px;height:196px;pointer-events:none}#touch .act{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid rgba(255,255,255,.4);font:800 13px/1 system-ui,sans-serif;letter-spacing:.03em;color:#fff;background:#080c1480;text-shadow:0 1px 2px rgba(0,0,0,.6);padding:0;transition:transform .06s,background .06s}#touch .act.down{transform:scale(.92);background:#ffffff4d}#touch .act.primary{right:0;bottom:34px;width:84px;height:84px;font-size:15px;background:#e639469e}#touch .act.pass{right:96px;bottom:0;width:68px;height:68px;background:#2f80ed99}#touch .act.lob{right:92px;bottom:82px;width:62px;height:62px;background:#52b78899}#touch .act.sprint{right:8px;bottom:132px;width:58px;height:58px;font-size:11px}#touch.defending .act.primary{background:#f77f009e}#touch.defending .act.lob{background:#9be7ff6b}body.touch #radar,body.small #radar{left:auto;transform:none;bottom:auto;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:140px;height:auto}body.touch #netstats,body.small #netstats{top:calc(max(10px,env(safe-area-inset-top)) + 98px);right:max(10px,env(safe-area-inset-right));font-size:10px;padding:3px 7px;opacity:.8}@media (max-width: 760px),(max-height: 500px){#scoreboard{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));height:28px}#scoreboard .team{font-size:12px;padding:0 8px;gap:6px}#scoreboard .home .swatch{margin-left:-8px}#scoreboard .away .swatch{margin-right:-8px}#scoreboard .score{font-size:15px;padding:0 9px}#clock{font-size:13px;padding:0 9px}.indicator .tag{font-size:10px;padding:1px 5px}#banner{top:22%}}@media (max-width: 420px){#scoreboard .team .abbr{display:none}#radar{width:112px!important}}#menu{max-height:calc(100dvh - 24px);overflow-y:auto}@media (max-height: 500px){#menu{padding:16px 20px;gap:8px;width:min(520px,calc(100% - 32px))}#menu h1{font-size:22px;margin:0}#menu .row{display:flex;gap:10px}#menu .row label{flex:1}#menu input,#menu select{padding:7px 9px}}#menu .row{display:flex;flex-direction:column;gap:12px}@media (max-height: 500px){#menu .row{flex-direction:row}}#menu button{min-height:44px}#rotate{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:24px;text-align:center;background:#05070ce0;font-weight:700}#rotate .phone{width:46px;height:76px;border:3px solid var(--text);border-radius:9px;animation:rot 1.8s ease-in-out infinite}#rotate small{color:var(--muted);font-weight:500}@keyframes rot{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation: portrait){body.touch.playing:not(.portrait-ok) #rotate{display:flex}}.install-btn{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:9px 12px}.install-btn:hover{background:#ffffff1a}.install-btn img{width:38px;height:38px;border-radius:9px;flex:none}.install-btn span{display:flex;flex-direction:column;gap:2px;font-size:14px}.install-btn small{color:var(--muted);font-size:12px}#menu .install-btn{flex:none;background:#ffffff0f;color:var(--text);font-weight:400;padding:9px 12px}#install-guide{position:fixed;inset:0;z-index:50;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}#install-guide .sheet{position:relative;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:#0d1320;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;box-shadow:0 20px 60px #0009}#install-guide .close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff14;color:var(--text);font-size:22px;line-height:1;cursor:pointer}#install-guide .head{display:flex;gap:14px;align-items:center;margin-bottom:16px;padding-right:36px}#install-guide .head img{width:56px;height:56px;border-radius:13px}#install-guide h2{margin:0 0 3px;font-size:19px}#install-guide .head small{color:var(--muted);font-size:13px}#install-guide .tabs{display:flex;gap:4px;background:#ffffff0f;border-radius:8px;padding:3px;margin-bottom:14px}#install-guide .tabs button{flex:1;font:inherit;font-size:13px;font-weight:600;padding:7px 4px;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}#install-guide .tabs button.active{background:#ffffff24;color:var(--text)}#install-guide ol{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:10px}#install-guide li{counter-increment:step;position:relative;padding-left:36px;font-size:14px;line-height:1.5}#install-guide li:before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#111;font-weight:800;font-size:13px;display:grid;place-items:center}#install-guide .note{margin:14px 0 0;font-size:12.5px;color:var(--muted);background:#ffd16614;border-left:3px solid var(--accent);padding:8px 10px;border-radius:4px}#install-guide .primary{width:100%;margin-top:16px;font:inherit;font-weight:700;padding:11px;border:0;border-radius:8px;background:var(--accent);color:#111;cursor:pointer}.ico{display:inline-block;width:18px;height:18px;vertical-align:-3px;background:currentColor;color:#4da3ff;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat}.ico.share{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M8 7l4-4 4 4'/%3E%3Cpath d='M6 11H5v10h14V11h-1'/%3E%3C/svg%3E")}.ico.plus{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='4'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");color:var(--text)}.ico.dots{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='12' cy='19' r='2'/%3E%3C/svg%3E");color:var(--text)}.ico.install{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M12 8v6M9 11l3 3 3-3M8 21h8'/%3E%3C/svg%3E");color:var(--text)}@media (max-height: 500px){#install-guide .sheet{width:min(560px,100%);padding:14px 16px}#install-guide .head{margin-bottom:10px}#install-guide .head img{width:40px;height:40px}#install-guide ol{gap:6px}#menu .install-btn img{width:30px;height:30px}}#menu section{display:flex;flex-direction:column;gap:12px}#menu h2{margin:0;font-size:18px}#menu button.secondary{background:#ffffff1a;color:var(--text)}#menu button.link{flex:none;min-height:0;padding:4px 6px;background:none;color:var(--accent);font-weight:600;font-size:13px}#menu button.link:hover{text-decoration:underline}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}#menu .mode{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:10px}#menu .mode:hover:not(:disabled){background:#ffffff21}#menu .mode.primary{background:var(--accent);color:#111;border-color:transparent}#menu .mode b{font-size:15px}#menu .mode small{font-weight:500;font-size:12px;opacity:.75}.mi{width:22px;height:22px;margin-bottom:4px;background:currentColor;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat}.mi.bot{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='3'/%3E%3Cpath d='M12 4v4M9 13h.01M15 13h.01M9 17h6'/%3E%3C/svg%3E")}.mi.plus{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.6-3.5 3.2-5.5 6.5-5.5s5.9 2 6.5 5.5M19 8v6M16 11h6'/%3E%3C/svg%3E")}.seg{display:flex;gap:4px;padding:3px;background:#ffffff0f;border-radius:8px;align-items:center}#menu .seg button{flex:1;min-height:34px;padding:6px 8px;background:none;color:var(--muted);font-weight:600;font-size:13px;border-radius:6px}#menu .seg button.active{background:#ffffff29;color:var(--text)}#menu .seg button:disabled{opacity:1;cursor:default}#menu .seg button:disabled:not(.active){opacity:.45}.seg-label{padding:0 8px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}#menu .seg.big button{display:flex;flex-direction:column;gap:2px;padding:10px;min-height:56px}#menu .seg.big button b{font-size:15px}#menu .seg.big button small{font-weight:500;font-size:12px;color:var(--muted)}#menu .seg.big button.active{background:#ffd16629;box-shadow:inset 0 0 0 1px var(--accent)}.join{display:flex;gap:8px}#menu .join input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.2em;font-weight:700}#menu .join input::placeholder{letter-spacing:.02em;font-weight:400;text-transform:none}#menu .join button{flex:none;padding:0 20px;background:#fff}.rooms-head{display:flex;justify-content:space-between;align-items:center;margin-top:2px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}#room-list{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}#room-list li{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;background:#ffffff0d;border-radius:8px}#room-list li span{flex:1;min-width:0;display:flex;flex-direction:column}#room-list li b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#room-list li small{font-size:12px;color:var(--muted)}#room-list li button{flex:none;min-height:36px;padding:6px 16px}#room-list li.empty{justify-content:center;color:var(--muted);font-size:13px;padding:12px}.room-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-head small{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.code-line{display:flex;align-items:center;gap:6px}.code{font:900 30px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--accent)}#menu .share{flex:none;padding:10px 18px;background:#fff}.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px}.vs{align-self:center;font-weight:900;font-style:italic;color:var(--muted)}.slot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:10px;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);min-width:0}.slot.mine{border-color:var(--accent);background:#ffd16614}.slot .kit{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.85)}.slot .kit.home{background:var(--home)}.slot .kit.away{background:var(--away)}.slot .side{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.slot .who{font-weight:700;font-size:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:22px;max-width:100%;overflow-wrap:anywhere}.slot .who em{font-style:normal;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border-radius:4px;background:#ffffff24;color:var(--muted)}.slot .who em.me{background:var(--accent);color:#111}.slot .who .ai{color:var(--muted);font-weight:600}#menu .slot .take{flex:none;min-height:34px;padding:6px 14px;font-size:13px;background:#ffffff1f;color:var(--text)}#menu .slot .take:hover{background:#fff3}.watchers{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-top:-4px;font-size:13px;color:var(--muted)}.host-settings{display:flex;flex-direction:column;gap:6px}#room-status{min-height:1em}#exit-btn{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:6;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:var(--panel);color:var(--text);display:grid;place-items:center;padding:0;cursor:pointer;touch-action:manipulation}#exit-btn:hover{background:#1e2432e6}body.touch #exit-btn{width:46px;height:46px;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}body.touch #radar,body.small #radar{right:calc(max(10px,env(safe-area-inset-right)) + 56px)!important}body.touch #netstats,body.small #netstats{right:calc(max(10px,env(safe-area-inset-right)) + 56px)}body.no-radar #radar{display:none}#pause{position:fixed;inset:0;z-index:40;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;touch-action:manipulation}#pause .sheet{width:min(340px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#0d1320;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;box-shadow:0 20px 60px #0009}#pause h2{margin:0;font-size:19px}#pause .sub{margin:-6px 0 0;color:var(--muted);font-size:13px}#pause .sub:empty{display:none}#pause button{font:inherit;font-weight:700;font-size:15px;padding:13px;border-radius:10px;cursor:pointer}#pause .resume{border:0;background:var(--accent);color:#111}#pause .leave{border:1px solid rgba(230,57,70,.6);background:#e6394629;color:#ff8a93}#pause .opts{display:flex;flex-direction:column;background:#ffffff0d;border-radius:10px}#pause .opt{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:15px;cursor:pointer}#pause .opt+.opt{border-top:1px solid rgba(255,255,255,.07)}#pause .opt input{appearance:none;width:44px;height:26px;border-radius:13px;background:#ffffff2e;position:relative;cursor:pointer;transition:background .15s;margin:0;flex:none}#pause .opt input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}#pause .opt input:checked{background:#52b788}#pause .opt input:checked:after{transform:translate(18px)}#pause .zoom-opt{flex-direction:column;align-items:stretch;gap:8px;cursor:default}#pause .zoom-opt .seg button{flex:1;min-height:34px;padding:6px 4px;background:none;color:var(--muted);font-weight:600;font-size:13px;border-radius:6px;border:0}#pause .zoom-opt .seg button.active{background:#ffffff29;color:var(--text)}@media (max-height: 500px){#pause .sheet{width:min(560px,100%);display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:16px}#pause h2,#pause .sub{grid-column:1 / -1}#pause .opts{grid-row:span 2}#pause .opt{padding:9px 12px}}body:not(.touch) #netstats{right:60px}@media (max-height: 500px){.modes{gap:8px}#menu .mode{padding:8px 12px}.mi{display:none}#room-list{max-height:110px}.code{font-size:24px}.slot{padding:8px 6px;gap:4px;flex-direction:row;flex-wrap:wrap;justify-content:center}.slot .kit{width:22px;height:22px;border-width:2px}.host-settings{flex-direction:row}.host-settings .seg{flex:1}.host-settings .seg-label{display:none}}#menu textarea{font:inherit;font-size:15px;text-transform:none;letter-spacing:0;color:var(--text);resize:vertical;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:9px 10px;-webkit-user-select:text;user-select:text}.avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px;color:#111;background:#ffffff1f;box-shadow:inset 0 0 0 2px #ffffffb3}.avatar.big{width:56px;height:56px;font-size:24px}.account-bar{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;background:#ffffff0d;border-radius:10px}.account-bar .who{flex:1;min-width:0;display:flex;flex-direction:column}.account-bar .who b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bar .who small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu .account-bar button{flex:none;min-height:36px;padding:6px 16px}.form-error{margin:0;min-height:0;font-size:13px;color:#ff8a8a}.form-error:empty{display:none}#menu button.danger{background:#e63946;color:#fff}.profile-head{display:flex;align-items:center;gap:14px}.profile-head>div{min-width:0}.profile-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-head small{font-size:12px;color:var(--muted)}.bio{margin:0;font-size:14px;color:var(--text);overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stats div{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#ffffff0d;border-radius:8px}.stats b{font-size:18px}.stats small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.recent{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:170px;overflow-y:auto}.recent li{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#ffffff0d;border-radius:8px;font-size:13px}.recent li .opp{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent li small{color:var(--muted);font-size:11px}.recent li.empty{justify-content:center;color:var(--muted);padding:12px}.res{flex:none;width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-weight:900;font-size:12px;color:#111}.res.W{background:#06d6a0}.res.D{background:#a7b0c0}.res.L{background:#ff6b6b}#prof-own{gap:6px}#prof-own details{background:#ffffff0a;border-radius:8px;padding:0 12px}#prof-own summary{cursor:pointer;padding:11px 0;font-weight:600;font-size:14px}#prof-own details form{padding-bottom:12px}.swatches{display:flex;flex-wrap:wrap;gap:8px}#menu .swatches button{flex:none;width:32px;height:32px;min-height:0;padding:0;border-radius:50%}#menu .swatches button.active{box-shadow:0 0 0 2px var(--panel),0 0 0 4px #fff}#menu .slot .who button.name{padding:0;font-size:15px;font-weight:700;color:var(--text);text-decoration:underline dotted;text-underline-offset:3px}#loading{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 50% 35%,#12341eeb,#05070cf7 70%);opacity:1;transition:opacity .35s}#loading.out{opacity:0;pointer-events:none}#loading .load-card{width:min(440px,100%);display:flex;flex-direction:column;gap:14px;text-align:center}#loading .load-kicker{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#loading h2{margin:-6px 0 0;font-size:clamp(24px,5vw,32px);font-style:italic;font-weight:900}#load-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:17px}#load-vs .team{display:flex;align-items:center;gap:8px;min-width:0}#load-vs .home{justify-content:flex-end}#load-vs b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#load-vs i{flex:none;width:10px;height:26px;border-radius:2px}#load-vs .home i{background:var(--home)}#load-vs .away i{background:var(--away)}#load-vs em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase}#loading .load-track{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}#load-bar{height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}#load-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:14px}#load-steps li{display:flex;align-items:center;gap:10px;color:var(--muted)}#load-steps li.done,#load-steps li.fail{color:var(--text)}#load-steps .label{flex:1}#load-steps .val{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}#load-steps .dot{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--accent);animation:load-spin .8s linear infinite}#load-steps li.done .dot{animation:none;border:0;background:#06d6a0}#load-steps li.fail .dot{animation:none;border:0;background:var(--muted)}@keyframes load-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){#load-steps .dot{animation-duration:2.4s}#load-bar{transition:none}}#load-status{margin:0;min-height:1.2em;font-size:14px;color:var(--accent)}#load-tip{margin:0;font-size:13px;color:var(--muted)}#load-tip:before{content:"Tip: ";font-weight:700;color:var(--text)}#load-cancel{align-self:center;font:inherit;font-weight:600;min-height:40px;padding:8px 18px;border-radius:6px;border:0;cursor:pointer;background:#ffffff1a;color:var(--text)}@media (max-height: 420px){#loading .load-card{gap:8px}#loading .load-kicker,#load-tip{display:none}#load-steps{gap:3px;font-size:13px}}#menu .kit-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:8px 12px 8px 8px;background:#ffffff0d;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:10px}#menu .kit-btn:hover{background:#ffffff1a}.kit-btn .thumb{flex:none;width:34px;height:42px}.kit-btn .thumb svg,#kit-preview svg,.kit-presets svg{display:block;width:100%;height:100%}.kit-btn>span:nth-child(2){flex:1;display:flex;flex-direction:column}.kit-btn b{font-size:15px}.kit-btn small{font-size:12px;font-weight:500;color:var(--muted)}.kit-btn .chev{font-size:24px;color:var(--muted)}.kit-stage{position:relative;display:flex;justify-content:center;padding:14px 0 8px;border-radius:12px;background:radial-gradient(ellipse at 50% 80%,#2ec27e38,#ffffff08 70%)}#kit-preview{display:flex;align-items:flex-end;gap:14px}#kit-preview .main{width:104px;height:130px}#kit-preview .gk{width:48px;display:flex;flex-direction:column;align-items:center;gap:2px}#kit-preview .gk svg{height:60px}#kit-preview .gk small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tag-chip{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:5px;font-weight:900;letter-spacing:.08em;font-size:13px;background:var(--panel);border-left:4px solid var(--c, #fff)}.kit-presets{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}#menu .kit-presets button{flex:none;width:58px;min-height:0;padding:6px 4px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:var(--muted)}#menu .kit-presets button svg{width:30px;height:38px}#menu .kit-presets button small{font-size:11px;font-weight:600}#menu .kit-presets button.active{border-color:var(--accent);color:var(--text);background:#ffd1661a}#menu .kit-parts button{display:flex;align-items:center;justify-content:center;gap:6px}#menu .kit-parts button:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot, #fff);box-shadow:0 0 0 1px #fff6}.kit-colors{display:flex;flex-direction:column;gap:8px}.kit-colors .seg-label{padding:0}#menu .kit-colors .custom{display:flex;flex-direction:row;text-transform:none;letter-spacing:0;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}#menu .kit-colors .custom input{width:36px;height:28px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:none;cursor:pointer}#kit-tag-row small{color:var(--muted);font-weight:400}#menu #kit-tag{text-transform:uppercase;letter-spacing:.2em;font-weight:800}#kit-note{min-height:1em;margin:0}.watchers>span:last-child{display:flex;gap:4px}@media (max-height: 500px){.kit-stage{padding:6px 0 2px}#kit-preview .main{width:62px;height:78px}#kit-preview .gk svg{height:40px}#menu .swatches button{width:28px;height:28px}}