:root{--bg: #0b1220;--card: rgba(15, 23, 42, .92);--line: #273449;--text: #e5e7eb;--muted: #94a3b8;--accent: #f28c28;--accent2: #fbbf24;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}#ui input,#ui select{-webkit-user-select:text;user-select:text;font-size:16px}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none}#game.on{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse at top,#16324f 0%,var(--bg) 60%);overflow-y:auto;z-index:20;touch-action:pan-y}#game.on~#ui{background:#050a1499}#ui.on{display:flex}.card{width:100%;max-width:520px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px #00000073}.logo{font-weight:900;font-size:44px;letter-spacing:1px;text-align:center;font-style:italic}.logo span{color:var(--accent)}h2{margin:0 0 4px;font-size:22px}h3{margin:8px 0 2px;font-size:15px;color:var(--muted);font-weight:600}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.err{color:#f87171;min-height:1em}a{color:var(--accent2)}button,input,select{font:inherit;color:var(--text);border-radius:12px;border:1px solid var(--line);background:#1e293b;padding:11px 14px}button{cursor:pointer;font-weight:600}button:hover{background:#26354d}button.primary{background:var(--accent);border-color:var(--accent);color:#111}button.primary:hover{background:#ff9d3f}button.big{padding:15px;font-size:16px}button.small{padding:7px 10px;font-size:13px}button.ghost{background:transparent}button.active{background:#14532d;border-color:#22c55e}button:disabled{opacity:.5}input,select{width:100%}form{display:flex;flex-direction:column;gap:10px}form.row,.row{flex-direction:row;display:flex;gap:8px}.row>*{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.user{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.user img,.member img,.member i{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#334155;display:inline-block}.slots{display:flex;flex-direction:column;gap:6px}.slot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:12px}.slot span{font-size:13px}.teams{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.col{border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:120px}.col h3{margin:0}.col button{margin-top:auto}.member{display:flex;align-items:center;gap:6px;font-size:13px}.member.me{color:var(--accent2);font-weight:700}.code{color:var(--accent);letter-spacing:3px;font-family:ui-monospace,monospace}table.keys{width:100%;border-collapse:collapse;font-size:13px}table.keys th,table.keys td{border-bottom:1px solid var(--line);padding:6px 4px;text-align:left}table.keys th{color:var(--muted);font-weight:600}.tips{margin:0;padding-left:18px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:4px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;z-index:5}#hud.on{display:block}.scoreboard{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;background:#080c16d9;padding:6px 12px;border-radius:10px;font-weight:800;letter-spacing:.5px}.scoreboard .tm{display:flex;align-items:center;gap:6px}.scoreboard i{width:6px;height:18px;border-radius:2px;display:inline-block}.scoreboard .sc{background:#f8fafc;color:#0b1220;padding:1px 8px;border-radius:6px}.scoreboard .clk{color:var(--accent2);min-width:32px}.menu-btn{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));pointer-events:auto;background:#080c16d9;border:none;font-size:18px;padding:6px 12px}.banner{position:absolute;top:22%;left:50%;transform:translate(-50%,-10px) scale(.95);opacity:0;transition:.25s;background:#080c16e0;border:2px solid var(--accent);border-radius:16px;padding:14px 26px;text-align:center;max-width:90vw}.banner.on{opacity:1;transform:translate(-50%) scale(1)}.banner h2{font-size:34px;font-style:italic;color:var(--accent);margin:0}.power{position:absolute;bottom:160px;left:50%;transform:translate(-50%);width:220px;height:12px;border-radius:6px;background:#080c16cc;border:1px solid #475569;overflow:hidden;opacity:0;transition:opacity .1s}.power.on{opacity:1}.power div{height:100%;width:0}.radar{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:210px;height:136px;border-radius:8px}#touch{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:6;pointer-events:none}#touch.on{display:block}.stick-zone{position:absolute;left:env(safe-area-inset-left);top:60px;bottom:0;width:45%;pointer-events:auto;touch-action:none}.stick-base{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff0f;display:none;left:110px;top:70%}.stick-base.on{display:block}.stick-knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#fff6}.btn-pad{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:250px;height:210px;pointer-events:none}.tbtn{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:800;color:#fff;background:#1e293bb3;border:2px solid rgba(255,255,255,.35);pointer-events:auto;touch-action:none}.tbtn.down{transform:scale(.92);background:#f28c28bf}.tbtn.hidden{visibility:hidden}.tbtn.shoot{width:82px;height:82px;right:0;bottom:56px;border-color:#f87171}.tbtn.pass{width:74px;height:74px;right:92px;bottom:0;border-color:#4ade80}.tbtn.through{width:60px;height:60px;right:92px;bottom:86px;border-color:#60a5fa}.tbtn.lob{width:60px;height:60px;right:12px;bottom:148px;border-color:#facc15}.tbtn.sprint{width:64px;height:64px;right:176px;bottom:6px}.tbtn.switch{width:54px;height:54px;right:166px;bottom:96px}@media (pointer: coarse){.radar{width:150px;height:97px}.power{bottom:120px}}#rotate{display:none}@media (orientation: portrait) and (pointer: coarse){#game.on~#rotate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050a14eb;align-items:center;justify-content:center;font-size:20px;text-align:center;padding:24px}}.install{border:1px dashed var(--accent);border-radius:12px;padding:10px 12px;font-size:13px;color:var(--muted)}.install b{color:var(--text)}.install .share{display:inline-block;border:1px solid var(--muted);border-radius:4px;padding:0 4px;font-size:11px}@media (max-height: 460px){.card{max-width:640px;padding:14px 16px;gap:7px;border-radius:14px}.logo{font-size:30px}h2{font-size:18px}button.big{padding:10px;font-size:15px}button,input,select{padding:8px 12px}.install{font-size:12px;padding:7px 10px}.teams .col{min-height:80px}.scoreboard{padding:4px 9px;gap:7px;font-size:13px}.menu-btn{padding:4px 10px;font-size:16px}.banner h2{font-size:24px}.radar{width:132px;height:86px}.power{bottom:96px;width:160px}.btn-pad{width:196px;height:166px}.tbtn{font-size:10.5px}.tbtn.shoot{width:66px;height:66px;bottom:44px}.tbtn.pass{width:60px;height:60px;right:72px}.tbtn.through{width:48px;height:48px;right:74px;bottom:68px}.tbtn.lob{width:48px;height:48px;right:8px;bottom:118px}.tbtn.sprint{width:52px;height:52px;right:140px;bottom:4px}.tbtn.switch{width:44px;height:44px;right:134px;bottom:76px}.stick-base{width:104px;height:104px;margin:-52px 0 0 -52px}.stick-knob{left:29px;top:29px;width:44px;height:44px}}.choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 10px}.choice span{font-weight:400;font-size:12px;color:var(--muted)}.row.seg{flex-wrap:wrap}.row.seg>*{flex:1 1 18%}.chips{display:flex;flex-wrap:wrap;gap:6px}.banner .card-y,.banner .card-r{display:inline-block;width:14px;height:19px;border-radius:2px;vertical-align:-3px;margin-right:6px}.banner .card-y{background:#facc15}.banner .card-r{background:#ef4444}@media (max-height: 460px){.choices{grid-template-columns:1fr 1fr 1fr}.choice span{display:none}}.profile{display:grid;grid-template-columns:220px 1fr;gap:14px}.pv{display:flex;flex-direction:column;gap:8px}.preview{width:220px;height:260px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#1e3a5f,#0b1220 70%)}.col-btns{display:flex;flex-direction:column;gap:6px}.pf{display:flex;flex-direction:column;gap:8px;min-width:0}.swatches{display:flex;flex-wrap:wrap;gap:6px}.sw{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid transparent}.sw.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.stat{display:grid;grid-template-columns:130px 1fr 32px;align-items:center;gap:8px;color:var(--text)}.stat input{padding:0}.stat b{text-align:right}.check{flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:14px}.check input{width:auto}.member small{color:var(--muted)}.crop-wrap{display:flex;justify-content:center}.crop{width:280px;height:280px;border-radius:12px;touch-action:none;cursor:grab}.card:has(.profile){max-width:760px}@media (max-width: 640px){.profile{grid-template-columns:1fr}.pv{align-items:center}}@media (max-height: 460px){.preview{height:200px}.stat{grid-template-columns:110px 1fr 28px}}#touch.size-small .btn-pad{transform:scale(.82);transform-origin:bottom right}#touch.size-large .btn-pad{transform:scale(1.2);transform-origin:bottom right}#touch.lefty .btn-pad{right:auto;left:max(14px,env(safe-area-inset-left));transform-origin:bottom left}#touch.lefty .btn-pad .tbtn{right:auto}#touch.lefty .tbtn.shoot{left:0}#touch.lefty .tbtn.pass,#touch.lefty .tbtn.through{left:92px}#touch.lefty .tbtn.lob{left:12px}#touch.lefty .tbtn.sprint{left:176px}#touch.lefty .tbtn.switch{left:166px}#touch.lefty .stick-zone{left:auto;right:env(safe-area-inset-right)}@media (max-height: 460px){#touch.lefty .tbtn.pass{left:72px}#touch.lefty .tbtn.through{left:74px}#touch.lefty .tbtn.lob{left:8px}#touch.lefty .tbtn.sprint{left:140px}#touch.lefty .tbtn.switch{left:134px}}table.keys button.bind{padding:4px 8px;font-size:12px;min-width:64px}table.keys button.bind.wait{background:var(--accent);color:#111}.tabs{display:flex;flex-wrap:wrap;gap:6px}.stack{display:flex;flex-direction:column;gap:6px}.career-head{display:flex;align-items:center;gap:12px}.career-head h2{margin:0}.crest{width:44px;height:50px;border:4px solid;border-radius:8px 8px 22px 22px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;font-size:13px;color:#fff;text-shadow:0 1px 2px #000;flex:none}.next{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.vs{margin:0;font-size:18px;text-align:center}.res{font-size:14px;padding:4px 0;border-bottom:1px solid var(--line)}.res.me,tr.me td{color:var(--accent2)}.res small{color:var(--muted)}.ok{color:#4ade80}.log{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto}.fixtures{max-height:55vh;overflow-y:auto}.slotrow{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:center;font-size:13px}.slotrow select{padding:6px 8px}table.squad td,table.league td{padding:4px;font-size:13px}.card:has(.tabs){max-width:760px}table.keys button.bind.shared{border-color:var(--accent2)}