/* Premium progression layer. Game surfaces stay dark and data-led in either app theme. */
[data-ui-style=game] .app-shell{background:radial-gradient(circle at 72% 3%,oklch(58% .2 285 / .08),transparent 31rem),radial-gradient(circle at 96% 38%,oklch(72% .13 220 / .045),transparent 27rem),var(--bg)}
[data-ui-style]:not([data-ui-style=game]) .game-analytics{display:none}
.game-card{background:linear-gradient(145deg,oklch(24% .025 282 / .9),oklch(18% .018 267 / .94));border:1px solid oklch(58% .08 280 / .34);border-radius:16px;color:oklch(95% .009 270);box-shadow:inset 0 1px 0 oklch(95% .02 280 / .04),0 16px 45px oklch(8% .04 280 / .18);backdrop-filter:blur(16px)}
.game-kicker{font:500 9px 'DM Mono',monospace;letter-spacing:.17em;color:oklch(78% .15 290);margin:0 0 8px}.game-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.game-section-title h2{margin:0;font-size:17px}.game-section-title>span,.game-section-title>strong{font:500 10px 'DM Mono',monospace;color:oklch(72% .035 270)}
.game-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr);gap:18px;margin-bottom:28px}.game-side-stack{display:grid;gap:18px}.game-side-stack>.game-card{margin:0}
.level-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:30px;padding:30px;min-height:310px}.level-card:after{content:'';position:absolute;width:260px;height:260px;right:-110px;top:-135px;border-radius:50%;background:oklch(66% .21 286 / .14);filter:blur(3px);pointer-events:none}.level-orbit{position:relative;width:145px;height:145px;flex:0 0 145px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,oklch(28% .07 281),oklch(18% .025 270) 67%);border:1px solid oklch(75% .18 289 / .64);box-shadow:0 0 40px oklch(65% .2 289 / .2),inset 0 0 25px oklch(68% .2 289 / .12)}.level-orbit:before{content:'';position:absolute;inset:9px;border:1px dashed oklch(78% .12 219 / .45);border-radius:50%}.level-orbit span{font:500 9px 'DM Mono';letter-spacing:.2em;color:oklch(77% .12 220)}.level-orbit strong{font-size:54px;line-height:1;letter-spacing:-3px}.level-main{flex:1;min-width:0;position:relative;z-index:1}.level-main h2{font-size:30px;letter-spacing:-1px;margin:0 0 29px}.xp-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:9px}.xp-line strong{color:oklch(82% .15 291)}.xp-line span{color:oklch(71% .025 270)}
.xp-progress{height:7px;background:oklch(29% .025 270);border-radius:99px;overflow:hidden}.xp-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,oklch(67% .22 291),oklch(79% .14 220));box-shadow:0 0 14px oklch(73% .18 263 / .72);transition:width .45s cubic-bezier(.22,1,.36,1)}.level-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:29px}.level-stats span{font-size:9px;color:oklch(69% .025 270)}.level-stats b{display:block;color:oklch(94% .01 270);font-size:15px;margin-bottom:4px}
.daily-missions,.career-path{padding:20px}.daily-missions>.xp-progress{margin-bottom:11px}.mission-list{display:grid}.mission{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:8px 2px;color:oklch(77% .02 270);border-bottom:1px solid oklch(90% .02 270 / .07);font-size:11px;transition:color .18s ease-out,transform .18s ease-out}.mission:last-child{border:0}.mission:hover{color:oklch(95% .01 270);transform:translateX(2px)}.mission>span{color:oklch(75% .14 289)}.mission small{font:9px 'DM Mono';color:oklch(72% .1 220)}.mission.complete{opacity:.62}.mission.complete strong{text-decoration:line-through}.career-track{display:grid;grid-template-columns:repeat(6,1fr);position:relative;padding-top:3px}.career-track:before{content:'';position:absolute;height:1px;left:7%;right:7%;top:15px;background:oklch(48% .05 278)}.career-node{position:relative;text-align:center;z-index:1}.career-node span{margin:auto;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid oklch(46% .05 278);background:oklch(20% .025 272);font:9px 'DM Mono';color:oklch(62% .025 270)}.career-node strong{display:none}.career-node.active span,.career-node.passed span{border-color:oklch(74% .16 288);color:oklch(91% .07 289);box-shadow:0 0 14px oklch(68% .2 289 / .28)}.career-node.active strong{display:block;position:absolute;top:33px;left:50%;transform:translateX(-50%);font-size:8px;width:76px;color:oklch(83% .04 280)}.career-path{padding-bottom:38px}
.achievement-section{margin:0 0 27px}.badge-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.badge-card{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border-radius:11px;background:color-mix(in oklch,var(--panel) 90%,transparent);border:1px solid var(--line)}.badge-card.locked{opacity:.42}.badge-emblem{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:oklch(31% .055 286);color:oklch(82% .14 290)}.badge-card strong{display:block;font-size:10px;line-height:1.25}.badge-card small{display:block;font-size:8px;margin-top:4px}.badge-check{margin-left:auto;color:var(--mint);font-size:11px}.badge-card.unlocked{border-color:oklch(66% .12 285 / .38);box-shadow:inset 0 0 18px oklch(65% .16 286 / .05)}
.quest-board{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-board .board-col{border-radius:14px;background:color-mix(in oklch,var(--side) 90%,transparent)}.quest-card{position:relative;display:flex;gap:11px;align-items:flex-start;padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,color-mix(in oklch,var(--panel) 94%,transparent),color-mix(in oklch,var(--side) 88%,transparent));transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s ease-out,box-shadow .18s ease-out}.quest-card:hover{transform:translateY(-2px);border-color:oklch(65% .12 287 / .48)}.quest-card.compact{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:13px 0}.quest-card.compact:hover{transform:none}.quest-check{width:22px;height:22px;flex:0 0 22px;border:1px solid oklch(60% .06 282);border-radius:7px;background:oklch(20% .025 275);color:oklch(87% .1 180);padding:0}.quest-check.checked{background:oklch(55% .13 170 / .25);border-color:oklch(75% .13 170);box-shadow:0 0 12px oklch(70% .15 170 / .2)}.quest-copy{min-width:0;flex:1}.quest-labels{display:flex;gap:6px;margin-bottom:8px}.difficulty,.quest-xp{font:500 8px 'DM Mono';padding:3px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.06em}.difficulty{background:var(--hover);color:var(--muted)}.difficulty.medium{color:oklch(80% .12 75)}.difficulty.hard{color:oklch(76% .15 25)}.quest-xp{background:oklch(31% .07 286);color:oklch(82% .14 290)}.quest-copy small{display:block;margin-top:5px}.quest-complete{border-color:oklch(72% .13 170 / .52);box-shadow:inset 0 0 24px oklch(70% .12 170 / .08),0 0 18px oklch(70% .12 170 / .06)}.quest-complete .record-title{text-decoration:line-through;opacity:.68}.quest-reward{color:oklch(84% .16 93);animation:quest-reveal .5s cubic-bezier(.22,1,.36,1)}
.game-analytics{margin-bottom:27px}.growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.growth-score{padding:17px;margin:0}.growth-score>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:10px}.growth-score span{font-size:11px;color:oklch(73% .025 270)}.growth-score strong{font-size:25px}.growth-score .xp-progress{margin:17px 0 11px}.growth-score small{color:oklch(68% .025 270)}.growth-score.cyan .xp-progress i{background:oklch(78% .14 211)}.growth-score.blue .xp-progress i{background:oklch(70% .16 252)}
@keyframes quest-reveal{0%{opacity:0;transform:scale(.5) rotate(-20deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:1180px){.badge-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.game-dashboard{grid-template-columns:1fr}.growth-grid{grid-template-columns:repeat(2,1fr)}.quest-board{grid-template-columns:1fr}.level-card{min-height:0}}
@media(max-width:680px){.level-card{align-items:flex-start;gap:18px;padding:21px}.level-orbit{width:90px;height:90px;flex-basis:90px}.level-orbit strong{font-size:37px}.level-main h2{font-size:22px;margin-bottom:20px}.level-stats{grid-template-columns:1fr;margin-top:19px;gap:8px}.level-stats span{display:flex;justify-content:space-between}.badge-grid,.growth-grid{grid-template-columns:1fr 1fr}.badge-card{padding:10px}.game-dashboard{gap:12px}.career-node.active strong{display:none}}
@media(max-width:430px){.level-card{display:block}.level-orbit{margin-bottom:20px}.badge-grid,.growth-grid{grid-template-columns:1fr}.game-section-title{align-items:center}}
@media(prefers-reduced-motion:reduce){.quest-reward{animation:none}.xp-progress i,.quest-card,.mission{transition:none}}

/* Complete Command Center interface theme */
.game-hud{display:flex;align-items:center;gap:30px;padding:16px 20px;border:1px solid var(--line);background:linear-gradient(110deg,oklch(25% .08 290),oklch(14% .035 265));border-radius:12px;margin:18px 0 26px}.game-hud small{display:block;font:9px 'DM Mono',monospace;letter-spacing:.14em;color:oklch(72% .08 280);margin-bottom:5px}.game-hud strong{font:600 14px 'DM Sans',sans-serif}.hud-rank{display:flex;align-items:center;gap:14px;flex:1}.hud-rank>span{font-size:28px;color:oklch(82% .17 85);text-shadow:0 0 20px oklch(80% .16 85 / .35)}.hud-action{font:10px 'DM Mono',monospace;color:var(--accent);border:1px solid var(--line);padding:12px;border-radius:8px}
[data-ui-style=game] .game-dashboard{grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr);align-items:start}
[data-ui-style=game] .level-card{min-height:300px;padding:30px;align-self:stretch;background:radial-gradient(ellipse at 10% 90%,oklch(40% .16 292 / .3),transparent 65%),linear-gradient(150deg,oklch(22% .045 285),oklch(13% .03 265))}
[data-ui-style=game] .level-card:after{width:320px;height:320px;border:1px solid oklch(70% .15 290 / .14);background:transparent;top:-170px;right:-70px;box-shadow:0 0 0 30px oklch(67% .13 285 / .025),0 0 0 60px oklch(67% .13 285 / .025)}
[data-ui-style=game] .game-side-stack{display:contents}
[data-ui-style=game] .daily-missions{min-height:300px}
[data-ui-style=game] .career-path{grid-column:1/-1;padding:24px 26px 30px;background:linear-gradient(100deg,oklch(18% .04 281),oklch(14% .025 261))}
[data-ui-style=game] .career-track{margin-top:25px;gap:10px;padding:0}
[data-ui-style=game] .career-track:before{top:22px;background:linear-gradient(90deg,var(--accent),oklch(40% .07 275));height:2px}
[data-ui-style=game] .career-node span{width:44px;height:44px;font-size:13px;border-radius:14px;transform:rotate(0);background:oklch(17% .04 275)}
[data-ui-style=game] .career-node strong,[data-ui-style=game] .career-node.active strong{display:block;position:static;transform:none;width:auto;margin-top:14px;font-size:11px;line-height:1.4;color:var(--muted)}
[data-ui-style=game] .career-node.active strong{color:var(--accent)}
[data-ui-style=game] .career-node.active span{background:oklch(33% .13 290);box-shadow:0 0 26px oklch(67% .22 288 / .25)}
[data-ui-style=game] .badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
[data-ui-style=game] .badge-card{padding:18px;gap:15px;min-height:88px}
[data-ui-style=game] .badge-emblem{width:42px;height:46px;flex-basis:42px;clip-path:polygon(50% 0,95% 22%,95% 73%,50% 100%,5% 73%,5% 22%);font-size:21px;border-radius:0}
[data-ui-style=game] .badge-card strong{font-size:12px}.badge-card.locked{opacity:.75}.badge-card small{font-size:10px;line-height:1.5}
.mission{width:100%;background:none;border-top:0;border-left:0;border-right:0;text-align:left;cursor:pointer;min-height:36px}.mission-hint{display:block;margin-top:12px;line-height:1.5;font-size:10px;color:oklch(73% .03 270)}
.quest-card .status-select{margin-top:12px;width:auto;min-width:140px;min-height:32px}.quest-card.compact .status-select{font-size:10px}.quest-check{min-width:28px;min-height:28px}
.reward-burst{position:fixed;left:50%;top:22%;transform:translateX(-50%);z-index:1000;pointer-events:none;white-space:nowrap;max-width:95vw;padding:24px 30px;color:oklch(94% .1 92);background:oklch(24% .075 285 / .95);border:1px solid oklch(80% .17 85);border-radius:16px;font:600 16px 'DM Mono',monospace;box-shadow:0 0 80px oklch(73% .18 286 / .25);animation:reward-arrival 2.2s ease-out both}
@keyframes reward-arrival{0%{opacity:0;transform:translate(-50%,18px) scale(.95)}15%,75%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-15px)}}
@media(max-width:900px){[data-ui-style=game] .game-dashboard{grid-template-columns:1fr}.game-hud{gap:18px;flex-wrap:wrap}.hud-rank{min-width:170px}.hud-action{margin-left:auto}}
@media(max-width:680px){[data-ui-style=game] .badge-grid{grid-template-columns:1fr 1fr}[data-ui-style=game] .career-track{grid-template-columns:repeat(3,1fr);gap:23px}[data-ui-style=game] .career-track:before{display:none}.game-hud{padding:16px;gap:16px}.hud-rank{flex-basis:100%}.hud-action{width:100%;text-align:center}[data-ui-style=game] .level-card{padding:22px}.reward-burst{font-size:11px;padding:20px}}
@media(prefers-reduced-motion:reduce){.reward-burst{animation:none}}
:root[data-ui-style=game]{color-scheme:dark;--bg:oklch(12% .022 276);--side:oklch(10% .025 278);--panel:oklch(18% .028 276);--hover:oklch(24% .045 278);--text:oklch(96% .01 270);--muted:oklch(70% .035 270);--line:oklch(37% .055 280 / .72);--accent:oklch(76% .19 292);--accent-bg:oklch(28% .09 290);--mint:oklch(80% .15 181);--blue:oklch(76% .16 230);--peach:oklch(79% .13 70);--red:oklch(72% .18 25)}
[data-ui-style=game] body{background:var(--bg)}
[data-ui-style=game] .sidebar{background:linear-gradient(180deg,oklch(13% .035 283),oklch(9% .025 270));border-color:oklch(47% .08 287 / .38);box-shadow:18px 0 60px oklch(6% .04 280 / .18)}
[data-ui-style=game] .brand-mark{border:1px solid oklch(75% .18 290 / .55);background:oklch(25% .085 290);color:oklch(89% .11 290);box-shadow:0 0 18px oklch(68% .2 290 / .22)}
[data-ui-style=game] .artist-picker{background:oklch(19% .04 278 / .72);border-color:oklch(48% .08 287 / .48);border-radius:12px}
[data-ui-style=game] .nav-label{color:oklch(66% .09 287);font:500 9px 'DM Mono';letter-spacing:.18em}
[data-ui-style=game] .nav-link{min-height:39px;border-radius:9px;transition:background .18s ease-out,color .18s ease-out,box-shadow .18s ease-out}
[data-ui-style=game] .nav-link:hover{background:oklch(22% .055 284)}
[data-ui-style=game] .nav-link.active{color:oklch(91% .08 290);background:linear-gradient(90deg,oklch(31% .12 290 / .8),oklch(23% .07 266 / .65));box-shadow:inset 0 0 0 1px oklch(68% .16 290 / .22),0 0 18px oklch(64% .2 290 / .09)}
[data-ui-style=game] .topbar{background:oklch(12% .025 276 / .8);border-color:oklch(40% .06 280 / .55);backdrop-filter:blur(18px)}
[data-ui-style=game] .breadcrumb strong{color:oklch(84% .11 290)}
[data-ui-style=game] .primary{background:linear-gradient(135deg,oklch(68% .22 292),oklch(72% .17 253));color:oklch(98% .008 270);border-color:oklch(80% .13 281 / .45);border-radius:9px;box-shadow:0 7px 22px oklch(61% .21 285 / .2)}
[data-ui-style=game] .secondary,[data-ui-style=game] .icon-btn{background:oklch(21% .038 278 / .7);border-color:oklch(43% .065 282 / .7);border-radius:9px}
[data-ui-style=game] .panel,[data-ui-style=game] .record-list,[data-ui-style=game] .calendar-scroll,[data-ui-style=game] .profile-hero{background:linear-gradient(145deg,oklch(20% .031 280 / .83),oklch(16% .024 268 / .88));border:1px solid oklch(45% .07 282 / .55);border-radius:14px;box-shadow:inset 0 1px 0 oklch(92% .02 280 / .035),0 14px 38px oklch(5% .04 280 / .16);backdrop-filter:blur(14px)}
[data-ui-style=game] .overview-grid>.panel{padding:21px}
[data-ui-style=game] .page-heading .eyebrow{display:block;color:oklch(73% .13 291);font:500 9px 'DM Mono';letter-spacing:.18em}
[data-ui-style=game] h1{font-weight:650;letter-spacing:-1px}
[data-ui-style=game] .attention-strip{background:linear-gradient(90deg,oklch(22% .06 289 / .7),oklch(17% .035 260 / .7));border-color:oklch(52% .1 286 / .5);border-radius:12px}
[data-ui-style=game] .stat-strip{border-color:oklch(39% .05 280)}
[data-ui-style=game] .stat-strip strong{color:oklch(92% .04 286);text-shadow:0 0 20px oklch(69% .18 290 / .15)}
[data-ui-style=game] input,[data-ui-style=game] select,[data-ui-style=game] textarea{background:oklch(14% .027 275);border-color:oklch(42% .065 282);border-radius:9px}
[data-ui-style=game] input:focus,[data-ui-style=game] select:focus,[data-ui-style=game] textarea:focus{border-color:oklch(70% .16 291);box-shadow:0 0 0 3px oklch(65% .18 291 / .12)}
[data-ui-style=game] dialog{background:linear-gradient(145deg,oklch(20% .045 280),oklch(13% .028 268));border-color:oklch(59% .11 287 / .6);border-radius:16px;box-shadow:0 30px 100px oklch(4% .06 280 / .65),0 0 45px oklch(65% .18 290 / .08)}
[data-ui-style=game] .badge{border-radius:6px;background:oklch(29% .07 287);color:oklch(82% .12 290)}
[data-ui-style=game] .progress{height:6px;background:oklch(28% .035 275);border-radius:99px}
[data-ui-style=game] .progress i{background:linear-gradient(90deg,oklch(68% .21 291),oklch(78% .14 219));box-shadow:0 0 12px oklch(70% .17 260 / .5);border-radius:99px}
[data-ui-style=game] .release-tile{padding:12px;border:1px solid oklch(40% .06 280 / .7);background:oklch(17% .026 275 / .72);border-radius:14px;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease-out}
[data-ui-style=game] .release-tile:hover{transform:translateY(-4px);border-color:oklch(68% .13 289 / .65)}
[data-ui-style=game] .cover{border-radius:10px;box-shadow:0 12px 34px oklch(5% .04 280 / .35)}
[data-ui-style=game] .board-col{background:oklch(14% .025 275 / .72);border-color:oklch(39% .055 281);border-radius:14px}
[data-ui-style=game] .calendar-cell{background:oklch(17% .027 276 / .68)}
[data-ui-style=game] .calendar-cell.outside{background:oklch(12% .02 273 / .72)}
[data-ui-style=game] .calendar-event{border:1px solid oklch(66% .13 290 / .22);border-radius:7px}
[data-ui-style=game] .record-row,[data-ui-style=game] .work-row,[data-ui-style=game] .activity-row{border-color:oklch(36% .045 278 / .75)}
[data-ui-style=game] .record-icon{background:oklch(28% .06 287);color:oklch(79% .13 291);border-radius:9px}
[data-ui-style=game] table thead{background:oklch(15% .035 278)}
[data-ui-style=game] th{color:oklch(75% .09 289);font-family:'DM Mono';letter-spacing:.06em;text-transform:uppercase}
[data-ui-style=game] tr:hover td{background:oklch(23% .045 281 / .5)}
[data-ui-style=game] #toast{background:oklch(24% .075 286);color:oklch(95% .02 280);border:1px solid oklch(70% .15 290 / .5);box-shadow:0 10px 40px oklch(5% .05 280 / .5),0 0 22px oklch(65% .2 290 / .14)}
.style-choices{grid-template-columns:repeat(3,1fr)}
.sample-game{background:oklch(14% .035 278);border:1px solid oklch(54% .1 287);border-radius:8px}.sample-game i{background:oklch(25% .09 290)}.sample-game b{background:linear-gradient(90deg,oklch(52% .16 291),oklch(61% .12 225));border-radius:5px}.sample-game b:nth-of-type(2){opacity:.6}.sample-game b:nth-of-type(3){opacity:.35}
@media(max-width:900px){.style-choices{grid-template-columns:1fr}}
@media(max-width:680px){[data-ui-style=game] .panel,[data-ui-style=game] .overview-grid>.panel{padding:17px}.style-choices{grid-template-columns:1fr}}