:root{color-scheme:dark;--bg:#0b1220;--panel:#111c2d;--input:#0b1423;--text:#f4f7fc;--muted:#aabbd1;--line:#2a3b51;--accent:#0a84ff;--error:#ffb4aa;--shadow:0 28px 90px #0003}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:280px}body{margin:0;background:radial-gradient(ellipse at 18% 38%,#0a84ff13,transparent 55%),var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}html[data-theme=light]{color-scheme:light;--bg:#f5f8fc;--panel:#fff;--input:#f5f8fc;--text:#15233a;--muted:#52647b;--line:#d7e0eb;--error:#b42318;--shadow:0 24px 72px #1434580e}button,input,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #63b0ff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}.header{max-width:1176px;padding:28px 28px 0;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:26px;font-weight:800;letter-spacing:2px;display:flex;align-items:center}.brand i{width:7px;height:7px;border-radius:100%;background:var(--accent);margin:2px 0 0 8px}.header-tools{display:flex;gap:10px;align-items:center}.header-tools button,.header-tools select{border:1px solid var(--line);background:var(--panel);border-radius:12px;height:40px;padding:0 12px}.header-tools button{font-size:22px;width:42px;padding:0}.layout{max-width:1120px;margin:70px auto 44px;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,450px);column-gap:96px;align-items:center}.intro{padding:12px 0 28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#57a8ff;margin:0 0 20px}.intro h1{font-size:clamp(34px,3.8vw,49px);font-weight:720;line-height:1.14;letter-spacing:-1.9px;margin:0 0 24px}.lead{font-size:17px;line-height:1.7;max-width:410px;color:var(--muted);margin:0}.benefits{display:grid;gap:24px;margin:36px 0}.benefits>div{display:flex;gap:15px}.benefit-icon{width:36px;height:36px;flex:none;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:#74b7ff;font-size:11px;font-weight:700;background:#0a84ff09}.benefits p{margin:0}.benefits b{display:block;font-size:15px;font-weight:650;margin-bottom:4px}.benefits small{display:block;max-width:340px;color:var(--muted);font-size:13px;line-height:1.6}.intro-link{color:#66b0ff;font-size:13px}.access{align-self:start;border:1px solid var(--line);border-radius:25px;padding:30px;background:var(--panel);box-shadow:var(--shadow);min-width:0}.card-top{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:27px}.mini-mark{font-weight:800;color:var(--text);background:#0a84ff25;border:1px solid #0a84ff44;width:25px;height:25px;border-radius:8px;display:grid;place-items:center}.secure-icon{margin-left:auto;font-size:20px;color:#75baff}.access h2{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:0 0 9px}.muted{color:var(--muted);font-size:14px;margin:0 0 22px}.providers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider{display:flex;align-items:center;gap:10px;background:var(--input);border:1px solid var(--line);border-radius:12px;padding:13px 15px;min-height:52px;font-weight:600;text-align:left;flex-wrap:wrap;transition:border-color .15s,background .15s}.provider[data-provider=telegram]{grid-column:1/-1}.provider svg{width:22px;height:22px;flex:none}.provider i{margin-left:auto;color:var(--muted);font-size:15px;font-style:normal}.provider small{font-size:10px;color:var(--muted);font-weight:400;width:100%}.provider:not(:disabled):hover{border-color:var(--accent);background:#0a84ff12}.divider{display:flex;align-items:center;gap:10px;margin:23px 0;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}label{display:block;font-size:13px;font-weight:500;margin-bottom:7px}.header-tools label{margin:0}input{width:100%;min-width:0;background:var(--input);border:1px solid var(--line);border-radius:12px;min-height:51px;padding:12px 14px;font-size:16px}input:focus{border-color:var(--accent)}.primary{display:flex;justify-content:center;align-items:center;width:100%;border:0;border-radius:12px;padding:14px 16px;min-height:51px;background:var(--accent);color:#fff;font-weight:650;margin-top:14px;box-shadow:0 6px 20px #0a84ff1c}.primary:hover{background:#0874e1}.field-note{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}.security-note{border-top:1px solid var(--line);padding-top:19px;margin:20px 0 11px;color:var(--muted);font-size:12px;text-align:center}.legal{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--muted)}.legal a:hover{text-decoration:underline}.status{font-size:13px;line-height:1.55;color:var(--error);margin:15px 0 0}.status:empty{display:none}.guest{grid-column:2;text-align:center;font-size:13px;color:var(--muted);margin-top:20px}.guest:hover{color:var(--text)}.back,.resend{background:transparent;border:0;padding:10px 0;font-size:13px;color:#66b0ff}.back{margin:0 0 12px}h3{margin:0 0 10px;font-size:22px}.code{letter-spacing:10px;font-size:25px;text-align:center;font-variant-numeric:tabular-nums}#sent-email{overflow-wrap:anywhere;color:var(--text);display:block}.resend{display:block;margin:5px auto 0}.identities{padding:0;list-style:none;margin:25px 0}.identities li{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:9px;overflow-wrap:anywhere}.identities b{display:block}.identities small{color:var(--muted)}.secondary{display:block;text-align:center;padding:12px;font-size:13px;margin-top:8px;color:#66b0ff}.success-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:100%;background:#20aa7040;color:#81e2b2;font-size:22px;margin-bottom:20px}footer{max-width:1064px;margin:0 auto 25px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;padding:0 28px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#preview{background:#16334e;color:#daeaff;padding:9px 20px;text-align:center;font-size:12px}#preview b{color:white}#preview code{font:700 15px monospace;letter-spacing:2px}.preview-link{color:#83caff;text-decoration:underline}
@media(max-width:900px){.layout{column-gap:38px;margin-top:45px}.intro h1{font-size:36px}.access{padding:24px}}
@media(max-width:680px){.header{padding:20px 20px 0}.brand{font-size:22px}.header-tools{gap:6px}.header-tools select{max-width:128px}.layout{display:flex;flex-direction:column;padding:0 18px;margin:28px auto;max-width:480px;gap:0}.intro{width:100%;padding:0 2px 20px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:10px}.intro h1{font-size:30px;line-height:1.2;letter-spacing:-.9px;margin-bottom:10px}.lead{font-size:14px;line-height:1.6}.benefits,.intro-link{display:none}.access{width:100%;padding:22px 20px;border-radius:20px}.access h2{font-size:22px}.card-top{margin-bottom:20px}.provider{padding:12px;gap:8px}.provider i{display:none}.guest{margin:20px auto 0}.security-note{margin-top:18px}footer{padding:0 22px;flex-wrap:wrap;justify-content:center}.code{letter-spacing:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.intro h1{white-space:pre-line}.provider{display:grid;grid-template-columns:22px 1fr auto;gap:5px 10px}.provider small{grid-column:2/4;grid-row:2}.provider i{grid-column:3;grid-row:1}
.orders-h{margin:18px 0 6px;font-size:16px}.orders{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.orders a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--input);color:var(--text);text-decoration:none}.orders a:hover,.orders a:focus-visible{border-color:var(--accent)}.orders small{color:var(--muted);font-size:12.5px}
.tg-wait{display:flex;flex-direction:column;gap:10px;margin:14px 0}.tg-number{display:block;font-size:44px;line-height:1;font-weight:800;letter-spacing:.06em;text-align:center;padding:10px 0;font-variant-numeric:tabular-nums}
.tg-alt{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0}.tg-qr{width:220px;max-width:100%;height:auto;border-radius:12px;background:#fff;padding:6px}@media(max-width:640px){.tg-qr,.tg-alt [data-copy=tgqr]{display:none}}
/* 02.10.2026 кабинет как на igm.gg: шапка с уровнем, счётчики, вкладки, ключи, достижения */
:root{--ok:#5fd59a;--ok-bg:#20aa7024;--warn:#ffc35c;--warn-bg:#f5a6231f;--info:#7dbbff;--info-bg:#0a84ff1f;--off:#8d9bb0;--off-bg:#8d9bb01a;--chip:#16233a}
html[data-theme=light]{--ok:#0f7a47;--ok-bg:#16a36a1a;--warn:#8a5a00;--warn-bg:#f5a62324;--info:#0861c4;--info-bg:#0a84ff14;--off:#5d6b80;--off-bg:#5d6b8014;--chip:#eef3f9}
.cab-on .intro,.cab-on .access,.cab-on .guest{display:none!important}
.cab-on .layout{display:block;max-width:980px;margin:36px auto 44px}
.cab{display:flex;flex-direction:column;gap:18px;min-width:0}
.cab-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(135deg,#0a84ff14,transparent 60%),var(--panel)}
.cab-ava-wrap{position:relative;width:92px;height:92px;border-radius:50%;padding:4px;background:var(--line)}
.cab-ava-wrap[data-frame=bronze]{background:conic-gradient(#b0743f,#e9b07a,#8a5329,#d39459,#b0743f)}
.cab-ava-wrap[data-frame=silver]{background:conic-gradient(#9aa7b8,#f2f5f9,#7d8796,#d8dee7,#9aa7b8)}
.cab-ava-wrap[data-frame=gold]{background:conic-gradient(#d4a017,#ffe68f,#b8860b,#ffd34d,#d4a017);box-shadow:0 0 26px #ffcc3a33}
.cab-ava-wrap[data-frame=combo]{background:conic-gradient(#ff4d8d,#ffb84d,#4dd2ff,#9b6bff,#ff4d8d);box-shadow:0 0 26px #9b6bff33}
.cab-ava-wrap[data-frame=night]{background:conic-gradient(#1d2b64,#7d8cff,#0b1030,#4b5bd0,#1d2b64)}
.cab-ava{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:36px;font-weight:800;color:var(--text)}
.cab-lvl{position:absolute;right:-2px;bottom:-2px;min-width:30px;height:30px;padding:0 7px;border-radius:15px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:13px;font-weight:800;border:3px solid var(--panel);font-variant-numeric:tabular-nums}
.cab-who{min-width:0}.cab-who h1{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-.6px;overflow-wrap:anywhere}
.cab-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 12px;color:var(--muted);font-size:13px}
.cab-title{background:linear-gradient(90deg,#ffcf5c,#ff9f43);color:#2a1a00;font-weight:750;font-size:12px;letter-spacing:.3px;border-radius:999px;padding:3px 10px}
.xp{max-width:420px}.xp-top{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);margin-bottom:6px}.xp-top b{color:var(--text)}
.xp-bar{height:8px;border-radius:8px;background:var(--input);border:1px solid var(--line);overflow:hidden}.xp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0a84ff,#5ac8fa);border-radius:8px;transition:width .5s}
.cab-ids{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px}.cab-ids li{font-size:11.5px;color:var(--muted);background:var(--chip);border-radius:999px;padding:3px 10px}.cab-ids li:before{content:"✓ ";color:var(--ok)}
.cab-shop{align-self:start;font-size:13px;color:#66b0ff;white-space:nowrap}.cab-shop:hover{text-decoration:underline}
.cab-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.cab-stats>div{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--panel)}
.cab-stats dt{font-size:12px;color:var(--muted)}.cab-stats dd{margin:4px 0 0;font-size:26px;font-weight:780;font-variant-numeric:tabular-nums}
.cab-stats .is-warn{border-color:#f5a62366;background:var(--warn-bg)}.cab-stats .is-warn dd{color:var(--warn)}
.cab-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.cab-tabs::-webkit-scrollbar{display:none}
.cab-tablist{display:flex;gap:6px}
.cab-tablist button,.cab-out{flex:none;border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}
.cab-tablist button:hover,.cab-out:hover{color:var(--text);border-color:#5d7290}
.cab-tablist button[aria-selected=true]{background:var(--text);border-color:var(--text);color:var(--bg)}
.cab-panel{border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--panel);min-width:0}
.cab-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ord{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--input);transition:border-color .15s}
.ord:hover,.ord:focus-visible{border-color:var(--accent)}
.ord-main{min-width:0;display:flex;flex-direction:column;gap:2px}.ord-main b{font-weight:650;overflow-wrap:anywhere}.ord-main small{color:var(--muted);font-size:12.5px}
.ord-main .ord-act{color:var(--warn);font-weight:600}
.ord-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.ord-side b{font-variant-numeric:tabular-nums;white-space:nowrap}
.pf{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.4px;color:#fff;background:#3b4a63}
.pf-ps{background:#0070d1}.pf-steam{background:linear-gradient(135deg,#1b2838,#2a475e);color:#66c0f4}.pf-xbox{background:#107c10}.pf-sub{background:#7a4fe0}.pf-card{background:#c9821b}.pf-ubi{background:#1f3fd9}.pf-bnet{background:#0e86e8}.pf-cart{background:#4a5568}
.pill{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:650;white-space:nowrap}
.st-done{color:var(--ok);background:var(--ok-bg)}.st-paid{color:var(--info);background:var(--info-bg)}.st-act{color:var(--warn);background:var(--warn-bg)}.st-new{color:var(--off);background:var(--off-bg)}.st-cancelled{color:var(--off);background:var(--off-bg);text-decoration:line-through}
.cab-alert{display:flex;flex-direction:column;gap:3px;border:1px solid #f5a62355;background:var(--warn-bg);border-radius:14px;padding:12px 14px;margin-bottom:14px;font-size:13.5px}.cab-alert b{color:var(--warn)}
.cab-empty{text-align:center;padding:26px 10px 10px;color:var(--muted)}.cab-empty p{margin:0 auto 6px;max-width:440px}.cab-empty .primary{display:inline-flex;width:auto;padding:12px 22px}
.keyc{border:1px solid var(--line);border-radius:14px;background:var(--input);padding:14px;display:flex;flex-direction:column;gap:12px}
.key-h{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}.key-h b{display:block;overflow-wrap:anywhere}.key-h small{color:var(--muted);font-size:12.5px}.key-h a{color:#66b0ff}
.key-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.key-v{flex:1 1 220px;min-width:0;font:600 15px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.5px;padding:10px 12px;border-radius:10px;border:1px dashed var(--line);background:var(--panel);white-space:pre-wrap;overflow-wrap:anywhere;transition:filter .2s}
.key-v.is-hidden{filter:blur(6px);user-select:none}
.key-b{border:1px solid var(--line);background:transparent;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.key-b:hover{border-color:var(--accent)}.key-copy{background:var(--accent);border-color:var(--accent);color:#fff}
.ach-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ach-filter button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:7px 14px;font-size:13px;color:var(--muted)}
.ach-filter button[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:var(--info-bg)}
.ach-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ach{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--input)}
.ach:not(.is-done){opacity:.72}.ach:not(.is-done) .medal{filter:grayscale(1)}
.medal{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:800;color:#2a1a00;background:radial-gradient(circle at 35% 30%,#fff3c4,#f6c343 45%,#c98a12);box-shadow:inset 0 -3px 0 #0002}
.ach.is-done .medal{font-size:22px}
.ach-b{min-width:0;display:flex;flex-direction:column;gap:4px}.ach-b b{font-size:15px}.ach-b small{color:var(--muted);font-size:12.5px;line-height:1.45}
.ach .bar{height:6px;border-radius:6px;background:var(--panel);border:1px solid var(--line);overflow:hidden;margin:4px 0 2px}.ach .bar i{display:block;height:100%;background:linear-gradient(90deg,#f6c343,#ff9f43)}
.ach-rw{color:var(--text)!important;opacity:.85}
.cab-help{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--input);margin-bottom:18px}.cab-help h2{margin:0 0 6px;font-size:20px}.cab-help p{margin:0 0 6px;color:var(--muted);font-size:14px;max-width:62ch}.cab-help .primary{width:auto;display:inline-flex;padding:12px 20px}
.cab-h{font-size:16px;margin:0 0 12px}
.pr-form{display:flex;flex-direction:column;gap:4px;max-width:520px;margin-bottom:26px}.pr-form label{margin:10px 0 6px}
.pr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pr-form select{width:100%;min-height:51px;border:1px solid var(--line);border-radius:12px;background:var(--input);padding:0 12px;font-size:15px}
.pr-ok{color:var(--ok)}
.cab-logout{background:transparent;border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-size:14px;color:var(--error);margin-top:6px}
@media(max-width:760px){.cab-on .layout{margin-top:18px}.cab-hero{grid-template-columns:auto minmax(0,1fr);padding:18px;gap:16px}.cab-shop{grid-column:1/-1}
 .cab-ava-wrap{width:72px;height:72px}.cab-ava{font-size:28px}.cab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cab-panel{padding:16px;border-radius:18px}
 .ord{grid-template-columns:40px minmax(0,1fr);gap:12px}.ord .pf{width:40px;height:40px}.ord-side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;text-align:left}
 .pr-two{grid-template-columns:1fr}.key-b{flex:1}}
/* Cabinet 2: readable game-store hierarchy, no artwork/tracker dependency. */
.header-tools button,.header-tools select{height:44px}.header-tools button{width:44px}.history-scope{margin:-7px 2px 0;font-size:12px}
.skip-link{position:fixed;z-index:10;left:16px;top:12px;padding:12px 18px;border-radius:12px;background:var(--accent);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}
.cab-on .layout{max-width:1180px;margin-top:32px}.cab{gap:20px}.cab-hero{position:relative;overflow:hidden;padding:30px 32px;border-radius:26px;background:radial-gradient(ellipse at 95% 15%,#6a5cff1b,transparent 48%),linear-gradient(120deg,#0a84ff1c,transparent 65%),var(--panel);box-shadow:0 14px 50px #0000000c;min-height:190px}.cab-hero:before{content:"";position:absolute;pointer-events:none;right:-70px;top:-130px;width:350px;height:350px;border:1px solid #5c93de20;border-radius:50%;box-shadow:0 0 0 34px #5c93de08,0 0 0 68px #5c93de04}.cab-hero>*{position:relative}.cab-title{background:var(--info-bg);color:var(--info);border:1px solid #6eafff33}.cab-shop{background:var(--info-bg);border:1px solid #6eafff44;border-radius:12px;padding:10px 16px;color:var(--info);min-height:44px}.xp{max-width:500px}.xp-bar{height:10px}.xp .field-note{display:block;margin-top:8px;font-size:11px}.cab-stats>div{padding:18px 20px;position:relative}.cab-stats dd{font-size:30px;letter-spacing:-.8px}.cab-stats dt{font-size:13px}.cab-stats>div:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:2px;background:var(--info-bg)}.cab-stats .is-warn:after{background:var(--warn)}
.cab-tabs{padding:7px;border-radius:16px;border:1px solid var(--line);background:var(--panel);gap:12px}.cab-tablist{flex:1}.cab-tablist button{border-radius:11px;padding:11px 17px;min-height:44px;border-color:transparent}.cab-tablist button[aria-selected=true]{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px #0a84ff25}.cab-out{border-radius:11px;min-height:44px;font-size:13px;color:var(--info)}
.cab-sync{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:-5px 2px}.cab-sync p{margin:0;min-width:0}.cab-sync .key-b{padding:8px 12px;min-height:40px;flex:none}.cab-panel{padding:26px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-head h2{margin:0;font-size:24px;letter-spacing:-.6px}.panel-head .eyebrow{font-size:10px;letter-spacing:1.6px;margin:0 0 4px;color:var(--info)}.result-count{font-size:13px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.order-tools{display:flex;gap:12px;margin-bottom:14px}.order-tools label{margin:0;min-width:0}.order-search{flex:1}.order-tools input{min-height:46px;font-size:14px}.order-tools select{min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--input);padding:0 12px}.order-filter{gap:7px;margin-bottom:22px}.ach-filter button{min-height:40px}.text-button{color:var(--warn);border:0;background:transparent;text-align:left;padding:6px 0;align-self:flex-start;min-height:40px;font-weight:650}.cab-alert{padding:16px 18px;margin-bottom:20px}.ord{padding:16px 18px;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;border-radius:16px}.pf{height:48px;width:48px;border-radius:14px}.ord-main{gap:5px}.ord-side{gap:5px}.ord-cta{font-size:12px;color:var(--info);font-weight:600}.ord:has(.st-act){border-color:#f5a62370;background:var(--warn-bg)}.ord:has(.st-cancelled){opacity:.8}.pill{padding:3px 9px;font-size:11px}.empty-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;margin:6px auto 18px;color:var(--info);background:var(--info-bg);font-size:24px;font-weight:800}.cab-empty h3{font-size:20px;letter-spacing:-.4px}.cab-empty p{font-size:14px}.cab-empty .key-b{margin-top:12px}.keyc{padding:20px;border-radius:16px}.key-v.is-hidden{filter:none;color:var(--muted);font-size:13px;letter-spacing:2px}.key-feedback{margin:0;min-height:18px}.copy-helper{position:fixed;left:-9999px;top:0}.key-h a{color:var(--info)}
.ach-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--info-bg);border:1px solid #6eafff33;border-radius:16px;padding:18px 20px;margin-bottom:22px}.ach-summary b{font-size:16px}.ach-summary p{margin-top:5px}.ach-summary .key-b{white-space:nowrap;min-height:44px}.ach{padding:18px;border-radius:16px;opacity:1!important}.ach:not(.is-done) .medal{filter:none;background:var(--chip);color:var(--muted);border:1px solid var(--line);box-shadow:none;border-radius:15px}.ach.is-done{background:linear-gradient(135deg,#e1b2410c,transparent 70%),var(--input);border-color:#bba15466}.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ach-b b{line-height:1.4}.ach-b small{line-height:1.6}.ach .bar{height:7px}.ach-rules{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.ach-rules summary{cursor:pointer;font-weight:600;font-size:14px;min-height:40px}.ach-rules p{max-width:85ch}.pr-form{max-width:620px}.cab-help .primary{min-height:46px}.cab-on .intro-link{display:inline-block}.cab-panel:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cab-on footer{max-width:1168px}
@media(max-width:1020px){.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cab-tablist button{padding:11px 13px}.cab-out{padding:10px 12px}}
@media(max-width:760px){.cab-on .layout{padding:0 16px;max-width:680px;margin:22px auto 30px}.cab{gap:14px}.cab-hero{padding:22px 20px;gap:15px;min-height:auto}.cab-shop{justify-self:start;font-size:12px}.cab-who h1{font-size:23px}.cab-meta{gap:6px;margin:7px 0 12px;font-size:11px}.xp-top{flex-direction:column;gap:2px;font-size:12px}.cab-stats{gap:9px}.cab-stats>div{padding:13px 15px;border-radius:14px}.cab-stats dd{font-size:26px}.cab-stats dt{font-size:11px}.cab-tabs{border-radius:14px;gap:8px}.cab-tablist button{font-size:13px;padding:10px 13px}.cab-panel{padding:20px 16px}.panel-head{margin-bottom:18px;gap:10px}.panel-head h2{font-size:22px}.order-tools{flex-direction:column;gap:9px}.order-tools select{width:100%}.order-filter{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 9px}.order-filter button{flex:none;white-space:nowrap}.cab-sync{font-size:11px}.cab-sync .key-b{font-size:11px;padding:8px 10px}.ord{padding:14px 12px;grid-template-columns:40px minmax(0,1fr);gap:12px}.ord-main b{font-size:14px}.ord-main small{font-size:11px}.ord-side{grid-column:2;justify-content:flex-start;flex-wrap:wrap;gap:8px 10px}.ord-cta{margin-left:auto;font-size:11px}.ord-side b{font-size:13px}.ach-grid{grid-template-columns:1fr}.ach-summary{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.ach-summary .key-b{flex:none}.ach{grid-template-columns:46px minmax(0,1fr);padding:16px}.medal{width:46px;height:46px}.keyc{padding:16px}.key-v{flex-basis:100%;font-size:14px}.key-b{min-height:44px}.panel-head .key-b{flex:none;font-size:11px;padding:8px 10px}.key-row .key-b{min-width:100px}.cab-on .intro-link{display:inline-block}.cab-out{font-size:12px}}
@media(prefers-reduced-motion:reduce){.xp-bar i{transition:none}}
/* Profile controls preview existing cosmetic rewards without saving a draft. */
.cab-hero-actions{align-self:start;display:flex;flex-direction:column;align-items:stretch;gap:9px}.cab-hero-actions .key-b{min-height:44px}.cab-hero-actions .cab-shop{text-align:center}
.stat-link{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit}.stat-link>span:last-child{color:var(--info)}.stat-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.stat-link:focus-visible{outline:none}.stat-link:focus-visible:after{outline:2px solid var(--accent);outline-offset:3px}.cab-stats>div:has(.stat-link:not(:disabled)):hover{border-color:var(--accent)}.stat-link:disabled{opacity:1;cursor:default}.stat-link:disabled>span:last-child{visibility:hidden}
.pr-preview{display:flex;align-items:center;gap:20px;padding:22px;margin:2px 0 12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#0a84ff12,transparent 80%),var(--input)}.pr-preview .cab-ava-wrap{flex:none}.pr-preview-who{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.pr-preview .eyebrow{font-size:10px;color:var(--info);margin:0}.pr-preview-who>b{font-size:22px;line-height:1.3;overflow-wrap:anywhere;max-width:100%}.pr-preview-who .field-note{margin:0}
@media(max-width:760px){.cab-hero-actions{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}.cab-hero-actions .cab-shop{grid-column:auto}.cab-hero-actions .key-b{flex:none;font-size:12px;padding:10px 14px}.pr-preview{padding:16px;gap:15px}.pr-preview-who>b{font-size:19px}.pr-preview .cab-ava-wrap{width:62px;height:62px}.pr-preview .cab-ava{font-size:24px}.stat-link{gap:6px}}
/* The pay-origin sign-in view is isolated even when shown inside the storefront. */
.auth-close{margin-left:auto;flex:none;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--input);font-size:25px;line-height:1;color:var(--muted)}.auth-close:hover{color:var(--text);border-color:var(--accent)}
.auth-tabs{display:flex;gap:6px;background:var(--input);border:1px solid var(--line);border-radius:14px;padding:5px;margin:20px 0 14px}.auth-tabs button{flex:1;min-width:0;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:14px;font-weight:650;padding:9px 8px;overflow-wrap:anywhere}.auth-tabs button[aria-selected=true]{background:var(--panel);color:var(--text);box-shadow:0 2px 10px #00000012}.auth-mode-note{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 18px;overflow-wrap:anywhere}
.auth-consent{margin:0 0 18px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--input)}.auth-consent label{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin:0;font-weight:400}.auth-consent input{flex:none;width:18px;height:18px;min-height:18px;padding:0;margin:2px 0 0;accent-color:var(--accent)}.auth-consent a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.auth-return,.auth-fallback{display:block;text-align:center;font-size:12px;line-height:1.6;color:var(--info);margin:18px 0 0;overflow-wrap:anywhere}.auth-return:hover,.auth-fallback:hover{text-decoration:underline}.auth-success{padding:16px 0}.auth-success .success-mark{margin:0 auto 18px}.auth-success h2,.auth-success p{text-align:center}
body.auth-embed{background:var(--panel)}.auth-embed .header,.auth-embed .intro,.auth-embed .guest,.auth-embed footer,.auth-embed .skip-link,.auth-embed #preview{display:none!important}.auth-embed .layout{display:block;width:100%;max-width:none;margin:0;padding:12px}.auth-embed .access{width:100%;border:0;border-radius:0;padding:16px 12px;box-shadow:none}.auth-embed .card-top{margin-bottom:20px}.auth-embed .access h2{font-size:26px;letter-spacing:-.7px}.auth-embed #login>.muted{display:none}.auth-embed .auth-tabs{margin-top:18px}.auth-embed .providers{grid-template-columns:1fr;gap:10px}.auth-embed .provider{grid-column:1/-1;min-height:52px;padding:14px 16px;border-radius:14px}.auth-embed .security-note{margin-top:22px}.auth-embed .tg-wait h3{font-size:21px}.auth-embed .tg-number{font-size:48px;padding:12px 0}.auth-embed .tg-wait .muted{margin-bottom:0}.auth-embed .tg-wait{gap:8px}.auth-embed .tg-alt .field-note{font-size:11px}.auth-embed .tg-alt .intro-link{display:block}.auth-embed .auth-fallback{font-size:11px;margin-top:18px;color:var(--muted)}
@media(max-width:360px){.auth-embed .layout{padding:8px}.auth-embed .access{padding:12px 10px}.auth-embed .access h2{font-size:23px}.auth-embed .provider{padding:13px 12px}.auth-embed .auth-tabs button{font-size:13px}.auth-consent{padding:10px}}
.auth-embed .card-top{display:none}
/* Player Space: a collection, not an operations dashboard. Auth stays isolated. */
.cab-on{--space-purple:#a49aff;--space-cyan:#74dfed;--space-amber:#f4c88a;background:radial-gradient(ellipse at 80% 2%,#7559ef15,transparent 48%),var(--bg)}
.cab-on .header{max-width:1280px;padding-top:24px}.cab-on .layout{max-width:1280px;margin-top:28px}.cab{gap:28px}
.cab-hero{padding:38px 40px 30px;grid-template-columns:90px minmax(0,1fr) 240px;column-gap:24px;row-gap:14px;background:radial-gradient(ellipse at 85% 10%,#8164dc36,transparent 60%),radial-gradient(ellipse at 5% 90%,#2fb7cb16,transparent 70%),var(--panel);border-color:#859bcd32;min-height:250px;box-shadow:none}
.cab-hero:before{display:none}.cab-hero .cab-ava-wrap{height:90px;width:90px;align-self:start;margin-top:38px;background:linear-gradient(135deg,#93ddff,#8880df);padding:3px;box-shadow:0 0 0 8px #ffffff03,0 10px 28px #0002}.cab-hero .cab-ava{background:linear-gradient(145deg,#213c61,#111c30);color:#f1f7ff;font-size:35px}.cab-hero .cab-lvl{border-color:#17283e;background:#80cfff;color:#112234}
.cab-kicker{font-size:10px;font-weight:750;letter-spacing:2.2px;text-transform:uppercase;color:var(--space-cyan);margin:0 0 10px}.cab-who h1{font-size:clamp(26px,3.5vw,38px);font-weight:770;letter-spacing:-1.1px;line-height:1.15}.cab-hero-desc{font-size:14px;color:var(--muted);margin:10px 0 16px}.cab-meta{font-size:11px;margin:0 0 15px}.cab-title{color:var(--space-cyan);background:#7cdfec0c;border-color:#7cdfec38;font-size:11px;padding:3px 9px}.cab-since{color:var(--muted)}
.cab-ids{display:none}.xp{max-width:360px}.xp-top{font-size:11px}.xp-bar{height:5px;border:0;background:#90aacd26}.xp-bar i{background:linear-gradient(90deg,#74dfed,#b197ff)}.xp .field-note{font-size:10px;opacity:.82}.cab-hero-actions{grid-column:2;grid-row:2;align-self:center;flex-direction:row;flex-wrap:wrap;gap:10px}.cab-shop{color:var(--text);border-color:#99c5e447;background:#5db3d419;font-size:12px;min-height:40px;padding:9px 14px}.cab-shop:hover{text-decoration:none;background:#5db3d432}.cab-hero-actions .key-b{border-color:transparent;min-height:40px;color:var(--muted);font-size:12px;padding:9px 10px}
.cab-visual{grid-column:3;grid-row:1/3;width:260px;max-width:100%;justify-self:end;align-self:center;pointer-events:none}.cab-visual svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 15px 20px #0003)}.cab-visual>span{display:block;color:#aebbea;font-size:8px;font-weight:700;letter-spacing:3px;text-align:center;margin-top:-10px;opacity:.8}.orbit{fill:none;stroke:url(#cab-orbit);stroke-width:1;opacity:.5}.orbit-two{stroke-dasharray:4 9;opacity:.3}.orbit-path{fill:none;stroke:#c3ccff;stroke-width:.6;opacity:.16}.floating-card>rect{fill:#273555;stroke:#9bb6e85a;stroke-width:1}.floating-card>path{fill:none;stroke:#92dff0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-right>path{stroke:#c3a0ed}
.cab-workspace{display:grid;grid-template-columns:188px minmax(0,1fr);gap:28px;align-items:start}.cab-tabs{position:sticky;top:22px;display:flex;flex-direction:column;align-items:stretch;gap:6px;border:0;background:none;border-radius:0;padding:0;overflow:visible}.cab-nav-caption{font-size:10px;font-weight:650;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:8px 0 15px;padding:0 12px}.cab-tablist{flex:none;display:flex;flex-direction:column;gap:6px}.cab-tablist button{position:relative;display:flex;align-items:center;gap:12px;white-space:normal;text-align:left;border-radius:12px;min-height:48px;padding:12px 14px;border:1px solid transparent;color:var(--muted);font-size:13px;box-shadow:none;font-weight:600}.cab-tablist button:before{content:'▣';font-size:19px;line-height:1;color:inherit;min-width:22px;text-align:center;font-weight:400}.cab-tablist #tab-keys:before{content:'⌘'}.cab-tablist #tab-ach:before{content:'✦'}.cab-tablist #tab-support:before{content:'◌'}.cab-tablist #tab-profile:before{content:'⚙'}.cab-tablist button[aria-selected=true]{border-color:#809bcd33;background:linear-gradient(100deg,#779ff51f,#779ff507);color:var(--text);box-shadow:none}.cab-tablist button[aria-selected=true]:before{color:var(--space-cyan)}.cab-tablist button[aria-selected=true]:after{content:'';position:absolute;left:-1px;top:14px;bottom:14px;width:3px;background:var(--space-cyan);border-radius:4px}.cab-tablist button:hover{background:var(--panel);border-color:var(--line)}
.cab-out{margin:14px 12px 0;padding:12px 0;border:0;border-top:1px solid var(--line);border-radius:0;min-height:44px;white-space:normal;font-size:12px;color:var(--muted)}.cab-mini-progress{margin:20px 12px 0;display:grid;grid-template-columns:32px 1fr;gap:0 6px;color:var(--muted)}.cab-mini-progress>span{grid-row:1/3;font-size:28px;color:var(--space-purple);align-self:center}.cab-mini-progress>b{font-size:13px;color:var(--text)}.cab-mini-progress>small{font-size:10px}
.cab-content{display:flex;flex-direction:column;gap:20px;min-width:0}.cab-sync{font-size:11px;margin:0;color:var(--muted);gap:10px}.cab-sync .key-b{font-size:11px;min-height:36px;border:0;padding:6px 8px;color:var(--info);background:none}.cab-panel{border:1px solid var(--line);padding:28px;background:var(--panel);border-radius:20px;box-shadow:0 8px 28px #00000008}.panel-head{margin-bottom:20px;gap:12px}.panel-head h2{font-size:26px;font-weight:740;letter-spacing:-.65px}.panel-head .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:6px;color:var(--space-cyan)}.result-count{background:var(--input);border:1px solid var(--line);border-radius:9px;padding:4px 8px;font-size:11px}.result-count:empty{display:none}.panel-intro{margin:-8px 0 24px;color:var(--muted);font-size:13px;line-height:1.65;max-width:65ch}
.cab-next{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:15px;align-items:center;border:1px solid #849fde40;border-radius:16px;background:linear-gradient(100deg,#7c78db16,#7c78db04),var(--panel);padding:18px 20px}.cab-next-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--space-purple);background:#8d8af020;font-size:25px}.cab-next b{font-size:14px;font-weight:700}.cab-next p{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.5}.cab-next .key-b{font-size:11px;min-height:40px;white-space:normal;max-width:180px;color:var(--text);background:#8d8af015;border-color:#8d8af03b}.cab-has-actions .cab-next{border-color:#f5a62366;background:var(--warn-bg)}.cab-has-actions .cab-next-icon{color:var(--warn);background:#f5a62320}.cab:has(#p-ach:not([hidden])) .cab-next{display:none}
.cab-stats{gap:10px}.cab-stats>div{display:flex;flex-direction:column-reverse;justify-content:space-between;gap:5px;background:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:3px 15px;min-width:0}.cab-stats>div:first-child{border-left:0;padding-left:0}.cab-stats>div:after{display:none}.cab-stats dt{font-size:10px;line-height:1.4}.cab-stats dd{font-size:21px;line-height:1.1;margin:0;letter-spacing:-.5px}.stat-link{gap:6px}.stat-link>span:last-child{font-size:12px}.stat-link:after{display:none}.stat-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cab-empty-history .cab-stats{display:none}.cab-stats .is-warn{border-color:var(--line);background:none}
.history-note{color:var(--muted);font-size:11px}.history-note summary{cursor:pointer;min-height:32px}.history-note .history-scope{margin:6px 0 0;max-width:75ch}.cab-panel .field-note{font-size:11px}.order-tools input,.order-tools select{background:var(--input);font-size:12px;min-height:42px}.order-filter{gap:5px;flex-wrap:wrap;margin-bottom:20px}.order-filter button,.ach-filter button{font-size:11px;min-height:35px;padding:7px 11px}.cab-empty-history #p-orders .order-tools,.cab-empty-history #p-orders .order-filter{display:none}.cab-empty-history #p-orders>.field-note{display:none}
.cab-empty{padding:8px 0;color:var(--muted)}.cab-welcome{text-align:left}.welcome-star{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;border:1px solid #b29be33a;background:linear-gradient(130deg,#ac8ffa25,#7cdbe41b);color:var(--space-purple);font-size:37px;margin:0 0 20px}.cab-welcome h3{font-size:27px;font-weight:730;letter-spacing:-.75px;line-height:1.2;margin-bottom:12px;color:var(--text)}.cab-welcome>p{max-width:55ch;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.cab-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 0}.discover-card{--discover:#73deee;position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:linear-gradient(130deg,#61c5ed12,transparent 80%),var(--input);border-radius:16px;padding:18px 16px;gap:10px;min-width:0;min-height:155px;transition:border-color .15s,transform .15s}.discover-ai{--discover:#b4a2f7;background:linear-gradient(130deg,#aa78ee14,transparent 80%),var(--input)}.discover-topup{--discover:#f3c281;background:linear-gradient(130deg,#eac58013,transparent 80%),var(--input)}.discover-icon{display:grid;place-items:center;height:36px;width:36px;border:1px solid var(--line);background:var(--panel);color:var(--discover);border-radius:10px;font-size:25px;font-weight:600;line-height:1}.discover-card b{font-size:13px;color:var(--text);line-height:1.35}.discover-card small{font-size:11px;line-height:1.6;color:var(--muted);margin-top:-5px}.discover-arrow{position:absolute;right:14px;top:16px;color:var(--discover);font-size:19px}.discover-card:hover{border-color:var(--discover);transform:translateY(-2px)}.welcome-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.welcome-links .key-b{background:none;border:0;color:var(--info);font-size:11px;padding:6px 0;min-height:36px}
.ord{background:var(--input);border-color:var(--line);padding:16px;border-radius:14px}.ord-main b{font-size:14px}.ord-main small{font-size:11px}.pf{width:44px;height:44px;border-radius:13px;font-size:10px;box-shadow:inset 0 1px 0 #ffffff24}.ord-side b{font-size:13px}.ord-cta{font-size:11px}.keyc{padding:20px;background:var(--input)}.key-h b{font-size:15px}.key-h small{font-size:11px}.key-copy{background:#1677dd}.key-v{border-color:#6884ae66}
.ach-summary{position:relative;overflow:hidden;border-color:#919ce83d;background:linear-gradient(115deg,#8a78e723,#49c1d20a);padding:20px;margin-bottom:24px;align-items:center}.ach-summary b{font-size:15px}.ach-summary .field-note{font-size:12px}.ach-summary .key-b{background:#8d8af016;border-color:#8d8af04a;font-size:11px;white-space:normal;max-width:180px}.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ach{--badge:#89bff1;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 20px 20px;min-width:0;overflow:hidden;border-color:var(--line);background:radial-gradient(ellipse at 50% 0%,#669ff514,transparent 70%),var(--input);border-radius:16px;opacity:1!important}.ach:after{content:'';position:absolute;right:-30px;top:-30px;width:100px;height:100px;border:1px solid #99afd50c;border-radius:50%;pointer-events:none}.ach .medal,.ach:not(.is-done) .medal{position:relative;display:grid;place-items:center;width:68px;height:72px;flex:none;clip-path:polygon(50% 0,94% 21%,94% 73%,50% 100%,6% 73%,6% 21%);border:0;border-radius:0;background:linear-gradient(145deg,#79a1d340,#79a1d30b);color:var(--badge);box-shadow:none;filter:none;font-size:0}.ach .medal:before{content:'✦';font-size:32px;font-weight:500;line-height:1;text-shadow:0 2px 12px #0003}.ach .medal:after{content:'';position:absolute;inset:6px;border:1px solid #97bae83b;clip-path:polygon(50% 0,94% 21%,94% 73%,50% 100%,6% 73%,6% 21%)}.ach[data-achievement=first] .medal:before{content:'✧'}.ach[data-achievement=p3],.ach[data-achievement=p5]{--badge:#c29cec}.ach[data-achievement=p10],.ach[data-achievement=p25]{--badge:#f3c483}.ach[data-achievement=c2],.ach[data-achievement=c3],.ach[data-achievement=c5]{--badge:#77d9dd}.ach[data-achievement=c2] .medal:before,.ach[data-achievement=c3] .medal:before,.ach[data-achievement=c5] .medal:before{content:'❖'}.ach[data-achievement=ps] .medal:before{content:'✚'}.ach[data-achievement=pc] .medal:before{content:'⌘'}.ach[data-achievement=xb] .medal:before{content:'×';font-size:40px}.ach[data-achievement=card] .medal:before{content:'+';font-size:40px}.ach[data-achievement=keys3] .medal:before{content:'⚿'}.ach[data-achievement=night] .medal:before{content:'☾'}.ach[data-achievement=back] .medal:before{content:'↺'}.ach[data-achievement=year] .medal:before{content:'♜'}.ach-b{width:100%;gap:6px}.ach-b b{font-size:14px;line-height:1.4}.ach-b small{font-size:11px;line-height:1.6}.ach-b>small:first-of-type{min-height:35px}.ach .bar{height:4px;border:0;background:#7ca0cc22;margin-top:7px}.ach .bar i{background:linear-gradient(90deg,#74dfed,#a494ee)}.ach-rw{border-top:1px solid var(--line);padding-top:10px;margin-top:3px;color:var(--muted)!important;font-size:10px!important}.ach.is-done{border-color:#ceb17473;background:radial-gradient(ellipse at 50% 0%,#e8c67720,transparent 70%),var(--input)}.ach.is-done .medal{background:linear-gradient(145deg,#ecc67a,#bc8d38);color:#34240f}.ach.is-done .ach-b b{color:var(--space-amber)}.ach.is-done .medal:before{content:'✓'!important}.ach-rules summary{font-size:12px}.ach-rules{margin-top:28px}
.pr-preview{background:radial-gradient(ellipse at 90% 10%,#907aee23,transparent 75%),var(--input);padding:28px;gap:22px;border-color:#7d9bcc42}.pr-preview-who>b{font-size:25px}.pr-form{max-width:100%}.pr-form>.primary{max-width:260px}.pr-form label{font-size:12px}.pr-form input,.pr-form select{background:var(--input);font-size:14px}.pr-form .cab-h{font-size:22px;margin-bottom:18px}.cab-help{padding:24px;background:linear-gradient(115deg,#61c5ed10,transparent 75%),var(--input)}.cab-help .primary{font-size:13px;margin-top:20px}.cab-help h2{font-size:25px}.cab-help p{font-size:13px}.cab-help .field-note{font-size:11px}
html[data-theme=light] .cab-on{--space-purple:#6152ae;--space-cyan:#087685;--space-amber:#80541b}html[data-theme=light] .cab-hero{background:radial-gradient(ellipse at 85% 15%,#ccbbf353,transparent 65%),radial-gradient(ellipse at 5% 90%,#9ee3ea45,transparent 70%),var(--panel);border-color:#c6cee4}html[data-theme=light] .cab-hero .cab-ava{background:linear-gradient(145deg,#d8e8f5,#e8e2fc);color:#283f65}html[data-theme=light] .cab-hero .cab-ava-wrap{box-shadow:0 0 0 8px #c2d5f017}html[data-theme=light] .cab-hero .cab-lvl{border-color:#fff}html[data-theme=light] .cab-visual>span{color:#655e86}html[data-theme=light] .cab-visual svg{filter:drop-shadow(0 14px 18px #29395920)}html[data-theme=light] .cab-title{background:#0e87940b;color:#087685;border-color:#0e879425}html[data-theme=light] .discover-games{--discover:#087685}html[data-theme=light] .discover-ai{--discover:#6152ae}html[data-theme=light] .discover-topup{--discover:#80541b}html[data-theme=light] .ach{--badge:#47739f}html[data-theme=light] .ach .medal,html[data-theme=light] .ach:not(.is-done) .medal{background:linear-gradient(145deg,#8faff03a,#8faff010)}html[data-theme=light] .ach .medal:after{border-color:#6785ba57}html[data-theme=light] .ach.is-done .medal{background:linear-gradient(145deg,#f3d49d,#cf9c49);color:#50320e}html[data-theme=light] .ach[data-achievement=p3],html[data-theme=light] .ach[data-achievement=p5]{--badge:#79609b}html[data-theme=light] .ach[data-achievement=p10],html[data-theme=light] .ach[data-achievement=p25]{--badge:#976820}html[data-theme=light] .ach[data-achievement=c2],html[data-theme=light] .ach[data-achievement=c3],html[data-theme=light] .ach[data-achievement=c5]{--badge:#147c81}
@media(max-width:1040px){.cab-hero{grid-template-columns:76px minmax(0,1fr) 190px;padding:30px}.cab-hero .cab-ava-wrap{width:76px;height:76px}.cab-visual{width:215px}.cab-workspace{grid-template-columns:162px minmax(0,1fr);gap:20px}.cab-tablist button{font-size:12px;padding:11px 10px;gap:8px}.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cab-panel{padding:24px}.cab-discover{gap:9px}.discover-card{padding:16px 12px}.cab-next{grid-template-columns:32px minmax(0,1fr);padding:16px;gap:10px}.cab-next .key-b{grid-column:2;justify-self:start;max-width:none}}
@media(max-width:760px){.cab-on .header{padding:18px 18px 0}.cab-on .layout{padding:0 14px;max-width:680px;margin:20px auto 28px}.cab{gap:20px}.cab-hero{grid-template-columns:60px minmax(0,1fr);gap:13px;padding:23px 20px 20px;min-height:0;border-radius:20px}.cab-hero .cab-ava-wrap{width:60px;height:60px;margin-top:28px;box-shadow:0 0 0 5px #ffffff03}.cab-hero .cab-ava{font-size:26px}.cab-hero .cab-lvl{font-size:11px;height:26px;min-width:26px;border-width:2px}.cab-who h1{font-size:25px;letter-spacing:-.6px}.cab-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:7px}.cab-hero-desc{font-size:11px;line-height:1.6;margin:8px 0 12px;max-width:26ch}.cab-meta{font-size:10px;gap:6px;margin-bottom:12px}.cab-title{font-size:9px}.cab-since{font-size:9px}.xp-top{flex-direction:row;flex-wrap:wrap;font-size:10px;gap:3px 8px}.xp .field-note{font-size:9px;margin-top:6px}.cab-hero-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-start;margin-top:3px;gap:7px}.cab-hero-actions .cab-shop,.cab-hero-actions .key-b{font-size:10px;min-height:40px;padding:9px 10px}.cab-visual{position:absolute;right:10px;top:15px;width:132px;opacity:.16}.cab-visual>span{display:none}.cab-who{position:relative;z-index:1}.cab-workspace{display:flex;flex-direction:column;gap:18px}.cab-tabs{position:static;width:100%;display:block;overflow:visible;padding:0}.cab-nav-caption,.cab-out,.cab-mini-progress{display:none}.cab-tablist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.cab-tablist button{flex-direction:column;justify-content:flex-start;gap:7px;padding:9px 4px;font-size:9px;line-height:1.25;min-height:65px;text-align:center;overflow-wrap:anywhere;border-radius:11px}.cab-tablist button:before{font-size:20px}.cab-tablist button[aria-selected=true]:after{left:25%;right:25%;top:auto;bottom:0;width:auto;height:2px}.cab-content{width:100%;gap:16px}.cab-panel{padding:21px 16px;border-radius:17px}.panel-head{gap:8px;margin-bottom:20px}.panel-head h2{font-size:24px}.panel-head .eyebrow{font-size:8px}.panel-intro{font-size:12px;margin-bottom:20px}.cab-sync{font-size:10px}.cab-sync .key-b{font-size:10px;flex:none}.cab-next b{font-size:13px}.cab-next p{font-size:11px}.cab-stats{gap:3px}.cab-stats>div{padding:2px 8px;border-radius:0}.cab-stats dd{font-size:20px}.cab-stats dt{font-size:9px}.cab-welcome h3{font-size:24px}.cab-welcome>p{font-size:12px}.welcome-star{height:48px;width:48px;font-size:29px;border-radius:14px}.cab-discover{grid-template-columns:1fr;gap:10px;margin-top:22px}.discover-card{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:4px 14px;padding:17px;min-height:0;align-items:center;border-radius:14px}.discover-icon{grid-row:1/3}.discover-card b{font-size:13px;grid-column:2}.discover-card small{font-size:11px;grid-column:2;margin:0}.discover-arrow{position:static;grid-column:3;grid-row:1/3;font-size:21px}.welcome-links{gap:18px;margin-top:16px}.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ach{padding:20px 14px 16px;gap:12px}.ach .medal,.ach:not(.is-done) .medal{height:60px;width:56px}.ach .medal:before{font-size:27px}.ach-b b{font-size:13px}.ach-b small{font-size:10px}.ach-summary{padding:17px;gap:14px;align-items:flex-start}.ach-summary b{font-size:14px}.ach-summary .key-b{max-width:none}.pr-preview{padding:21px 16px;gap:15px}.pr-preview-who>b{font-size:22px}.pr-preview .eyebrow{font-size:8px}.pr-form .cab-h{font-size:21px}.cab-help{padding:20px}.cab-help h2{font-size:23px}.cab-on footer{padding:0 18px;font-size:10px}.history-note{font-size:10px}}
@media(max-width:420px){.ach-grid{grid-template-columns:1fr}.ach{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:start;gap:15px;padding:20px 16px}.ach-b>small:first-of-type{min-height:0}.ach-b b{font-size:14px}.ach-b small{font-size:11px}.ach-rw{font-size:10px!important}.cab-hero{padding:22px 16px 18px;gap:12px;grid-template-columns:52px minmax(0,1fr)}.cab-hero .cab-ava-wrap{width:52px;height:52px}.cab-who h1{font-size:23px}.cab-hero .cab-ava{font-size:22px}.cab-tablist button{font-size:8.5px}.cab-hero-desc{font-size:10px}.cab-hero-actions .cab-shop{white-space:normal;max-width:170px}.cab-hero-actions .key-b{flex:1}.cab-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cab-stats>div:nth-child(3){border-left:0;padding-left:0}}
@media(prefers-reduced-motion:reduce){.discover-card{transition:none}.discover-card:hover{transform:none}}
/* Keep earned avatar frames; only the default frame gets the space gradient. */
.cab-hero .cab-ava-wrap[data-frame=bronze]{background:conic-gradient(#b0743f,#e9b07a,#8a5329,#d39459,#b0743f)}
.cab-hero .cab-ava-wrap[data-frame=silver]{background:conic-gradient(#9aa7b8,#f2f5f9,#7d8796,#d8dee7,#9aa7b8)}
.cab-hero .cab-ava-wrap[data-frame=gold]{background:conic-gradient(#d4a017,#ffe68f,#b8860b,#ffd34d,#d4a017);box-shadow:0 0 26px #ffcc3a33}
.cab-hero .cab-ava-wrap[data-frame=combo]{background:conic-gradient(#ff4d8d,#ffb84d,#4dd2ff,#9b6bff,#ff4d8d);box-shadow:0 0 26px #9b6bff33}
.cab-hero .cab-ava-wrap[data-frame=night]{background:conic-gradient(#1d2b64,#7d8cff,#0b1030,#4b5bd0,#1d2b64)}
.cab-hero #xp-total{display:none}
.ach.is-done .medal{font-size:0}
@media(min-width:761px){.cab-hero{padding:28px 32px 24px;row-gap:10px}.cab-hero-desc{font-size:13px;margin:6px 0 12px}.cab-meta{margin-bottom:12px}.cab-hero .cab-ava-wrap{margin-top:28px}}
@media(max-width:760px){.cab-tablist button{font-size:11px}.cab-hero-desc{font-size:12px}.cab-hero-actions .cab-shop,.cab-hero-actions .key-b{font-size:12px}.cab-since{font-size:10px}}
@media(max-width:420px){.cab-tablist button{font-size:10px}.cab-hero-desc{font-size:12px}}
/* A visible bridge back to the shop, plus a personal digital passport. */
@media(min-width:761px){.cab-on .cab-tabs{top:92px}}
.cab-panel{scroll-margin-top:92px}@media(max-width:760px){.cab-panel{scroll-margin-top:120px;scroll-margin-bottom:90px}}
@media(max-width:760px){.cab-on .cab-tablist{display:flex;flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px 2px 8px}.cab-on .cab-tablist button{display:flex;flex-direction:row;align-items:center;flex:0 0 auto;width:auto;white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:12px}.cab-on .cab-tablist button:before{margin:0 7px 0 0}.cab-hero .cab-visual{opacity:1}}
/* Small screens keep readable tab labels and a compact brand seal. */
@media(max-width:760px){.cab-tablist{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px 2px 8px}.cab-tablist::-webkit-scrollbar{display:none}.cab-tablist button{display:flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:12px 14px;font-size:12px;min-height:44px}.cab-tablist button:before{display:inline-block;margin:0 7px 0 0;font-size:15px}.cab-hero-actions .cab-shop,.cab-hero-actions .key-b{font-size:11px;padding:10px 8px}.cab-hero .cab-visual{display:block;position:absolute;top:16px;right:16px;inset:auto 16px auto auto;grid-column:auto;grid-row:auto;min-height:0;width:38px;height:38px;padding:0;border:0;top:16px}.cab-visual .cab-mascot{width:38px;height:38px;right:0;top:0;box-shadow:0 0 0 1px #92c8ff30;transform:none}.cab-visual svg,.cab-visual>span{display:none!important}.cab-kicker{padding-right:30px}}
/* One recognisable, native badge illustration per achievement. */
.ach[data-achievement=first]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.3.9-4.6%204.5%201.1%206.3-5.6-3-5.6%203%201.1-6.3L3%209.6l6.2-.9Z%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=p3]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h12a2%202%200%200%201%202%202v11M3%208h12a2%202%200%200%201%202%202v11H3Z%22%2F%3E%3Cpath%20d%3D%22m7%2014%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=p5]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%209%204-5h10l4%205-9%2012Z%22%2F%3E%3Cpath%20d%3D%22M3%209h18M7%204l5%2017%205-17%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=p10]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%204%204%205-7%205%207%204-4-2%2013H5Z%22%2F%3E%3Cpath%20d%3D%22M5%2016h14%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=p25]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203c1%204%206%206%206%2011a6%206%200%200%201-12%200c0-2%201-4%203-6v5c3-2%204-5%203-10Z%22%2F%3E%3Cpath%20d%3D%22M12%2015c-2%201-3%204%200%206%203-2%202-4%200-6Z%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=c2]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=c3]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205-9%205-9-5ZM3%208v9l9%205%209-5V8M12%2013v9%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=c5]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=ps]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h10c3%200%204%204%205%2010%200%203-2%204-4%202l-3-3H9l-3%203c-2%202-4%201-4-2%201-6%202-10%205-10Z%22%2F%3E%3Cpath%20d%3D%22M7%2010v5M4.5%2012.5h5M15%2011h.1M18%2014h.1%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=pc]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2022h8M12%2017v5M5%206h14%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=xb]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m5%206%2014%2014M19%206%205%2020%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=multi]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m11%206-6%2011M13%206l6%2011M6%2019h12%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=sub]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%2211%22%20ry%3D%224%22%20transform%3D%22rotate(-35%2012%2012)%22%2F%3E%3Cpath%20d%3D%22M19%203v4M17%205h4%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=card]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2215%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M2%209h20M15%2015h4M6%2015h3%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=keys3]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22m10.5%2011.5%2010%2010M15%2016l3-3M18%2019l3-3%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=night]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2015a9%209%200%200%201-11-11%209%209%200%201%200%2011%2011Z%22%2F%3E%3Cpath%20d%3D%22M18%203v4M16%205h4%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=back]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011a9%209%200%201%201%202%207M3%205v6h6M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement=year]{--badge-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238ee5f0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%209%204v6c0%205-5%208-9%2010-4-2-9-5-9-10V6Z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
.ach[data-achievement] .medal:before{content:''!important;display:block;width:38px;height:38px;background:var(--badge-art) center/contain no-repeat;font-size:0;text-shadow:none}.ach.is-done .medal:before{filter:brightness(.28)}.ach.is-done:after{content:'✓';top:16px;right:16px;width:23px;height:23px;display:grid;place-items:center;background:#e8c67720;color:var(--space-amber);border:1px solid #e8c67745;border-radius:50%;font-size:13px;font-weight:700}html[data-theme=light] .ach:not(.is-done) .medal:before{filter:brightness(.5)}
.brand-mark{width:36px;height:36px;color:#72c8ff;flex:none}.header .brand{gap:10px;font-size:23px;letter-spacing:1.5px}.store-return{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:12px;background:#178cff;color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.store-return:hover{background:#0078ec}.store-return>span:first-child{font-size:21px;line-height:1}
.cab-on{--passport-glow:#255c83;--passport-glow2:#524e8f;--passport-line:#7acbf5;--passport-tint:#7bc5ff;--passport-action:#73d9f8;padding-bottom:0}.cab-on[data-profile-skin=neon]{--passport-glow:#682b87;--passport-glow2:#a34873;--passport-line:#dca9ff;--passport-tint:#d4a0fa;--passport-action:#d6b4ff}.cab-on[data-profile-skin=sunset]{--passport-glow:#914322;--passport-glow2:#925b3e;--passport-line:#e9b47e;--passport-tint:#f3c08e;--passport-action:#fac594}
.cab-on .header{display:grid;grid-template-columns:auto auto 1fr;position:sticky;top:0;z-index:20;max-width:1280px;padding:14px 28px;background:#0b1220ee;backdrop-filter:blur(18px);border-bottom:1px solid #99bce01c}.cab-on .header-tools{justify-self:end}.cab-on .layout{margin-top:18px}.shop-bridge{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:0 2px}.shop-bridge a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 15px;font-size:12px;font-weight:650;min-height:40px;color:var(--muted)}.shop-bridge a:hover{border-color:var(--passport-line);color:var(--text)}.shop-bridge a:before{content:'✚';font-size:17px;color:var(--passport-tint)}.shop-bridge a:nth-child(2):before{content:'✦'}.shop-bridge a:nth-child(3):before{content:'+'}.shop-bridge a:nth-child(4):before{content:'♡'}
.cab-hero{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:104px minmax(0,1fr) 290px;gap:18px 26px;padding:36px 34px 30px;min-height:294px;border-radius:24px;border-color:#809bcc52;background:radial-gradient(ellipse at 0 100%,var(--passport-glow),transparent 74%),radial-gradient(ellipse at 100% 0,var(--passport-glow2),transparent 64%),var(--panel)}.cab-hero .cab-ava-wrap{width:104px;height:104px;margin-top:32px;box-shadow:0 0 0 9px #ffffff08,0 12px 35px #0004}.cab-hero .cab-ava{font-size:39px}.cab-kicker{color:var(--passport-line);font-size:10px;letter-spacing:2.4px;margin-bottom:11px}.cab-who h1{font-size:clamp(28px,3.3vw,42px);letter-spacing:-1.3px}.cab-hero-desc{font-size:14px;line-height:1.6;margin:10px 0 18px;max-width:42ch;color:#d1dcec}.cab-meta{font-size:11px;margin-bottom:18px}.cab-title{color:var(--passport-line);border-color:#8dafea48;background:#131d343d}.cab-hero .xp{max-width:380px}.cab-hero .xp-top{font-size:12px}.cab-hero .xp-bar{height:6px;background:#d4e1ff22}.cab-hero .xp-bar i{background:linear-gradient(90deg,var(--passport-action),#fff)}.cab-hero-actions{gap:10px;grid-row:2;grid-column:2}.cab-hero-actions .cab-shop{background:var(--passport-action);border:0;color:#112331;min-height:44px;font-size:13px;padding:11px 17px;font-weight:700}.cab-hero-actions .cab-shop:hover{filter:brightness(1.08)}.cab-hero-actions .key-b{border:1px solid #bdd4f342;color:#e0e8f5;background:#ffffff08;font-size:12px;min-height:44px;padding:11px 15px}
.profile-skins{padding:23px 0;margin:0 0 22px;border-bottom:1px solid var(--line)}.profile-skins h3{font-size:17px;letter-spacing:-.3px;margin-bottom:14px}.skin-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:520px}.skin-picker button{position:relative;display:flex;flex-direction:column;gap:9px;padding:8px 8px 12px;background:var(--input);border:1px solid var(--line);border-radius:14px;text-align:left;min-height:108px}.skin-picker button[aria-pressed=true]{border-color:var(--passport-line);box-shadow:0 0 0 2px #9acfff15}.skin-picker button[aria-pressed=true]:after{content:'✓';position:absolute;right:13px;bottom:12px;color:var(--passport-tint);font-size:12px}.skin-picker b{font-size:12px;padding-left:5px}.skin-sample{display:block;width:100%;height:62px;border-radius:9px;background:radial-gradient(ellipse at 10% 100%,#256489,transparent 75%),radial-gradient(ellipse at 100% 0,#524b98,transparent 75%),#15233b}.skin-sample:after{content:'Z';display:grid;place-items:center;width:28px;height:28px;margin:17px 12px;border:1px solid #bfddff66;border-radius:50%;color:#e7e9ff;font-size:13px;font-weight:700;background:#ffffff0b}.skin-picker [data-profile-skin=neon] .skin-sample{background:radial-gradient(ellipse at 10% 100%,#85329c,transparent 75%),radial-gradient(ellipse at 100% 0,#b5487d,transparent 75%),#252142}.skin-picker [data-profile-skin=sunset] .skin-sample{background:radial-gradient(ellipse at 10% 100%,#a35729,transparent 75%),radial-gradient(ellipse at 100% 0,#a47748,transparent 75%),#382733}.cab-dock{display:none}
html[data-theme=light] .cab-on .header{background:#f5f8fcee}html[data-theme=light] .cab-hero{background:radial-gradient(ellipse at 0 100%,#b2dbe83d,transparent 75%),radial-gradient(ellipse at 100% 0,#cfbee654,transparent 70%),var(--panel)}html[data-theme=light] .cab-on[data-profile-skin=neon] .cab-hero{background:radial-gradient(ellipse at 0 100%,#e8c6f55c,transparent 75%),radial-gradient(ellipse at 100% 0,#f7cade5c,transparent 70%),var(--panel)}html[data-theme=light] .cab-on[data-profile-skin=sunset] .cab-hero{background:radial-gradient(ellipse at 0 100%,#ffe1bd82,transparent 75%),radial-gradient(ellipse at 100% 0,#f7ddd175,transparent 70%),var(--panel)}html[data-theme=light] .cab-hero-desc{color:var(--muted)}html[data-theme=light] .cab-on{--passport-line:#24547a;--passport-tint:#24547a}html[data-theme=light] .cab-on[data-profile-skin=neon]{--passport-line:#743c85;--passport-tint:#743c85}html[data-theme=light] .cab-on[data-profile-skin=sunset]{--passport-line:#8f562a;--passport-tint:#8f562a}html[data-theme=light] .cab-title{background:#eef5fb;color:var(--passport-line);border-color:#b4c8dd}html[data-theme=light] .cab-hero-actions .key-b{color:var(--text);border-color:var(--line);background:#ffffff7a}html[data-theme=light] .cab-visual>span.passport-caption{color:var(--muted)}html[data-theme=light] .cab-visual>span.passport-stamp{background:#ffffff9c;color:var(--muted);border-color:#aab9cf}
@media(max-width:1040px){.cab-hero{grid-template-columns:88px minmax(0,1fr) 220px;padding:30px 26px;gap:18px}.cab-hero .cab-ava-wrap{width:88px;height:88px}.cab-mascot{width:177px;height:177px;right:5px;top:29px}.cab-visual>span.passport-caption{left:20px;letter-spacing:1px}.cab-visual>span.passport-stamp{width:53px;height:53px}.cab-who h1{font-size:32px}.cab-hero-actions{grid-column:1/3}}
@media(max-width:760px){.cab-on{padding-bottom:90px}.cab-on .header{grid-template-columns:1fr auto;padding:11px 16px 9px;gap:8px 10px}.header .brand{font-size:20px;letter-spacing:1px}.brand-mark{width:30px;height:30px}.cab-on .store-return{padding:8px 13px;min-height:40px;font-size:12px;gap:7px}.cab-on .header-tools{grid-column:1/-1;justify-self:end;gap:7px}.cab-on .header-tools button,.cab-on .header-tools select{height:31px;border-radius:8px;font-size:11px}.cab-on .header-tools button{width:31px;font-size:18px}.cab-on .layout{margin-top:16px}.shop-bridge{gap:6px}.shop-bridge a{padding:7px 10px;font-size:11px;min-height:36px;gap:5px}.shop-bridge a:before{font-size:14px}.cab-hero{grid-template-columns:62px minmax(0,1fr);padding:23px 20px 20px;gap:15px;min-height:0;border-radius:20px}.cab-hero .cab-ava-wrap{width:62px;height:62px;margin-top:29px;box-shadow:0 0 0 5px #ffffff07}.cab-hero .cab-ava{font-size:25px}.cab-kicker{font-size:9px;letter-spacing:1.8px}.cab-who h1{font-size:27px;letter-spacing:-.8px}.cab-hero-desc{font-size:12px;margin:9px 0 15px;max-width:29ch}.cab-meta{margin-bottom:14px;gap:5px}.cab-hero .xp-top{font-size:11px}.cab-hero-actions{grid-column:1/-1;grid-row:auto;gap:8px}.cab-hero-actions .cab-shop,.cab-hero-actions .key-b{font-size:12px;min-height:44px;padding:10px 12px}.cab-visual{display:none}.cab-dock{position:fixed;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#101b2cf2;backdrop-filter:blur(20px);border-top:1px solid #80a7d54a;padding:8px 12px max(8px,env(safe-area-inset-bottom))}.cab-dock>a,.cab-dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:53px;border:0;border-radius:11px;background:none;color:var(--muted);font-size:10px;line-height:1.2;font-weight:600;overflow-wrap:anywhere;padding:6px 4px}.cab-dock .dock-icon{font-size:23px;line-height:1}.cab-dock>a:first-child{background:#0a84ff1d;color:#82caff}.cab-dock [aria-current=page]{color:var(--passport-tint);background:#b7c4ff12}.cab-dock [aria-current=page]:after{content:'';height:2px;width:16px;border-radius:2px;background:currentColor}.cab-dock [aria-current=page] .dock-icon{font-size:21px}.profile-skins{padding:19px 0}.skin-picker{gap:8px}.skin-picker button{min-height:98px;padding:6px 6px 11px}.skin-picker b{font-size:11px}.skin-sample{height:57px}.skin-sample:after{margin:14px 8px}.skin-picker button[aria-pressed=true]:after{right:8px;font-size:10px}html[data-theme=light] .cab-dock{background:#f7f9fcf2;border-color:#c4d4e8}html[data-theme=light] .cab-dock>a:first-child{color:#086eaa}html[data-theme=light] .cab-dock [aria-current=page]{background:#789bd512}}
@media(max-width:360px){.shop-bridge a{font-size:10px;padding:7px 9px}.cab-hero{padding:21px 16px 19px;grid-template-columns:52px minmax(0,1fr);gap:12px}.cab-hero .cab-ava-wrap{width:52px;height:52px}.cab-who h1{font-size:24px}.cab-hero-actions .key-b{flex:1}.skin-picker b{font-size:10px}.cab-dock{padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){.cab-mascot{transform:none}}
/* Compact account summary: purchases and navigation take priority over decoration. */
.cab-on .cab-hero{grid-template-columns:104px minmax(0,1fr);min-height:240px;background:linear-gradient(120deg,#3554761c,transparent 70%),var(--panel)}
.cab-on .cab-who h1{font-size:clamp(28px,3.3vw,42px)}
.cab-on .cab-hero-actions{grid-column:2;grid-row:2}
@media(max-width:760px){.cab-on .cab-hero{grid-template-columns:62px minmax(0,1fr);min-height:0}.cab-on .cab-who h1{font-size:27px}.cab-on .cab-hero-actions{grid-column:1/-1;grid-row:auto}.cab-kicker{padding-right:0}}
@media(max-width:360px){.cab-on .cab-hero{grid-template-columns:52px minmax(0,1fr)}.cab-on .cab-who h1{font-size:24px}}
/* Personal settings are drafts until the server confirms the revision. */
.member-editor{margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.member-editor h3{margin:22px 0 12px;font-size:18px}
.member-choices{display:flex;flex-wrap:wrap;gap:8px}
.member-choices button{min-height:44px;white-space:normal}
.member-choices button[aria-pressed=true]{border-color:var(--blue,#168aff);background:rgba(22,138,255,.14)}
.member-useful{margin:0 0 26px;padding:20px;border:1px solid var(--line);border-radius:18px}
.member-useful .panel-head{margin:0 0 14px}
.member-useful h2{font-size:20px}
.member-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px}
.member-guide{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit}
.member-guide:hover,.member-guide:focus-visible{border-color:var(--blue,#168aff)}
.member-guide small{color:var(--blue,#168aff)}
.member-showcase{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.member-pin{display:inline-flex;align-items:center;border:1px solid #b88b48;border-radius:99px;padding:6px 12px;font-size:13px;color:var(--text)}
@media(max-width:480px){.member-useful{padding:14px}.member-useful .panel-head{align-items:flex-start;flex-direction:column;gap:10px}.member-choices button{font-size:16px}}
/* Production Player Hub: real history, explicit delivery, earned keepsakes. */
.cab-on{--hub-tint:#8bd2ff;--hub-hero:#162e46;--hub-hero-end:#20253f;background:var(--bg)}
.cab-on[data-profile-skin=neon]{--hub-tint:#c0b0ff;--hub-hero:#262244;--hub-hero-end:#192c47}
.cab-on[data-profile-skin=sunset]{--hub-tint:#f6c18c;--hub-hero:#422a25;--hub-hero-end:#24243e}
html[data-theme=light] .cab-on{--hub-tint:#176bb0;--hub-hero:#e1eef8;--hub-hero-end:#ebeaf7}
html[data-theme=light] .cab-on[data-profile-skin=neon]{--hub-tint:#6a4cc0;--hub-hero:#eee7fb;--hub-hero-end:#e4eef8}
html[data-theme=light] .cab-on[data-profile-skin=sunset]{--hub-tint:#9d541b;--hub-hero:#f9e8d7;--hub-hero-end:#efebf8}
.cab-on .header{max-width:1500px;display:grid;grid-template-columns:auto auto minmax(0,1fr);padding:22px 32px 0;gap:24px}
.cab-on .header-tools{justify-self:end}.cab-on .layout{max-width:1480px;padding:0 32px;margin:25px auto 48px}
.cab-on .cab{display:grid;grid-template-columns:194px minmax(0,1fr);gap:22px 28px;align-items:start}
.cab-on .shop-bridge{grid-column:1/-1;margin:0;justify-content:flex-end;gap:8px}
.cab-on .shop-bridge a{font-size:12px;border-color:transparent;background:transparent;color:var(--muted);min-height:34px}
.cab-on .shop-bridge a:hover{color:var(--hub-tint);border-color:var(--line)}
.cab-on .cab-workspace{display:contents}.cab-on .cab-content{grid-column:2;grid-row:3;min-width:0}
.cab-on .cab-tabs{grid-column:1;grid-row:2/span 2;display:flex;flex-direction:column;align-items:stretch;position:sticky;top:88px;border:0;background:none;padding:10px 0;gap:8px;overflow:visible;border-radius:0}
.cab-on .cab-nav-caption{padding:0 14px 16px;font-size:10px;letter-spacing:1.6px;color:var(--muted)}
.cab-on .cab-tablist{display:flex;flex-direction:column;gap:5px;padding:0;min-width:0}
.cab-on .cab-tablist button,.cab-on .cab-out{border:1px solid transparent;border-radius:10px;padding:12px 14px;font-size:13px;min-height:47px;color:var(--muted);text-align:left;white-space:normal;box-shadow:none;display:flex;align-items:center;gap:12px;background:none;line-height:1.4}
.cab-on .cab-tablist button:before{flex:none;font-size:19px;width:22px;margin:0}.cab-on #tab-home:before{content:'⌂'}.cab-on #tab-library:before{content:'▥'}
.cab-on .cab-tablist button:hover,.cab-on .cab-out:hover{background:var(--panel);color:var(--text)}
.cab-on .cab-tablist button[aria-selected=true]{background:var(--info-bg);color:var(--hub-tint);border-color:var(--line);box-shadow:inset 3px 0 var(--hub-tint)}
.cab-on .cab-out{margin-top:4px}.cab-on .cab-mini-progress{margin:22px 14px 0;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.cab-on .cab-hero{grid-column:2;grid-row:2;grid-template-columns:74px minmax(0,1fr) auto;gap:21px;min-height:192px;padding:26px 28px;border-radius:20px;background:linear-gradient(115deg,var(--hub-hero),var(--hub-hero-end));border:1px solid var(--line);overflow:hidden;position:relative}
.cab-on .cab-hero:before{content:none}.cab-on .cab-hero .cab-ava-wrap{width:74px;height:74px;margin:0;align-self:center;box-shadow:0 0 0 5px #ffffff06}
.cab-on .cab-hero .cab-ava{font-size:29px;background:var(--input)}.cab-on .cab-lvl{height:25px;min-width:25px;font-size:11px;padding:0 5px;border-width:3px;background:var(--hub-tint);color:var(--bg)}
.cab-on .cab-kicker{margin:0 0 8px;font-size:9px;letter-spacing:1.8px;color:var(--muted)}
.cab-on .cab-who h1{font-size:clamp(24px,2.3vw,32px);font-weight:750;letter-spacing:-.8px;line-height:1.18}
.cab-on .cab-hero-desc{font-size:12px;line-height:1.6;margin:9px 0;color:var(--muted)}
.cab-on .cab-meta{font-size:11px;margin:8px 0 12px;gap:10px}.cab-on .cab-title{background:#8ab7df15;color:var(--hub-tint);border:1px solid #8ab7df30;font-size:10px;padding:3px 8px;border-radius:6px}
.cab-on .cab-hero .xp{max-width:360px}.cab-on .xp-top{font-size:11px}.cab-on .xp-bar{height:5px;border:0;background:#a4bfdd22}.cab-on .xp-bar i{background:linear-gradient(90deg,var(--hub-tint),#8fa8eb)}
.cab-on #xp-total{font-size:10px;margin-top:6px}.cab-on .cab-ids{display:none}.cab-on .cab-hero-actions{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;gap:14px;align-items:flex-end;justify-self:end;align-self:stretch;justify-content:center;padding:0}
.cab-on .cab-hero-actions .key-b{font-size:12px;min-height:40px;background:#ffffff05}.cab-on .cab-hero-actions .cab-shop{font-size:12px;color:var(--hub-tint);background:transparent;border:1px solid var(--line);display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;white-space:normal;text-align:right}
.cab-on .member-showcase{margin:10px 0 0;gap:6px}.cab-on .member-pin{font-size:10px;padding:4px 8px;border-radius:6px;background:#c79a4820;color:var(--text)}
.cab-on .cab-sync{margin:0 0 18px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:none}
.cab-on .cab-sync p{font-size:11px;line-height:1.5;margin:0;color:var(--muted)}.cab-on .cab-sync .key-b{font-size:11px;min-height:38px;flex:none;padding:8px 12px}
.cab-on .cab-panel{border:0;background:none;padding:0;border-radius:0;scroll-margin-top:112px}.cab-on .panel-head{margin:0 0 18px;align-items:center;gap:12px}.cab-on .panel-head h2{font-size:22px;letter-spacing:-.55px;line-height:1.3;margin:0}
.cab-on .panel-head .eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 0 5px;color:var(--muted)}
.cab-on .text-button{font-size:12px;color:var(--hub-tint);min-height:40px;white-space:normal;background:none;border:0;text-align:left;padding:7px 0}
.hub-home-columns{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:22px}.hub-main-column,.hub-side-column{min-width:0}
.hub-section{margin-bottom:26px}.cab-on .cab-next{display:flex;align-items:center;gap:14px;margin:0 0 25px;padding:17px 18px;border:1px solid #d1a66a44;border-radius:14px;background:linear-gradient(110deg,#d1a66a0c,transparent),var(--panel)}
.cab-on .cab-next-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#d1a66a18;color:var(--warn);flex:none;font-size:22px}.cab-on .cab-next>div{flex:1;min-width:0}.cab-on .cab-next b{font-size:14px}.cab-on .cab-next p{font-size:12px;color:var(--muted);line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere}.cab-on .cab-next .key-b{font-size:12px;background:var(--hub-tint);color:var(--bg);border-color:transparent;flex:none}
.hub-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-product{min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}
.hub-product-art{aspect-ratio:16/10;overflow:hidden;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#6387a544,transparent 70%),linear-gradient(130deg,#20384d,#172437);color:#b0d7ed}
.hub-product-art.art-game{background:radial-gradient(ellipse at 10% 10%,#428ab355,transparent 70%),linear-gradient(130deg,#203d59,#1b263d)}.hub-product-art.art-sub{background:radial-gradient(ellipse at 20% 10%,#ab7cd044,transparent 70%),linear-gradient(130deg,#3c2a55,#222b46)}.hub-product-art.art-card{background:radial-gradient(ellipse at 20% 10%,#d1a46744,transparent 70%),linear-gradient(130deg,#42362f,#28283e)}
.hub-product-symbol{font-size:60px;line-height:1;opacity:.72;transform:rotate(-8deg)}.hub-product-art.has-image .hub-product-symbol{display:none}
.hub-product-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hub-product-art.art-sub img{object-fit:contain;padding:22px}.hub-platform-tag{position:absolute;top:10px;left:10px;z-index:1;width:auto;height:auto;min-width:29px;padding:4px 7px;font-size:9px;border:1px solid #ffffff26;border-radius:5px;background:#0a1528dd;color:#fff}
.hub-product-body{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.hub-product-body h3{font-size:14px;font-weight:650;line-height:1.45;margin:0;overflow-wrap:anywhere}.hub-product-meta{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.hub-product-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:6px;margin-top:auto}.hub-product-bottom .pill{font-size:10px;border-radius:6px;padding:4px 7px;white-space:normal;max-width:100%}
.hub-product-cta{font-size:12px;color:var(--hub-tint);min-height:34px;display:flex;align-items:center;overflow-wrap:anywhere}.hub-product-cta:hover,.hub-product-shop:hover{text-decoration:underline}.hub-product-shop{font-size:10px;color:var(--muted);min-height:26px;display:flex;align-items:center}
.hub-library .library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-library-note{margin:0 0 20px}.hub-state{padding:28px 22px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:14px;margin-bottom:24px;background:var(--panel)}
.hub-welcome{padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(110deg,#8baee90b,transparent),var(--panel);margin-bottom:25px}.hub-welcome h2{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:5px 0 12px}.hub-welcome>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7;max-width:650px}
.hub-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 15px}.hub-directions a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--input);padding:17px;min-width:0}.hub-directions a:hover{border-color:var(--hub-tint)}.hub-direction-art{height:56px;font-size:39px;color:var(--hub-tint);line-height:1.2}.hub-directions b{font-size:14px}.hub-directions small{font-size:12px;color:var(--muted);line-height:1.6}
.hub-side-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--panel);margin-bottom:18px;min-width:0}.hub-side-card h2{font-size:17px;letter-spacing:-.3px;margin:0 0 9px;line-height:1.35;overflow-wrap:anywhere}.hub-side-card p,.hub-side-card>small{font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 8px;display:block}.hub-side-card .eyebrow{font-size:9px;letter-spacing:1.3px}.hub-side-count{font-size:31px;line-height:1.2;display:block;margin:14px 0 6px;color:var(--text)}.hub-side-symbol{display:grid;place-items:center;color:var(--hub-tint);font-size:27px;width:40px;height:40px;border-radius:11px;background:var(--info-bg);margin-bottom:16px}.hub-side-card .text-button{margin-top:8px}
.hub-ach-shelf{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-ach-shelf .ach{grid-template-columns:40px minmax(0,1fr);gap:11px;background:var(--panel);padding:14px;border-color:#b58d4944;min-width:0}.hub-ach-shelf .medal{width:40px;height:43px;flex:none}.hub-ach-shelf .ach-b b{font-size:12px}.hub-ach-shelf .ach-b small{font-size:10px;line-height:1.6}.hub-ach-shelf .bar{display:none}.hub-ach-shelf .ach-rw{font-size:10px}.hub-ach-shelf:empty{display:none}
.cab-on .member-useful{padding:21px;background:linear-gradient(135deg,var(--panel),var(--input));border-radius:15px;margin-bottom:27px}.cab-on .member-useful .panel-head h2{font-size:19px}.cab-on .member-guide{background:var(--panel);padding:15px;font-size:13px}.cab-on .member-guide small{color:var(--hub-tint);font-size:11px}
.cab-on .ord{background:var(--panel);padding:15px;border-radius:12px}.cab-on .ord-main b{font-size:14px}.cab-on .ord-main small{font-size:11px}.cab-on .ord-side b{font-size:13px}.cab-on .ord-side .pill{font-size:10px}.cab-on .ord-cta{font-size:11px;color:var(--hub-tint)}
.cab-on .order-tools{margin-bottom:18px}.cab-on .order-tools input,.cab-on .order-tools select{background:var(--panel);font-size:14px}.cab-on .order-filter button{font-size:12px;border-radius:8px;min-height:38px}
.cab-on .cab-stats{margin-top:27px;border-top:1px solid var(--line);padding-top:18px;gap:10px}.cab-on .cab-stats>div{border:0;background:none;border-radius:0;padding:6px 0}.cab-on .cab-stats dd{font-size:21px}.cab-on .cab-stats dt,.cab-on .stat-link{font-size:11px}.cab-on .history-note{margin-top:20px;font-size:12px}
.cab-on .pr-form{max-width:none;padding:25px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.cab-on .pr-preview{background:linear-gradient(115deg,var(--hub-hero),var(--hub-hero-end));padding:20px;border-radius:14px;border:0;gap:16px}.cab-on .pr-preview .cab-ava-wrap{width:58px;height:58px}.cab-on .pr-preview .cab-ava{font-size:23px}.cab-on .pr-preview-who b{font-size:20px;overflow-wrap:anywhere}
.cab-on .member-editor{border-bottom:1px solid var(--line);padding-bottom:20px}.cab-on .member-editor h3{font-size:17px}.cab-on #member-avatars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cab-on #member-avatars button{min-height:60px;white-space:normal;font-size:13px;line-height:1.5;background:var(--input)}.cab-on .member-choices button[aria-pressed=true]{background:var(--info-bg);border-color:var(--hub-tint)}
.cab-on #member-avatars button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:98px;padding:13px}.member-avatar-art{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid var(--line);border-radius:50%;background:linear-gradient(145deg,var(--hub-hero),var(--hub-hero-end));color:var(--hub-tint);font-size:25px;line-height:1}.cab-on #member-avatars [aria-pressed=true] .member-avatar-art{border-color:var(--hub-tint)}
.cab-on .cab-help{background:var(--panel);padding:25px;border-radius:16px}.cab-on .keyc{background:var(--panel);padding:20px}.cab-on .key-v{background:var(--input)}.cab-on .ach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cab-on .ach-grid .ach{display:flex;flex-direction:column;padding:22px;background:var(--panel);gap:16px}.cab-on .ach-grid .ach-b{width:100%;gap:8px}.cab-on .ach-grid .ach-b b{font-size:16px}.cab-on .ach-grid .ach-b small{font-size:12px}
@media(max-width:1180px){.hub-home-columns{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.hub-product-grid{gap:10px}.hub-product-body{padding:12px}.hub-ach-shelf{grid-template-columns:1fr}.hub-library .library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cab-on .cab{grid-template-columns:175px minmax(0,1fr);gap:20px}.cab-on .cab-hero{grid-template-columns:64px minmax(0,1fr);padding:24px}.cab-on .cab-hero .cab-ava-wrap{width:64px;height:64px}.cab-on .cab-hero-actions{grid-column:2;flex-direction:row;justify-content:flex-start;justify-self:start;align-items:center}.cab-on .cab-shop{text-align:left}.cab-on .ach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.hub-home-columns{grid-template-columns:1fr}.hub-side-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-side-card{padding:17px;margin:0}.hub-side-card h2{font-size:15px}.hub-side-card p{font-size:11px}.hub-ach-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.cab-on .cab{grid-template-columns:160px minmax(0,1fr);gap:17px}.cab-on .cab-tablist button,.cab-on .cab-out{font-size:12px;padding:11px}.cab-on .cab-next{flex-wrap:wrap}.cab-on .cab-next .key-b{margin-left:52px}.hub-directions{grid-template-columns:1fr}.hub-directions a{display:grid;grid-template-columns:45px minmax(0,1fr)}.hub-direction-art{grid-row:1/span 2;height:auto;font-size:33px}.hub-directions small{grid-column:2}.cab-on .hub-journey .panel-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.cab-on{padding-bottom:88px}.cab-on .header{grid-template-columns:1fr auto;padding:14px 16px 0;gap:10px}.cab-on .header-tools{grid-column:1/-1}.cab-on .layout{padding:0 15px;margin:16px auto 30px;max-width:760px}.cab-on .cab{display:flex;flex-direction:column;gap:18px}.cab-on .shop-bridge{width:100%;justify-content:flex-start;gap:5px;flex-wrap:wrap}.cab-on .shop-bridge a{font-size:10px;padding:6px 9px;min-height:32px;border-color:var(--line)}
.cab-on .cab-hero{width:100%;grid-template-columns:56px minmax(0,1fr);padding:22px 20px;gap:12px 16px;min-height:0;border-radius:17px}.cab-on .cab-hero .cab-ava-wrap{width:56px;height:56px;align-self:start;margin-top:23px}.cab-on .cab-hero .cab-ava{font-size:24px}.cab-on .cab-who h1{font-size:25px;line-height:1.18}.cab-on .cab-kicker{font-size:8px;margin-bottom:6px}.cab-on .cab-hero-desc{font-size:11px;margin:8px 0;max-width:none}.cab-on .cab-meta{font-size:10px;margin:8px 0 12px}.cab-on .cab-hero-actions{grid-column:1/-1;justify-self:stretch;display:flex;flex-direction:row;justify-content:space-between;gap:12px}.cab-on .cab-hero-actions .key-b,.cab-on .cab-shop{font-size:11px;min-height:38px;padding:8px 0;display:flex;align-items:center}.cab-on .cab-hero-actions .key-b{padding:8px 11px}.cab-on .cab-hero .xp-top{font-size:10px}.cab-on #xp-total{font-size:9px}.cab-on .member-pin{font-size:9px}
.cab-on .cab-tabs{width:100%;position:static;display:block;overflow:visible;padding:0;min-width:0}.cab-on .cab-nav-caption,.cab-on .cab-mini-progress,.cab-on .cab-out{display:none}.cab-on .cab-tablist{display:flex;flex-direction:row;gap:6px;overflow-x:auto;padding:4px 3px 9px;scrollbar-width:none}.cab-on .cab-tablist button{flex:none;font-size:12px;padding:8px 11px;min-height:40px;border:1px solid var(--line);border-radius:8px;white-space:nowrap;gap:6px;background:var(--panel)}.cab-on .cab-tablist button:before{display:none}.cab-on .cab-tablist button[aria-selected=true]{box-shadow:none}
.cab-on .cab-content{width:100%;min-width:0}.cab-on .cab-sync{margin-bottom:19px;align-items:flex-start}.cab-on .cab-sync p{font-size:10px;max-width:48%}.cab-on .cab-sync .key-b{font-size:10px;min-height:34px;padding:7px 9px}.cab-on .panel-head h2{font-size:21px}.cab-on .panel-head .text-button{font-size:11px}.hub-product-grid,.hub-library .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hub-product-art{aspect-ratio:16/10}.hub-product-body{padding:12px;gap:7px}.hub-product-body h3{font-size:13px}.hub-product-meta{font-size:10px}.hub-product-cta{font-size:11px;min-height:34px}.hub-product-bottom .pill{font-size:10px}.hub-product-symbol{font-size:48px}.hub-platform-tag{top:7px;left:7px;font-size:8px;padding:3px 6px}.hub-product-shop{font-size:10px}
#home-library>.hub-product:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:42% minmax(0,1fr)}#home-library>.hub-product:nth-child(3) .hub-product-art{height:100%;aspect-ratio:auto;min-height:140px}.hub-side-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hub-help-card{grid-column:1/-1}.hub-side-card{padding:18px}.hub-side-card h2{font-size:15px}.hub-side-card p{font-size:11px}.hub-side-count{font-size:28px}.hub-ach-shelf{grid-template-columns:1fr}.hub-ach-shelf .ach-b b{font-size:14px}.hub-ach-shelf .ach-b small{font-size:11px}.hub-welcome{padding:22px 20px}.hub-welcome h2{font-size:26px}.hub-welcome>p:not(.eyebrow){font-size:13px}.hub-directions{margin-top:22px}.cab-on .member-useful{padding:19px}.cab-on .member-useful .panel-head h2{font-size:18px}.cab-on .member-useful .key-b{font-size:11px}.cab-on .member-guide{font-size:12px}.cab-on .ord{grid-template-columns:36px minmax(0,1fr);padding:13px;gap:10px}.cab-on .ord .pf{width:36px;height:36px;font-size:10px}.cab-on .ord-side{grid-column:2;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:6px;align-items:center}.cab-on .ord-main b{font-size:13px}.cab-on .ord-main small{font-size:10px}.cab-on .order-tools input,.cab-on .order-tools select{font-size:16px}.cab-on .ach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cab-on .ach-grid .ach{padding:17px;gap:13px}.cab-on .ach-grid .ach-b b{font-size:14px}.cab-on .ach-grid .ach-b small{font-size:11px}.cab-on .ach-grid .medal{width:47px;height:50px}.cab-on .pr-form{padding:20px}.cab-on .pr-preview{padding:17px}.cab-on #member-avatars button{font-size:12px;padding:9px;min-height:60px}.cab-on .cab-help,.cab-on .keyc{padding:19px}.cab-on .cab-dock{grid-template-columns:repeat(5,minmax(0,1fr));padding-left:8px;padding-right:8px}.cab-on .cab-dock>button{font-size:10px;min-height:54px;gap:5px}.cab-on .cab-dock [aria-current=page]{color:var(--hub-tint)}.cab-on .cab-dock .dock-icon{font-size:22px}}
@media(max-width:360px){.cab-on .cab-hero{padding:20px 17px;grid-template-columns:49px minmax(0,1fr);gap:12px}.cab-on .cab-hero .cab-ava-wrap{width:49px;height:49px}.cab-on .cab-who h1{font-size:23px}.hub-product-body{padding:10px}.hub-product-body h3{font-size:12px}.hub-product-cta{font-size:11px}.hub-side-card{padding:15px}.hub-side-card h2{font-size:14px}.cab-on .ach-grid{grid-template-columns:1fr}.cab-on .panel-head{flex-wrap:wrap}.cab-on .cab-hero-actions .key-b,.cab-on .cab-shop{font-size:10px}.cab-on .cab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep guest/loading sign-in controls visible before the cabinet class exists. */
@media(max-width:680px){
body:not(.cab-on) .header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 18px 0}
body:not(.cab-on) .header>.brand{min-width:0;font-size:20px;gap:8px;letter-spacing:1px}
body:not(.cab-on) .header>.store-return{max-width:100%;padding:8px 12px;min-height:44px;font-size:12px;gap:6px;white-space:normal;text-align:center;line-height:1.3}
body:not(.cab-on) .header>.header-tools{grid-column:1/-1;justify-self:end;min-width:0;max-width:100%}
}
/* Account-owned wishlist: no price, delivery or opt-in notification claims. */
.cab-on #tab-wishlist:before{content:'♡'}.wish-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.wish-toolbar .key-b{margin:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.wish-draft{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:15px;margin:18px 0}.wish-draft p{margin:0;font-size:13px;overflow-wrap:anywhere}.wish-draft .wish-toolbar{margin-bottom:0}.wish-remove{min-height:44px;font-size:12px;white-space:normal;overflow-wrap:anywhere}.wish-product .hub-product-body{flex:1}.wish-product .hub-product-body h3{overflow-wrap:anywhere}.wish-product .hub-product-shop{min-height:34px;display:flex;align-items:center}.wish-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wish-toolbar{gap:8px}.wish-toolbar .key-b{font-size:12px}.wish-draft{padding:13px}.wish-product .hub-product-body{padding:12px}}
.alerts-panel{border-top:1px solid var(--line);padding-top:26px;margin-top:32px;min-width:0}.alerts-panel .field-note{line-height:1.7}.alert-events{list-style:none;padding:0;display:grid;gap:12px}.alert-event{border:1px solid var(--line);border-left:3px solid var(--hub-tint);border-radius:12px;padding:17px;background:var(--panel);overflow-wrap:anywhere}.alert-event>a{font-weight:650}.alert-event>a:hover{text-decoration:underline}.alert-event p{margin:7px 0;font-size:13px}.alert-event.is-read{border-left-color:var(--line)}.alert-watch{min-height:44px;white-space:normal;overflow-wrap:anywhere;font-size:12px}.alert-watch[aria-pressed=true]{border-color:var(--hub-tint);color:var(--hub-tint)}.home-alert-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;color:var(--muted);font-size:11px}.home-alert-summary b{color:var(--text)}
.alert-watch-list{display:grid;gap:8px}.alert-watch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px}.alert-watch-row a{min-width:0;overflow-wrap:anywhere}.alert-watch-row button{min-height:44px;flex-shrink:0;white-space:normal}.home-alert-summary{flex-wrap:wrap}.home-alert-summary p{flex-basis:100%;margin:0;overflow-wrap:anywhere}@media(max-width:680px){.alert-watch-row{align-items:stretch;flex-direction:column}.alert-watch-row button{align-self:flex-start}}