:root{color:#0f172a;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#e8eef7 0%,#f8fafc 100%);margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{max-width:1440px;margin:0 auto;padding:18px}.hero{color:#fff;background:#08111f;border-radius:28px;padding:28px;box-shadow:0 20px 50px #0f172a2e}.hero-kicker{color:#fbbf24;text-transform:uppercase;letter-spacing:.25em;font-size:12px;font-weight:800}.hero h1{margin:8px 0;font-size:clamp(30px,5vw,56px);line-height:.95}.hero p{color:#cbd5e1;max-width:920px;margin:0}.notice{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:18px;margin-top:14px;padding:14px 16px}.savebar{background:#fff;border:1px solid #dbe4ef;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1000px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #dbe4ef;border-radius:26px;margin-top:18px;padding:20px;box-shadow:0 8px 24px #0f172a0f}.panel h2,.panel h3,.panel h4{margin-top:0}.card{text-align:left;background:#fff;border:1px solid #d7e0ea;border-radius:18px;padding:12px;transition:transform .12s,border-color .12s,background .12s;box-shadow:0 4px 14px #0f172a0d}.card:hover{background:#fffbeb;border-color:#f59e0b;transform:translateY(-1px)}.card.selected{background:#fffbeb;border-color:#f59e0b}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-title{font-weight:900}.card-sub{color:#64748b;margin-top:2px;font-size:12px}.badge{white-space:nowrap;background:#e2e8f0;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.badge.g1{color:#78350f;background:#fde68a}.badge.g2{color:#1e3a8a;background:#bfdbfe}.badge.g3{color:#14532d;background:#bbf7d0}.badge.g4{color:#334155;background:#e2e8f0}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.stat{text-align:center;background:#f1f5f9;border-radius:10px;padding:6px 4px;font-size:11px}.stat b{font-size:15px;display:block}.ability{color:#92400e;margin-top:8px;font-size:11px}.team-box{background:#fff;border:1px solid #dbe4ef;border-radius:20px;padding:14px;box-shadow:0 4px 16px #0f172a0a}.team-box-head{justify-content:space-between;align-items:center;gap:8px;font-weight:900;display:flex}.muted{color:#64748b;font-size:13px}.small{font-size:12px}.btn{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:13px;padding:10px 13px;font-weight:800}.btn.primary{color:#fff;background:#0f172a;border-color:#0f172a}.btn.good{color:#fff;background:#047857;border-color:#047857}.btn.warn{color:#111827;background:#f59e0b;border-color:#f59e0b}select,input[type=text]{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:10px 12px}.position-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:12px}.position-title{color:#64748b;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:900;display:flex}.roster-list{gap:8px;max-height:330px;display:grid;overflow:auto}.roster-line{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;font-size:12px}.feed{gap:8px;max-height:360px;display:grid;overflow:auto}.feed-item{white-space:pre-line;background:#f8fafc;border-radius:14px;padding:10px 12px;font-size:13px}.feed-time{color:#94a3b8;margin-right:8px;font-weight:900}.order-line{background:#f8fafc;border-radius:12px;padding:9px 11px;font-size:13px}.order-line.current{color:#92400e;background:#fffbeb;font-weight:900}.trade-block-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:8px;padding:10px}.two-col-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=800px){.two-col-form{grid-template-columns:1fr}.savebar{flex-direction:column;align-items:stretch}}.match-score{background:#f1f5f9;border-radius:16px;padding:10px 14px;font-size:22px;font-weight:950}
