:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ui-scale: 1;--panel-bg: rgba(5, 8, 16, .78);--panel-line: rgba(145, 234, 255, .24);--text-main: #f5fbff;--text-soft: #9fb4c7;--cyan: #39f5ff;--pink: #ff3df2;--lime: #7dff63;--amber: #ffc857;--danger: #ff4c7d;--void: #05070d;--skin-primary: #f7fbff;--skin-secondary: #39f5ff;--skin-accent: #9ffcff;--background-primary: #67f8ff;--background-secondary: #ff4df4;--background-accent: #ffffff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 44%,#10172a,#05070d 46%,#02030a);color:var(--text-main)}button,select{font:inherit}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:calc(14px * var(--ui-scale))}#flash-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity 90ms ease-out}.ui-hidden{display:none!important}.hud{position:absolute;inset:18px 18px auto 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.hud-cluster,.debug-overlay{border:1px solid color-mix(in srgb,var(--skin-secondary) 34%,transparent);background:linear-gradient(135deg,#ffffff09,#fff0),#03060c85;box-shadow:0 0 24px color-mix(in srgb,var(--skin-secondary) 14%,transparent),inset 0 0 28px #ffffff06;-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);border-radius:8px}.hud-cluster{min-width:334px;padding:12px 14px}.score-line{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.score-value{font-size:calc(32px * var(--ui-scale));font-weight:800;letter-spacing:0;color:var(--text-main);text-shadow:0 0 18px color-mix(in srgb,var(--skin-secondary) 76%,transparent),0 0 34px color-mix(in srgb,var(--skin-accent) 28%,transparent)}.multiplier{color:var(--skin-accent);font-weight:800}.hud-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;color:var(--text-soft);font-weight:700}.hud-weapon{color:var(--weapon-color);text-shadow:0 0 14px color-mix(in srgb,var(--weapon-color) 56%,transparent)}.hud-bars{display:grid;gap:6px;margin-top:10px}.meter{display:grid;grid-template-columns:78px 220px;align-items:center;gap:8px}.meter-label{color:color-mix(in srgb,var(--text-soft) 78%,var(--skin-primary));font-size:calc(9px * var(--ui-scale));font-weight:800;letter-spacing:0;line-height:1;text-align:right;opacity:.82;white-space:nowrap}.bar{width:220px;height:7px;overflow:hidden;border-radius:999px;background:#ffffff1a}.bar-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--meter-start),var(--meter-end));box-shadow:0 0 16px color-mix(in srgb,var(--meter-end) 76%,transparent);transform:scaleX(0);transform-origin:left center;will-change:transform}.meter-health{--meter-start: var(--skin-primary);--meter-end: var(--skin-accent)}.meter-dash{--meter-start: var(--skin-secondary);--meter-end: var(--skin-primary)}.meter-bomb{--meter-start: var(--skin-accent);--meter-end: var(--skin-secondary)}.meter-signature{--meter-start: color-mix(in srgb, var(--skin-secondary) 78%, white 8%);--meter-end: var(--skin-accent)}.meter-signature.is-ready .meter-label{color:var(--skin-accent);text-shadow:0 0 10px color-mix(in srgb,var(--skin-accent) 70%,transparent)}.meter-signature.is-ready .bar-fill{box-shadow:0 0 18px color-mix(in srgb,var(--skin-accent) 86%,transparent),0 0 30px color-mix(in srgb,var(--skin-secondary) 34%,transparent)}.debug-overlay{min-width:190px;padding:10px 12px;color:#c7d6e8;font-size:calc(12px * var(--ui-scale));line-height:1.55;text-align:right}.menu-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;pointer-events:auto;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--skin-secondary) 12%,transparent),transparent 33%),linear-gradient(180deg,#02030a29,#02030aad)}.menu-panel{width:min(94vw,560px);max-height:min(92vh,760px);overflow-y:auto;border:1px solid color-mix(in srgb,var(--skin-secondary) 34%,transparent);border-radius:8px;padding:calc(26px * var(--ui-scale));background:linear-gradient(140deg,#ffffff0b,#ffffff02 46%),#050810c7;box-shadow:0 0 44px color-mix(in srgb,var(--skin-secondary) 16%,transparent),0 18px 70px #00000061,inset 0 0 28px color-mix(in srgb,var(--skin-accent) 6%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.main-menu-panel{width:min(94vw,620px)}.game-title{margin:0 0 6px;font-size:clamp(36px,8vw,64px);line-height:.95;font-weight:900;letter-spacing:0;color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--skin-secondary) 76%,transparent),0 0 32px color-mix(in srgb,var(--skin-accent) 34%,transparent)}.menu-kicker{margin:0 0 24px;color:var(--text-soft);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.menu-actions,.settings-list{display:grid;gap:10px}.support-link{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:46px;margin-top:14px;border:1px solid color-mix(in srgb,var(--skin-accent) 44%,transparent);border-radius:8px;padding:11px 14px;color:var(--text-main);text-decoration:none;font-weight:800;background:linear-gradient(90deg,color-mix(in srgb,var(--skin-accent) 17%,transparent),transparent 58%),#080d1ab8;box-shadow:0 0 20px color-mix(in srgb,var(--skin-accent) 12%,transparent),inset 0 0 0 1px #ffffff08}.support-link span{color:var(--skin-accent);font-size:calc(12px * var(--ui-scale));text-transform:uppercase;letter-spacing:.08em}.support-link:hover,.support-link:focus-visible{outline:none;border-color:color-mix(in srgb,var(--skin-accent) 82%,white 8%);background:linear-gradient(90deg,color-mix(in srgb,var(--skin-accent) 24%,transparent),transparent 64%),#0b1222e0;box-shadow:0 0 28px color-mix(in srgb,var(--skin-accent) 22%,transparent),inset 0 0 0 1px #ffffff0e}.menu-button,.setting-button{width:100%;min-height:48px;border:1px solid color-mix(in srgb,var(--skin-secondary) 28%,transparent);border-radius:8px;padding:12px 14px;color:var(--text-main);background:linear-gradient(90deg,#ffffff08,#fff0),#080d1ad1;box-shadow:inset 0 0 0 1px #ffffff08;text-align:left;cursor:pointer}.menu-button:hover,.menu-button:focus-visible,.setting-button:hover,.setting-button:focus-visible{outline:none;border-color:color-mix(in srgb,var(--skin-secondary) 82%,white 8%);background:linear-gradient(90deg,color-mix(in srgb,var(--skin-secondary) 15%,transparent),color-mix(in srgb,var(--skin-accent) 8%,transparent)),#0e1c2ffa;box-shadow:0 0 22px color-mix(in srgb,var(--skin-secondary) 22%,transparent),inset 0 0 18px color-mix(in srgb,var(--skin-secondary) 8%,transparent)}.menu-button.primary{border-color:color-mix(in srgb,var(--skin-accent) 58%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--skin-secondary) 18%,transparent),color-mix(in srgb,var(--skin-accent) 16%,transparent));font-weight:900}.menu-stat{display:flex;justify-content:space-between;gap:16px;margin:16px 0 18px;color:var(--text-soft)}.menu-stat strong{color:var(--skin-accent)}.settings-row{display:grid;grid-template-columns:1fr minmax(150px,.75fr);gap:10px;align-items:center}.settings-row label{color:var(--text-soft);font-weight:800}.setting-button{text-align:center;color:var(--skin-secondary);font-weight:900}.skin-panel{width:min(94vw,920px)}.achievements-panel,.leaderboard-panel{width:min(94vw,760px)}.initials-panel{width:min(94vw,620px)}.controls-panel{width:min(94vw,760px)}.relic-draft-panel{width:min(94vw,900px)}.relic-draft-intro{display:flex;justify-content:space-between;gap:16px;margin:0 0 16px;border:1px solid color-mix(in srgb,var(--skin-secondary) 22%,transparent);border-radius:8px;padding:10px 12px;color:var(--text-soft);background:#0408108a;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.relic-draft-intro strong{color:var(--skin-accent)}.relic-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.relic-card{min-height:230px;display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:12px;border-color:color-mix(in srgb,var(--skin-secondary) 34%,transparent);padding:16px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--skin-accent) 15%,transparent),transparent 58%),linear-gradient(160deg,#ffffff0e,#ffffff02),#050810d1}.relic-card:hover,.relic-card:focus-visible{transform:translateY(-2px)}.relic-category{width:fit-content;border:1px solid color-mix(in srgb,var(--skin-accent) 34%,transparent);border-radius:999px;padding:4px 8px;color:var(--skin-accent);font-size:calc(10px * var(--ui-scale));font-weight:900;text-transform:uppercase;letter-spacing:.08em}.relic-name{color:var(--text-main);font-size:calc(22px * var(--ui-scale));line-height:1.05;text-shadow:0 0 16px color-mix(in srgb,var(--skin-secondary) 54%,transparent)}.relic-effect,.relic-downside{color:var(--text-soft);line-height:1.35}.relic-downside{color:color-mix(in srgb,var(--danger) 76%,white 10%);font-size:calc(12px * var(--ui-scale));font-weight:800}.active-relic-list{display:grid;gap:8px;margin-bottom:12px}.active-relic-list.is-empty{border:1px solid color-mix(in srgb,var(--skin-secondary) 18%,transparent);border-radius:8px;padding:10px 12px;color:var(--text-soft);background:#04081075}.active-relic-item{display:grid;gap:3px;border:1px solid color-mix(in srgb,var(--skin-secondary) 22%,transparent);border-radius:8px;padding:9px 11px;background:linear-gradient(90deg,color-mix(in srgb,var(--skin-secondary) 8%,transparent),transparent),#04081080}.active-relic-item strong{color:var(--skin-accent)}.active-relic-item span{color:var(--text-soft);line-height:1.28}.relic-overdrive strong{color:var(--amber)}.controls-header,.control-row{display:grid;grid-template-columns:minmax(120px,.78fr) minmax(190px,1fr) minmax(120px,.62fr);gap:10px;align-items:center}.controls-header{margin-bottom:8px;color:var(--text-soft);font-size:calc(11px * var(--ui-scale));font-weight:900;letter-spacing:.08em;text-transform:uppercase}.controls-list{display:grid;gap:8px;margin-bottom:12px}.control-row{min-height:54px;border:1px solid color-mix(in srgb,var(--skin-secondary) 20%,transparent);border-radius:8px;padding:8px 10px;background:linear-gradient(90deg,#ffffff07,#fff0),#0408108f}.control-action{color:var(--text-main);font-weight:900}.control-binding-button{width:100%;min-height:38px;border:1px solid color-mix(in srgb,var(--skin-secondary) 28%,transparent);border-radius:8px;padding:8px 10px;color:var(--skin-secondary);background:#080d1ad1;font:inherit;font-weight:900;text-align:center;cursor:pointer}.control-binding-button:hover,.control-binding-button:focus-visible,.control-binding-button.is-listening{outline:none;border-color:color-mix(in srgb,var(--skin-accent) 72%,white 8%);color:var(--skin-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--skin-secondary) 13%,transparent),color-mix(in srgb,var(--skin-accent) 12%,transparent)),#0e1c2ffa;box-shadow:0 0 20px color-mix(in srgb,var(--skin-secondary) 20%,transparent),inset 0 0 16px color-mix(in srgb,var(--skin-accent) 8%,transparent)}.control-gamepad{color:var(--text-soft);font-weight:800;text-align:center}.controls-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.leaderboard-summary{margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--skin-secondary) 22%,transparent);border-radius:8px;color:var(--skin-accent);background:color-mix(in srgb,var(--skin-secondary) 7%,transparent);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.leaderboard-list{display:grid;gap:8px;margin-bottom:12px}.leaderboard-row{display:grid;grid-template-columns:52px 86px minmax(120px,1fr) 90px 96px;gap:10px;align-items:center;min-height:56px;border:1px solid color-mix(in srgb,var(--skin-secondary) 24%,transparent);border-radius:8px;padding:9px 12px;background:linear-gradient(90deg,#ffffff09,#fff0),#04081094}.leaderboard-rank,.leaderboard-wave,.leaderboard-date,.leaderboard-empty{color:var(--text-soft);font-weight:800}.leaderboard-initials{color:var(--skin-accent);font-size:calc(20px * var(--ui-scale));font-weight:900;letter-spacing:.08em}.leaderboard-score{color:var(--text-main);font-size:calc(19px * var(--ui-scale));font-weight:900;text-align:right}.leaderboard-wave,.leaderboard-date{text-align:right}.leaderboard-empty{min-height:84px;border:1px solid color-mix(in srgb,var(--skin-secondary) 20%,transparent);border-radius:8px;display:grid;place-items:center;background:#0408108a}.initials-stat{align-items:center}.initials-slots{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:12px;margin:18px 0}.initials-slot{min-height:106px;border:1px solid color-mix(in srgb,var(--skin-secondary) 34%,transparent);border-radius:8px;color:var(--text-main);background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--skin-accent) 18%,transparent),transparent 58%),#060a14c2;box-shadow:inset 0 0 24px color-mix(in srgb,var(--skin-secondary) 9%,transparent),0 0 24px color-mix(in srgb,var(--skin-secondary) 10%,transparent);font:inherit;font-size:calc(52px * var(--ui-scale));font-weight:900;line-height:1;text-align:center;cursor:pointer}.initials-slot:hover,.initials-slot:focus-visible,.initials-slot.is-active{outline:none;border-color:color-mix(in srgb,var(--skin-accent) 78%,white 8%);color:var(--skin-accent);box-shadow:0 0 30px color-mix(in srgb,var(--skin-accent) 22%,transparent),inset 0 0 24px color-mix(in srgb,var(--skin-accent) 12%,transparent)}.initials-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.initials-actions .menu-button:last-child{grid-column:1 / -1;text-align:center}.achievements-summary{margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--skin-secondary) 22%,transparent);border-radius:8px;color:var(--skin-accent);background:color-mix(in srgb,var(--skin-secondary) 7%,transparent);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.achievements-list{display:grid;gap:8px;margin-bottom:12px}.achievement-item{position:relative;min-height:76px;border:1px solid color-mix(in srgb,var(--skin-secondary) 24%,transparent);border-radius:8px;padding:11px 88px 11px 12px;background:linear-gradient(90deg,#ffffff09,#fff0),#04081094}.achievement-item.is-unlocked{border-color:color-mix(in srgb,var(--skin-accent) 46%,transparent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--skin-accent) 6%,transparent)}.achievement-item.is-locked{opacity:.62}.achievement-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.achievement-header strong{color:var(--text-main);font-size:calc(15px * var(--ui-scale))}.achievement-header span{color:var(--skin-accent);font-weight:900}.achievement-item p{margin:5px 0 0;color:var(--text-soft);line-height:1.35}.achievement-status{position:absolute;right:12px;bottom:11px;color:var(--skin-secondary);font-size:calc(11px * var(--ui-scale));font-weight:900;letter-spacing:.08em;text-transform:uppercase}.achievement-item.is-locked .achievement-status{color:#778397}.achievements-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:10px}.achievements-page{min-width:64px;color:var(--text-soft);font-weight:900;text-align:center}.achievements-nav button:disabled{cursor:default;opacity:.42}.skin-select-layout{display:grid;grid-template-columns:minmax(180px,.8fr) 1.1fr;gap:20px;align-items:center;margin-bottom:18px}.skin-preview-stage{position:relative;min-height:210px;border:1px solid color-mix(in srgb,var(--skin-secondary) 24%,transparent);border-radius:8px;overflow:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--skin-secondary) 16%,transparent),transparent 42%),linear-gradient(180deg,#ffffff0a,#ffffff01)}.skin-preview-stage:before{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;border:1px solid color-mix(in srgb,var(--skin-secondary) 18%,transparent);transform:rotate(45deg);animation:preview-rotate 9s linear infinite}.skin-preview-core,.skin-preview-ring,.skin-preview-trail{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.skin-preview-core{width:72px;height:86px;clip-path:polygon(50% 0,88% 100%,50% 72%,12% 100%);background:linear-gradient(135deg,var(--skin-primary),var(--skin-secondary) 52%,var(--skin-accent));filter:drop-shadow(0 0 12px var(--skin-secondary)) drop-shadow(0 0 26px var(--skin-accent));animation:preview-breathe 1.8s ease-in-out infinite}.skin-preview-stage[data-skin-id=solarWarden] .skin-preview-core{clip-path:polygon(50% 0,78% 35%,96% 88%,60% 70%,50% 100%,40% 70%,4% 88%,22% 35%)}.skin-preview-stage[data-skin-id=voidChoir] .skin-preview-core{clip-path:polygon(52% 0,76% 42%,100% 74%,62% 65%,50% 100%,38% 65%,0 74%,24% 42%)}.skin-preview-stage[data-skin-id=glassSeraph] .skin-preview-core{clip-path:polygon(50% 0,70% 36%,94% 50%,70% 64%,50% 100%,30% 64%,6% 50%,30% 36%)}.skin-preview-stage[data-skin-id=redlineMartyr] .skin-preview-core{clip-path:polygon(50% 0,78% 32%,74% 76%,58% 58%,50% 100%,42% 58%,26% 76%,22% 32%)}.skin-preview-stage[data-skin-id=prismGhost] .skin-preview-core{clip-path:polygon(50% 0,88% 48%,98% 82%,58% 66%,50% 100%,42% 66%,2% 82%,12% 48%)}.skin-preview-stage[data-skin-id=ionChapel] .skin-preview-core{clip-path:polygon(50% 0,68% 34%,92% 72%,58% 62%,50% 100%,42% 62%,8% 72%,32% 34%)}.skin-preview-stage[data-skin-id=neonRevenant] .skin-preview-core{clip-path:polygon(54% 0,80% 38%,68% 52%,92% 92%,54% 66%,44% 100%,30% 62%,4% 80%,28% 40%)}.skin-preview-ring{width:128px;height:128px;border:1px solid var(--skin-secondary);border-radius:50%;box-shadow:0 0 18px var(--skin-secondary),inset 0 0 18px color-mix(in srgb,var(--skin-accent) 36%,transparent);opacity:.7;animation:preview-pulse 2.2s ease-in-out infinite}.skin-preview-trail{width:150px;height:16px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--skin-secondary),transparent);opacity:.58;transform:translate(-68%,-10%) rotate(-18deg);filter:blur(1px)}.skin-name{margin:0 0 8px;font-size:calc(28px * var(--ui-scale));line-height:1.05;color:var(--text-main);text-shadow:0 0 18px color-mix(in srgb,var(--skin-secondary) 64%,transparent)}.skin-description{margin:0;color:var(--text-main);line-height:1.45}.skin-signature{margin:12px 0 0;border:1px solid color-mix(in srgb,var(--skin-accent) 30%,transparent);border-radius:8px;padding:10px 12px;color:color-mix(in srgb,var(--text-main) 86%,var(--skin-accent));background:linear-gradient(90deg,color-mix(in srgb,var(--skin-secondary) 10%,transparent),transparent 68%),#0408107a;line-height:1.36;box-shadow:inset 0 0 18px color-mix(in srgb,var(--skin-accent) 5%,transparent)}.skin-meta{margin:12px 0 0;color:var(--skin-accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:calc(11px * var(--ui-scale))}.skin-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.background-section{display:grid;gap:12px;margin:18px 0 10px}.background-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;border-top:1px solid color-mix(in srgb,var(--background-primary) 22%,transparent);padding-top:14px}.background-heading h2{margin:0;color:var(--text-main);font-size:calc(20px * var(--ui-scale));line-height:1.05;text-shadow:0 0 16px color-mix(in srgb,var(--background-primary) 42%,transparent)}.background-heading p{margin:0;color:var(--text-soft);font-size:calc(11px * var(--ui-scale));font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-align:right}.background-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.background-card{--background-card-primary: var(--background-primary);--background-card-secondary: var(--background-secondary);--background-card-accent: var(--background-accent);display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:stretch;min-height:124px;border:1px solid color-mix(in srgb,var(--background-card-primary) 28%,transparent);border-radius:8px;padding:10px;color:var(--text-main);background:linear-gradient(135deg,color-mix(in srgb,var(--background-card-primary) 8%,transparent),transparent 62%),#070b15b8;box-shadow:inset 0 0 0 1px #ffffff06,0 0 18px color-mix(in srgb,var(--background-card-secondary) 7%,transparent);cursor:pointer;text-align:left}.background-card:hover,.background-card:focus-visible,.background-card.is-selected{outline:none;border-color:color-mix(in srgb,var(--background-card-primary) 82%,white 6%);background:linear-gradient(135deg,color-mix(in srgb,var(--background-card-primary) 14%,transparent),color-mix(in srgb,var(--background-card-secondary) 7%,transparent)),#090f1de0;box-shadow:0 0 24px color-mix(in srgb,var(--background-card-primary) 18%,transparent),inset 0 0 20px color-mix(in srgb,var(--background-card-accent) 5%,transparent)}.background-card.is-selected{border-color:color-mix(in srgb,var(--background-card-accent) 70%,var(--background-card-primary))}.background-preview{position:relative;min-height:100%;border:1px solid color-mix(in srgb,var(--background-card-primary) 32%,transparent);border-radius:6px;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--background-card-primary) 28%,transparent),transparent 34%),linear-gradient(135deg,#ffffff0a,#ffffff02),#030712}.background-preview:before,.background-preview:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.76;animation:background-preview-flow 4.8s linear infinite}.background-preview:after{opacity:.5;animation-duration:7.2s;animation-direction:reverse}.background-preview[data-pattern=cathedral]:before{background:repeating-linear-gradient(45deg,transparent 0 12px,color-mix(in srgb,var(--background-card-primary) 72%,transparent) 12px 13px),repeating-linear-gradient(-45deg,transparent 0 14px,color-mix(in srgb,var(--background-card-secondary) 52%,transparent) 14px 15px)}.background-preview[data-pattern=cathedral]:after{background:radial-gradient(circle,transparent 0 32%,color-mix(in srgb,var(--background-card-accent) 50%,transparent) 33% 34%,transparent 35%)}.background-preview[data-pattern=ocean]:before{background:repeating-radial-gradient(circle,color-mix(in srgb,var(--background-card-primary) 42%,transparent) 0 1px,transparent 1px 14px),linear-gradient(180deg,transparent,color-mix(in srgb,var(--background-card-secondary) 24%,transparent))}.background-preview[data-pattern=furnace]:before{background:repeating-linear-gradient(100deg,transparent 0 11px,color-mix(in srgb,var(--background-card-primary) 72%,transparent) 11px 13px),radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--background-card-accent) 48%,transparent),transparent 48%)}.background-preview[data-pattern=circuit]:before{background:linear-gradient(90deg,transparent 47%,color-mix(in srgb,var(--background-card-primary) 66%,transparent) 48% 50%,transparent 51%),linear-gradient(0deg,transparent 47%,color-mix(in srgb,var(--background-card-secondary) 46%,transparent) 48% 50%,transparent 51%);background-size:22px 22px}.background-preview[data-pattern=aurora]:before{background:linear-gradient(100deg,transparent 18%,color-mix(in srgb,var(--background-card-primary) 56%,transparent),transparent 46%),linear-gradient(76deg,transparent 38%,color-mix(in srgb,var(--background-card-secondary) 58%,transparent),transparent 70%);filter:blur(3px)}.background-preview[data-pattern=monolith]:before{background:repeating-linear-gradient(90deg,transparent 0 14px,color-mix(in srgb,var(--background-card-primary) 56%,transparent) 14px 18px,transparent 18px 28px),radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--background-card-accent) 22%,transparent),transparent 42%)}.background-preview[data-pattern=horizon]:before{background:repeating-linear-gradient(0deg,transparent 0 9px,color-mix(in srgb,var(--background-card-primary) 64%,transparent) 9px 10px),linear-gradient(90deg,color-mix(in srgb,var(--background-card-secondary) 38%,transparent),transparent 50%,color-mix(in srgb,var(--background-card-accent) 30%,transparent));transform:perspective(120px) rotateX(58deg);transform-origin:50% 100%}.background-preview[data-pattern=living]:before{background:repeating-radial-gradient(circle at 42% 48%,color-mix(in srgb,var(--background-card-primary) 45%,transparent) 0 1px,transparent 1px 12px),repeating-linear-gradient(38deg,transparent 0 15px,color-mix(in srgb,var(--background-card-secondary) 38%,transparent) 15px 17px)}.background-card-body{display:grid;align-content:start;gap:5px;min-width:0}.background-card-body strong{color:var(--text-main);font-size:calc(13px * var(--ui-scale));line-height:1.12}.background-card-tag{color:var(--background-card-accent);font-size:calc(9px * var(--ui-scale));font-weight:900;letter-spacing:.08em;text-transform:uppercase}.background-card-description{color:var(--text-soft);font-size:calc(10px * var(--ui-scale));line-height:1.28}@keyframes background-preview-flow{to{transform:translate3d(12px,-12px,0) rotate(7deg)}}@keyframes preview-rotate{to{transform:rotate(405deg)}}@keyframes preview-breathe{50%{transform:translate(-50%,-52%) scale(1.08)}}@keyframes preview-pulse{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.95}}.toast-stack{position:absolute;top:86px;right:16px;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{border:1px solid color-mix(in srgb,var(--skin-accent) 45%,transparent);border-radius:8px;padding:12px 14px;background:#0a0811db;box-shadow:0 0 26px color-mix(in srgb,var(--skin-accent) 16%,transparent);animation:toast-in .26s ease-out both}.toast-title{color:var(--skin-accent);font-weight:900}.toast-body{margin-top:4px;color:var(--text-main)}@keyframes toast-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}body.palette-high-contrast{--cyan: #00ffff;--pink: #ff00ff;--lime: #ffff00;--amber: #ffffff;--danger: #ff2a2a}body.palette-colourblind{--cyan: #56b4e9;--pink: #e69f00;--lime: #009e73;--amber: #f0e442;--danger: #d55e00}@media (max-width: 720px){.hud{top:10px;right:10px;bottom:10px;left:10px}.hud-cluster{min-width:0;width:calc(100vw - 20px)}.debug-overlay{display:none}.settings-row{grid-template-columns:1fr}.controls-header{display:none}.control-row{grid-template-columns:1fr}.control-gamepad{text-align:left}.relic-card-grid{grid-template-columns:1fr}.relic-card{min-height:0}.leaderboard-row{grid-template-columns:44px 74px 1fr}.leaderboard-wave,.leaderboard-date{display:none}.initials-slots{gap:8px}.initials-slot{min-height:86px;font-size:calc(42px * var(--ui-scale))}.initials-actions,.skin-select-layout{grid-template-columns:1fr}.background-heading{align-items:start;flex-direction:column}.background-heading p{text-align:left}.background-card{grid-template-columns:70px 1fr}.toast-stack{top:auto;right:10px;bottom:10px;width:calc(100vw - 20px)}}