
:root{
  color-scheme:dark;
  --bg:#151327;
  --bg2:#1e1b3a;
  --pink:#ff3ea5;
  --yellow:#ffd23f;
  --cyan:#3ef2c8;
  --violet:#9b5de5;
  --text:#f5f3ff;
  --muted:#a9a3c9;
}

:root[data-theme="light"]{
  color-scheme:light;
  --bg:#eef2f9;
  --bg2:#ffffff;
  --pink:#c62d78;
  --yellow:#efb900;
  --cyan:#087f72;
  --violet:#6941a5;
  --text:#20263a;
  --muted:#667087;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  background:
    radial-gradient(circle at 15% 0%, #2a2350 0%, transparent 45%),
    radial-gradient(circle at 90% 20%, #2a1f45 0%, transparent 40%),
    var(--bg);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  min-height:100vh;
  animation:page-enter .5s ease both;
  transition:background .25s ease,color .25s ease;
  isolation:isolate;
  overflow-x:hidden;
}
body::before{position:fixed;inset:-18%;z-index:-1;pointer-events:none;content:"";background:radial-gradient(ellipse at 18% 28%,color-mix(in srgb,var(--profile-color-a,var(--cyan)) 20%,transparent),transparent 36%),radial-gradient(ellipse at 78% 20%,color-mix(in srgb,var(--profile-color-b,var(--violet)) 19%,transparent),transparent 38%),radial-gradient(ellipse at 62% 82%,color-mix(in srgb,var(--profile-color-a,var(--cyan)) 10%,transparent),transparent 42%);opacity:.68;transform:translate3d(-1.5%,0,0) scale(1);animation:ambient-drift 34s ease-in-out infinite alternate;will-change:transform;}
:root[data-theme="light"] body{background:radial-gradient(circle at 12% 0%,#dce9fa 0%,transparent 42%),radial-gradient(circle at 92% 12%,#f0e5ff 0%,transparent 38%),#f4f6fb;color:var(--text);}
:root[data-theme="light"] .top-nav{border-bottom-color:#dce2ed;}
:root[data-theme="light"] .game-stage{border-color:rgba(30,45,75,.09);box-shadow:0 12px 34px rgba(30,45,75,.07);}
:root[data-theme="light"] .score-row span{background:#eef1f7;}
:root[data-theme="light"] .game-stage{background:#fff;color:#20263a;}
:root[data-theme="light"] .game-stage input,:root[data-theme="light"] .game-stage select,:root[data-theme="light"] .game-stage textarea{border-color:#d5ddea;background:#f8faff;color:#20263a;}
:root[data-theme="light"] .board2048{background:#dce3ef;}
:root[data-theme="light"] .tile2048,:root[data-theme="light"] .c4cell:not(.p1):not(.p2),:root[data-theme="light"] .xcell:not(.block),:root[data-theme="light"] .msCell:not(.flag):not(.mine),:root[data-theme="light"] .maze .tile:not(.wall):not(.player):not(.goal),:root[data-theme="light"] .wCell:not(.correct):not(.present):not(.absent){background:#e4eaf3;color:#20263a;}
:root[data-theme="light"] .xcell.block,:root[data-theme="light"] .maze .wall{background:#8792a5;}
:root[data-theme="light"] .wCell.absent{background:#8792a5;color:#fff;}
:root[data-theme="light"] .flappy-scorebar{border-color:#dce2ed;background:#f3f6fb;color:#20263a;}
:root[data-theme="light"] .player-name-form input,:root[data-theme="light"] .leaderboard-filter{border-color:#d9dfeb;background:#f7f8fc;color:#20263a;}
:root[data-theme="light"] .leaderboard-row,:root[data-theme="light"] .leaderboard-row:first-child{border-color:rgba(30,45,75,.1);}
:root[data-theme="light"] .back-link{border-color:var(--cyan);}

.site-preferences{display:flex;align-items:center;gap:8px;margin-left:auto;}
.site-preferences button{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:var(--bg2);color:var(--text);font:inherit;font-size:.82rem;font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.site-preferences button:hover{transform:translateY(-1px);border-color:var(--cyan);}
:root[data-theme="light"] .site-preferences button{border-color:#d9dfeb;}
.arcade-hud{flex-wrap:wrap;}
.nav-actions{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;min-width:0;}
.site-identity{display:flex;align-items:center;gap:12px;min-width:0;}
.site-count{color:var(--muted);font-size:.85rem;white-space:nowrap;}
.site-preferences select{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:var(--bg2);color:var(--text);font:inherit;font-size:.82rem;font-weight:650;}
.difficulty-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.78rem;white-space:nowrap;}
.prestige-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding:14px 16px;border:1px solid rgba(62,242,200,.22);border-radius:12px;background:rgba(62,242,200,.05);}
.prestige-panel p{margin:0;color:var(--muted);line-height:1.5;}
.clicker-status{min-height:1.4em;text-align:center;color:var(--muted);font-size:.85rem;}
.center-link{color:var(--violet);font-weight:700;text-decoration:none;white-space:nowrap;}
.profile-summary{display:inline-flex;max-width:100%;align-items:center;padding:8px 11px;border:1px solid rgba(62,242,200,.25);border-radius:999px;background:rgba(62,242,200,.08);color:var(--cyan);font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap;}
.arcade-center{max-width:1100px;padding-bottom:48px;}
.center-heading{text-align:center;padding:40px 12px 26px;}
.center-heading .page-title{margin:4px 0 10px;}
.eyebrow{margin:0 0 7px;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;}
.center-dashboard,.center-grid,.quest-grid,.stats-grid,.codex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.dashboard-card,.center-card,.stat-card,.daily-card,.set-card,.codex-panel{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:linear-gradient(145deg,var(--bg2),rgba(255,255,255,.025));}
.dashboard-card{position:relative;min-height:190px;overflow:hidden;text-decoration:none;border-color:rgba(62,242,200,.18);background:linear-gradient(145deg,var(--bg2),rgba(62,242,200,.035));transition:transform .22s ease,border-color .22s ease,background-color .22s ease;}
.dashboard-card::before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--card-accent,var(--cyan));content:"";opacity:.8;transition:width .22s ease,opacity .22s ease;}
.dashboard-card:nth-child(3n + 2){--card-accent:var(--violet);}.dashboard-card:nth-child(3n){--card-accent:var(--yellow);}
.dashboard-card:hover,.dashboard-card:focus-visible{transform:translateY(-4px);border-color:var(--card-accent,var(--cyan));background:linear-gradient(145deg,var(--bg2),color-mix(in srgb,var(--card-accent,var(--cyan)) 9%,transparent));}
.dashboard-card:hover::before,.dashboard-card:focus-visible::before{width:5px;opacity:1;}
.dashboard-card>span{color:var(--card-accent,var(--cyan));font-size:.7rem;font-weight:800;letter-spacing:.14em;}
.dashboard-card h2{margin:20px 0 8px;font-size:1.12rem;}
.center-hero{padding:clamp(32px,6vw,68px) 16px 38px;}
.center-hero .page-title{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.055em;}
.center-dashboard{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;}
.shop-grid .center-card{min-height:175px;}
.dashboard-card p,.center-card p,.section-note{margin:0;color:var(--muted);font-size:.87rem;line-height:1.55;}
.center-footnote{margin:24px 0 0;text-align:center;color:var(--muted);font-size:.8rem;}
.center-section{margin:22px 0 30px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.025);}
.center-section h2{margin:0 0 14px;font-size:1.25rem;}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.section-heading h2{margin:0;}
.section-note{text-align:right;}
.subheading{margin:24px 0 12px;font-size:1rem;}
.center-card{display:flex;min-height:170px;flex-direction:column;align-items:flex-start;gap:9px;}
.center-card h3{margin:0;font-size:1rem;}
.center-card-meta{margin-top:auto;color:var(--cyan);font-size:.82rem;font-weight:700;}
.center-card button{margin-top:8px;}
.center-card button:disabled{cursor:not-allowed;opacity:.55;transform:none;}
.progress-track{height:8px;width:100%;margin:8px 0;border-radius:20px;background:rgba(255,255,255,.1);overflow:hidden;}
.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .35s ease;}
.profile-card{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:18px;align-items:center;padding:22px;border:1px solid rgba(62,242,200,.25);border-radius:18px;background:linear-gradient(120deg,var(--bg2),rgba(62,242,200,.06));}
.profile-avatar{display:grid;width:72px;height:72px;place-items:center;border:2px solid var(--cyan);border-radius:50%;background:rgba(62,242,200,.12);color:var(--cyan);font-size:1.35rem;font-weight:800;}
.profile-main h2{margin:0 0 4px;}.profile-main>p:not(.eyebrow){margin:0 0 13px;color:var(--muted);}
.level-line{display:flex;justify-content:space-between;gap:12px;font-size:.83rem;}
.profile-wallet{display:flex;gap:10px;}
.profile-wallet div{display:grid;min-width:100px;gap:3px;text-align:center;}
.profile-wallet strong{font-size:1.15rem;color:var(--yellow);}.profile-wallet span{font-size:.7rem;color:var(--muted);}
.profile-form{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:15px;border-top:1px solid rgba(255,255,255,.09);}
.profile-form label{font-weight:700;}.profile-form input,.challenge-form input,.challenge-form select,.loadout-tools select,.timeline-filter-label select{min-width:160px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:var(--bg);color:var(--text);font:inherit;}
.profile-form p{width:100%;min-height:1em;margin:0;color:var(--muted);font-size:.8rem;}
.set-card{grid-column:1/-1;}.set-card>h3{margin:0 0 5px;}.set-card>p{color:var(--muted);}.set-card .center-card{min-height:120px;margin-top:10px;}.set-progress{display:block;margin-top:14px;color:var(--cyan);}
.daily-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;}.daily-card h3,.daily-card p{margin:0;}.daily-card .eyebrow,.daily-card .daily-result{grid-column:1/-1;}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:9px;background:var(--yellow);color:#151327;font-weight:750;text-decoration:none;}
.death-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}.death-total{grid-column:1/-1;padding-top:8px;color:var(--muted);}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}.stat-card{display:grid;gap:8px;}.stat-card span{color:var(--muted);font-size:.8rem;}.stat-card strong{font-size:1.15rem;overflow-wrap:anywhere;}.rank-label{color:var(--cyan);font-weight:750;}
.codex-panel{margin-top:12px;}.codex-panel h3,.codex-panel h2{margin:0 0 6px;}.codex-panel>div>p{color:var(--muted);}.codex-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));}.codex-grid .center-card{min-height:100px;padding:13px;}.codex-grid .center-card button{display:none;}
.challenge-form{display:grid;grid-template-columns:150px minmax(140px,1fr);align-items:center;gap:12px;max-width:650px;}.challenge-form label{font-weight:700;}.challenge-form button{grid-column:2;justify-self:start;}
:root[data-theme="light"] .dashboard-card,:root[data-theme="light"] .center-card,:root[data-theme="light"] .stat-card,:root[data-theme="light"] .daily-card,:root[data-theme="light"] .set-card,:root[data-theme="light"] .codex-panel{border-color:#dce2ed;background:linear-gradient(145deg,#fff,#f4f7fb);}
:root[data-theme="light"] .center-section{border-color:#e0e5ed;background:rgba(255,255,255,.55);}
.profile-card[data-profile-theme="theme-aurora"]{background:linear-gradient(120deg,var(--bg2),rgba(89,190,220,.15),rgba(155,93,229,.1));}
.profile-card[data-profile-theme="theme-sunset"]{background:linear-gradient(120deg,var(--bg2),rgba(255,130,75,.16),rgba(255,62,165,.1));}
.profile-card[data-profile-frame="frame-bronze"]{border:2px solid #b77948;}
.profile-card[data-profile-frame="frame-neon"]{border:2px solid var(--violet);box-shadow:0 0 25px rgba(155,93,229,.22);}
.npc-message{min-height:1.5em;color:var(--muted);line-height:1.55;}
.arcade-reaction,.mutator-note{padding:12px 14px;border-radius:10px;background:rgba(155,93,229,.1);color:var(--text);}
@media(max-width:700px){.profile-card{grid-template-columns:auto 1fr;}.profile-wallet{grid-column:1/-1;justify-content:space-around;}.section-heading{align-items:flex-start;flex-direction:column;}.section-note{text-align:left;}.daily-card{grid-template-columns:1fr;}.daily-card .eyebrow,.daily-card .daily-result{grid-column:auto;}.challenge-form{grid-template-columns:1fr;}.challenge-form button{grid-column:auto;}}
:root[data-theme="light"] .site-preferences select{border-color:#d9dfeb;}
.game-stage button:disabled{cursor:wait;opacity:.65;transform:none;}

@keyframes page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes soft-pop{0%{transform:scale(.96);opacity:.6}65%{transform:scale(1.035)}100%{transform:scale(1);opacity:1}}
@keyframes score-bump{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes ambient-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}50%{transform:translate3d(1.5%,1.2%,0) scale(1.035)}100%{transform:translate3d(-.4%,1.8%,0) scale(1.015)}}

.arcade-title{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.04em;
}

a{color:inherit;}

.top-nav{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  justify-content:stretch;
  gap:12px;
  padding:18px 28px;
  border-bottom:2px solid var(--bg2);
}
.site-header-lower{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;min-width:0;}

.arcade-hud{display:flex;align-items:center;gap:12px;}
.leaderboard-link{color:var(--cyan);font-weight:700;text-decoration:none;}
.leaderboard-link:hover{text-decoration:underline;}
.achievements-link{color:var(--yellow);font-weight:700;text-decoration:none;}
.achievements-link:hover{text-decoration:underline;}
.points-badge{padding:8px 12px;border-radius:999px;background:rgba(62,242,200,.12);color:var(--cyan);font-size:.9rem;font-weight:700;white-space:nowrap;}
.points-badge.is-updated{animation:score-bump .28s ease;}

.leaderboard-list{list-style:none;padding:0;margin:20px 0 0;}
.leaderboard-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);animation:page-enter .28s ease both;}
.leaderboard-row:first-child{border-top:1px solid rgba(255,255,255,.08);}
.leaderboard-rank,.leaderboard-empty{color:var(--muted);}
.leaderboard-name{font-weight:700;overflow-wrap:anywhere;}
.leaderboard-empty{padding:18px 0;text-align:center;}
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:20px;}
.achievement-card{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:var(--bg2);transition:transform .18s ease,border-color .18s ease,opacity .18s ease;}
.achievement-card:hover{transform:translateY(-2px);border-color:var(--cyan);}
.achievement-card.is-locked{opacity:.72;}
.achievement-card.is-unlocked{border-color:rgba(62,242,200,.45);background:linear-gradient(135deg,var(--bg2),rgba(62,242,200,.08));}
.achievement-card h3{margin:0 0 6px;font-size:1rem;}
.achievement-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45;}
.achievement-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:.78rem;}
.achievement-progress{height:6px;margin-top:9px;border-radius:10px;background:rgba(255,255,255,.1);overflow:hidden;}
.achievement-progress span{display:block;height:100%;border-radius:inherit;background:var(--cyan);transition:width .3s ease;}
.achievement-game-link{display:inline-block;margin-top:10px;color:var(--cyan);font-size:.82rem;font-weight:700;text-decoration:none;}
.achievement-game-link:hover{text-decoration:underline;}
.achievement-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;}
.achievement-toolbar input,.achievement-toolbar select{min-width:190px;flex:1;padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:var(--bg);color:var(--text);font:inherit;}
.achievement-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.achievement-stat{padding:10px 13px;border-radius:10px;background:rgba(255,255,255,.06);font-weight:700;}
.achievement-toast{position:fixed;right:20px;bottom:20px;z-index:50;width:min(340px,calc(100vw - 32px));padding:16px 18px;border:1px solid rgba(62,242,200,.4);border-radius:14px;background:var(--bg2);box-shadow:0 16px 48px rgba(0,0,0,.3);animation:soft-pop .35s ease both;}
.achievement-toast strong{display:block;margin-bottom:4px;color:var(--cyan);}
:root[data-theme="light"] .achievement-card{border-color:#dce2ed;}
:root[data-theme="light"] .achievement-card.is-unlocked{background:linear-gradient(135deg,#fff,#eaf7f5);}
:root[data-theme="light"] .achievement-progress{background:#e5eaf2;}
:root[data-theme="light"] .achievement-toolbar input,:root[data-theme="light"] .achievement-toolbar select{border-color:#d9dfeb;background:#fff;color:var(--text);}
:root[data-theme="light"] .achievement-stat{background:#e8edf5;}
:root[data-theme="light"] .achievement-toast{box-shadow:0 16px 48px rgba(30,45,75,.15);}
.arcade-commentary{margin:22px 0 0;padding:14px 16px;border-left:3px solid var(--cyan);border-radius:0 10px 10px 0;background:rgba(62,242,200,.07);color:var(--muted);font-weight:500;transition:opacity .18s ease,transform .18s ease;}
.arcade-commentary.is-changing{opacity:.35;transform:translateY(3px);}
.player-name-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.player-name-form label{width:100%;font-weight:700;}
.player-name-form input{flex:1;min-width:180px;padding:12px 14px;border:2px solid var(--bg);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;}
.leaderboard-filter{display:block;width:100%;max-width:420px;margin:10px 0 16px;padding:12px 14px;border:2px solid var(--bg);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;}
#nameNotice{min-height:1.4em;color:var(--muted);margin-top:10px;}

@media(max-width:560px){
  .top-nav{padding:14px 16px;gap:10px;}
  .site-identity{width:100%;justify-content:flex-start;}
  .site-header-lower{width:100%;align-items:flex-start;gap:10px;}
  .nav-actions{width:auto;justify-content:flex-start;gap:10px;}
  .arcade-hud{margin-left:0;gap:8px;}
  .leaderboard-link{font-size:.9rem;}
  .points-badge{font-size:.8rem;padding:7px 9px;}
  .site-preferences{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;}
  .site-preferences button{font-size:.76rem;}
}

.top-nav .brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight:700;
  font-size:0.95rem;
  color:var(--yellow);
  text-decoration:none;
  letter-spacing:1px;
}
.top-nav .brand-logo{display:block;width:42px;height:42px;flex:0 0 42px;object-fit:contain;}
.top-nav .brand.has-logo{letter-spacing:.02em;}
.game-difficulty{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(62,242,200,.2);border-radius:13px;background:rgba(62,242,200,.045);}
.game-difficulty-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:11px;}
.game-difficulty-heading strong{color:var(--text);font-size:.95rem;}
.game-difficulty-heading span,.difficulty-progress{color:var(--muted);font-size:.82rem;}
.difficulty-levels{display:flex;flex-wrap:wrap;gap:8px;}
.difficulty-levels .difficulty-level{padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:var(--bg2);color:var(--text);font:inherit;font-size:.84rem;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.difficulty-levels .difficulty-level:not(:disabled):hover{transform:translateY(-1px);border-color:var(--cyan);}
.difficulty-levels .difficulty-level[aria-pressed="true"]{border-color:var(--cyan);background:rgba(62,242,200,.13);color:var(--cyan);}
.difficulty-levels .difficulty-level:disabled{cursor:not-allowed;opacity:.48;}
.difficulty-progress{min-height:1.2em;margin:10px 0 0;}
:root[data-theme="light"] .game-difficulty{border-color:#dce2ed;background:#f4f8fc;}
:root[data-theme="light"] .difficulty-levels .difficulty-level{border-color:#d9dfeb;background:#fff;color:var(--text);}
:root[data-theme="light"] .difficulty-levels .difficulty-level[aria-pressed="true"]{border-color:#087b6b;background:#e4f5f1;color:#087b6b;}

.back-link{
  text-decoration:none;
  color:var(--cyan);
  font-weight:700;
  border:2px solid var(--cyan);
  padding:8px 14px;
  border-radius:8px;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.back-link:hover{background:rgba(62,242,200,.12); transform:translateY(-2px);box-shadow:0 7px 20px rgba(62,242,200,.12);}

.wrap{
  max-width:920px;
  margin:0 auto;
  padding:40px 24px 80px;
}

.game-stage{
  position:relative;
  background:var(--bg2);
  border-radius:20px;
  padding:36px 28px;
  margin-top:24px;
  border:2px solid rgba(255,255,255,.06);
  animation:soft-pop .42s cubic-bezier(.2,.8,.2,1) both;
}
.arcade-retry{display:block;margin:22px auto 0;min-width:150px;}

h1.page-title{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight:700;
  font-size:clamp(1.35rem, 3vw, 1.8rem);
  line-height:1.3;
  letter-spacing:-.03em;
  margin:0 0 6px;
}

p.subtitle{
  color:var(--muted);
  margin:0 0 8px;
  max-width:60ch;
}

button, .btn{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight:700;
  font-size:1rem;
  border:none;
  border-radius:10px;
  padding:12px 20px;
  cursor:pointer;
  color:#151327;
  background:var(--yellow);
  transition:transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, filter .2s ease, background-color .2s ease;
}
button:hover, .btn:hover{transform:translateY(-2px); box-shadow:0 6px 0 rgba(0,0,0,.25);filter:brightness(1.04);}
button:active, .btn:active{transform:translateY(1px) scale(.985); box-shadow:none;}

.btn-alt{background:var(--cyan);}
.btn-pink{background:var(--pink); color:#fff;}
.btn-violet{background:var(--violet); color:#fff;}

.score-row{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin:18px 0;
  font-weight:700;
}
.score-row span{
  background:rgba(255,255,255,.06);
  padding:8px 14px;
  border-radius:8px;
}

footer{
  text-align:center;
  color:var(--muted);
  font-size:.85rem;
  padding:30px 0;
}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;}
:where(a,input,select,textarea,.center-card,.stat-card,.daily-card,.set-card,.codex-panel,.quest-card,.museum-room,.timeline-event,.profile-card,.score-row span){transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s cubic-bezier(.2,.8,.2,1);}
.shop-link{color:var(--yellow);font-weight:800;text-decoration:none;}
.shop-link:hover{color:var(--cyan);text-decoration:underline;text-underline-offset:4px;}
.arcade-hud .icon-nav-link{position:relative;display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:var(--cyan);background:rgba(255,255,255,.035);text-decoration:none;transition:transform .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease;}
.arcade-hud .icon-nav-link:nth-child(3n){color:var(--yellow);}.arcade-hud .icon-nav-link:nth-child(3n + 2){color:var(--violet);}
.arcade-hud .icon-nav-link:hover,.arcade-hud .icon-nav-link:focus-visible{transform:translateY(-2px);border-color:currentColor;background:rgba(255,255,255,.09);}
.icon-nav-link svg,.site-options summary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.icon-nav-link::after,.site-options summary::after{position:absolute;left:50%;top:calc(100% + 9px);z-index:100;min-width:max-content;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:var(--bg2);color:var(--text);font-size:.75rem;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .15s ease,transform .15s ease;content:attr(data-tooltip);}
.icon-nav-link:hover::after,.icon-nav-link:focus-visible::after,.site-options summary:hover::after,.site-options summary:focus-visible::after{opacity:1;transform:translate(-50%,0);}
.site-options{position:relative;z-index:20;}
.site-options>summary{position:relative;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer;list-style:none;}
.site-options>summary::-webkit-details-marker{display:none;}
.site-options[open] .site-preferences{position:absolute;top:calc(100% + 10px);right:0;z-index:99;display:grid;width:min(260px,calc(100vw - 28px));margin:0;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:var(--bg2);}
.site-options[open] .site-preferences button{width:100%;text-align:left;}
:root[data-theme="light"] .arcade-hud .icon-nav-link,:root[data-theme="light"] .site-options>summary{border-color:#ccd5e2;background:rgba(255,255,255,.7);}
:root[data-theme="light"] .icon-nav-link::after,:root[data-theme="light"] .site-options summary::after{border-color:#d4dce8;background:#fff;color:#20263a;}
:root[data-contrast="high"]{--muted:#d8d6ec;}
:root[data-theme="light"][data-contrast="high"]{--muted:#394358;--bg2:#fff;}
:root[data-contrast="high"] .game-stage,:root[data-contrast="high"] .center-section,:root[data-contrast="high"] .center-card,:root[data-contrast="high"] .dashboard-card,:root[data-contrast="high"] .icon-nav-link{border-color:currentColor;}
:root[data-contrast="high"] button:focus-visible,:root[data-contrast="high"] a:focus-visible,:root[data-contrast="high"] input:focus-visible,:root[data-contrast="high"] select:focus-visible{outline-width:4px;}
:root[data-motion="reduced"] *, :root[data-motion="reduced"] *::before, :root[data-motion="reduced"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
:root[data-profile-theme="theme-aurora"] body{background:radial-gradient(ellipse at 12% 0%,rgba(21,194,177,.26),transparent 42%),radial-gradient(ellipse at 88% 18%,rgba(130,83,218,.26),transparent 45%),var(--bg);}
:root[data-profile-theme="theme-sunset"] body{background:radial-gradient(ellipse at 10% 0%,rgba(255,126,64,.26),transparent 43%),radial-gradient(ellipse at 90% 16%,rgba(225,66,145,.23),transparent 45%),var(--bg);}
:root[data-theme="light"][data-profile-theme="theme-aurora"] body{background:radial-gradient(ellipse at 12% 0%,rgba(21,194,177,.2),transparent 42%),radial-gradient(ellipse at 88% 18%,rgba(130,83,218,.15),transparent 45%),#f4f8fb;}
:root[data-theme="light"][data-profile-theme="theme-sunset"] body{background:radial-gradient(ellipse at 10% 0%,rgba(255,126,64,.19),transparent 43%),radial-gradient(ellipse at 90% 16%,rgba(225,66,145,.15),transparent 45%),#fbf5f2;}
:root[data-theme="light"] .dashboard-card{border-color:color-mix(in srgb,var(--card-accent,var(--cyan)) 36%,#dce2ed);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--card-accent,var(--cyan)) 11%,#fff));}
.center-dashboard .dashboard-card:nth-child(1){--card-accent:#3ef2c8}.center-dashboard .dashboard-card:nth-child(2){--card-accent:#9b5de5}.center-dashboard .dashboard-card:nth-child(3){--card-accent:#ffd23f}.center-dashboard .dashboard-card:nth-child(4){--card-accent:#ff6b9d}.center-dashboard .dashboard-card:nth-child(5){--card-accent:#49b8ff}.center-dashboard .dashboard-card:nth-child(6){--card-accent:#ff9d4d}.center-dashboard .dashboard-card:nth-child(7){--card-accent:#a7d957}
.center-dashboard .dashboard-card:hover{border-color:var(--card-accent);}
button:disabled{transition:opacity .2s ease,background-color .2s ease;}
.shop-controls{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 20px;}
.shop-controls input,.shop-controls select{flex:1 1 220px;min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;}
.shop-category{margin:22px 0 30px;}.shop-category h3{margin:0 0 12px;color:var(--cyan);font-size:1rem;letter-spacing:.04em;}
.shop-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));}
.avatar-preview{display:block;width:72px;height:72px;flex:none;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.72);}
.profile-avatar{overflow:hidden;padding:0;}
.profile-avatar .avatar-preview{width:100%;height:100%;border:0;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
:root[data-profile-theme]:not([data-profile-theme="default"]) body{background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--profile-color-a) 34%,transparent),transparent 42%),radial-gradient(ellipse at 88% 18%,color-mix(in srgb,var(--profile-color-b) 33%,transparent),transparent 45%),var(--bg);}
:root[data-theme="light"][data-profile-theme]:not([data-profile-theme="default"]) body{background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--profile-color-a) 23%,transparent),transparent 42%),radial-gradient(ellipse at 88% 18%,color-mix(in srgb,var(--profile-color-b) 20%,transparent),transparent 45%),#f4f6fb;}
.profile-card[data-profile-theme]:not([data-profile-theme="default"]){background:linear-gradient(120deg,var(--bg2),color-mix(in srgb,var(--profile-color-a) 16%,transparent),color-mix(in srgb,var(--profile-color-b) 14%,transparent));}
:root[data-theme="light"] .profile-card[data-profile-theme]:not([data-profile-theme="default"]){background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--profile-color-a) 13%,transparent),color-mix(in srgb,var(--profile-color-b) 11%,transparent));}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
