:root{--navy:#0b1530;--card:#15234a;--ac:#ff8a1f;--bg:#0b1530;--bg2:#1a2d63;--line:#2a3b73;--tx:#fff;--mu:#9fb0e8}body{margin:0;background:radial-gradient(120% 60% at 50% 0,var(--bg2),var(--bg));min-height:100vh;color:var(--tx);font-family:system-ui,sans-serif}.box{max-width:430px;margin:0 auto;padding:28px 20px;display:flex;flex-direction:column;gap:12px}h1{margin:0 0 4px;font-size:28px}h2{margin:18px 0 0;font-size:16px;color:#c9d3f5}input{min-width:0;max-width:100%;box-sizing:border-box;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--tx);font-size:16px}button{padding:14px;border-radius:16px;border:0;background:var(--ac);color:#fff;font-weight:700;font-size:16px}a{color:var(--ac);cursor:pointer;text-align:center}.box>div{background:var(--card);padding:12px 14px;border-radius:14px}.with-nav{padding-bottom:110px}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--card);padding:12px 14px;border-radius:14px}.row i{color:var(--mu);font-size:13px;font-style:normal}.row label{display:flex;gap:8px;align-items:center}.done{text-decoration:line-through;opacity:.6}.tag{background:var(--ac);border-radius:8px;padding:2px 7px;font-size:11px;margin-left:6px}.hint{color:var(--mu);font-size:14px;margin:0}.msg{color:#ffb76b;min-height:20px;margin:0}button.sm{padding:6px 10px;border-radius:10px;font-size:13px;background:var(--line)}button.alt{background:var(--card);border:1px solid var(--line)}button.pick{background:var(--ac)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:var(--card);padding:14px;border-radius:16px;display:flex;flex-direction:column;gap:8px}select{padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--tx);font-size:16px}input[type=checkbox]{width:20px;height:20px;padding:0}nav{position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:min(398px,calc(100% - 24px));display:flex;justify-content:space-around;background:#15234af2;border:1px solid var(--line);border-radius:999px;padding:8px 6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}nav button{background:none;color:var(--mu);padding:6px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:600;border-radius:999px}nav button.on{color:var(--ac)}nav small{font-size:11px}textarea{padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--tx);font-size:16px;min-height:80px;font-family:inherit}.arena{position:relative;height:220px;background:#0e1a3c;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}.ball{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--ac);box-shadow:0 0 18px #ff8a1f99}.chat{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}.chat div{background:var(--card);padding:8px 12px;border-radius:14px;align-self:flex-start;max-width:85%}.chat div.me{align-self:flex-end;background:#243a7a}.chat small{display:block;color:var(--mu);font-size:11px}.card span.hint{display:block}nav{max-width:calc(100vw - 16px);box-sizing:border-box}input,select,.row{min-width:0}*{box-sizing:border-box}:root.lt{--bg:#f3f5fb;--bg2:#fff;--card:#fff;--line:#d9deef;--tx:#0b1229;--mu:#5b6590}:root.lt h2{color:#3a4470}:root.lt nav{background:#fffffff2}:root.lt .chat div.me{background:#e3e8f8}:root.lt .arena{background:#e9edf8}:root.glass{--bg:#0b1229;--bg2:#3a2a4a;--card:rgba(255,255,255,.1);--line:rgba(255,255,255,.25)}:root.glass nav{background:#ffffff1f}button.alt,button.sm{color:var(--tx)}button.sm{background:var(--line)}.top{display:flex;justify-content:space-between;align-items:center}.ham{background:none;border:0;color:var(--tx);font-size:26px;padding:4px 8px}.gd{width:10px;height:10px;border-radius:50%;background:#3ecf8e}.hero{height:150px;border-radius:28px;position:relative;border:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,#070c1a00 30%,#070c1ad9),linear-gradient(135deg,#3b4a7a,#7a5a4a 55%,#c9893f)}.hero .w{position:absolute;left:18px;right:18px;bottom:14px;color:#fff}.hero h2{margin:0;font-size:22px;color:#fff}.hero p{margin:4px 0 0;color:#dfe3f5;font-size:14px}.ac{color:var(--ac)}.av{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.a{text-align:center;font-size:11px;color:var(--mu);flex:none}.c{width:50px;height:50px;border-radius:50%;background:var(--line);border:2px solid var(--ac);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;margin:0 auto 5px;color:var(--tx)}.tiles{display:flex;gap:8px}.tile{flex:1;background:none;border:0;color:var(--tx);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0}.pv{width:100%;aspect-ratio:1;border-radius:16px;border:2px solid var(--line);display:flex;align-items:flex-end;justify-content:center;padding-bottom:12%;overflow:hidden}.pv i{display:block;width:46%;height:16%;border-radius:8px;border:1.5px solid rgba(255,255,255,.7)}.pv-System{background:linear-gradient(90deg,#f3f5fb 50%,#0b1229 50%)}.pv-System i{border-color:#8d97c2}.pv-Light{background:#f3f5fb}.pv-Light i{border-color:#9aa3c7}.pv-Dark{background:#0b1229}.pv-Glass{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.pv-Glass i{background:#ffffff4d}.tile.on .pv{border-color:var(--ac)}.sw{display:flex;gap:14px;margin-top:6px}.sw button{width:44px;height:44px;padding:0;border-radius:50%;border:3px solid transparent}.sw .on{border-color:var(--tx)}.ovl{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20;display:flex}.drawer{width:78%;max-width:330px;height:100%;background:var(--bg);border-right:1px solid var(--line);padding:22px 18px;overflow:auto;display:flex;flex-direction:column;gap:6px}.mi{background:none;color:var(--tx);text-align:left;font-weight:500;font-size:16px;padding:12px 10px;border-radius:14px}.mi.on{background:var(--card);color:var(--ac)}.box>.top,.box>.av{background:none;padding:0;border-radius:0}.box>.top{padding:4px 0}.box>.hero{padding:0;border-radius:28px;background:linear-gradient(180deg,#070c1a00 30%,#070c1ad9),linear-gradient(135deg,#3b4a7a,#7a5a4a 55%,#c9893f)}.box>.ovl{background:#0000008c;padding:0;border-radius:0}.drawer .top{padding:0 0 8px}.a .c{position:relative}.st{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;border:2px solid var(--bg);display:block}.st.home{background:#3ecf8e}.st.away{background:#ef4444}.st.inl{position:static;display:inline-block;width:10px;height:10px;margin-right:8px;border:0;vertical-align:middle}.srow{display:flex;justify-content:space-between}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg button{background:var(--card);border:1px solid var(--line);color:var(--tx)}.seg button.on{background:var(--ac);color:#fff;border-color:var(--ac)}[dir=rtl] .st{right:auto;left:-1px}[dir=rtl] .st.inl{margin-right:0;margin-left:8px}[dir=rtl] .tag{margin-left:0;margin-right:6px}.card i.hint{display:block;font-style:normal}.ham{position:relative}.bdg{position:absolute;top:-4px;right:-6px;background:var(--ac);color:#fff;border-radius:10px;font-size:11px;font-style:normal;padding:1px 6px;font-weight:700}.onl{display:block;color:#3ecf8e;font-size:10px}.card i.hint{margin-top:2px}