:root{color-scheme:light;--ink:#182230;--muted:#6b778c;--line:#e6ebf2;--surface:#fff;--bg:#f5f7fb;--brand:#f36b32;--brand-dark:#d8501e;--brand-soft:#fff1e9;--nav:#172033;--nav-muted:#aeb9cb;--ok:#159570;--ok-soft:#e7f7f0;--bad:#d64545;--shadow:0 12px 30px rgba(25,39,68,.07);--radius:18px}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif}a{color:var(--brand-dark)}button,input,select,textarea{font:inherit}.topbar{position:fixed;inset:0 auto 0 0;z-index:30;width:238px;background:var(--nav);color:#fff;box-shadow:8px 0 28px rgba(17,27,47,.12)}.topbar-inner{height:100%;display:flex;flex-direction:column;align-items:stretch;padding:26px 16px}.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 30px;font-weight:800;font-size:19px}.brand .logo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#ff9a62,#e65125);color:#fff;font-size:18px;box-shadow:0 8px 16px rgba(229,81,37,.26)}nav{display:flex;flex-direction:column;gap:6px;flex:1}nav a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:12px;color:var(--nav-muted);text-decoration:none;font-weight:650;transition:.18s ease}nav a:hover{background:rgba(255,255,255,.08);color:#fff}nav a.active{background:linear-gradient(90deg,rgba(243,107,50,.23),rgba(243,107,50,.08));color:#fff;box-shadow:inset 3px 0 var(--brand)}main{width:calc(100% - 238px);max-width:1320px;margin-left:238px;padding:38px 40px 80px}#message{position:fixed;top:20px;right:28px;z-index:80;max-width:440px;padding:13px 18px;border-radius:14px;background:#1b2738;color:#fff;box-shadow:0 12px 32px rgba(15,24,39,.22);font-size:14px}#message:empty{display:none}.grid{display:grid;gap:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card h2{margin:0 0 7px;font-size:20px;letter-spacing:-.25px}.card h3{margin:0 0 9px;font-size:16px}.card h4{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card>p{margin:6px 0 15px;color:var(--muted);font-size:13.5px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:750}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.bad{background:#fff0f0;color:var(--bad)}.badge.muted{background:#eef2f7;color:var(--muted)}.kv{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.kv:last-child{border-bottom:0}.kv .k{color:var(--muted)}.kv .v{font-weight:750;text-align:right}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex:1 1 180px;flex-direction:column;gap:6px;min-width:0;color:var(--muted);font-size:13px;font-weight:600}label.check{flex-direction:row;align-items:center;color:var(--ink);font-weight:500}input,select,textarea{width:100%;min-height:44px;padding:10px 13px;border:1px solid #dce3ed;border-radius:11px;background:#fff;color:var(--ink);outline:none;transition:border-color .16s,box-shadow .16s}textarea{min-height:112px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#f39a72;box-shadow:0 0 0 4px rgba(243,107,50,.12)}input[type=checkbox]{width:18px;min-height:18px;height:18px;padding:0;accent-color:var(--brand)}button{min-height:44px;padding:10px 18px;border-radius:11px;background:linear-gradient(135deg,var(--brand),#e65b28);color:#fff;font-weight:750;box-shadow:0 7px 14px rgba(231,91,40,.17);transition:transform .16s,filter .16s}button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}button.subtle,.button-like{background:#f0f3f7;color:#334155;box-shadow:none}.button-like{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:11px;text-decoration:none;font-weight:700}.success{background:var(--ok-soft);color:var(--ok);box-shadow:none}.danger{background:var(--bad)}.danger-outline{background:#fff4f2;color:var(--bad);border:1px solid #ffd0c7;box-shadow:none}.switch{min-width:78px;background:#edf1f5;color:#68778d;box-shadow:none}.switch[aria-pressed=true]{background:#4b92ed;color:#fff}.city-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.city-card{width:100%;min-height:128px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:15px;color:var(--ink);text-align:left;box-shadow:0 3px 12px rgba(25,39,68,.04);transition:.16s}.city-card:hover{border-color:#f3a27d;box-shadow:0 10px 22px rgba(25,39,68,.08);transform:translateY(-2px)}.city-card .name{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800}.city-card .meta{margin-top:8px;color:var(--muted);font-size:12.5px}.city-card .bar{height:7px;margin-top:14px;overflow:hidden;border-radius:8px;background:#edf1f6}.city-card .bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#ffb16f,var(--brand))}.city-card .name .badge{flex-shrink:0}.backups{display:flex;flex-direction:column;gap:9px}.backup{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.backup p{margin:0;font-size:13.5px}.backup .sub{color:var(--muted);font-size:12px}.leaderboard{display:flex;flex-direction:column;gap:7px;margin:8px 0 12px}.leaderboard-row{display:grid;grid-template-columns:48px 1fr auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;font-size:13px}.leaderboard-row b{color:var(--brand-dark)}.leaderboard-row span:last-child{font-weight:800}.fieldset{margin:0;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:#fff}.fieldset legend{padding:0 7px;font-size:14px;font-weight:800}.modal,.city-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.48);backdrop-filter:blur(5px)}.sheet,.city-sheet{width:min(620px,100%);max-height:86vh;overflow:auto;padding:26px;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(15,23,42,.28)}.sheet h3{margin-top:0}.sheet ul{margin:12px 0;padding-left:20px}.sheet li{margin:7px 0;font-size:14px}.sheet .muted{color:var(--muted);font-size:13px}.sheet .actions{display:flex;gap:12px;margin-top:20px}.sheet .actions button{flex:1}.city-sheet{width:min(820px,100%);padding:30px}.city-modal-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.eyebrow{margin:0;color:var(--ok);font-weight:800;font-size:13px}.city-modal-head h2{margin:2px 0;font-size:32px}.city-summary{margin:0;color:var(--muted);font-size:15px}.close-button{width:45px;min-height:45px;padding:0;background:#fff;color:var(--muted);border:1px solid var(--line);font-size:28px;box-shadow:none}.city-modal-body{display:flex;flex-direction:column}.city-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.city-action h3{margin:0;font-size:18px}.city-action p{margin:3px 0 0;color:var(--muted)}.city-action .hint{max-width:570px;font-size:13px}.city-detail{display:flex;align-items:end;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.city-detail input{width:130px}.city-modal-foot{padding-top:18px}.done-button{width:100%;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;font-size:17px}.hint{color:var(--muted);font-size:13px}details{margin:11px 0;padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:#fff}details summary{cursor:pointer;font-weight:750;font-size:14px}details>p{color:var(--muted);font-size:13.5px}[hidden]{display:none!important}footer{max-width:880px;margin:26px auto 0;color:var(--muted);font-size:12px;text-align:center}.empty{padding:15px;border:1px dashed #d9e1eb;border-radius:13px;background:#fafbfd;color:var(--muted);font-size:13.5px;text-align:center}.modal-open{overflow:hidden}
@media(max-width:980px){.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.topbar{position:sticky;inset:auto;width:100%;height:auto}.topbar-inner{height:auto;padding:12px 15px}.brand{padding:0 4px 11px;font-size:17px}.brand .logo{width:32px;height:32px}nav{flex-direction:row;gap:4px;overflow-x:auto}nav a{min-height:38px;padding:8px 12px;font-size:13px;white-space:nowrap}main{width:100%;margin-left:0;padding:22px 15px 60px}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:19px}.sheet,.city-sheet{padding:21px;border-radius:20px}.city-modal{align-items:flex-end;padding:0}.city-sheet{max-height:92vh;border-radius:20px 20px 0 0}}
@media(max-width:480px){.city-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card{padding:17px;border-radius:15px}form>button{width:100%}.kv{font-size:13px}.leaderboard-row{grid-template-columns:40px 1fr auto}}
.danger-zone{align-items:flex-start}@media(max-width:480px){.danger-zone{flex-direction:column}.danger-zone .danger{width:100%}}
.game-save-panel,.mode-card,.resource-card{padding:16px 18px}.game-save-panel{scroll-margin-top:20px}.save-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.save-head h2{margin:1px 0 0;font-size:22px}.save-subtitle{margin:2px 0 0;color:var(--muted);font-size:12.5px}.save-membership{display:inline-flex;margin-top:12px;padding:6px 11px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:750}.reset-save{min-width:86px;min-height:42px;padding:8px 12px;background:#fff4f2;color:var(--bad);border:1px solid #ffc7bd;box-shadow:none}.section-heading h2{margin:0 0 3px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.mode-form{display:flex;flex-direction:column;align-items:stretch;margin-top:13px}.mode-segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:#eef2f7}.mode-option{min-height:38px;padding:7px 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);box-shadow:none;font-size:13px}.mode-option.active{background:#e6f0ff;color:#397ff0;box-shadow:0 2px 8px rgba(57,127,240,.16)}.mode-hint{margin:9px 2px 0;color:var(--muted);font-size:12px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.resource-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.resource-form label{min-width:0;font-size:12px}.resource-form input{min-height:40px;padding:8px 9px;font-size:13px}.resource-form button{grid-column:1/-1;min-height:38px;padding:7px 12px}.city-grid{grid-template-columns:1fr;gap:9px;align-items:stretch}.city-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "meta tags";align-items:center;min-height:70px;padding:12px 14px;border-radius:13px;background:#fffaf2;border-color:#f3dfc3;color:var(--ink)!important;box-shadow:0 3px 10px rgba(166,112,44,.05)}.city-card .name{grid-area:name}.city-card .meta{grid-area:meta;margin-top:4px;font-size:12px}.city-card .bar{display:none}.city-tags{grid-area:tags;display:flex;justify-content:flex-end;gap:5px}.city-tag{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:750}.city-tag.challenge{background:#ffe5ef;color:#c45e91}.city-tag.machine{background:#e6f0ff;color:#397ff0}.city-card:hover{border-color:#efb678;box-shadow:0 8px 18px rgba(166,112,44,.1)}
@media(max-width:480px){.save-head{align-items:flex-start}.save-head h2{font-size:20px}.reset-save{min-width:78px}.resource-form{gap:6px}.resource-form input{font-size:12px}.mode-form>button{width:100%}}
.auth-mode,.member-mode{--bg:#fff8fc;--ink:#2d2740;--muted:#7f718e;--line:#f0ddea;--brand:#d56b9d;--brand-dark:#ad4f7e;--brand-soft:#fff0f7;--nav:#463653;--nav-muted:#d8c7d5;--ok:#5cae9a;--ok-soft:#e7f8f2;--shadow:0 14px 32px rgba(137,76,117,.1);background:var(--bg)}.auth-mode .topbar{display:none}.auth-mode main{width:100%;max-width:1180px;margin:0 auto;padding:28px 32px 70px}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:60px;align-items:center;min-height:calc(100vh - 100px)}.auth-intro{padding:30px 0}.auth-back{display:inline-flex;margin-bottom:70px;color:#ad4f7e;text-decoration:none;font-weight:750}.auth-intro h1,.member-hero h1{margin:8px 0 16px;color:#2d2740;font-size:clamp(38px,5vw,64px);line-height:1.1;letter-spacing:-.05em}.auth-intro h1 strong,.member-hero h1 strong{color:#d56b9d}.auth-intro>p:not(.public-kicker){max-width:560px;color:#7f718e;font-size:17px}.auth-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.auth-steps span{padding:8px 12px;border-radius:999px;background:#fff0f7;color:#ad4f7e;font-size:12px;font-weight:750}.auth-card{position:relative;padding:34px;border:1px solid #f0ddea;border-radius:28px;background:#fff;box-shadow:0 20px 45px rgba(137,76,117,.12)}.auth-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#f6a7c6,#d56b9d);color:#fff;font-size:24px;font-weight:900;box-shadow:0 5px 0 #a74f7d}.auth-card h2{margin:18px 0 7px;font-size:28px}.auth-card>p{color:#7f718e;font-size:14px}.auth-card form{margin-top:20px}.auth-card textarea{min-height:190px;background:#fffaff;border-color:#f0c8dd}.auth-card form>button{width:100%;background:#d56b9d}.auth-secondary{margin-top:18px;border-color:#f0ddea;background:#fff8fc}.auth-secondary summary{color:#ad4f7e}.member-mode .topbar{background:var(--nav)}.member-mode main{padding-top:32px}.member-home{max-width:1060px;margin:0 auto}.member-hero{padding:28px 0 18px}.member-hero h1{font-size:clamp(32px,4vw,52px)}.member-hero>p:last-child{margin:0;color:#7f718e;font-size:15px}.member-home .signed-announcement{grid-column:auto;max-width:none;margin:0 0 20px;border:1px solid #f0c8dd;background:linear-gradient(90deg,#fff0f7,#f6e8ff);color:#ad4f7e;box-shadow:0 8px 22px rgba(213,107,157,.12)}.member-home .signed-announcement>span:first-child{background:#d56b9d;color:#fff}.member-home .signed-announcement .announcement-track,.member-home .signed-announcement .announcement-track b,.member-home .signed-announcement .announcement-track em{color:#ad4f7e}.member-home .notice-arrow{font-size:25px;color:#d56b9d}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.member-grid .card{border-color:#f0ddea;box-shadow:0 10px 25px rgba(137,76,117,.08)}.member-grid .card h2{color:#2d2740}.member-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.member-shortcuts .public-card{min-height:104px;padding:16px 18px;border-color:#f0ddea;box-shadow:0 8px 20px rgba(137,76,117,.07)}.member-shortcuts .public-card b{font-size:16px}.member-shortcuts .public-card small{font-size:12px}.member-mode #message{background:#463653}.member-mode .badge.ok{background:#e3f7ef;color:#53a68f}.member-mode .signed-announcement .announcement-window{max-width:none}.member-mode .signed-announcement .announcement-track{animation:none;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:780px){.auth-mode main{padding:18px 16px 48px}.auth-layout{grid-template-columns:1fr;gap:12px;min-height:auto}.auth-intro{padding:18px 4px}.auth-back{margin-bottom:34px}.auth-intro h1{font-size:40px}.auth-intro>p:not(.public-kicker){font-size:14px}.auth-steps{margin-top:20px}.auth-card{padding:24px 20px}.member-mode main{padding:18px 16px 54px}.member-grid{grid-template-columns:1fr}.member-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.member-hero{padding:16px 4px 12px}.member-hero h1{font-size:34px}}
#signedOut{max-width:620px!important;margin:8vh auto}
.city-grid{align-items:start}.city-card{align-self:start}.game-save-panel{scroll-margin-top:24px}.game-save-panel>p{margin-bottom:14px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.danger-zone h3,.danger-zone p{margin:0}.danger-zone p{color:var(--muted);font-size:13px}.danger-zone .danger{flex:0 0 auto}
.reference-page{width:min(760px,100%);margin:50px auto}.reference-head{margin-bottom:28px}.reference-head p{margin:0;color:#397ff0;font-size:12px;font-weight:850;letter-spacing:.13em}.reference-head h1{margin:6px 0;color:#17253d;font-size:42px;letter-spacing:-.04em}.reference-head span{color:var(--muted);font-size:15px}.reference-panel{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.reference-panel label{position:relative}.reference-panel .help-link{position:absolute;right:0;top:-5px;min-height:30px;padding:4px 10px;background:#eef5ff;color:#397ff0;border:1px solid #c8dcff;box-shadow:none;font-size:12px}.reference-panel>button{width:100%}.reference-note{margin:0;color:var(--muted);font-size:13px}.reference-page[hidden]{display:none!important}
.reference-switch{display:flex;justify-content:flex-end;gap:8px;margin:-4px 0 14px}.reference-switch button{min-height:36px;padding:7px 14px;font-size:13px}
.public-mode{background:#f4f8ff}.public-mode main{width:100%;max-width:1120px;margin:0 auto;padding:24px 28px 36px}.public-mode #message{top:18px}.public-home{min-height:calc(100vh - 60px)}.public-head{display:flex;align-items:center;justify-content:space-between;max-width:1060px;margin:0 auto;padding:8px 0 12px}.public-logo{display:flex;align-items:center;gap:10px;color:#17253d;font-size:18px}.public-logo span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#b9f34a;color:#19304b;font-size:22px;font-weight:900;box-shadow:0 4px 0 #214668}.public-login{min-height:38px;padding:8px 15px;background:#fff;color:#2f73df;border:1px solid #c9dcff;box-shadow:none;font-size:13px}.public-hero{max-width:700px;margin:135px auto 22px}.public-kicker{margin:0 0 8px;color:#397ff0!important;font-size:12px!important;font-weight:850;letter-spacing:.14em}.public-hero h1{margin:0;color:#17253d;font-size:58px;line-height:1.2;letter-spacing:-.055em}.public-hero h1 strong{color:#397ff0}.public-hero>p:last-child{margin:15px 0 22px;color:#71809a;font-size:16px}.public-notice{display:flex;align-items:center;gap:12px;max-width:1060px;margin:0 auto 20px;padding:11px 15px;border:1px solid #c7dcff;border-radius:14px;background:#eff6ff;color:#3573d6;box-shadow:0 5px 18px rgba(54,121,235,.1);font-size:13px}.public-notice span{padding:3px 10px;border-radius:999px;background:#397ff0;color:#fff;font-weight:800}.public-notice em{margin-left:auto;color:#5d77a6;font-style:normal}.public-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1060px;margin:0 auto}.public-card{display:flex;align-items:center;gap:16px;min-height:132px;padding:22px 25px;border:1px solid #e1e9f4;border-radius:20px;background:#fff;color:#17253d;text-align:left;box-shadow:0 10px 25px rgba(49,78,124,.07);transition:transform .18s,box-shadow .18s}.public-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(49,78,124,.13)}.public-card i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;border-radius:17px;font-size:28px;font-style:normal;font-weight:700}.public-card span{display:flex;flex-direction:column;gap:5px}.public-card b{font-size:19px}.public-card small{color:#77849a;font-size:13px}.public-card mark{padding:2px 5px;border-radius:5px;background:#fff0bb;color:#dc751d}.public-card.blue i{background:#e2efff;color:#397ff0}.public-card.green i{background:#ddf7e9;color:#1ba574}.public-card.purple i{background:#eee7ff;color:#7555e8}.public-card.pink i{background:#ffe5e9;color:#e94b61}.public-card.orange i{background:#fff0d8;color:#ed891b}.public-card.teal i{background:#def5f4;color:#229c9d}.public-card.yellow i{background:#fff1c9;color:#e59b14}.public-footer{margin:120px auto 0;color:#91a0b5;text-align:center;font-size:13px}
@media(max-width:760px){.public-mode main{padding:14px 15px 40px}.public-hero{margin:78px auto 22px}.public-hero h1{font-size:43px}.public-hero>p:last-child{font-size:14px}.public-notice{align-items:flex-start;flex-wrap:wrap}.public-notice em{width:100%;margin-left:0}.public-cards{grid-template-columns:1fr;gap:12px}.public-card{min-height:106px}.public-footer{margin-top:60px}}
.announcement-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(22,38,70,.46);backdrop-filter:blur(6px)}.announcement-sheet{width:min(560px,100%);max-height:82vh;overflow:auto;padding:24px;border-radius:24px;background:#fff;box-shadow:0 25px 80px rgba(35,64,110,.3)}.announcement-sheet h2{margin:0;color:#17253d}.announcement-list{display:flex;flex-direction:column;gap:12px;margin:18px 0}.announcement-item{padding:15px 16px;border:1px solid #e2eafb;border-radius:16px;background:#fbfcff}.announcement-item strong{display:block;color:#2f73df;font-size:16px}.announcement-item p{margin:5px 0 0;color:#64748b;font-size:13.5px;white-space:pre-wrap}.announcement-item a{display:inline-block;margin-top:8px;font-size:13px;font-weight:750}.announcement-ok{width:100%;background:#397ff0}.reference-mode{background:#f4f8ff}.reference-mode .topbar{display:none}.reference-mode main{width:100%;max-width:1120px;margin:0 auto;padding:24px 28px 60px}.reference-mode #message{top:18px}
.public-notice{width:100%;text-align:left;cursor:pointer}
.public-mode,.reference-mode{--bg:#fff8fc;--ink:#2d2740;--muted:#7f718e;--line:#f0ddea;--brand:#d56b9d;--brand-dark:#ad4f7e;--brand-soft:#fff0f7;--nav:#463653;--nav-muted:#cdbbd0;--ok:#5cae9a;--ok-soft:#e7f8f2;--shadow:0 14px 32px rgba(137,76,117,.1)}.public-mode .public-logo span,.reference-mode .public-logo span{background:linear-gradient(145deg,#f6a7c6,#d56b9d);color:#fff;box-shadow:0 4px 0 #a74f7d}.public-mode .public-login,.reference-mode .reference-return{border-color:#f0c8dd;color:#ad4f7e}.public-mode .public-hero h1 strong{color:#d56b9d}.public-mode .public-kicker{color:#bf5d8c!important}.public-mode .public-notice{border-color:#f0c8dd;background:#fff0f7;color:#ad4f7e;box-shadow:0 5px 18px rgba(213,107,157,.12)}.public-mode .public-notice span{background:#d56b9d}.public-mode .public-notice em{color:#9a7890}.public-mode .public-card{border-color:#f0ddea;box-shadow:0 10px 25px rgba(137,76,117,.09)}.public-mode .public-card.blue i{background:#f9e3ef;color:#c45e91}.public-mode .public-card.green i{background:#e3f7ef;color:#53a68f}.public-mode .public-card.purple i{background:#eee6ff;color:#8c6bd6}.public-mode .public-card.pink i{background:#ffe5f0;color:#df658f}.public-mode .public-card.orange i{background:#fff0dd;color:#e58e54}.public-mode .public-card.teal i{background:#e3f7f4;color:#4faaa5}.public-mode .public-card.yellow i{background:#fff5d8;color:#d7a447}.reference-mode .reference-head p{color:#c45e91}.reference-mode .reference-panel{border-color:#f0ddea;box-shadow:0 10px 25px rgba(137,76,117,.08)}
.install-wizard{background:linear-gradient(135deg,#fff,#f7fbff)}.wizard-tabs{display:flex;gap:8px;margin:12px 0 14px}.wizard-tabs button{background:#eef4ff;color:#397ff0;box-shadow:none}.wizard-tabs button.active{background:#397ff0;color:#fff}.wizard-step{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px 13px;margin:8px 0;border:1px solid #e2eaf5;border-radius:13px;background:#fff;color:var(--ink);font-size:13.5px}.wizard-step input{width:18px;min-height:18px;height:18px;accent-color:#397ff0}
.public-mode .topbar{display:none}.public-mode main{padding-top:10px}.public-head{padding:8px 0 4px}.public-hero{margin:54px auto 22px}.public-notice{min-height:52px;overflow:hidden}.announcement-window{display:block;min-width:0;flex:1;overflow:hidden;white-space:nowrap}.announcement-track{display:inline-flex;align-items:center;gap:20px;white-space:nowrap;min-width:max-content;animation:announcement-roll 22s linear infinite}.announcement-track em{margin:0}.public-notice:hover .announcement-track{animation-play-state:paused}.signed-announcement{grid-column:1/-1;min-height:54px;margin:0;padding:10px 14px}.signed-announcement .announcement-window{max-width:100%}@keyframes announcement-roll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.announcement-track{animation:none;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}}
.public-mode .public-notice .announcement-window,.public-mode .public-notice .announcement-track{background:transparent;color:inherit;padding:0;border-radius:0}.public-mode .public-notice .announcement-track b,.public-mode .public-notice .announcement-track em{color:inherit}
.install-wizard{padding:22px;border-color:#f0ddea;background:linear-gradient(155deg,#fff,#fff6fa)}.install-wizard .row{align-items:flex-start}.install-wizard .row p{margin:4px 0 0;color:var(--muted)}.wizard-tabs{display:grid;grid-template-columns:1fr 1fr}.wizard-tabs button{background:#fcebf4;color:#9e4978}.wizard-tabs button.active{background:#c85d91;color:#fff}.wizard-progress-line{height:8px;border-radius:99px;background:#f3e3ed;overflow:hidden;margin:8px 0 18px}.wizard-progress-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e68bb4,#a885db);border-radius:99px;transition:width .2s}.wizard-card{border:1px solid #f0ddea;background:#fff;border-radius:18px;padding:18px}.wizard-card small{color:#b25a88;font-weight:800}.wizard-card h3{font-size:20px;margin:6px 0}.wizard-card p{color:#756b80;margin:8px 0;line-height:1.6}.wizard-card .wizard-warning{background:#fff5e8;border:1px solid #f4d7a8;border-radius:12px;padding:10px 12px;color:#775a33}.wizard-actions{display:flex;gap:10px;margin-top:14px}.wizard-actions button{flex:1}.wizard-download{display:block;text-align:center;text-decoration:none;background:#cf6398;color:white;padding:12px;border-radius:12px;margin-top:14px;font-weight:750}.wizard-confirm{display:flex;align-items:flex-start;gap:9px;margin-top:14px;color:var(--ink)}.wizard-confirm input{width:18px;min-height:18px;height:18px;margin-top:2px;accent-color:#bd5a8e}.wizard-confirm span{flex:1}.wizard-tabs button:focus-visible,.wizard-actions button:focus-visible,.wizard-download:focus-visible{outline:3px solid #805cce;outline-offset:2px}
@media(max-width:760px){.topbar{position:sticky;top:0;left:0;right:0;width:100%;height:auto}.topbar-inner{padding:8px 12px 7px}.brand{padding:0 2px 5px;font-size:15px;gap:7px}.brand .logo{width:28px;height:28px;border-radius:9px}#nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:100%;overflow:visible;flex:none}#nav a{justify-content:center;text-align:center;min-width:0;min-height:34px;padding:5px 1px;font-size:11px;white-space:nowrap}main{padding:18px 14px 64px}.public-mode .topbar{display:block}.public-mode .public-head{padding:4px 0 5px;justify-content:flex-end}.public-mode .public-head .public-logo{display:none}.public-mode main,.reference-mode main{width:100%;padding:10px 14px 48px}.public-mode .public-hero{margin:34px auto 18px}.public-mode .public-hero h1{font-size:38px;line-height:1.17}.public-mode .public-hero>p:last-child{font-size:14px;margin:12px 0 18px}.public-mode .public-notice{flex-wrap:nowrap;align-items:center;gap:8px}.public-mode .public-notice em{width:auto;margin:0}.public-mode .public-notice .announcement-track{animation:none;min-width:0;width:100%;justify-content:flex-start;gap:10px}.public-mode .public-cards{grid-template-columns:1fr}.public-mode .public-card{min-height:94px;padding:16px 18px}.public-mode .public-card b{font-size:17px}.reference-page{margin:20px auto}.reference-pagebar{margin-bottom:28px}.reference-head h1{font-size:34px}.reference-panel{padding:18px}.signed-announcement{grid-column:1/-1}.wizard-tabs button{font-size:13px;padding:8px}.wizard-actions{flex-direction:column}.wizard-actions button{width:100%}}
@media(max-width:380px){#nav a{font-size:10px}.public-mode .public-hero h1{font-size:34px}.public-card i{flex-basis:48px;width:48px;height:48px}.public-card b{font-size:16px}}
.reference-pagebar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:960px;margin:0 auto 46px}.reference-return{display:inline-flex;align-items:center;min-height:38px;padding:7px 15px;border:1px solid #cbdcff;border-radius:999px;background:#fff;color:#397ff0;text-decoration:none;font-size:13px;font-weight:750}.reference-pagebar .public-logo{font-size:18px}.reference-pagebar .public-logo span{width:38px;height:38px}.reference-page.cards{grid-template-columns:1fr;max-width:760px}.reference-page.cards .reference-pagebar,.reference-page.cards .reference-head{grid-column:1/-1}.reference-page.cards .card{box-shadow:0 10px 25px rgba(49,78,124,.07)}
/* membership activation and renewal */
.renew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:780px){.renew-grid{grid-template-columns:1fr}}
@media(max-width:1100px){.auth-mode main{max-width:760px;padding:20px 18px 56px}.auth-layout{grid-template-columns:1fr;gap:18px;min-height:auto}.auth-intro{padding:12px 4px 0;text-align:center}.auth-back{margin-bottom:26px}.auth-intro h1{font-size:clamp(34px,8vw,48px)}.auth-intro>p:not(.public-kicker){margin-left:auto;margin-right:auto;max-width:560px}.auth-steps{justify-content:center;margin-top:18px}.auth-card{max-width:560px;margin:0 auto;width:100%}}
.wizard-timeline{position:relative;display:flex;flex-direction:column;gap:14px;padding:6px 0 8px}.wizard-timeline:before{content:"";position:absolute;left:17px;top:28px;bottom:28px;width:2px;background:#d9ede5}.wizard-timeline-card{position:relative;margin-left:40px;padding:18px 18px 14px;min-height:0;border-color:#e3edf2;box-shadow:0 8px 20px rgba(63,100,120,.06)}.wizard-timeline-card .wizard-marker{position:absolute;left:-35px;top:20px;z-index:1;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:3px solid #fff;border-radius:50%;background:#e3edf0;color:#78909c;font-size:12px;font-weight:850;box-shadow:0 2px 5px rgba(60,90,100,.12)}.wizard-timeline-card.is-complete{border-color:#cfeee0}.wizard-timeline-card.is-complete .wizard-marker{background:#25a873;color:#fff}.wizard-timeline-card.is-current{border:2px solid #8fc0ff;box-shadow:0 10px 24px rgba(74,139,224,.12)}.wizard-timeline-card.is-current .wizard-marker{background:#397ff0;color:#fff}.wizard-timeline-card.is-locked{opacity:.6;border-style:dashed;background:#fafcff}.wizard-timeline-card.is-locked .wizard-marker{background:#f1f4f6;color:#9aa8b4}.wizard-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed #e0e8ee}.wizard-complete{color:#1ba574;font-size:13px;font-weight:800}.wizard-locked{color:#8b99a8;font-size:12px}.wizard-inline-next{min-height:34px;padding:6px 13px;border-radius:999px;background:#e4f6ed;color:#229c70;box-shadow:none;font-size:12px}.wizard-timeline-card.is-current .wizard-inline-next{background:#dff1ff;color:#397ff0}.wizard-timeline-card .wizard-confirm{margin:0}.wizard-timeline-card .wizard-confirm input{margin-top:2px}.install-wizard .wizard-actions{display:none}
.announcement-empty{margin:0;padding:20px 16px;border:1px dashed #d8e2f0;border-radius:16px;background:#fbfcff;color:#7d8ba0;text-align:center;font-size:14px}
.member-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}.rank-tile{display:flex;align-items:center;gap:11px;min-height:70px;padding:12px 14px;border:1px solid var(--line);border-radius:17px;text-align:left;background:linear-gradient(120deg,#fff5e6,#ffeef4);color:var(--ink);box-shadow:var(--shadow)}.rank-tile.duel{background:linear-gradient(120deg,#f0ebff,#e9f5ff)}.rank-tile i{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:#ffc857;color:#fff;font-style:normal;font-size:20px}.rank-tile.duel i{background:#9a84e9}.rank-tile span{display:flex;flex-direction:column;gap:1px}.rank-tile b{font-size:15px}.rank-tile small{color:var(--muted);font-size:11px}.rank-tile em{margin-left:auto;color:var(--brand-dark);font-size:22px;font-style:normal}.member-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.member-shortcuts .public-card{min-height:98px;padding:14px 13px}.member-shortcuts .public-card i{flex-basis:42px;width:42px;height:42px;font-size:22px}.member-shortcuts .public-card b{font-size:14px}.member-shortcuts .public-card small{font-size:11px}

@media(max-width:760px){#nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%!important;overflow:visible!important}}
@media(max-width:760px){.member-mode.reference-mode .topbar,.member-mode.auth-mode .topbar{display:block}}
/* Final home grid overrides keep the compact six-tile layout at every mobile width. */
.member-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important}.member-shortcuts .public-card{min-height:98px;padding:14px 13px}.member-shortcuts .public-card i{flex-basis:42px;width:42px;height:42px;font-size:22px}
.member-greeting{display:flex;align-items:center;gap:10px;margin:2px 0 2px}.greeting-logo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#f6a6c6,#db6298);color:#fff;font-size:20px;box-shadow:0 4px 0 #b24d7d}.greeting-copy{display:flex;flex-direction:column;line-height:1.15}.greeting-copy b{font-size:17px}.greeting-copy small{margin-top:4px;color:var(--muted);font-size:12px}.greeting-heart{margin-left:auto;color:var(--brand-dark);font-size:23px}
@media(max-width:380px){.member-shortcuts{gap:7px}.member-shortcuts .public-card{padding:11px 8px;min-height:88px}.member-shortcuts .public-card i{flex-basis:34px;width:34px;height:34px;font-size:17px}.member-shortcuts .public-card b{font-size:12px}.member-shortcuts .public-card small{font-size:10px}}
@media(max-width:760px){.member-shortcuts .public-card{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.member-shortcuts .public-card span{align-items:center;gap:2px;min-width:0}.member-shortcuts .public-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}

/* Buyer product surface: compact pastel cards, clear hierarchy, and touch-safe controls. */
:root{--bg:#fff8fc;--ink:#3a2947;--muted:#8c7890;--line:#f3ddeb;--surface:#fff;--brand:#eb679c;--brand-dark:#b84f80;--brand-soft:#fff0f7;--nav:#fff;--nav-muted:#b896ae;--ok:#56ab91;--ok-soft:#e6f7f0;--shadow:0 10px 26px rgba(146,82,128,.10);--radius:20px}
html,body{background:radial-gradient(circle at 20% 0,#fff0fa 0,transparent 42%),linear-gradient(180deg,#fff8fc 0,#fff 78%,#fff7ed 100%);color:var(--ink)}
.topbar{background:rgba(255,255,255,.92);color:var(--ink);border-bottom:1px solid #f5e3ef;box-shadow:0 4px 18px rgba(140,83,125,.08);backdrop-filter:blur(12px)}
.brand{color:var(--ink)}.brand .logo{background:linear-gradient(145deg,#ff9fc7,#db6195);box-shadow:0 6px 13px rgba(219,97,149,.22)}
nav a{color:#ad8ba5}nav a:hover{background:#fff0f7;color:var(--brand-dark)}nav a.active{background:#ffeaf3;color:var(--brand-dark);box-shadow:inset 3px 0 var(--brand)}
main{max-width:1280px}.card,.reference-panel{border-color:var(--line);box-shadow:var(--shadow)}.card h2,.card h3{color:var(--ink)}.card>p,.reference-note,.hint{color:var(--muted)}
button{background:linear-gradient(135deg,#f58ab5,#db6298);box-shadow:0 7px 14px rgba(219,98,152,.16)}button.subtle,.button-like{background:#fff0f7;color:var(--brand-dark);border-color:#f4cade}.success{background:var(--ok-soft);color:var(--ok)}.danger-outline{background:#fff3f4;color:#c45c70;border-color:#f6ccd8}.switch[aria-pressed=true]{background:#9c82dc}
input,select,textarea{border-color:#ecdce8;background:#fffaff;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#e889b2;box-shadow:0 0 0 4px rgba(232,137,178,.13)}
.public-mode,.reference-mode,.auth-mode,.member-mode{background:transparent}.public-mode main,.reference-mode main{max-width:1100px}.public-head,.reference-pagebar{max-width:1060px}.public-logo{color:var(--ink)}.public-logo span{background:linear-gradient(145deg,#f6a6c6,#db6298);box-shadow:0 4px 0 #b24d7d}.public-hero h1,.reference-head h1,.auth-intro h1,.member-hero h1{color:var(--ink)}.public-hero h1 strong,.auth-intro h1 strong,.member-hero h1 strong{color:var(--brand)}.public-kicker,.reference-head p{color:#c55c8f!important}.public-notice,.signed-announcement{border-color:#f2cadd;background:linear-gradient(90deg,#fff0f7,#f6ecff);color:var(--brand-dark);box-shadow:0 7px 20px rgba(219,98,152,.11)}.public-notice span:first-child,.signed-announcement>span:first-child{background:var(--brand)}.public-card{border-color:var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:18px}.public-card:hover{box-shadow:0 15px 30px rgba(146,82,128,.15)}.public-card b{color:var(--ink)}.public-card small{color:#927f96}.public-card.blue i{background:#ebe7ff;color:#8468d8}.public-card.green i{background:#e2f8ef;color:#5bab90}.public-card.purple i{background:#efe8ff;color:#8768d6}.public-card.pink i{background:#ffe5f0;color:#df6793}.public-card.orange i{background:#fff0dd;color:#df8a52}.public-card.teal i{background:#e1f7f4;color:#50a9a2}.public-card.yellow i{background:#fff4d4;color:#d5a346}
.signed-announcement>span:not(:first-child),.signed-announcement .announcement-track{background:transparent!important;color:var(--brand-dark)!important;padding:0;border-radius:0}
.member-home{max-width:1060px}.member-hero{padding-top:22px}.member-grid{gap:14px}.member-grid .card{background:#fff;border-color:var(--line)}.member-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.member-shortcuts .public-card{min-height:112px}.leaderboard-row{background:#fff8fc;border-color:var(--line)}.leaderboard-row b{color:var(--brand-dark)}.city-grid{gap:12px}.city-card{border-color:var(--line);background:#fff;box-shadow:0 5px 14px rgba(146,82,128,.06)}.city-card:hover{border-color:#e998bd}.city-card .bar i{background:linear-gradient(90deg,#f3a7c4,var(--brand))}.city-tag.challenge{background:#f5eaff;color:#8862c8}.city-tag.machine{background:#e5f8f1;color:#53a58d}
.reference-head{margin-bottom:22px}.reference-head h1{font-size:clamp(32px,5vw,48px)}.reference-panel{background:#fff;border-radius:20px}.reference-return{border-color:#f1cade;background:#fff;color:var(--brand-dark)}.install-wizard{background:linear-gradient(155deg,#fff,#fff5fa)}.wizard-tabs button{background:#fcebf4;color:#a84f7d}.wizard-tabs button.active{background:#d4679a}.wizard-timeline:before{background:#efd7e4}.wizard-timeline-card{background:#fff;border-color:var(--line)}.wizard-timeline-card.is-current{border-color:#db9cc0;box-shadow:0 9px 20px rgba(219,98,152,.12)}.wizard-timeline-card.is-current .wizard-marker{background:#db679a}.wizard-download{background:#d4679a}.account-summary{display:flex;align-items:center;gap:14px;margin-bottom:14px}.account-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#e3f7f2;color:#53a58d;font-size:23px}.account-summary strong{font-size:17px}.account-summary .badge{margin-left:auto}.account-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin:0 0 14px}.account-actions .public-card{min-height:94px;padding:16px 18px}.account-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.account-footer p{margin:0}
#message{background:#503d57}.auth-card{border-color:var(--line);box-shadow:0 18px 45px rgba(146,82,128,.13)}.auth-icon{background:linear-gradient(145deg,#f6a6c6,#db6298);box-shadow:0 5px 0 #ad4c7d}.auth-card form>button{background:#d4679a}
@media(max-width:760px){
  body{padding-bottom:70px}.topbar{position:sticky;top:0;border-bottom:1px solid #f2dfeb}.topbar-inner{padding:8px 12px 7px}.brand{padding:0 3px 7px;font-size:15px}.brand .logo{width:29px;height:29px;border-radius:10px}nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;overflow:visible}nav a{justify-content:center;min-height:34px;padding:5px 1px;font-size:11px;text-align:center;white-space:nowrap;border-radius:10px}main{padding:16px 13px 72px}.member-mode .topbar{position:fixed;top:auto;bottom:0;left:0;right:0;height:66px;z-index:50;border-top:1px solid #f0dce9;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -6px 22px rgba(146,82,128,.12)}.member-mode .topbar-inner{padding:7px 10px 8px}.member-mode .brand{display:none}.member-mode nav{height:100%;align-items:stretch}.member-mode nav a{display:flex;flex-direction:column;gap:1px;padding:7px 1px;color:#bc9bb3;font-size:10px}.member-mode nav a:before{font-size:17px;line-height:18px}.member-mode nav a[data-tab=home]:before{content:'⌂'}.member-mode nav a[data-tab=game]:before{content:'▣'}.member-mode nav a[data-tab=events]:before{content:'♜'}.member-mode nav a[data-tab=install]:before{content:'⇩'}.member-mode nav a[data-tab=help]:before{content:'?'}.member-mode nav a[data-tab=account]:before{content:'♙'}.member-mode nav a.active{background:#ffeaf3;color:var(--brand-dark);box-shadow:none}.member-grid{grid-template-columns:1fr;gap:12px}.member-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-shortcuts .public-card{min-height:96px;padding:14px 12px}.member-hero{padding:12px 2px 8px}.member-hero h1{font-size:31px}.public-mode main,.reference-mode main{padding:10px 13px 52px}.public-hero{margin:34px auto 18px}.public-hero h1{font-size:38px}.public-cards{grid-template-columns:1fr;gap:11px}.public-card{min-height:90px;padding:15px 17px}.public-card i{flex-basis:47px;width:47px;height:47px}.reference-page{margin:18px auto}.reference-pagebar{margin-bottom:25px}.reference-head{margin-bottom:18px}.reference-head h1{font-size:34px}.account-actions{grid-template-columns:1fr}.account-footer{align-items:flex-start;flex-direction:column}.account-footer button{width:100%}.account-summary{padding:17px}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.city-card{min-height:114px;padding:13px 11px}.city-card .name{font-size:13px}.city-card .meta{font-size:11.5px}.city-modal{align-items:flex-end;padding:0}.city-sheet{max-height:90vh;padding:19px 17px;border-radius:20px 20px 0 0}.city-modal-head h2{font-size:25px}.city-action{padding:15px 0}.city-action h3{font-size:16px}
}
@media(max-width:380px){nav a{font-size:10px}.member-mode nav a:before{font-size:15px}.member-hero h1{font-size:28px}.member-shortcuts .public-card b{font-size:14px}.member-shortcuts .public-card small{font-size:11px}.public-hero h1{font-size:34px}.account-summary{gap:10px}.account-summary strong{font-size:15px}}

/* Single-card install flow: never expose the whole checklist at once. */
.wizard-single{display:flex;flex-direction:column;gap:12px}.wizard-completed-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff8fc;color:var(--muted);font-size:12px}.wizard-completed-summary strong{color:var(--brand-dark);margin-right:4px}.wizard-completed-summary span{padding:4px 8px;border-radius:999px;background:var(--ok-soft);color:var(--ok)}.wizard-current-card{position:relative;padding:22px 20px 17px;border:2px solid #dfa2c2;box-shadow:0 12px 28px rgba(146,82,128,.13)}.wizard-current-card .wizard-marker{position:absolute;left:-14px;top:20px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:3px solid #fff;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;box-shadow:0 3px 8px rgba(146,82,128,.18)}.wizard-copy-guide{display:flex;flex-direction:column;gap:4px;margin:14px 0;padding:13px 14px;border:1px solid #efd6a6;border-radius:13px;background:#fff8e9;color:#6e5738}.wizard-copy-guide strong{color:#9c6d36}.wizard-copy-guide span{font-size:13px}.wizard-activation-field{margin-top:12px;color:var(--muted)}.wizard-inline-action{align-self:flex-start;margin-top:10px;background:#fff0f7;color:var(--brand-dark);border:1px solid #f1cadd;box-shadow:none}.wizard-download-box{display:flex;flex-direction:column;gap:7px;margin:14px 0;padding:14px;border:1px solid #efd6e5;border-radius:14px;background:#fff8fc}.wizard-download-box small{color:var(--muted)}
.download-card{margin-top:4px}.download-badge{padding:5px 10px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:800}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.download-item{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff8fc;color:var(--ink);text-decoration:none}.download-item strong{font-size:14px}.download-item small{color:var(--muted);min-height:19px}.download-item span{color:var(--brand-dark);font-size:13px;font-weight:800}@media(max-width:520px){.download-grid{grid-template-columns:1fr}.wizard-current-card{margin-left:7px}.wizard-current-card .wizard-marker{left:-20px}}
.public-head{position:relative}.public-mascot{position:absolute;right:76px;bottom:-7px;width:68px;height:55px;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 9px rgba(190,91,137,.18));pointer-events:none}@media(max-width:520px){.public-mascot{right:62px;width:52px;height:44px;bottom:-4px}}
.public-hero{position:relative;overflow:hidden}.public-hero-copy{position:relative;z-index:1;max-width:620px}.public-hero-art{position:absolute;right:-10px;bottom:-24px;width:220px;height:165px;object-fit:contain;object-position:center;opacity:.95;filter:drop-shadow(0 14px 20px rgba(181,92,137,.18));pointer-events:none}.reference-head{display:flex;align-items:center;gap:16px}.reference-art{width:84px;height:84px;object-fit:contain;flex:0 0 auto}.help-art{width:74px;height:74px}@media(max-width:520px){.public-hero-art{right:-28px;width:170px;height:130px;opacity:.8}.public-hero-copy{max-width:78%}.reference-art{width:66px;height:66px}.help-art{width:58px;height:58px}}

/* The single-card wizard keeps navigation visible on small screens. */
.install-wizard .wizard-actions{display:flex;gap:10px;margin-top:14px}.install-wizard .wizard-actions button{flex:1}.install-wizard #installWizardBack{max-width:150px}.install-wizard #installWizardBack:disabled{opacity:.45}