/* Homepage (2004 reconstruction) sign-in box: period page, unscoped rules. */
.live-account-link { display:block; margin:5px 8px; font-size:12px; }
.legacy-signed-in { margin:8px; font-size:12px; line-height:1.5; }
.legacy-signed-in p { margin:0 0 2px; font-weight:bold; color:#0a2a5c; }
.legacy-signed-in a { display:block; margin:6px 0; }
.legacy-signed-in button { font-size:11px; }

/* Member pages, on top of ../service.css. */
.service #account-message { padding:12px 16px; margin:0 0 18px; border:1px solid #d9c46a; border-left:5px solid var(--orange); background:#fff9e4; }
.service #account-message:empty { display:none; }
.service #captcha { margin:14px 0 4px; min-height:0; }
.service form p { margin:16px 0 0; }
.service label.check { display:flex; align-items:flex-start; gap:4px; font-weight:normal; }
.service .auth { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:32px; align-items:start; }
.service .account-art { background:#f2f7fb; border:1px solid var(--line); padding:14px; font-size:13px; color:var(--muted); }
.service .account-art img { display:block; width:100%; margin-bottom:10px; }
.service .steps { list-style:none; padding:0; margin:0 0 20px; display:flex; gap:6px; counter-reset:step; flex-wrap:wrap; }
.service .steps li { counter-increment:step; padding:6px 12px 6px 8px; background:#eef4fa; border:1px solid var(--line); color:var(--muted); font-weight:bold; font-size:14px; }
.service .steps li:before { content:counter(step); display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background:#c9d9e9; color:#fff; margin-right:6px; font-size:12px; }
.service .steps li.on { color:var(--navy); border-color:var(--cobalt); }
.service .steps li.on:before { background:var(--cobalt); }

/* Portal */
.service .who { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; border-bottom:1px solid #e1eaf3; padding-bottom:14px; }
.service .who h2.plain { border:0; padding:0; margin:0; font-size:24px; }
.service .meta { color:var(--muted); font-size:14px; margin:0; }
.service .account-number { font-variant-numeric:tabular-nums; letter-spacing:.04em; font-weight:bold; color:var(--ink); }
.service .chip { display:inline-block; padding:4px 12px; border-radius:14px; font-size:13px; font-weight:bold; }
.service .chip.ok { background:#e3f2d9; color:#36621c; }
.service .chip.warn { background:#fdecd2; color:#8a5410; }
.service .chip.off { background:#e8eef4; color:#55687f; }
.service .account-sections { display:flex; flex-wrap:wrap; gap:4px; margin:12px 0 4px; font-size:14px; }
.service .account-sections a { padding:5px 10px; background:#f2f7fb; border:1px solid var(--line); text-decoration:none; }
.service section { scroll-margin-top:12px; }
.service section > h2:first-child { margin-top:30px; }
.service .point-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px; margin:6px 0 16px; }
.service .point-card { display:block; text-align:left; background:#f6f9fc; border:1px solid var(--line); color:var(--ink) !important; padding:10px 12px; font-weight:normal; cursor:pointer; }
.service .point-card:hover { border-color:var(--cobalt); background:#fff; }
.service .point-card b { display:block; font-size:26px; line-height:1.25; color:var(--navy); }
.service .point-card small { display:block; color:var(--muted); font-size:12px; }
.service .point-card.empty b { color:#9aabbf; }
.service details.howto { background:#f2f7fb; border:1px solid var(--line); padding:10px 14px; }
.service details.howto summary { cursor:pointer; font-weight:bold; }
.service .game-tabs { display:flex; flex-wrap:wrap; gap:2px; border-bottom:2px solid var(--line); margin:0 0 16px; }
.service .game-tabs button { background:none; border:0; border-bottom:3px solid transparent; color:var(--muted) !important; font-weight:normal; padding:8px 12px; margin-bottom:-2px; }
.service .game-tabs button.on { color:var(--navy) !important; font-weight:bold; border-bottom-color:var(--cobalt); }
.service .game-tabs button:hover { background:#f2f7fb; }
.service .game-head { display:flex; gap:16px; align-items:center; margin-bottom:6px; }
.service .game-head img { width:160px; height:96px; object-fit:contain; background:#0a1b35; flex:none; }
.service .game-head h3 { margin:0; font-size:20px; }
.service .game-points { font-size:18px; font-weight:bold; color:var(--navy); margin:4px 0 0; }
.service form.garage { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:flex-end; }
.service form.garage label { width:100%; margin:0; }
.service form.garage select { max-width:360px; }
.service .status { padding:8px 12px; background:#eef6ea; border-left:4px solid var(--green); margin:10px 0; font-size:14px; }
.service table.shop button { padding:4px 10px; font-size:12px; }
.service .settings { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; }

@media (max-width:720px) {
  .service .auth { grid-template-columns:1fr; }
  .service .game-head img { width:110px; height:66px; }
}

.service #registration-fields { border:0; padding:0; margin:0; min-width:0; }
.service #registration-fields:disabled { opacity:.55; }
.service #registration-fields:disabled button { cursor:not-allowed; }