:root{--in-oklab: ;--in-oklch: ;--bg-deep: #141124;--bg-slate: #221b3b;--bg-panel: rgba(20, 16, 38, .88);--bg-card: rgba(34, 26, 60, .62);--bg-card-hover: rgba(48, 37, 82, .78);--surface-subtle: rgba(255, 248, 238, .055);--surface-hover: rgba(255, 248, 238, .11);--surface-active: rgba(255, 248, 238, .16);--border-subtle: rgba(246, 213, 168, .12);--border-bright: rgba(255, 236, 209, .28);--text-primary: #f9f4ed;--text-secondary: #e2d5c6;--text-muted: #b6a5cc;--accent-primary: #28b5a7;--accent-primary-hover: #32c6b7;--accent-primary-lip: #16756b;--accent-blue: #5e60ce;--accent-blue-lip: #3b3ca8;--accent-gold: #e5b25d;--accent-gold-lip: #9e6b18;--accent-danger: #d95852;--accent-danger-lip: #8f2b26;--accent-cyan: #64dfdf;--accent-purple: #9b72cf;--scrollbar-thumb: rgba(229, 200, 166, .56);--scrollbar-track: transparent;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--app-height: 100%;--vv-offset-top: 0px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 4px;--font-sans: "Avenir Next", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-ui: "Avenir Next", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Iowan Old Style", "Palatino", "Georgia", ui-serif, serif;--font-logo: "Iowan Old Style", "Palatino", "Georgia", ui-serif, serif;font-family:var(--font-sans);font-size-adjust:from-font;color-scheme:dark;accent-color:var(--accent-primary)}@media(prefers-contrast:more){:root{--scrollbar-thumb: #ffea00;--scrollbar-track: #090b14}}::selection{background:#28b5a75c;color:#fffaf2}@supports (background: linear-gradient(in oklab,white,black)){:root{--in-oklab: in oklab;--in-oklch: in oklch}}@media(display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui),(hover:none)and (pointer:coarse){:root{--safe-bottom: max(env(safe-area-inset-bottom, 0px), 10px)}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at 18% 14%,rgba(255,238,210,.14) 0 1.5px,transparent 2px),radial-gradient(circle at 82% 20%,rgba(255,238,210,.12) 0 1.5px,transparent 2px),radial-gradient(circle at 50% 8%,rgba(246,189,96,.12) 0%,transparent 48%),linear-gradient(180deg var(--in-oklab),#161329 0%,#271e42 44%,#452e54 78%,#68405a 100%);color:var(--text-primary);line-height:1.45;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}[hidden],.hidden{display:none!important}.econ-svg-icon,.ui-svg-icon,.mode-svg-icon,.booster-svg-icon,.tab-svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.econ-svg-icon{width:13px;height:13px}.ui-svg-icon{width:15px;height:15px}.mode-svg-icon{width:14px;height:14px;color:var(--accent-gold)}.booster-svg-icon,.tab-svg-icon{width:18px;height:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app-shell{position:fixed;top:var(--vv-offset-top, 0px);left:0;right:0;bottom:0;display:flex;flex-direction:column;width:100%;height:var(--app-height, 100%);max-height:100%;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app-shell img{-webkit-user-drag:none}:where(input,textarea,[contenteditable=true],.selectable-text,.code-textarea,.telemetry-bar,.panel-desc,.qr-caption,.transfer-status,.diff-list,.install-step-card p,.install-step-card ol){user-select:text;-webkit-user-select:text}:where(.roadmap-scroll,.themes-scroll,.dialog-card,.code-textarea){scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@supports not (scrollbar-color: auto){.roadmap-scroll::-webkit-scrollbar,.themes-scroll::-webkit-scrollbar,.dialog-card::-webkit-scrollbar,.code-textarea::-webkit-scrollbar{width:8px;height:8px}.roadmap-scroll::-webkit-scrollbar-thumb,.themes-scroll::-webkit-scrollbar-thumb,.dialog-card::-webkit-scrollbar-thumb,.code-textarea::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}.roadmap-scroll::-webkit-scrollbar-track,.themes-scroll::-webkit-scrollbar-track,.dialog-card::-webkit-scrollbar-track,.code-textarea::-webkit-scrollbar-track{background:var(--scrollbar-track)}}.screen{flex:1 1 0%;display:flex;flex-direction:column;min-height:0;width:100%;max-width:1120px;margin:0 auto;overflow:hidden}.top-economy-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem;padding:.48rem .78rem;background:#120e22d1;border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(10px);flex-shrink:0}.brand-cluster{display:flex;align-items:center;gap:.45rem;min-width:0;flex-shrink:0}.brand-cluster-btn{background:transparent;border:none;border-radius:var(--radius-sm);padding:.2rem .38rem;margin:-.2rem -.38rem;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.brand-cluster-btn:hover{background:var(--surface-subtle)}.brand-cluster-btn:focus-visible{background:var(--surface-subtle);outline:1.5px solid var(--accent-gold);outline-offset:2px}.brand-icon{width:28px;height:28px;border-radius:var(--radius-sm);flex-shrink:0}.studio-icon{font-size:1.25rem}.brand-title{margin:0;font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:clamp(.95rem,1.6dvw + .4rem,1.24rem);font-weight:600;letter-spacing:.01em;line-height:1.12;white-space:nowrap}.brand-subtitle{display:block;font-size:clamp(.64rem,.75dvw + .36rem,.76rem);color:var(--text-muted);font-weight:400;letter-spacing:.02em;white-space:nowrap}.economy-pills{display:inline-flex;align-items:center;gap:.65rem;padding:.24rem .62rem;background:#0a071694;box-shadow:inset 0 1px 2px #0000007a,inset 0 -1px #fff4e00f;border-radius:var(--radius-sm);flex-wrap:nowrap}.econ-pill{display:inline-flex;align-items:center;gap:.24rem;padding:0;background:transparent;border:none;border-radius:0;font-family:var(--font-ui);font-size:clamp(.75rem,.9dvw + .4rem,.88rem);font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.econ-pill:not(:last-child):after{content:"";display:inline-block;width:1px;height:11px;margin-left:.4rem;background:#f6d5a829}@media(max-width:520px){.top-economy-bar{flex-wrap:nowrap;gap:.32rem;padding:.4rem .55rem}.brand-cluster{gap:.32rem}.brand-icon{width:24px;height:24px}.brand-title{font-size:.92rem}.brand-subtitle{display:none}.economy-pills{gap:.42rem;padding:.2rem .44rem}.econ-pill{font-size:.74rem;gap:.18rem}.econ-pill:not(:last-child):after{margin-left:.24rem}#btn-install-header{padding:.24rem .44rem;min-height:30px;font-size:.68rem;white-space:nowrap}}.econ-coins{color:#f3d27a}.coin-emblem{display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff3b0,#e5b25d 65%,#b57c24);flex-shrink:0}.star-emblem{color:#f3d27a;font-size:.92em}.econ-stars{color:#f3d27a}.econ-streak{color:#e89968}.btn-tactile{appearance:none;border:none;border-radius:var(--radius-sm);padding:.54rem .95rem;min-height:40px;font-family:var(--font-ui);font-size:clamp(.82rem,1dvw + .44rem,.94rem);font-weight:600;letter-spacing:.03em;color:var(--text-primary);background:linear-gradient(180deg var(--in-oklab),rgba(74,58,118,.88) 0%,rgba(46,35,80,.94) 100%);box-shadow:inset 0 1px #fff8ec33,0 2px #080512a6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.38rem;text-decoration:none;user-select:none;transition:background .15s ease,color .15s ease,box-shadow .1s ease,transform .1s ease}@media(hover:hover){.btn-tactile:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(92,72,142,.94) 0%,rgba(58,44,98,.98) 100%)}}.btn-tactile:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff8ec24,0 1px #080512a6}.btn-tactile:focus-visible{outline:1.5px solid var(--accent-gold);outline-offset:2px}.btn-primary{background:linear-gradient(180deg var(--in-oklab),#42e0cd 0%,#22ab9d 100%);color:#07191a;font-weight:700;box-shadow:inset 0 1px #ffffff70,0 2px #105e56,0 6px 16px #28b5a740}@media(hover:hover){.btn-primary:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),#56ebd9 0%,#28beaf 100%)}}.btn-primary:active:not(:disabled){background:linear-gradient(180deg var(--in-oklab),#28beaf 0%,#1d9689 100%);box-shadow:inset 0 1px #ffffff4d,0 1px #105e56}.btn-secondary{background:linear-gradient(180deg var(--in-oklab),rgba(74,58,118,.88) 0%,rgba(46,35,80,.94) 100%);color:var(--text-primary)}@media(hover:hover){.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(92,72,142,.94) 0%,rgba(58,44,98,.98) 100%)}}.btn-warning{background:linear-gradient(180deg var(--in-oklab),#f3cb78 0%,#d49b38 100%);color:#1c1204;font-weight:700;box-shadow:inset 0 1px #fffceb7a,0 2px #7a510e,0 4px 12px #e5b25d33}@media(hover:hover){.btn-warning:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),#fad88c 0%,#e0a844 100%);color:#140c02}}.btn-danger{background:linear-gradient(180deg var(--in-oklab),rgba(186,68,64,.85) 0%,rgba(136,42,38,.92) 100%);color:#fff2f0;box-shadow:inset 0 1px #ffdcd742,0 2px #44100ebf}@media(hover:hover){.btn-danger:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(206,78,74,.92) 0%,rgba(154,48,44,.96) 100%);color:#fff}}.btn-sanctuary{background:linear-gradient(180deg var(--in-oklab),rgba(176,98,72,.88) 0%,rgba(128,66,48,.94) 100%);color:#fff3eb;box-shadow:inset 0 1px #ffe8d647,0 2px #3e1a12b8}@media(hover:hover){.btn-sanctuary:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(196,112,84,.94) 0%,rgba(146,76,56,.98) 100%);color:#fff}}.btn-install{background:linear-gradient(180deg var(--in-oklab),rgba(46,138,128,.88) 0%,rgba(28,92,86,.94) 100%);color:#d8fcf7;box-shadow:inset 0 1px #c4fff847,0 2px #0a2e2ab8}@media(hover:hover){.btn-install:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(58,158,147,.94) 0%,rgba(36,110,102,.98) 100%);color:#fff}}.btn-compact{min-height:34px;padding:.34rem .68rem;font-size:clamp(.74rem,.85dvw + .4rem,.84rem);border-radius:var(--radius-sm)}.btn-icon{min-width:38px;min-height:38px;padding:.32rem;border-radius:var(--radius-sm);background:linear-gradient(180deg var(--in-oklab),rgba(74,58,118,.88) 0%,rgba(46,35,80,.94) 100%);color:var(--text-primary);border:none;box-shadow:inset 0 1px #fff8ec33,0 2px #080512a6;font-size:1.05rem}@media(hover:hover){.btn-icon:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(92,72,142,.94) 0%,rgba(58,44,98,.98) 100%);color:#fff}}.btn-hero{min-height:44px;padding:.62rem 1.25rem;font-size:clamp(.9rem,1.4dvw + .45rem,1.06rem);border-radius:var(--radius-md);letter-spacing:.05em}.home-dashboard{display:flex;flex-direction:column;gap:.36rem;padding:.42rem .85rem .3rem;flex-shrink:0}.chests-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.chest-card{background:#0b08189e;border:none;border-radius:var(--radius-md);padding:.34rem .56rem;display:flex;flex-direction:column;gap:.18rem;box-shadow:inset 0 1px 2px #00000080,inset 0 -1px #fff4e00d}.chest-header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;font-family:var(--font-ui);font-size:clamp(.68rem,.85dvw + .34rem,.78rem);font-weight:600;letter-spacing:.02em}.chest-title{display:inline-flex;align-items:center;gap:.26rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chest-svg-icon{width:13px;height:13px;color:var(--accent-gold);flex-shrink:0}.chest-counter{color:var(--accent-gold);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.progress-track{width:100%;height:4px;background:#fff8ee14;border-radius:var(--radius-xs);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-xs);transition:width .25s ease}.fill-cyan{background:var(--accent-primary)}.fill-gold{background:var(--accent-gold)}.chest-caption{font-size:.62rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.chest-caption{display:none}}.hero-launch-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.62rem .86rem;background:linear-gradient(135deg var(--in-oklab),rgba(48,34,82,.86) 0%,rgba(76,44,80,.84) 58%,rgba(102,54,72,.82) 100%);border:1px solid rgba(246,213,168,.22);border-radius:var(--radius-lg);box-shadow:inset 0 1px #fff8ec29,0 6px 18px #0805146b}.hero-astrolabe-watermark{position:absolute;right:-18px;top:-18px;width:128px;height:128px;color:#ffecd117;pointer-events:none}.hero-level-meta{position:relative;z-index:1;min-width:0;flex:1}.hero-meta-top{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.hero-chapter-tag{font-family:var(--font-ui);font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f2d59b}.hero-level-title{margin:.1rem 0 .08rem;font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:clamp(.98rem,1.9dvw + .42rem,1.28rem);font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-level-subtitle{margin:0;font-size:clamp(.71rem,.9dvw + .36rem,.82rem);font-weight:400;color:var(--text-secondary);text-wrap:pretty}.hero-awakening-banner{display:inline-flex;align-items:center;gap:.3rem;margin-top:.24rem;padding:.16rem .48rem;background:#0b08188f;box-shadow:inset 0 1px 2px #00000075,inset 0 -1px #fff4e00d;border-radius:var(--radius-xs);max-width:100%}.awakening-spark{color:var(--accent-primary);font-size:.72rem;flex-shrink:0}.awakening-text{font-family:var(--font-ui);font-size:.62rem;font-weight:600;letter-spacing:.005em;line-height:1.28;color:#a8f0e8}.badge-difficulty{display:inline-block;padding:.1rem .38rem;border-radius:var(--radius-xs);border:none;font-family:var(--font-ui);font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.diff-normal{background:#28b5a72e;color:#8cf0e6}.diff-hard{background:#e5b25d33;color:#f7d58b}.diff-super_hard{background:#d9585238;color:#ffaba6}.roadmap-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.45rem;flex-wrap:nowrap}.filter-pills{display:flex;align-items:center;gap:.28rem;overflow-x:auto;flex:1 1 0;min-width:0;padding-bottom:2px;scrollbar-width:none}@supports not (scrollbar-width: none){.filter-pills::-webkit-scrollbar{display:none}}.chip-filter{appearance:none;border:none;background:linear-gradient(180deg var(--in-oklab),rgba(64,50,102,.78) 0%,rgba(38,29,66,.88) 100%);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.26rem .56rem;min-height:30px;font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.025em;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #fff8ec29,0 2px #08051299;transition:background .15s ease,color .15s ease,transform .1s ease}@media(hover:hover){.chip-filter:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(82,64,128,.88) 0%,rgba(50,38,84,.94) 100%);color:var(--text-primary)}}.chip-filter.active{background:linear-gradient(180deg var(--in-oklab),#f3cb78 0%,#d49b38 100%);color:#1c1204;font-weight:700;box-shadow:inset 0 1px #fffceb7a,0 2px #7a510e}.level-jump-box{display:flex;align-items:center;gap:.26rem;flex-shrink:0}.input-compact{width:64px;min-height:30px;padding:.2rem .42rem;border-radius:var(--radius-sm);border:1px solid rgba(246,213,168,.14);background:#0b0818b8;box-shadow:inset 0 1px 2px #00000080;color:var(--text-primary);font-family:var(--font-ui);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.input-compact::-webkit-outer-spin-button,.input-compact::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-compact:focus-visible{outline:1.5px solid var(--accent-gold);border-color:transparent}.roadmap-scroll{position:relative;flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding-block:.42rem 1.4rem;padding-inline:.78rem;display:flex;flex-direction:column;align-items:stretch;gap:.56rem}@media(max-height:700px){.home-dashboard{gap:.24rem;padding:.28rem .62rem .2rem}.chest-card{padding:.24rem .46rem;gap:.12rem}.hero-launch-card{padding:.4rem .62rem;gap:.26rem}.hero-awakening-banner{margin-top:.14rem;padding:.12rem .4rem}.roadmap-scroll{padding-block:.32rem 1rem;padding-inline:.62rem;gap:.46rem}}.roadmap-chapter-banner{width:min(100%,740px);margin-inline:auto;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.46rem .75rem;margin-top:.18rem;background:linear-gradient(90deg var(--in-oklab),rgba(44,32,78,.92) 0%,rgba(26,19,48,.86) 100%);border:none;border-inline-start:3px solid var(--accent-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:inset 0 1px #fff8ec24,0 2px 8px #06041070}.chapter-banner-meta{display:flex;flex-direction:column;gap:.04rem;min-width:0}.chapter-banner-kicker{font-family:var(--font-ui);font-size:.6rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#f2d59b}.chapter-banner-title{margin:0;font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:clamp(.86rem,1.2dvw + .4rem,1rem);font-weight:600;letter-spacing:.01em;color:var(--text-primary)}.chapter-banner-sub{margin:0;font-size:.69rem;font-weight:400;color:var(--text-muted)}.chapter-banner-stars{flex-shrink:0;padding:.2rem .5rem;border-radius:var(--radius-xs);background:#0a071699;box-shadow:inset 0 1px 2px #0000007a;border:none;font-family:var(--font-ui);font-size:.72rem;font-weight:700;color:#f3d27a;font-variant-numeric:tabular-nums}.roadmap-stage-group{position:relative;width:min(100%,740px);margin-inline:auto;flex-shrink:0;background:#100c22a8;border:1px solid rgba(246,213,168,.13);border-radius:var(--radius-lg);padding:.44rem .54rem .52rem;display:flex;flex-direction:column;gap:.36rem;box-shadow:inset 0 1px #fff8ec12,0 4px 12px #06041052}.roadmap-stage-group+.roadmap-stage-group:before{content:"";position:absolute;top:calc(-.56rem - 1px);inset-inline-start:calc(.98rem + 12px);width:2px;height:calc(.56rem + 2px);background:#e5b25d57;pointer-events:none}.roadmap-stage-group.stage-group-cleared{border-color:#38dac252;background:linear-gradient(180deg var(--in-oklab),rgba(14,34,42,.66) 0%,rgba(15,16,36,.68) 100%)}.roadmap-stage-group.stage-group-active{border-color:#f3ca7070;background:linear-gradient(180deg var(--in-oklab),rgba(28,20,54,.78) 0%,rgba(18,13,38,.76) 100%);box-shadow:inset 0 1px #fff8ec1f,0 6px 18px #08051470}.roadmap-stage-group.stage-group-locked{background:#0c091a7a;border-color:#f6d5a812}.stage-group-header{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding-inline:.26rem .18rem}.stage-group-title{font-family:var(--font-ui);font-size:.64rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#e8cfa0;font-variant-numeric:tabular-nums}.roadmap-stage-group.stage-group-cleared .stage-group-title{color:#84f5e4}.roadmap-stage-group.stage-group-locked .stage-group-title{color:var(--text-muted)}.stage-group-summary{font-family:var(--font-ui);font-size:.65rem;font-weight:600;font-variant-numeric:tabular-nums;padding:.1rem .42rem;border-radius:var(--radius-xs);background:#0907148f;color:var(--text-secondary);white-space:nowrap}.stage-group-summary.summary-cleared{background:#105e5475;color:#9af8ea}.stage-group-summary.summary-progress{color:#f5d896}.stage-group-summary.summary-locked{color:var(--text-muted);opacity:.78}.stage-group-track{position:relative;display:flex;flex-direction:column;gap:.3rem}.stage-group-track:before{content:"";position:absolute;inset-inline-start:calc(.44rem + 12px);top:1.1rem;bottom:1.1rem;width:2px;background:linear-gradient(180deg,#e5b25d6b,#a898cc47);pointer-events:none;z-index:0}.roadmap-stage-group.stage-group-cleared .stage-group-track:before{background:#34dac27a}.roadmap-stage-group.stage-group-locked .stage-group-track:before{background:#948eae29}.level-node-card{position:relative;z-index:1;appearance:none;width:100%;text-align:left;background:linear-gradient(180deg var(--in-oklab),rgba(54,42,90,.84) 0%,rgba(36,27,64,.9) 100%);border:1px solid rgba(246,213,168,.12);border-radius:var(--radius-md);padding:.4rem .58rem .4rem .44rem;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.54rem;box-shadow:inset 0 1px #fff8ec21,0 2px #0805128f;transition:background .14s ease,border-color .14s ease,opacity .14s ease,transform .1s ease}.level-node-card:not(.current-level) .badge-difficulty{display:none}@media(hover:hover){.level-node-card:hover:not(:disabled):not(.locked-level){background:linear-gradient(180deg var(--in-oklab),rgba(72,56,116,.92) 0%,rgba(48,36,82,.95) 100%)}}.level-node-card:active:not(:disabled):not(.locked-level){transform:translateY(1px)}.node-step-marker{width:24px;height:24px;border-radius:999px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.72rem;font-weight:800;line-height:1;background:#221a3cf5;border:1.5px solid rgba(242,213,155,.42);color:#f2d59b;box-shadow:0 1px 3px #05030e99}.level-node-card.completed-level{background:linear-gradient(90deg var(--in-oklab),rgba(18,78,72,.78) 0%,rgba(24,50,68,.82) 100%);border-color:#3ee0c661;box-shadow:inset 0 1px #a4fff233,0 2px #0616189e}@media(hover:hover){.level-node-card.completed-level:hover{background:linear-gradient(90deg var(--in-oklab),rgba(24,96,88,.88) 0%,rgba(30,62,84,.9) 100%)}}.level-node-card.completed-level .node-step-marker{background:linear-gradient(180deg var(--in-oklab),#3ce8d0 0%,#149686 100%);border-color:#a8fff2;color:#052622;box-shadow:0 0 8px #30e0c457,0 1px 2px #041010b3}.level-node-card.zen-cleared-level{background:linear-gradient(90deg var(--in-oklab),rgba(28,62,54,.74) 0%,rgba(28,44,62,.8) 100%);border-color:#72d4a457;box-shadow:inset 0 1px #baf8d629,0 2px #07141494}@media(hover:hover){.level-node-card.zen-cleared-level:hover{background:linear-gradient(90deg var(--in-oklab),rgba(36,78,68,.86) 0%,rgba(36,56,78,.88) 100%)}}.level-node-card.zen-cleared-level .node-step-marker{background:#183e34f2;border-color:#86e8b69e;color:#a7f3d0;font-size:.7rem}.level-node-card.skipped-level{background:#2627348f;border:1px dashed rgba(168,174,192,.26);box-shadow:inset 0 1px 2px #00000057;opacity:.7}@media(hover:hover){.level-node-card.skipped-level:hover{background:#343646c2;opacity:.94}}.level-node-card.skipped-level .node-step-marker{background:#363846eb;border:1.5px dashed rgba(186,192,210,.48);color:#cbd5e1;box-shadow:none}.level-node-card.milestone-node:not(.current-level):not(.completed-level):not(.skipped-level){border-inline-start:2.5px solid var(--accent-primary)}.level-node-card.current-level{border:1.5px solid rgba(243,202,112,.88);background:linear-gradient(135deg var(--in-oklab),rgba(74,50,122,.96) 0%,rgba(106,58,88,.94) 100%);padding:.58rem .72rem .58rem calc(.44rem - 2.5px);box-shadow:inset 0 1px #fff8ec47,0 3px #0a0616d1,0 6px 18px #e5b25d33}.level-node-card.current-level .node-step-marker{width:28px;height:28px;font-size:.74rem;background:linear-gradient(180deg var(--in-oklab),#ffe28a 0%,#df9d2e 100%);border-color:#fff6d6;color:#201302;box-shadow:0 0 12px #f3ca708c,0 2px 4px #080512b3}.level-node-card.locked-level{background:#0f0b1e80;border-color:#f6d5a80f;box-shadow:inset 0 1px 2px #0000006b;opacity:.5;filter:saturate(.45);cursor:not-allowed}.level-node-card.locked-level .node-step-marker{background:#100c20eb;border-color:#f6d5a824;font-size:.62rem;color:var(--text-muted);box-shadow:none}.node-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.16rem}.node-top-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-width:0}.node-left-cluster{display:flex;align-items:baseline;gap:.42rem;min-width:0;flex:1}.node-right-cluster{display:inline-flex;align-items:center;gap:.34rem;flex-shrink:0}.node-level-num{font-family:var(--font-ui);font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.015em;color:var(--text-secondary);flex-shrink:0;min-width:2.05rem}.level-node-card.completed-level .node-level-num{color:#9af8ea}.level-node-card.current-level .node-level-num{color:#ffe08c;font-size:.84rem;font-weight:700;letter-spacing:.05em}.node-flag-badge{display:inline-flex;align-items:center;padding:.09rem .38rem;border-radius:var(--radius-xs);font-family:var(--font-ui);font-size:.62rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.node-flag-badge.flag-completed{background:#082e2ab8;color:#84f7e6;border:1px solid rgba(72,232,206,.28)}.node-flag-badge.flag-zen{background:#103026bd;color:#a7f3d0;border:1px solid rgba(114,212,164,.32)}.node-stars{font-family:var(--font-ui);font-size:.74rem;font-weight:600;letter-spacing:.05em;color:var(--accent-gold);white-space:nowrap}.node-stars.stars-skipped{font-size:.64rem;font-weight:600;letter-spacing:.03em;padding:.09rem .42rem;border-radius:var(--radius-xs);background:#0f111c94;color:#cbd5e1}.node-name{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.level-node-card.skipped-level .node-name,.level-node-card.skipped-level .node-level-num{color:#cbd5e1}.node-current-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.level-node-card.current-level .node-name{font-size:.96rem;font-weight:600;color:#fffaf2}.node-play-cue{flex-shrink:0;padding:.12rem .48rem;border-radius:var(--radius-xs);background:linear-gradient(180deg var(--in-oklab),#2dd4bf 0%,#149686 100%);color:#04221e;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.03em}.node-unlock-note{font-size:.67rem;font-weight:500;color:#9df2e9;background:#0a162094;box-shadow:inset 0 1px 2px #00000057;border-radius:var(--radius-xs);padding:.14rem .38rem;line-height:1.26}.level-node-card:not(.current-level) .node-unlock-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:400px){.roadmap-stage-group{padding:.38rem .44rem .44rem}.roadmap-stage-group+.roadmap-stage-group:before{inset-inline-start:calc(.44rem + .38rem + 12px)}.stage-group-track:before{inset-inline-start:calc(.38rem + 12px)}.level-node-card{padding:.36rem .46rem .36rem .38rem;gap:.42rem}.level-node-card.current-level{padding-inline-start:calc(.38rem - 2.5px)}.node-flag-badge.flag-completed{padding:.07rem .3rem;font-size:.58rem}}#screen-game{max-width:720px}.hud-top-bar{display:flex;flex-direction:column;gap:.3rem;padding:.42rem .68rem .44rem;background:#120e22d1;border-bottom:1px solid var(--border-subtle);border-radius:0;box-shadow:none;flex-shrink:0;transition:opacity .28s ease,visibility .28s ease}.hud-arch-primary{display:flex;align-items:center;justify-content:space-between;gap:.3rem;width:100%}.hud-left-nav{display:flex;align-items:center;gap:.24rem;flex-shrink:0}.hud-map-btn{min-height:34px;padding:.24rem .46rem;font-size:.72rem;gap:.18rem}.hud-title-block{display:flex;align-items:center;justify-content:center;min-width:0;flex:1 1 auto}.hud-title-row{display:flex;align-items:center;justify-content:center;gap:.28rem;min-width:0;width:100%}.hud-level-name{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:clamp(.75rem,1.35dvw + .34rem,1.02rem);font-weight:600;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-right{display:flex;align-items:center;gap:.24rem;flex-shrink:0}.hud-right .btn-icon,.hud-left-nav .btn-icon{min-width:34px;min-height:34px;padding:.22rem}#btn-skip-hud{min-height:34px;padding:.24rem .46rem;font-size:.72rem;white-space:nowrap}.hud-arch-subbar{display:flex;align-items:center;justify-content:space-between;gap:.36rem;width:100%}.hud-center{display:flex;align-items:center;min-width:0}.hud-sub-stats{display:flex;align-items:center;gap:.26rem;flex-shrink:0}.hud-stat-plaque{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .5rem;background:#0a071694;box-shadow:inset 0 1px 2px #0000007a,inset 0 -1px #fff4e00f;border:none;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.72rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-stat-sep{color:#f6d5a852}.hud-coin-tag{color:#f3d27a}.btn-mode-pill{background:linear-gradient(180deg var(--in-oklab),rgba(68,53,108,.82) 0%,rgba(42,32,74,.9) 100%);border:none;box-shadow:inset 0 1px #fff8ec2e,0 2px #0805129e;padding:.22rem .56rem;border-radius:var(--radius-sm);min-height:30px;gap:.34rem;white-space:nowrap}.btn-mode-pill:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(86,66,134,.9) 0%,rgba(54,41,92,.95) 100%)}.mode-badge{font-family:var(--font-ui);font-size:.73rem;font-weight:600;letter-spacing:.02em;color:#ebd098;white-space:nowrap}.tabular-metric{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:clamp(.74rem,.9dvw + .4rem,.86rem);font-weight:500;color:var(--text-primary);white-space:nowrap}.moves-pill.moves-low{padding:.06rem .34rem;border-radius:var(--radius-xs);background:#e5b25d38;color:#ffe08c;font-weight:600}.moves-pill.moves-critical{padding:.06rem .34rem;border-radius:var(--radius-xs);background:#d9585247;color:#ff9c95;font-weight:700}.moves-pill.moves-stasis{padding:.06rem .34rem;border-radius:var(--radius-xs);background:#28b5a73d;color:#8af5ea;font-weight:600}.timer-pill{padding:.08rem .36rem;border-radius:var(--radius-xs);background:#e5b25d2e;color:#f3d27a}.timer-pill.frozen{background:#28b5a738;color:#7de8dd}.timer-pill.urgent{background:#d9585242;color:#ff948d}@media(max-width:520px){.hud-top-bar{padding:.34rem .44rem .36rem;gap:.24rem}.hud-arch-primary{gap:.22rem}.hud-left-nav,.hud-right{gap:.2rem}.hud-map-btn{padding:.18rem .32rem;min-height:30px;font-size:.68rem}.hud-right .btn-icon,.hud-left-nav .btn-icon{min-width:30px;min-height:30px;padding:.18rem}#btn-skip-hud{min-height:30px;padding:.18rem .32rem;font-size:.68rem;gap:.16rem}.hud-title-row{gap:.18rem}.hud-level-name{font-size:clamp(.64rem,2.75dvw,.72rem);letter-spacing:-.015em}.hud-title-row .badge-difficulty{padding:.08rem .28rem;font-size:.55rem}.btn-mode-pill{padding:.14rem .36rem;min-height:28px;gap:.18rem}.mode-badge,.tabular-metric{font-size:.64rem}.timer-pill{padding:.06rem .24rem;font-size:.62rem}.hud-sub-stats{gap:.2rem}.hud-stat-plaque{padding:.16rem .34rem;font-size:.64rem;gap:.16rem}}.board-stage{position:relative;isolation:isolate;flex:1 1 0%;min-height:0;container-type:size;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.35rem;background:radial-gradient(closest-side at 50% 48%,#f6bd6038,#73466324 56%,#73466300)}@keyframes mysticGodRays{0%{rotate:0deg}to{rotate:360deg}}@keyframes mysticGodRaysCounter{0%{rotate:360deg}to{rotate:0deg}}#screen-game .board-stage:before,#screen-game .board-stage:after{content:"";position:absolute;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .58s cubic-bezier(.22,1,.36,1)}#screen-game .board-stage:before{inset:-14%;z-index:1;background:conic-gradient(from 0deg at 50% 50% var(--in-oklab),rgba(186,78,248,.04) 0deg,rgba(214,108,255,.3) 22deg,rgba(248,184,96,.21) 42deg,rgba(186,78,248,.03) 68deg,rgba(168,68,242,.27) 98deg,rgba(236,122,214,.22) 124deg,rgba(186,78,248,.03) 152deg,rgba(246,178,92,.19) 182deg,rgba(206,96,252,.29) 212deg,rgba(186,78,248,.03) 242deg,rgba(176,74,246,.25) 276deg,rgba(242,146,206,.2) 308deg,rgba(186,78,248,.04) 360deg);-webkit-mask-image:radial-gradient(closest-side at 50% 50%,rgba(0,0,0,.9) 12%,rgba(0,0,0,.52) 52%,transparent 92%);mask-image:radial-gradient(closest-side at 50% 50%,rgba(0,0,0,.9) 12%,rgba(0,0,0,.52) 52%,transparent 92%)}#screen-game .board-stage:after{inset:-6%;z-index:3;background:conic-gradient(from 32deg at 50% 50% var(--in-oklab),rgba(208,102,255,.02) 0deg,rgba(226,128,255,.21) 30deg,rgba(208,102,255,.02) 66deg,rgba(250,190,106,.15) 108deg,rgba(208,102,255,.02) 150deg,rgba(218,114,248,.2) 198deg,rgba(208,102,255,.02) 242deg,rgba(246,172,198,.16) 294deg,rgba(208,102,255,.02) 360deg);-webkit-mask-image:radial-gradient(closest-side at 50% 50%,rgba(0,0,0,.66) 10%,rgba(0,0,0,.32) 46%,transparent 82%);mask-image:radial-gradient(closest-side at 50% 50%,rgba(0,0,0,.66) 10%,rgba(0,0,0,.32) 46%,transparent 82%)}#screen-game.title-backdrop-mode .board-stage:before{opacity:.78;will-change:rotate,opacity;animation:mysticGodRays 38s linear infinite;@media(prefers-reduced-motion:reduce){animation:none}}#screen-game.title-backdrop-mode .board-stage:after{opacity:.36;will-change:rotate,opacity;animation:mysticGodRaysCounter 52s linear infinite;@media(prefers-reduced-motion:reduce){animation:none}}body.reduced-motion #screen-game .board-stage:before,body.reduced-motion #screen-game .board-stage:after{animation:none!important;transition:none!important}body.high-contrast #screen-game.title-backdrop-mode .board-stage:after{display:none}@media(forced-colors:active){#screen-game.title-backdrop-mode .board-stage:before,#screen-game.title-backdrop-mode .board-stage:after{display:none}}.sacred-geometry-ornament{position:absolute;top:50%;left:50%;translate:-50% -50%;width:min(98dvw,66dvh,660px);height:min(98dvw,66dvh,660px);color:#f6ca8070;pointer-events:none;z-index:1}@supports (width: 100cqw){.sacred-geometry-ornament{width:min(96cqw,82cqh,550px);height:min(96cqw,82cqh,550px)}}.sacred-geometry-ornament .ornament-outer-wheel{transform-origin:300px 300px;animation:astrolabeSpin 34s linear infinite;@media(prefers-reduced-motion:reduce){animation:none}}.sacred-geometry-ornament .ornament-inner-star{transform-origin:300px 300px;animation:astrolabeSpinReverse 46s linear infinite;@media(prefers-reduced-motion:reduce){animation:none}}@keyframes astrolabeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes astrolabeSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}#game-canvas{--board-aspect: 1;position:relative;z-index:2;aspect-ratio:var(--board-aspect);width:min(94dvw,calc(60dvh * var(--board-aspect)),calc(660px * var(--board-aspect)));height:auto;max-height:min(60dvh,660px);border-radius:var(--radius-lg);border:none;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;display:block}@supports (width: 100cqw){#game-canvas{width:min(96cqw,calc(82cqh * var(--board-aspect)),calc(550px * var(--board-aspect)));max-height:min(82cqh,550px)}}.unlock-banner{position:absolute;top:.45rem;left:50%;transform:translate(-50%);background:#140f26eb;border:1px solid rgba(246,213,168,.24);border-radius:var(--radius-md);padding:.3rem .68rem;font-family:var(--font-ui);font-size:clamp(.72rem,.9dvw + .36rem,.82rem);line-height:1.28;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.38rem;max-width:min(92%,460px);pointer-events:none;z-index:5}.booster-target-banner{position:absolute;top:.65rem;left:50%;transform:translate(-50%);background:#140f26f2;border:1px solid var(--accent-gold);border-radius:var(--radius-md);padding:.46rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:min(94%,540px);z-index:10}.target-instruction{font-family:var(--font-ui);font-size:clamp(.76rem,1dvw + .4rem,.88rem);font-weight:600;color:#f3d27a}.target-actions{display:flex;align-items:center;gap:.38rem;flex-shrink:0}.game-toast{position:fixed;bottom:calc(4.8rem + var(--safe-bottom));left:50%;transform:translate(-50%);background:#140f26f0;border:1px solid rgba(246,213,168,.22);border-radius:var(--radius-md);padding:.42rem .88rem;font-family:var(--font-ui);font-size:.82rem;font-weight:500;letter-spacing:.02em;color:var(--text-primary);max-width:min(92dvw,520px);text-align:center;pointer-events:none;z-index:60}.booster-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.38rem;padding:.44rem .65rem calc(.5rem + var(--safe-bottom));background:#120e22e0;border-top:1px solid var(--border-subtle);border-radius:0;box-shadow:none;flex-shrink:0;transition:opacity .28s ease,visibility .28s ease}.booster-btn{appearance:none;background:linear-gradient(180deg var(--in-oklab),rgba(64,50,102,.84) 0%,rgba(38,29,68,.92) 100%);border:1px solid transparent;border-radius:var(--radius-md);min-height:58px;min-width:48px;padding:.3rem .18rem;color:var(--text-primary);font-family:var(--font-ui);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14rem;box-shadow:inset 0 1px #fff8ec2e,0 2px #080512a6;transition:background .14s ease,border-color .14s ease,transform .08s ease}.booster-btn:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),rgba(82,64,128,.92) 0%,rgba(50,38,86,.96) 100%)}.booster-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff8ec1f,0 1px #080512a6}.booster-btn.active-targeting{border-color:var(--accent-gold);background:linear-gradient(180deg var(--in-oklab),rgba(116,86,42,.9) 0%,rgba(78,54,24,.94) 100%);box-shadow:inset 0 1px #fff4d659,0 2px #0c0816b3,0 0 14px #e5b25d47}.booster-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none;color:#f2e4cf}.booster-btn.rarity-common .booster-icon{color:#e8e0f5}.booster-btn.rarity-uncommon .booster-icon{color:#7de8dd}.booster-btn.rarity-rare .booster-icon{color:#f3d27a}.booster-btn.rarity-epic .booster-icon{color:#f5a69b}.booster-btn.rarity-legendary .booster-icon{color:#ebd098}.booster-btn.locked-booster{background:#0e0a1c8f;box-shadow:inset 0 1px 2px #00000075;opacity:.48;filter:saturate(.35)}.booster-name{font-size:.66rem;font-weight:600;letter-spacing:.025em;color:var(--text-primary);white-space:nowrap}.booster-badge{font-size:.6rem;font-weight:700;letter-spacing:.02em;padding:.06rem .34rem;border-radius:var(--radius-xs);background:#0a07168a;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.booster-badge.badge-free{background:#28b5a73d;color:#8cf0e6}.booster-badge.badge-coin{background:#e5b25d38;color:#f7d58b}.booster-badge.badge-locked{background:#fff8ee0d;border:none;color:var(--text-muted)}@media(max-width:520px),(max-height:740px){.booster-dock{gap:.3rem;padding:.36rem .48rem calc(.42rem + var(--safe-bottom))}.booster-btn{min-height:52px;min-width:0;padding:.22rem .12rem}.booster-icon{width:20px;height:20px}}.themes-scroll{flex:1 1 0%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:.68rem .85rem 1.25rem;display:flex;flex-direction:column;gap:.92rem}.themes-category-tabs{display:flex;align-items:center;gap:.28rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;flex-shrink:0}@supports not (scrollbar-width: none){.themes-category-tabs::-webkit-scrollbar{display:none}}.theme-section-title{margin:0 0 .45rem;font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:clamp(.92rem,1.3dvw + .42rem,1.08rem);font-weight:600;letter-spacing:.015em;color:var(--text-secondary)}.theme-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.55rem}.theme-card{background:#100c20a8;border:1px solid transparent;border-radius:var(--radius-md);padding:.68rem .75rem;display:flex;flex-direction:column;justify-content:space-between;gap:.52rem;box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #fff4e00d;transition:background-color .15s ease,border-color .15s ease}.theme-card:hover{background:#18122ec2}.theme-card-top{display:flex;align-items:center;gap:.65rem}.theme-swatch{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0;position:relative;border:1px solid rgba(255,248,238,.14);box-shadow:none}.swatch-classic_studs{background:linear-gradient(145deg,#f04852,#c91e28)}.swatch-classic_studs:after{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff858d,#d9232e 70%)}.swatch-relic_stone{background:linear-gradient(90deg,transparent 47%,rgba(28,16,12,.62) 0 53%,transparent 0) 50% 50% / 18px 20px no-repeat,linear-gradient(38deg,transparent 46%,rgba(28,16,12,.58) 0 54%,transparent 0) 54% 40% / 14px 12px no-repeat,radial-gradient(circle at 28% 24% var(--in-oklab),rgba(255,236,214,.24) 0%,transparent 55%),linear-gradient(145deg var(--in-oklab),#c4685e 0%,#98443d 55%,#78332e 100%);box-shadow:inset 2px 2px #ffe0ce57,inset -3px -3px #24120e75}.swatch-gummy_jelly{background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.85) 0 3px,transparent 5px),radial-gradient(circle at 68% 64%,rgba(255,255,255,.52) 0 2px,transparent 3.5px),radial-gradient(circle at 50% 48% var(--in-oklab),#a7f3d0 0%,#10b981 52%,#065f46 100%);box-shadow:inset 0 0 0 2px #064e3b6b}.swatch-carved_wood{background:radial-gradient(ellipse 5px 8px at 66% 58%,rgba(62,28,10,.72) 0 45%,transparent 100%),repeating-linear-gradient(180deg,transparent 0 3px,rgba(92,46,16,.3) 0 4px),linear-gradient(100deg var(--in-oklab),#d59d5c 0%,#b8763a 48%,#985b28 100%)}.swatch-neon_cyber{background:linear-gradient(135deg,transparent 42%,rgba(168,210,255,.22) 48%,transparent 56%),linear-gradient(90deg,transparent 46%,rgba(40,225,212,.72) 0 54%,transparent 0) 50% 50% / 22px 2px no-repeat,radial-gradient(circle at 72% 50%,#3af2e2 0 2.5px,transparent 4px),linear-gradient(145deg var(--in-oklab),#12182b 0%,#070a14 100%);border:1.5px solid #2ee6d6;box-shadow:inset 0 0 8px #2ee6d659}.swatch-industrial_slate{background:linear-gradient(90deg,transparent 48%,rgba(14,18,28,.55) 0 52%,transparent 0),linear-gradient(180deg,transparent 48%,rgba(14,18,28,.55) 0 52%,transparent 0),linear-gradient(135deg var(--in-oklab),#3a4258 0%,#272d3f 55%,#1b2030 100%);box-shadow:inset 0 0 0 3px #4b536b}.swatch-warm_birch{background:repeating-linear-gradient(180deg,transparent 0 9px,rgba(92,56,28,.42) 0 10.5px),repeating-linear-gradient(90deg,transparent 0 18px,rgba(120,78,42,.16) 0 19px),linear-gradient(135deg var(--in-oklab),#e7c9a3 0%,#d4ac7d 55%,#bc8f5e 100%);box-shadow:inset 0 0 0 3px #754f2f}.swatch-midnight_arcade{background:linear-gradient(90deg,transparent 47%,rgba(36,218,255,.72) 0 53%,transparent 0),linear-gradient(180deg,transparent 47%,rgba(238,74,224,.68) 0 53%,transparent 0),linear-gradient(135deg var(--in-oklab),#0d1226 0%,#070a18 65%,#121736 100%);box-shadow:inset 0 0 0 2.5px #22b8e8}.swatch-frosted_quartz{background:linear-gradient(122deg,transparent 45%,rgba(255,255,255,.78) 0 51%,transparent 0),linear-gradient(34deg,transparent 52%,rgba(255,255,255,.58) 0 57%,transparent 0),linear-gradient(135deg var(--in-oklab),#e4f1fb 0%,#bed7ec 60%,#96b8d6 100%);box-shadow:inset 0 0 0 3px #cce3f5}.swatch-mint_studio{background:radial-gradient(circle at 28% 34%,#f4f7f2 0 2.5px,transparent 3px),radial-gradient(circle at 68% 30%,#e4be5c 0 2px,transparent 2.6px),radial-gradient(circle at 58% 68%,#1b4d3e 0 2.8px,transparent 3.4px),radial-gradient(circle at 32% 72%,#f4f7f2 0 2px,transparent 2.6px),linear-gradient(135deg var(--in-oklab),#8fd0b8 0%,#68b89c 58%,#4b9b80 100%);box-shadow:inset 0 0 0 2.5px #dfc068}.swatch-micro_cubes,.swatch-star_confetti,.swatch-pixel_sparks,.swatch-soap_bubbles,.swatch-lightning_bolts{background:radial-gradient(circle at 50% 50%,#4a3269,#201633);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.theme-card.equipped{border-color:#28b5a794;background:linear-gradient(135deg var(--in-oklab),rgba(22,54,64,.72) 0%,rgba(18,38,52,.78) 100%);box-shadow:inset 0 1px #7de8dd2e,0 4px 14px #0a081673}.theme-card-title{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:.88rem;font-weight:600;letter-spacing:.01em;margin:0}.theme-card-desc{font-size:.74rem;font-weight:400;color:var(--text-muted);margin:.16rem 0 0}.bottom-tab-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;padding:.36rem .65rem calc(.42rem + var(--safe-bottom));background:#100c1eeb;border-top:1px solid var(--border-subtle);flex-shrink:0;max-width:1120px;width:100%;margin:0 auto}.tab-item{appearance:none;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);min-height:44px;padding:.26rem .2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14rem;font-family:var(--font-ui);transition:background-color .15s ease,color .15s ease}@media(hover:hover){.tab-item:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-secondary)}}.tab-item.active{color:#ffe08c;background:linear-gradient(180deg var(--in-oklab),rgba(74,58,118,.88) 0%,rgba(46,35,80,.94) 100%);box-shadow:inset 0 1px #fff8ec33,0 2px #080512a6}#tab-btn-home.active{color:#fff3eb;background:linear-gradient(180deg var(--in-oklab),rgba(176,98,72,.88) 0%,rgba(128,66,48,.94) 100%);box-shadow:inset 0 1px #ffe8d647,0 2px #3e1a12b8}@media(hover:hover){#tab-btn-home.active:hover:not(:disabled){color:#fff;background:linear-gradient(180deg var(--in-oklab),rgba(196,112,84,.94) 0%,rgba(146,76,56,.98) 100%)}}.tab-item.tab-play-cta{background:linear-gradient(180deg var(--in-oklab),#42e0cd 0%,#22ab9d 100%);color:#07191a;box-shadow:inset 0 1px #ffffff70,0 2px #105e56,0 4px 12px #28b5a740}@media(hover:hover){.tab-item.tab-play-cta:hover:not(:disabled){background:linear-gradient(180deg var(--in-oklab),#56ebd9 0%,#28beaf 100%);color:#07191a}}.tab-icon{font-size:1.1rem;line-height:1}.tab-label{font-size:.66rem;font-weight:600;letter-spacing:.025em;white-space:nowrap}@media(max-width:520px),(max-height:740px){.bottom-tab-bar{gap:.24rem;padding:.32rem .5rem calc(.38rem + var(--safe-bottom))}.tab-item{min-height:42px;padding:.22rem .14rem}}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overflow:hidden;overscroll-behavior:contain;background:#0c0918c7;backdrop-filter:blur(8px)}#dialog-victory::backdrop{background:radial-gradient(circle at 50% 45%,#f6bd6033,#100b208f);backdrop-filter:blur(2px)}.game-dialog{border:none;padding:0;background:transparent;color:var(--text-primary);max-width:min(94dvw,520px);max-height:min(92dvh,calc(var(--app-height, 100dvh) - 1rem));width:100%;margin:auto;user-select:none;-webkit-user-select:none}.dialog-card{background:#1a1430f5;border:1px solid rgba(246,213,168,.18);border-radius:var(--radius-lg);padding:1.05rem;box-shadow:0 20px 44px #0000008c;display:flex;flex-direction:column;gap:.72rem;max-height:min(90dvh,calc(var(--app-height, 100dvh) - 1.5rem));overflow-y:auto}.victory-dialog-card{padding:.9rem 1.02rem;gap:.56rem}.victory-header{display:flex;flex-direction:column;align-items:center;gap:.14rem}.victory-crest-ornament{width:52px;height:52px;color:var(--accent-gold);translate:0px;rotate:0deg;scale:1;animation:crestSunburstSpin 22s linear infinite;@media(prefers-reduced-motion:reduce){animation:none}}@keyframes crestSunburstSpin{0%{rotate:0deg}to{rotate:360deg}}.dialog-card-wide{max-width:min(94dvw,560px)}.dialog-header{text-align:center}.dialog-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dialog-title{margin:0;font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:clamp(1.06rem,2.2dvw + .45rem,1.42rem);font-weight:600;letter-spacing:.01em;text-wrap:balance}.dialog-subtitle{margin:.22rem 0 0;font-size:.84rem;font-weight:400;color:var(--text-secondary);text-wrap:pretty}.victory-stars{font-size:2.1rem;text-align:center;letter-spacing:.14em;display:flex;align-items:center;justify-content:center;gap:.35rem;color:#fff8ee40}.zen-victory-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .78rem;border-radius:var(--radius-sm);background:#143a2ec7;border:1px solid rgba(114,212,164,.38);color:#a7f3d0;font-family:var(--font-ui);font-size:.84rem;font-weight:600;letter-spacing:.02em}.star-slot{display:inline-block;translate:0px;rotate:0deg;scale:1}.star-slot.earned{color:#f3d27a;text-shadow:0 0 16px rgba(243,210,122,.35);animation:starPopIn .32s cubic-bezier(.34,1.56,.64,1) both;@media(prefers-reduced-motion:reduce){animation:none;opacity:1;scale:1}}.star-slot.earned:nth-child(1){animation-delay:0ms}.star-slot.earned:nth-child(2){animation-delay:45ms}.star-slot.earned:nth-child(3){animation-delay:90ms}@keyframes starPopIn{0%{opacity:.85;scale:.75;rotate:-12deg}70%{opacity:1;scale:1.14;rotate:4deg}to{opacity:1;scale:1;rotate:0deg}}.victory-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.52rem}.stat-box{background:#0b08189e;box-shadow:inset 0 1px 2px #0000007a,inset 0 -1px #fff4e00d;border:none;border-radius:var(--radius-md);padding:.56rem;text-align:center;display:flex;flex-direction:column;gap:.18rem}.stat-label{font-family:var(--font-ui);font-size:.7rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.stat-value{font-family:var(--font-ui);font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.text-gold{color:#f3d27a}.coins-breakdown{margin:0;text-align:center;font-size:.76rem;color:var(--text-secondary)}.victory-chests-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.victory-chest-mini{background:#0b08189e;box-shadow:inset 0 1px 2px #0000007a,inset 0 -1px #fff4e00d;border:none;border-radius:var(--radius-sm);padding:.4rem .55rem;display:flex;flex-direction:column;gap:.22rem}.chest-fanfare-box{background:#e5b25d24;border:none;border-radius:var(--radius-sm);padding:.5rem .7rem;text-align:center;font-family:var(--font-ui);font-size:.8rem;font-weight:600;color:#f3d27a}.dialog-actions{display:flex;align-items:center;justify-content:center;gap:.48rem}.dialog-actions>.btn-tactile{flex:1;white-space:nowrap;padding-inline:.62rem}.dialog-actions-vertical{flex-direction:column;align-items:stretch}.dialog-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.pause-dialog-card{padding:.85rem .92rem;gap:.52rem}.pause-section-block{display:flex;flex-direction:column;gap:.34rem}.pause-section-label{font-family:var(--font-ui);font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#e5c483}.pause-primary-grid,.pause-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}.settings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:.38rem;padding:.36rem .54rem;background:linear-gradient(180deg var(--in-oklab),rgba(64,50,102,.78) 0%,rgba(38,29,66,.88) 100%);box-shadow:inset 0 1px #fff8ec29,0 2px #08051294;border:none;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.76rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .14s ease}.setting-row:hover{background:linear-gradient(180deg var(--in-oklab),rgba(82,64,128,.88) 0%,rgba(50,38,84,.94) 100%)}.setting-row-wide{grid-column:1 / -1}.setting-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:36px;height:20px;background:#fff8ee24;border:none;border-radius:var(--radius-xs);position:relative;cursor:pointer;flex-shrink:0;transition:background-color .15s ease}.setting-row input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:2px;background:#d8cce6;transition:transform .15s ease,background-color .15s ease}.setting-row input[type=checkbox]:checked{background:var(--accent-primary)}.setting-row input[type=checkbox]:checked:after{transform:translate(16px);background:#0c191b}.select-tactile{background:#0e0b1cb8;color:var(--text-primary);border:1px solid rgba(246,213,168,.16);border-radius:var(--radius-sm);padding:.24rem .45rem;font-family:var(--font-ui);font-size:.75rem;font-weight:500}.telemetry-details{background:#fff8ee09;border:none;border-radius:var(--radius-sm);padding:.34rem .56rem;font-family:var(--font-ui);font-size:.73rem;color:var(--text-muted)}.telemetry-details summary{cursor:pointer;font-weight:500;user-select:none}.telemetry-bar{margin-top:.32rem;background:#0c0918ad;border:none;border-radius:var(--radius-xs);padding:.34rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;color:#7de8dd;text-align:center}.save-transfer-body{display:flex;flex-direction:column;gap:.75rem}.save-panel{background:var(--surface-subtle);border:none;border-radius:var(--radius-md);padding:.72rem;display:flex;flex-direction:column;gap:.48rem}.panel-heading{margin:0;font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:.9rem;font-weight:600}.panel-desc{margin:0;font-size:.75rem;color:var(--text-secondary)}.code-textarea{width:100%;height:3.2rem;line-height:1.35;background:#0c0918bf;color:#93c5fd;border:1px solid rgba(246,213,168,.14);border-radius:var(--radius-sm);padding:.4rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;resize:vertical}.button-row-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.qr-wrapper{display:flex;align-items:center;gap:.72rem;padding-top:.22rem}.qr-box{width:120px;height:120px;background:#fff;color:#0f172a;font-size:.65rem;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:4px;flex-shrink:0}.qr-box svg{width:100%;height:100%;display:block}.qr-caption{font-size:.73rem;color:var(--text-muted)}.transfer-status{margin:0;font-size:.76rem;font-weight:600;color:#f3d27a}.import-diff-panel{background:#140f26d9;border:1px solid rgba(229,178,93,.45);border-radius:var(--radius-md);padding:.62rem;display:flex;flex-direction:column;gap:.5rem}.diff-heading{margin:0;font-size:.84rem;font-weight:600;color:#f3d27a}.diff-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.diff-col{background:var(--surface-subtle);border:none;border-radius:var(--radius-sm);padding:.48rem}.diff-col-incoming{background:#28b5a71a}.diff-col h5{margin:0 0 .3rem;font-size:.74rem;font-weight:600;color:var(--text-secondary)}.diff-list{margin:0;padding-left:1rem;font-size:.73rem;line-height:1.45}.install-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.58rem}.install-step-card{background:var(--surface-subtle);border:none;border-radius:var(--radius-md);padding:.7rem}.install-step-card h3{margin:0 0 .36rem;font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:.88rem;font-weight:600}.install-step-card ol{margin:0;padding-left:1.15rem;font-size:.76rem;line-height:1.45;color:var(--text-secondary)}.pwa-update-toast{position:relative;width:min(100%,1120px);background:#442c10e0;border:none;border-left:3px solid #ffbe0b;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.36rem .56rem;display:flex;align-items:center;justify-content:space-between;gap:.42rem;font-family:var(--font-ui);font-size:.75rem;font-weight:600;flex-shrink:0;user-select:none;-webkit-user-select:none}.title-overlay>.pwa-update-toast{width:min(100%,404px)}.pwa-update-meta{display:flex;align-items:center;gap:.38rem;min-width:0;flex:1 1 auto}.pwa-update-badge{display:inline-flex;align-items:center;gap:.24rem;padding:.1rem .36rem;border-radius:var(--radius-xs);background:#ffbe0b38;border:none;color:#ffe89e;font-size:.58rem;font-weight:600;letter-spacing:.07em;white-space:nowrap;flex-shrink:0}.pwa-update-dot{width:6px;height:6px;border-radius:50%;background:#ffbe0b;flex-shrink:0}.pwa-update-label{color:#fffbeb;font-size:.74rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-toast-actions{display:flex;align-items:center;gap:.26rem;flex-shrink:0}.pwa-btn-update,.pwa-btn-later{min-height:28px;padding:.16rem .48rem;font-size:.68rem;border-radius:var(--radius-xs)}#screen-game.title-backdrop-mode .hud-top-bar,#screen-game.title-backdrop-mode .booster-dock{visibility:hidden;opacity:0;pointer-events:none;transition:none}#screen-game.title-backdrop-mode #unlock-toast,#screen-game.title-backdrop-mode #booster-target-banner{display:none}#screen-game.title-backdrop-mode{pointer-events:none;touch-action:none}.astrolabe-backlight-halo{position:absolute;top:50%;left:50%;translate:-50% -50%;width:min(134dvw,84dvh,710px);height:min(142dvw,84dvh,710px);border-radius:50%;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(50% 50% at 50% 50%,#ffecb2a3,#fcd28085 46%,#f2a0a261 58%,#cc66f840,#9644da1c 84%,#9644da00);transition:opacity .58s cubic-bezier(.22,1,.36,1);@media(prefers-reduced-motion:reduce){transition:none}}@supports (width: 100cqw){.astrolabe-backlight-halo{width:min(136cqw,100cqh,710px);height:min(142cqw,100cqh,710px)}}@keyframes mysticRelicAura{0%,to{opacity:.9;scale:.98}50%{opacity:1;scale:1.035}}@keyframes relicAwakeningBloom{0%{opacity:1;scale:1}22%{opacity:1;scale:1.14}to{opacity:0;scale:1.2}}.sacred-geometry-ornament{transition:color .58s cubic-bezier(.22,1,.36,1);@media(prefers-reduced-motion:reduce){transition:none}}#screen-game.title-backdrop-mode .astrolabe-backlight-halo{opacity:1;will-change:opacity,scale;animation:mysticRelicAura 3.8s ease-in-out infinite;@media(prefers-reduced-motion:reduce){animation:none}}body.high-contrast #screen-game .astrolabe-backlight-halo{display:none!important}#screen-game.relic-awakening-burst:not(.title-backdrop-mode) .astrolabe-backlight-halo{will-change:opacity,scale;background:radial-gradient(50% 50% at 50% 50%,#ffeaf8cc,#e882ff9e 48%,#fab27c6b 66%,#c45af838 82%,#a046e000);animation:relicAwakeningBloom .58s ease-out forwards;@media(prefers-reduced-motion:reduce){animation:none}}#screen-game.title-backdrop-mode .sacred-geometry-ornament{color:#fede9ac2}#screen-game.title-backdrop-mode #game-canvas{border-color:transparent;box-shadow:none;background:transparent}.title-overlay{position:fixed;top:var(--vv-offset-top, 0px);left:0;right:0;bottom:0;width:100%;height:var(--app-height, 100%);max-height:100%;z-index:42;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.42rem;padding:calc(.55rem + var(--safe-top)) calc(.85rem + var(--safe-right)) calc(.75rem + var(--safe-bottom)) calc(.85rem + var(--safe-left));background:linear-gradient(180deg,#0e0a1cad,#0e0a1c00 20% 78%,#0c0918b8);overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}.title-overlay button{touch-action:manipulation}.title-crest-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;padding:1.35rem 1.15rem 1.85rem;background:radial-gradient(ellipse 68% 66% at 50% 42%,#140e26e0,#140e2685 48%,#140e2600 88%);border:none;border-radius:var(--radius-lg);box-shadow:none;width:min(100%,660px);flex-shrink:0}.title-crest-card{position:relative;container:title-card / inline-size;margin-top:auto;width:min(100%,408px);background:#18122eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(246,213,168,.18);border-radius:var(--radius-lg);box-shadow:inset 0 1px #fff8ec24,0 14px 32px #060410a6;padding:.72rem .86rem .68rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;flex-shrink:0}.title-astrolabe-wrap{width:62px;height:62px;display:flex;align-items:center;justify-content:center;color:var(--accent-gold);filter:drop-shadow(0 2px 10px rgba(229,178,93,.35));flex-shrink:0}.title-overlay:has(:where(.pwa-update-toast:not([hidden]))) .title-crest-banner{padding:.4rem 1rem .52rem;gap:.14rem}.title-overlay:has(:where(.pwa-update-toast:not([hidden]))) .title-astrolabe-wrap{width:38px;height:38px}.title-crest-astrolabe{width:100%;height:100%;display:block}@keyframes titleAstrolabeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes titleAstrolabeSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.title-crest-astrolabe .astrolabe-ring-outer{transform-origin:90px 90px;animation:titleAstrolabeSpin 24s linear infinite;@media(prefers-reduced-motion:reduce){animation:none}}.title-crest-astrolabe .astrolabe-star-group{transform-origin:90px 90px;animation:titleAstrolabeSpinReverse 32s linear infinite;@media(prefers-reduced-motion:reduce){animation:none}}.title-brand-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.22rem}.title-kicker{font-family:var(--font-ui);font-size:.62rem;font-weight:700;letter-spacing:.22em;color:var(--accent-gold);text-transform:uppercase}.title-crest-heading{margin:0;font-family:var(--font-logo);font-optical-sizing:auto;font-variation-settings:"SOFT" 60,"WONK" 0;font-size:clamp(2.75rem,9.8dvw + .65rem,3.85rem);font-weight:800;letter-spacing:-.015em;line-height:.96;color:#fff8ee;filter:drop-shadow(0 3px 0 #140d28) drop-shadow(0 10px 24px rgba(8,4,18,.85))}.logo-word-shred{color:#fff8ee}.logo-word-blocks{color:#f3c668;margin-left:.02em}.title-subtitle-ribbon{display:flex;align-items:center;justify-content:center;gap:.56rem;margin-top:.14rem}.ribbon-line{height:1.5px;width:34px;background:linear-gradient(90deg,transparent,rgba(246,189,96,.72),transparent)}.ribbon-text{font-family:var(--font-ui);font-size:.74rem;font-weight:700;letter-spacing:.34em;color:#f2d59b}.title-new-player-tagline{margin:0;font-size:.82rem;font-weight:500;color:var(--text-secondary);line-height:1.4;max-width:34ch}.title-returning-plaque{width:100%;background:#0a0716a3;border:none;border-radius:var(--radius-md);padding:.44rem .64rem;display:flex;flex-direction:column;align-items:stretch;gap:.16rem;box-shadow:inset 0 1px 3px #00000085,inset 0 -1px #fff4e00f}.title-chapter-badge{font-family:var(--font-ui);font-size:.58rem;font-weight:700;letter-spacing:.11em;color:var(--accent-gold);text-transform:uppercase;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-plaque-main-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.4rem}.title-level-subtitle{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;font-size:.84rem;font-weight:600;color:var(--text-primary);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.title-plaque-stats{display:inline-flex;align-items:center;justify-content:flex-end;gap:.48rem;flex-shrink:0}.title-stat-pill{display:inline-flex;align-items:center;gap:.18rem;padding:0;background:transparent;border:none;border-radius:0;font-family:var(--font-ui);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.title-primary-cta-wrap{width:100%}.btn-title-hero{width:100%;min-height:48px;font-family:var(--font-ui);font-size:.95rem;font-weight:700;letter-spacing:.09em;border-radius:var(--radius-md)}.title-dock-bar{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:.3rem;width:100%;min-width:0}.title-nav-grid,.title-utility-row{display:contents}.title-nav-grid[hidden]{display:none}.title-utility-pill{display:inline-flex;align-items:center;justify-content:center;gap:.24rem;min-height:36px;min-width:0;padding:.26rem .4rem;flex:1 1 0;overflow:hidden;background:linear-gradient(180deg var(--in-oklab),rgba(74,58,118,.88) 0%,rgba(46,35,80,.94) 100%);box-shadow:inset 0 1px #fff8ec33,0 2px #080512a6;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.025em;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,transform .1s ease}.title-utility-pill svg{flex-shrink:0;color:#f2d59b}.title-utility-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis}@container title-card (max-width: 440px){.title-dock-bar:has(>.title-utility-row>.title-install-pill:not([hidden])) .title-utility-pill{flex-direction:column;gap:.12rem;min-height:44px;padding:.3rem .12rem .26rem;font-size:.66rem;letter-spacing:0}}.title-utility-pill[hidden]{display:none}.title-map-pill{background:linear-gradient(180deg var(--in-oklab),rgba(176,98,72,.88) 0%,rgba(128,66,48,.94) 100%);color:#fff3eb;box-shadow:inset 0 1px #ffe8d647,0 2px #3e1a12b8}.title-map-pill svg{color:#ffe8d6}.title-install-pill{background:linear-gradient(180deg var(--in-oklab),rgba(46,138,128,.88) 0%,rgba(28,92,86,.94) 100%);color:#d8fcf7;box-shadow:inset 0 1px #c4fff847,0 2px #0a2e2ab8}.title-install-pill svg{color:#b4f7ef}@media(hover:hover){.title-utility-pill:hover{background:linear-gradient(180deg var(--in-oklab),rgba(92,72,142,.94) 0%,rgba(58,44,98,.98) 100%);color:#fff}.title-map-pill:hover{background:linear-gradient(180deg var(--in-oklab),rgba(196,112,84,.94) 0%,rgba(146,76,56,.98) 100%);color:#fff}.title-install-pill:hover{background:linear-gradient(180deg var(--in-oklab),rgba(58,158,147,.94) 0%,rgba(36,110,102,.98) 100%);color:#fff}}.title-utility-pill:active{transform:translateY(1px)}.title-utility-pill:focus-visible,:where(.chip-filter,.level-node-card,.booster-btn,.tab-item,.setting-row input[type=checkbox],.select-tactile):focus-visible{outline:1.5px solid var(--accent-gold);outline-offset:2px}@media(max-width:560px){.top-economy-bar{padding:.42rem .58rem}.brand-subtitle{display:none}.hero-launch-card{flex-direction:column;align-items:stretch;padding:.58rem .75rem;gap:.48rem}.btn-hero{width:100%;min-height:42px;padding:.52rem 1rem}.dialog-actions-grid:not(.pause-primary-grid):not(.pause-utility-grid){grid-template-columns:1fr}.title-crest-card{padding:.62rem .76rem .6rem;gap:.42rem}.title-astrolabe-wrap{width:46px;height:46px}}@media(max-height:700px){.title-overlay{padding-top:calc(.36rem + var(--safe-top));padding-bottom:calc(.46rem + var(--safe-bottom));gap:.24rem}.title-crest-banner{padding:.42rem .85rem .68rem;gap:.14rem}.title-astrolabe-wrap{width:38px;height:38px}.title-crest-heading{font-size:clamp(2.1rem,8dvw + .35rem,2.75rem)}.title-crest-card{padding:.44rem .65rem .42rem;gap:.28rem}.btn-title-hero{min-height:38px;font-size:.85rem}}body.reduced-motion #screen-game.title-backdrop-mode .astrolabe-backlight-halo,body.reduced-motion #screen-game.relic-awakening-burst:not(.title-backdrop-mode) .astrolabe-backlight-halo,body.reduced-motion #screen-game .sacred-geometry-ornament,body.reduced-motion .ornament-outer-wheel,body.reduced-motion .ornament-inner-star,body.reduced-motion .astrolabe-ring-outer,body.reduced-motion .astrolabe-star-group,body.reduced-motion .btn-title-hero,body.reduced-motion .level-node-card.current-level,body.reduced-motion .booster-btn.active-targeting,body.reduced-motion .victory-crest-ornament,body.reduced-motion .star-slot.earned,body.reduced-motion .pwa-update-toast{animation:none!important;transition:none!important}body.high-contrast{--bg-deep: #090b14;--bg-slate: #111629;--bg-panel: rgba(9, 11, 20, .98);--bg-card: #182038;--bg-card-hover: #222c4c;--border-subtle: rgba(255, 248, 231, .62);--border-bright: #ffffff;--text-primary: #ffffff;--text-secondary: #f8fafc;--text-muted: #e2e8f0;--accent-primary: #00f5d4;--accent-primary-lip: #008b76;--accent-gold: #ffea00;--accent-gold-lip: #b48600;--scrollbar-thumb: #ffea00;--scrollbar-track: #090b14}body.high-contrast .title-crest-banner{background:radial-gradient(ellipse 96% 90% at 50% 38%,#090b14fa,#090b14d6 64%,#090b1400);border:none}body.high-contrast .logo-word-shred{color:#fff}body.high-contrast .logo-word-blocks{color:#ffea00}body.high-contrast .top-economy-bar,body.high-contrast #screen-game .hud-top-bar,body.high-contrast .bottom-tab-bar,body.high-contrast .dialog-card,body.high-contrast .title-crest-card,body.high-contrast .title-returning-plaque,body.high-contrast .hero-launch-card,body.high-contrast .hero-awakening-banner,body.high-contrast .chest-card,body.high-contrast .theme-card,body.high-contrast .roadmap-stage-group,body.high-contrast .level-node-card,body.high-contrast .btn-tactile,body.high-contrast .chip-filter,body.high-contrast .booster-btn,body.high-contrast .setting-row,body.high-contrast .setting-row input[type=checkbox],body.high-contrast .economy-pills,body.high-contrast .hud-stat-plaque,body.high-contrast .title-utility-pill,body.high-contrast .pwa-update-toast{border:1px solid rgba(255,250,235,.76)}@media(forced-colors:active){.btn-tactile,.chip-filter,.chest-card,.roadmap-stage-group,.level-node-card,.theme-card,.booster-btn,.setting-row,.setting-row input[type=checkbox],.dialog-card,.economy-pills,.title-crest-banner,.title-crest-card,.title-returning-plaque,.title-utility-pill,.pwa-update-toast{border:1px solid ButtonText}.setting-row input[type=checkbox]:after{background:ButtonText}.setting-row input[type=checkbox]:checked{background:Highlight;border-color:Highlight}.setting-row input[type=checkbox]:checked:after{background:HighlightText}.level-node-card.current-level,.theme-card.equipped,.chip-filter.active,.tab-item.active{outline:2px solid Highlight}}#screen-game .board-stage{background:linear-gradient(#14112459,#1411248c),url(./sanctuary-oy_Anupl.webp) center / cover}#screen-game .board-stage:before,#screen-game .board-stage:after{opacity:.12}