:root{color-scheme:dark;--ice:#9edcff;--snow:#e8f2f8;--gold:#e0b354;--gold-hi:#ffe6a8;--gold-dim:#806434;--iron:#354358;--bg:#09111e;--stone:#131f32;--parch:#afc1d2;--nav-height:64px;--card-width:280px;--card-height:296px;--card-gap:12px;--pager-height:44px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--snow);font:13px/1.5 IBM Plex Mono,monospace}#root{display:flex;justify-content:center}#wrap{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}#wrap>canvas{max-width:1100px;margin-inline:auto}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{min-height:44px;border:1px solid var(--iron);border-radius:4px;background:#172338;color:var(--ice);font:700 12px/1.3 Cinzel,serif;letter-spacing:.02em;padding:10px 16px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled),summary:hover{border-color:var(--gold-dim);background-color:#203149}button:disabled{cursor:not-allowed;color:#8295a9;background:#152030}button.primary{color:#1e170c;background:linear-gradient(#efd093,#d9ac50);border-color:#ac833c}button.primary:disabled{background:#51462e;color:#d1bd91;border-color:#625132}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}h1,h2,p{margin:0}h1,h2{font-family:Cinzel,serif;color:var(--gold);font-weight:800}h1{font-size:24px;line-height:1.25;letter-spacing:.025em}h2{font-size:20px;line-height:1.3}p{overflow-wrap:anywhere}.sub{color:var(--parch);font:13px/1.5 system-ui,sans-serif}.eyebrow{color:var(--ice);font:600 9px/16px IBM Plex Mono,monospace;letter-spacing:.09em}kbd{display:inline-block;border:1px solid #526077;border-radius:3px;padding:1px 5px;font:11px/1.5 monospace;color:inherit}.hub-nav{position:absolute;inset:0 0 auto;height:var(--nav-height);z-index:25;display:grid;grid-template-columns:auto 1fr auto 44px;align-items:center;gap:8px;padding:8px 64px 8px 16px;background:var(--bg);border-bottom:1px solid #88703c33}.brand{color:var(--gold-hi);text-decoration:none;font:800 24px Cinzel,serif;white-space:nowrap}.brand span{font-size:13px;letter-spacing:.08em}.hub-nav .nav-links{display:flex;align-items:center;gap:2px;min-width:0}.hub-nav button{padding:8px 10px;background:transparent;border-color:transparent;white-space:nowrap;font-size:11px}.hub-nav .language-switch{padding:0;width:44px;border-color:var(--iron);font:700 12px system-ui}.hub-nav button[aria-current=page],.tabs button[aria-pressed=true]{color:var(--gold-hi);background:#e0b35412;border-bottom:2px solid var(--gold)}.wallet,.balance{color:var(--gold-hi);white-space:nowrap;font-size:12px}.overlay{position:absolute;inset:var(--nav-height) 0 0;z-index:10;display:flex;justify-content:center;align-items:center;padding:10px;overflow:hidden;background:var(--bg)}.home-frost{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.home-frost:before,.home-frost:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-frost:before{background:radial-gradient(ellipse at 20% 70%,#79c4e310,transparent 45%),radial-gradient(ellipse at 80% 30%,#9dcfdd0c,transparent 45%);animation:frost-breathe 14s ease-in-out infinite alternate}.home-frost:after{background:radial-gradient(circle at 12% 14%,#b9e5ff55 0 1px,transparent 2px),radial-gradient(circle at 83% 47%,#b9e5ff33 0 1px,transparent 2px),radial-gradient(circle at 41% 76%,#b9e5ff33 0 1px,transparent 2px);background-size:210px 260px,290px 310px,350px 230px;animation:frost-drift 24s linear infinite;opacity:.35}@keyframes frost-breathe{0%{opacity:.4}to{opacity:1}}@keyframes frost-drift{0%{transform:translateY(-24px)}to{transform:translateY(24px)}}.home-overlay>.panel{background:transparent}.prologue{flex:1;min-height:0;max-width:590px;align-self:center;display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center;padding:8px 20px}.prologue-rune{color:var(--gold-dim);font:64px/1 Georgia,serif;text-shadow:0 0 32px #9edcff35}.prologue h2{font-size:28px;line-height:1.3;color:var(--gold-hi)}.prologue p{font:15px/1.7 Georgia,serif;color:#bdccd9}.prologue .prologue-vow{color:var(--gold-hi)}.launch-bar.prologue-launch button{width:180px}.panel{position:relative;width:100%;max-width:1280px;border:1px solid #665638;border-radius:8px;padding:16px;background:var(--bg);box-shadow:inset 0 1px #e0b35412;min-width:0}.panel:after{content:"ᛉ";position:absolute;right:14px;top:12px;color:#e0b35450;font:20px serif;pointer-events:none}.blessing-kind{font:9px/1.5 IBM Plex Mono,monospace;color:var(--ice)}.stage-lore{flex:none;text-align:center;color:#b9a778;font:italic 12px/1.5 Georgia,serif}.screen-panel{height:100%;max-height:900px;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.page-heading{flex:none;min-height:48px;text-align:left}.page-heading h1{font-size:clamp(20px,3vw,24px)}.tabs{display:flex;gap:4px;align-items:center}.tabs button{flex:none;min-height:44px;padding:8px 12px}.menu-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:520px;align-self:center}.menu-steps button{min-width:0}.shop-toolbar,.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:40px}.shop-toolbar{justify-content:center}.card-deck{display:flex;flex-direction:column;flex:1;min-height:var(--card-height);min-width:0;gap:8px}.deck-area{flex:1;min-height:var(--card-height);display:grid;place-items:center}.deck-grid{display:grid;gap:var(--card-gap);align-content:center;justify-content:center}.deck-item{width:var(--card-width);height:var(--card-height);min-width:0}.deck-item>.card,.deck-item>.product,.deck-item>.quest-card{width:100%;height:100%;margin:0}.pagination{height:var(--pager-height);flex:none;display:flex;align-items:center;justify-content:center;gap:18px}.pagination button{width:44px;padding:0;font:20px/1 system-ui}.pagination span{min-width:100px;text-align:center;font:12px/1.3 IBM Plex Mono,monospace;color:var(--gold-hi)}.pagination strong{font-size:16px;letter-spacing:.12em}.pagination i{font-style:normal;color:var(--gold-dim);margin:0 4px}.pagination small{display:block;color:var(--parch);font-size:10px;margin-top:3px}.card{position:relative;padding:16px;background:#0e192a;border:1px solid var(--iron);border-radius:6px;text-align:center}.card.sel{border-color:var(--gold);background:linear-gradient(#1b2c41,#142033);box-shadow:inset 0 0 0 1px #e0b35435}.card b{display:block;color:var(--gold-hi);font:700 15px/1.3 Cinzel,serif}.card span{display:block;color:var(--parch);font:12px/1.5 system-ui,sans-serif}.card em{display:block;color:var(--ice);font:10px/1.5 IBM Plex Mono,monospace;font-style:normal}.hero-card{padding:0;display:flex;flex-direction:column}.hero-select{flex:1;min-height:0;padding:8px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;letter-spacing:0}.hero-select:hover:not(:disabled){background:#ffffff04}.hero-portrait{width:128px;height:88px;flex:none;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}.hero-select b{min-height:38px;display:flex;align-items:center}.hero-select>span{font-size:11px}.selection-state,.cost{display:block;color:var(--gold-hi);font:600 11px/1.5 IBM Plex Mono,monospace}.hero-select .selection-state{margin-top:auto}.skin-row{height:45px;flex:none;border-top:1px solid var(--iron);display:grid;place-items:center;padding:0 4px}.skin-row>span{font:11px/1.3 system-ui;color:var(--parch)}.skin-switch{width:100%;height:44px;padding:4px;font:11px/1.3 system-ui;background:transparent;border:0}.boss-portrait{width:80px;height:80px;flex:none;margin:0 auto}.stage-card{display:flex;flex-direction:column;align-items:center;gap:8px}.card .stage-lore{color:#c2b087;font:italic 12px/1.4 Georgia,serif}.stage-card:disabled{opacity:.72}.stage-card .selection-state{margin-top:auto}.launch-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:49px;border-top:1px solid var(--iron);padding-top:4px}.launch-bar>div{min-width:0}.launch-bar strong,.launch-bar span{display:block;font:11px/1.5 system-ui}.launch-bar strong{color:var(--gold-hi)}.launch-bar span{color:var(--parch);font-size:11px}.launch-bar button{flex:none;width:92px;padding:8px}.product{display:flex;flex-direction:column;border:1px solid var(--iron);border-radius:6px;overflow:hidden;background:#0c1727}.product-art{height:96px;flex:none;position:relative;background:radial-gradient(ellipse,#48708150,transparent 70%),#14243a;border-bottom:1px solid var(--iron)}.product-rune{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;color:#adcce511;font:90px/96px serif}.shop-hero{position:absolute;top:2px;right:0;bottom:2px;left:0;width:100%;height:92px;object-fit:contain;filter:drop-shadow(0 7px 8px #0008)}.compare-skin{position:absolute;right:6px;bottom:6px;min-height:32px;padding:6px 8px;font:10px system-ui;background:#0c1727e8}.product-body{flex:1;min-height:0;padding:8px;display:flex;flex-direction:column;gap:3px}.product-body .eyebrow{font-size:8px;line-height:12px}.product-actions{display:flex;gap:4px;margin-top:auto}.product-actions button{flex:1;min-width:0}.product h2{font-size:16px;line-height:1.25}.product p{color:var(--parch);font:12px/1.4 system-ui}.product-body>.owned{margin-top:auto}.product button{font-size:11px;min-height:44px;padding:6px}.product .compare-skin{font:10px system-ui;min-height:44px;padding:6px 8px}.product .text-action{font:11px/1.3 system-ui;padding:0;min-height:24px;border:0;background:transparent;color:var(--ice)}.owned{color:#9ee0b9;font-size:11px}.product .cash-button{font-family:system-ui,sans-serif}.empty-collection{text-align:center;max-width:320px;display:grid;gap:12px}.empty-collection>span{font:64px serif;color:var(--gold)}.empty-collection p{color:var(--parch)}.quest-card{padding:16px;background:#0c1727;border:1px solid var(--iron);border-radius:6px;display:flex;flex-direction:column;gap:8px}.quest-card h2{font-size:18px}.quest-card p{font:12px/1.5 system-ui;color:var(--parch)}.quest-card button{margin-top:auto}.quest-card small{font:11px/1.5 system-ui;color:var(--parch)}progress{width:100%;height:8px;accent-color:var(--gold)}.forge-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.forge-card:disabled{color:var(--parch)}.pips{display:flex!important;gap:5px;justify-content:center}.pips i{width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold-dim)}.pips i.on{background:var(--gold)}.stats-card{padding:12px}.stats-portrait{width:80px;height:72px;object-fit:contain}.stats-card h2{font-size:14px;min-height:36px}.stats-card dl{margin:8px 0}.stats-card dl>div{display:flex;justify-content:space-between;font:11px/1.8 system-ui}.stats-card dd{margin:0;color:var(--gold-hi)}.mastery{display:grid;gap:4px;color:var(--parch);font-size:10px;text-align:left}.account-grid{flex:1;min-height:0;display:grid;grid-template-columns:280px 280px;align-content:center;justify-content:center;gap:32px}.account-grid form{display:flex;flex-direction:column;gap:6px;min-width:0}.account-grid label{font:12px/1.5 system-ui;display:block;color:var(--parch)}.account-grid input{display:block;width:100%;height:44px;background:#08121f;border:1px solid var(--iron);border-radius:4px;color:var(--snow);padding:10px;font:16px system-ui}.account-grid small{font:11px/1.4 system-ui;color:var(--parch)}.auth-title{font-size:20px;line-height:1.4;min-height:44px}.auth-help{font:12px/1.5 system-ui;color:var(--parch)}.auth-links{display:flex;gap:8px}.auth-links button{flex:1;min-width:0;padding:4px;font:11px/1.3 system-ui;color:var(--ice)}.password-field{display:flex;position:relative}.password-field input{padding-right:60px}.password-field button{position:absolute;right:0;top:0;height:44px;padding:8px;font:11px system-ui;background:transparent;border:0}.account-grid aside{display:flex;flex-direction:column;justify-content:center;gap:20px;color:var(--parch);font:14px/1.6 system-ui}.account-rune{text-align:center;font:110px serif;color:var(--gold-dim)}.account-box{margin:auto;max-width:560px;display:grid;gap:20px;text-align:center}.account-box p{overflow-wrap:anywhere}.btnrow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.result-panel .btnrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.run-overlay{top:0;right:0;bottom:0;left:0;padding-top:72px;background:#09111ecb}.pause-panel{max-width:560px;text-align:center;display:flex;flex-direction:column;gap:20px;padding:24px}.run-summary{display:flex;justify-content:space-around;gap:8px;width:100%;padding:10px;border:1px solid var(--iron);border-radius:4px;background:#0b1625;flex:none}.run-summary span{font:10px/1.5 IBM Plex Mono,monospace;color:var(--parch)}.run-summary strong{display:block;font-size:18px;color:var(--gold-hi)}.reward-note,.stage-rewards{color:var(--gold-hi);font:11px/1.4 system-ui}.control-guide{font:12px/2 system-ui;color:var(--parch)}.exit-confirm{display:grid;gap:14px;color:var(--parch);font:13px/1.5 system-ui}.run-controls{position:absolute;right:16px;bottom:16px;z-index:15}.run-controls button{background:#101c2eea;display:flex;align-items:center;gap:10px}.upgrade-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px}.upgrade-card .skill-art{width:56px;height:56px;flex:none}.upgrade-card .skill-rune{font-size:52px!important;line-height:56px!important;flex:none}.upgrade-card>kbd{position:absolute;right:10px;top:10px}.upgrade-card .cost{margin-top:auto}.evolution-choice{border-color:var(--gold);box-shadow:inset 0 0 28px #e0b35415}.recipe-hint{color:var(--gold);font:11px/1.4 system-ui}.blessing-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.blessing-actions>span{font:12px/1.4 system-ui;color:var(--parch)}.blessing-actions button{flex:none}.grimoire-guide{display:flex;flex-direction:column;gap:8px;padding:12px;text-align:left}.grimoire-guide h2{font-size:17px}.grimoire-guide p,.grimoire-guide li{color:var(--parch);font:12px/1.45 system-ui}.grimoire-guide ol{margin:0;padding-left:20px;display:grid;gap:6px}.grimoire-guide li::marker{color:var(--gold)}.grimoire-guide small{margin-top:auto;color:var(--ice);font:11px/1.4 system-ui}.evolution-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px}.evolution-card .skill-art{width:48px;height:48px;flex:none}.evolution-card>span{font-size:12px}.recipe-ingredients{width:100%;margin:auto 0 0;display:grid;gap:4px;font:11px/1.4 system-ui;text-align:left}.recipe-ingredients div{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;background:#172338;border-radius:3px;color:var(--parch)}.recipe-ingredients dd{margin:0;font-weight:700;color:var(--gold-hi);white-space:nowrap}.recipe-ingredients .complete{color:#a7e5ca;background:#1b3933}.evolution-card .selection-state{font:10px/1.4 system-ui;min-height:28px}.skill-art{width:72px;height:72px;object-fit:contain}.skill-rune{font:64px/72px serif!important;color:var(--gold)!important}.audioctl{position:absolute;top:10px;right:12px;z-index:40}.audioctl summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;padding:0;font:22px/1 system-ui}.audioctl summary::-webkit-details-marker{display:none}.audioctl[open] summary{border-color:var(--gold);color:var(--gold)}.sound-popover{position:absolute;top:calc(100% + 8px);right:0;width:232px;padding:16px;background:#132137;border:1px solid var(--gold-dim);border-radius:6px;box-shadow:0 12px 32px #0009;display:grid;gap:12px}.sound-heading,.sound-popover label{display:flex;align-items:center;justify-content:space-between}.sound-heading button{width:32px;min-height:32px;padding:0;font:20px system-ui}.sound-popover input{width:100%;height:32px;margin:0;accent-color:var(--gold)}.sound-popover label{font:12px system-ui}.sound-popover output{color:var(--gold-hi)}.mutebtn{display:flex;align-items:center;justify-content:space-between}.toast{position:absolute;z-index:60;bottom:12px;left:50%;transform:translate(-50%);width:min(520px,calc(100% - 24px));padding:12px;background:#192b41;border:1px solid var(--gold);border-radius:6px;box-shadow:0 6px 24px #0008;display:flex;align-items:center;gap:12px;font:13px/1.5 system-ui}.toast button{margin-left:auto;flex:none;width:36px;min-height:36px;padding:0;font:20px system-ui}.purchase-confirm{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(420px,calc(100vw - 32px));height:fit-content;padding:24px;border:1px solid var(--gold);border-radius:8px;background:#132137;color:var(--snow);text-align:center}.purchase-confirm h2{margin-bottom:12px}.purchase-confirm .btnrow{margin-top:20px}.purchase-confirm::backdrop{background:#030710dd}@media(max-width:800px){:root{--nav-height:88px}.hub-nav{height:88px;grid-template-columns:minmax(0,1fr) auto 44px 44px;grid-template-rows:44px 44px;gap:0;padding:0 8px}.hub-nav .brand{grid-column:1;grid-row:1}.hub-nav .language-switch{grid-column:3;grid-row:1}.hub-nav .wallet{grid-column:2;grid-row:1;margin:0 8px;max-width:72px;overflow:hidden;text-overflow:ellipsis}.hub-nav .nav-links{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.hub-nav .nav-links button{font-family:system-ui,sans-serif}.hub-nav button{padding:6px 2px;min-width:0;letter-spacing:0}.audioctl{top:0;right:8px}.overlay{padding:8px}.run-overlay{padding-top:56px}.screen-panel{padding:10px;gap:8px;border-radius:6px}.page-heading h1{font-size:24px}.tabs button{padding:8px 12px}.menu-steps button{padding:8px;font-size:10px}.blessing-actions{justify-content:center}.blessing-actions>span{display:none}.prologue{padding:4px 8px;gap:12px}.prologue h2{font-size:23px}.prologue p{font-size:14px;line-height:1.5}.prologue-rune{font-size:44px}.prologue-launch>div{display:none}.prologue-launch{justify-content:center}.account-grid{grid-template-columns:280px}.account-grid aside{display:none}}@media(max-height:660px){.page-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.screen-panel{padding-top:8px;padding-bottom:8px;gap:4px}.card-deck{gap:4px}.pause-panel{gap:12px;padding:16px}.control-guide{line-height:1.7}.prologue{gap:8px}.prologue-rune{display:none}.prologue h2{font-size:22px}.prologue p{font-size:13px;line-height:1.45}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.home-frost:before,.home-frost:after{animation:none}}