:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#061120;color:#f4f8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#1b5a98 0,transparent 36%),linear-gradient(155deg,#071728,#06101c);min-height:100vh}.shell{width:min(100%,720px);margin:auto;padding:18px 15px 38px}.top{display:flex;justify-content:space-between;align-items:center}.top p,.kicker,.section-head p{margin:0;color:#85c7ff;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.8px}.top h1{margin:2px 0 0;font-size:28px}.top button,.section-title button{border:1px solid #335978;border-radius:12px;background:#102944;color:#dff0ff;font-size:20px;width:40px;height:40px}.welcome{margin:16px 0;background:linear-gradient(125deg,#143963,#10203a 70%,#285070);border:1px solid #3a638a;border-radius:20px;padding:19px}.welcome span{color:#d8ff5d;font-size:11px;font-weight:800;letter-spacing:1px}.welcome h2{margin:8px 0;font-size:25px;line-height:1.08}.welcome p{margin:0;color:#c4d6e7;line-height:1.45}.tabs{display:flex;gap:7px;overflow:auto;padding:5px 0 15px}.tabs button{background:#10233c;border:1px solid #264865;color:#bcd3e8;padding:9px 12px;border-radius:12px;font-weight:700;white-space:nowrap}.tabs button.active{background:#d8ff5d;color:#0a223b;border-color:#d8ff5d}.tab{display:none}.tab.active,.detail-panel.active{display:block}#notice{min-height:18px;margin:0 0 10px;font-size:13px}.ok{color:#d8ff5d}.error{color:#ff9ca2}.provider{display:flex;gap:8px;align-items:flex-start;background:#0c2138;border-left:3px solid #d8ff5d;border-radius:12px;padding:12px;margin-bottom:12px;font-size:12px}.provider b{white-space:nowrap}.provider span{color:#b8cfdf;line-height:1.4}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.actions button,.primary{border:0;border-radius:13px;background:#d8ff5d;color:#0b263e;padding:13px;font-weight:800}.actions .outline{background:#102942;color:#e3f3ff;border:1px solid #3c6481}.section-head,.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-head h2,.section-title h2{margin:4px 0 0;font-size:20px}.section-head>span{font-size:26px}.official,.league-card,.explain,.guide,.market{border:1px solid #294967;background:#0d2138;border-radius:17px;padding:15px}.official h3,.league-card h3,.guide h2,.market h3{margin:0 0 7px}.official p,.league-card p,.market p{margin:0;color:#b7cddd;font-size:13px;line-height:1.4}.official>div{display:flex;gap:7px;color:#83bced;font-size:12px;margin:13px 0}.official button{width:100%}.explain{margin-top:12px}.explain h3{margin:0 0 10px}.explain>div{display:flex;gap:9px;padding:10px 0;border-top:1px solid #23445f}.explain>div:first-of-type{border-top:0}.explain span{font-size:20px}.explain p{margin:0}.explain small{display:block;color:#9db7cc;margin-top:3px}.league-list{display:grid;gap:10px}.league-card{width:100%;color:inherit;text-align:left;font:inherit}.league-card button{border:0;background:#d8ff5d;color:#09223b;border-radius:9px;padding:7px 9px;font-weight:800}.league-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#a4c7e2;font-size:12px}.league-card footer b{color:#d8ff5d}.badge{display:inline-block;color:#d8ff5d;border:1px solid #58763f;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:800;letter-spacing:.8px;margin-bottom:8px}.empty{text-align:center;border:1px dashed #385b76;border-radius:16px;padding:22px;color:#b5cbde}.empty h3{color:#f4f8ff;margin:0}.empty p{font-size:13px}.empty button{border:0;border-radius:10px;padding:9px 12px;background:#d8ff5d;color:#09223b;font-weight:800}.guide ol{padding-left:20px}.guide li{padding:11px 0;border-bottom:1px solid #23445f}.guide li:last-child{border:0}.guide span{display:block;color:#b4cadb;font-size:13px;margin-top:4px}.note{color:#a7bfd1;font-size:12px;line-height:1.45}dialog{width:min(92vw,620px);border:1px solid #426784;border-radius:20px;background:#0b1c31;color:#eff7ff;padding:20px;box-shadow:0 20px 80px #000a}dialog::backdrop{background:#000a}.close{float:right;border:0;background:transparent;color:#dceeff;font-size:26px}.close+div{}dialog h2{margin:6px 0 15px}label{display:block;font-size:12px;color:#b8cfe1;font-weight:700;margin:10px 0}input,textarea,select{display:block;width:100%;margin-top:5px;border:1px solid #385c78;background:#0a1728;color:#f1f8ff;border-radius:10px;padding:11px;font:inherit}textarea{min-height:70px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{margin-bottom:0}.primary{margin-top:8px;width:100%;font-size:14px}.detail-meta{display:flex;flex-wrap:wrap;gap:7px;color:#b9cfe1;font-size:12px;margin:12px 0}.detail-meta span{padding:6px 8px;background:#112b46;border-radius:9px}.detail-tabs{display:flex;gap:6px;overflow:auto;margin:14px 0}.detail-tabs button{border:1px solid #315470;background:#102642;color:#d0e1ee;border-radius:10px;padding:8px;white-space:nowrap}.detail-tabs button.active{background:#d8ff5d;color:#09223b;border-color:#d8ff5d}.detail-panel{display:none}.standing,.matches{list-style:none;padding:0;margin:0}.standing li,.matches li{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid #21405b}.standing li:last-child,.matches li:last-child{border:0}.standing li>b{color:#8ecfff;width:22px}.standing li span{flex:1}.standing li em{font-style:normal;color:#d8ff5d}.rounds{display:flex;gap:6px;overflow:auto;margin:10px 0}.round{border:1px solid #315470;background:#102642;color:#d0e1ee;border-radius:10px;padding:8px;white-space:nowrap}.round span{display:block;font-size:9px;color:#8bb5d7}.owner-actions button{border:0;border-radius:10px;background:#d8ff5d;color:#09223b;padding:10px;font-weight:800}.muted{color:#9db8ce;font-size:13px}.market div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.market span{background:#112b46;border-radius:10px;padding:8px;font-size:12px}.chat{max-height:260px;overflow:auto}.chat article{border-bottom:1px solid #23445f;padding:9px 0}.chat article:last-child{border:0}.chat b{font-size:12px;color:#91c8f2}.chat p{margin:4px 0;font-size:13px}.chat+form{display:flex;gap:7px;margin-top:10px}.chat+form input{margin:0}.chat+form button{border:0;border-radius:10px;background:#d8ff5d;color:#09223b;font-weight:800;padding:0 12px}@media(max-width:420px){.shell{padding:13px 10px 30px}.welcome h2{font-size:22px}.form-grid{grid-template-columns:1fr}.provider{display:block}.provider span{display:block;margin-top:4px}.actions{grid-template-columns:1fr}.chat+form{align-items:stretch}.chat+form button{padding:0 8px}}