.page-head{padding-block:var(--s-8) var(--s-4)}.page-head h1{font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);margin:4px 0 8px}.page-head p{color:var(--fg-2);max-width:46em;margin:0}.sync{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);align-items:center;font-size:var(--fs-xs);color:var(--fg-3);margin-top:var(--s-3);font-family:var(--font-hud);letter-spacing:.06em}.sync b{color:var(--ok)}.filters{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-4) 0}.chip-btn{min-height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:#091828cc;color:var(--fg-2);font-weight:700;font-size:var(--fs-sm);cursor:pointer}.chip-btn[aria-pressed=true]{background:var(--aster);color:var(--aster-ink);border-color:transparent}.chip-btn .n{font-family:var(--font-hud);margin-left:6px;opacity:.8}.news-list{display:grid;gap:var(--s-3)}.news-card{display:grid;grid-template-columns:auto 1fr;gap:var(--s-3) var(--s-4);padding:var(--s-4) var(--s-5);border:1px solid var(--line);border-radius:14px;background:linear-gradient(#0d2338e6,#091828e6);--kind: var(--fg-3)}.news-card.k-募集{--kind: var(--cost)}.news-card.k-イベント{--kind: var(--aster)}.news-card.k-総力戦{--kind: var(--trig)}.news-card.k-メンテナンス{--kind: var(--fg-3)}.news-card.k-キャンペーン{--kind: var(--ok)}.news-card .kind{align-self:start;font-family:var(--font-hud);font-size:12px;font-weight:700;letter-spacing:.14em;padding:4px 10px;border-radius:var(--r-sm);color:var(--kind);border:1px solid color-mix(in srgb,var(--kind) 55%,transparent);background:color-mix(in srgb,var(--kind) 12%,transparent);white-space:nowrap}.news-card .body{min-width:0;display:grid;gap:6px}.news-card .date{font-family:var(--font-hud);font-size:var(--fs-xs);color:var(--fg-3);letter-spacing:.06em;display:flex;gap:var(--s-3);flex-wrap:wrap}.news-card .live{color:var(--ok)}.news-card .soon{color:var(--cost)}.news-card h3{margin:0;font-size:var(--fs-md);line-height:1.45}.news-card .period{font-size:var(--fs-sm);color:var(--fg-2)}.news-card .period b{font-family:var(--font-hud);color:var(--fg);letter-spacing:.04em}.news-card .src{font-size:var(--fs-xs)}.news-card details{font-size:var(--fs-sm);color:var(--fg-2)}.news-card details summary{cursor:pointer;color:var(--fg-3)}.news-card details pre{white-space:pre-wrap;font-family:inherit;margin:8px 0 0;max-height:18em;overflow:auto}.stu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-3)}.stu-card{display:grid;justify-items:center;gap:6px;padding:var(--s-4) var(--s-3);border:1px solid var(--line);border-radius:14px;background:#081627b3;text-align:center}.stu-card .nm{font-weight:800}.stu-card .nm small{display:block;color:var(--fg-3);font-weight:400;font-size:var(--fs-xs)}.stu-card .tags{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.stu-card .tag{font-size:11px;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--fg-2)}.stu-card .tag.unk{color:var(--fg-3);border-style:dashed}.stu-card .tag.pending{border-style:dashed}.field.search{max-width:28em}.guide{padding:var(--s-6) 0;border-top:1px solid var(--line)}.guide:first-of-type{border-top:0}.guide h2{font-size:var(--fs-xl);margin:0 0 4px}.guide .sub{color:var(--fg-2);margin:0 0 var(--s-3)}.guide p{max-width:42em}.guide .upd{font-family:var(--font-hud);font-size:var(--fs-xs);color:var(--fg-3);letter-spacing:.06em}@media(max-width:640px){.news-card{grid-template-columns:1fr}}.calc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s-3);align-items:end}.calc-form label{display:grid;gap:4px;font-size:var(--fs-xs);color:var(--fg-3);font-weight:700}.calc-form .field{width:100%}.calc-row{display:grid;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--line);border-radius:14px;background:#081627b3;margin-top:var(--s-3)}.figs{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6)}.figs>div{display:grid;gap:2px}.figs .k{font-size:var(--fs-xs);color:var(--fg-3);font-weight:700}.figs b.num{font-family:var(--font-hud);font-size:1.5rem;letter-spacing:.02em}.figs b.num.big{font-size:2.4rem;color:var(--aster)}.ok{color:var(--ok)}.ng{color:var(--warn)}.subnav{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-3) 0 0}.own-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s-3)}.own-card{border:1px solid var(--line);border-radius:14px;background:#081627b3;padding:var(--s-3);display:grid;gap:var(--s-2)}.own-card.on{border-color:var(--line-strong);box-shadow:0 0 0 1px var(--line-strong) inset}.own-toggle{display:flex;align-items:center;gap:var(--s-3);background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:0}.own-toggle .nm{font-weight:800}.own-toggle .nm small{display:block;color:var(--fg-3);font-weight:400;font-size:var(--fs-xs)}.own-toggle .tag{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--fg-2);white-space:nowrap}.own-ctl{display:flex;gap:var(--s-4);align-items:center;font-size:var(--fs-sm);color:var(--fg-2)}.own-ctl input[type=range]{width:110px;accent-color:var(--aster);vertical-align:middle}.own-ctl .fav input{accent-color:var(--cost)}.team .slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-2);margin-top:var(--s-3)}.team .slot{display:grid;justify-items:center;gap:4px;text-align:center;font-size:var(--fs-sm)}.team .slot.empty .ph{width:72px;height:72px;border-radius:16px;border:1px dashed var(--line-strong);display:grid;place-items:center;color:var(--fg-3)}@media(max-width:640px){.team .slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
