:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f2;background:#050505;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #050505;--panel: rgba(15, 15, 15, .94);--panel-raised: rgba(29, 29, 29, .96);--line: rgba(255, 255, 255, .2);--line-strong: rgba(255, 255, 255, .5);--muted: #a5a5a1;--bright: #ffffff;--soft: #e2e2dd;--danger: #ffb6b6}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:linear-gradient(#0000001a,#0000001a),url(/assets/art/v1.3.0/backgrounds/gsi_bg_celestial_shrine_desktop_1920x1080.jpg) center / cover fixed}button,input{font:inherit}button{min-height:44px;border:1px solid var(--line-strong);border-radius:.65rem;color:var(--ink);background:var(--bright);font-weight:760;cursor:pointer}button:hover:not(:disabled){background:#d9d9d5}button:disabled{color:#777;border-color:var(--line);background:#252525;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}input{min-height:44px;border:1px solid var(--line-strong);border-radius:.55rem;color:var(--bright);background:#090909;padding:.65rem .75rem}input[type=range]{width:100%;min-height:32px;accent-color:#fff}h1,h2,h3,p,dl,dd{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(1.45rem,6vw,2rem);line-height:1.06;letter-spacing:-.035em}h2{margin-bottom:.35rem;font-size:1.05rem;line-height:1.15}h3{margin-bottom:.25rem;font-size:1rem}p{margin-bottom:.75rem;color:var(--soft);line-height:1.48}.site-frame{display:grid;min-height:100dvh;place-items:center}.game-shell{position:relative;display:flex;width:min(100vw,540px);height:min(100dvh,960px);min-height:620px;overflow:hidden;border:1px solid rgba(255,255,255,.5);color:var(--bright);background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.08),transparent 34%),#050505;box-shadow:0 0 80px #000000e6;flex-direction:column;isolation:isolate}.game-shell:before{position:absolute;z-index:12;inset:6px;border:3px double rgba(236,236,228,.3);border-radius:.25rem;content:"";pointer-events:none}.game-header{z-index:4;display:flex;align-items:center;min-height:76px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 28%),#050505f0;padding:.7rem .9rem;justify-content:space-between;gap:.8rem}.game-header strong{display:block;max-width:12rem;overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.eyebrow{display:block;margin-bottom:.22rem;color:var(--muted);font-size:.65rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.header-resources{display:grid;min-width:0;flex:1;margin-bottom:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.35rem}.header-resources div{position:relative;display:grid;min-width:0;min-height:56px;border-left:1px solid var(--line);background:url(/assets/art/v1.4.0/ui/ornaments/gsi_issue29_ornament_resource_frame.svg) center / 100% 100% no-repeat;padding:.42rem .65rem;text-align:center;grid-template-rows:1fr 1fr;place-items:center}.header-resources dt{position:relative;z-index:1;max-width:calc(100% - 1rem);color:var(--muted);background:#050505e6;padding-inline:.2rem;font-size:.62rem;line-height:1.1;text-align:center;text-transform:uppercase}.header-resources dd{position:relative;z-index:1;justify-content:center;overflow:hidden;width:100%;margin:0;font-size:.88rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.header-resources dd{display:flex;align-items:center;gap:.3rem}.header-resources dd>span{overflow:hidden;max-width:100%;background:#050505e6;padding-inline:.2rem;text-overflow:ellipsis}.header-resource-maximum dd{position:static;padding-inline:.65rem}.maximum-add{position:absolute;top:.22rem;right:.3rem;display:inline-grid;width:26px;min-height:26px;border-radius:50%;padding:0;font-size:1rem;line-height:1;place-items:center}.game-content{position:relative;flex:1;min-height:0;overflow:hidden auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.35) transparent}.game-content.is-soul-active{overflow:hidden;scrollbar-width:none}.game-content.is-soul-active::-webkit-scrollbar{display:none}.view{min-height:100%;padding:1rem .9rem 1.5rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;margin:-1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.view-heading,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.view-heading>p,.section-heading>p{margin-bottom:.3rem;color:var(--muted);font-size:.78rem;text-align:right}.lead{max-width:42rem;margin:.7rem 0 1rem;color:var(--muted);font-size:.86rem}.soul-view{position:relative;height:100%;min-height:0;overflow:hidden;background:linear-gradient(to bottom,#00000014 45%,#050505 93%),url(/assets/art/v1.5.0/backgrounds/gsi_bg_soul_shrine_clean_941x1672.png) center / cover no-repeat;padding:0}.soul-interaction{position:relative;display:grid;width:100%;height:100%;min-height:0;overflow:hidden;margin:0;border:0;border-radius:0;color:var(--bright);background:transparent;touch-action:none;place-items:center;user-select:none;-webkit-user-select:none}.soul-interaction:hover:not(:disabled){background:transparent}.soul-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none}.soul-interaction .soul-layer{position:absolute;z-index:3;bottom:18%;left:25%;width:50%;height:auto;pointer-events:none;transition:filter .18s ease,opacity .18s ease,transform .18s ease}.soul-altar{position:absolute;z-index:2;bottom:-5%;left:-4%;width:108%;height:auto;object-fit:contain;pointer-events:none}.soul-ripple{position:absolute;z-index:4;top:21%;left:22%;width:56%;aspect-ratio:1;border:1px solid rgba(255,255,255,.62);border-radius:50%;opacity:0;box-shadow:0 0 13px #ffffff73,inset 0 0 18px #ffffff47;animation:soul-ripple 3.2s ease-out infinite}.soul-ripple-inner{animation-delay:1.6s}.soul-interaction:is(.is-holding,.is-interacting) .soul-layer{filter:brightness(1.34) drop-shadow(0 0 20px #fff);transform:scale(1.025)}.soul-interaction:is(.is-holding,.is-interacting) .soul-ripple{border-width:2px;animation-duration:.85s;box-shadow:0 0 22px #ffffffe0,inset 0 0 28px #fff9}@keyframes soul-ripple{0%{opacity:.72;transform:scale(.45)}75%{opacity:.2}to{opacity:0;transform:scale(1.2)}}.soul-stats{position:relative;z-index:2;display:grid;margin-bottom:.75rem;border:1px solid var(--line);border-radius:.75rem;background:#050505db;padding:.75rem;grid-template-columns:1fr 1fr;gap:.75rem}.soul-stats-single{grid-template-columns:1fr;text-align:center}.soul-stats div{display:grid;gap:.15rem}.soul-stats div+div{border-left:1px solid var(--line);padding-left:.75rem}.soul-stats span{color:var(--muted);font-size:.7rem}.action-panels,.ability-list,.title-list{display:grid;gap:.7rem}.action-panel,.generator-card,.quiet-panel,.settings-panel,.ascension-card{border:1px solid var(--line);border-radius:.75rem;background:var(--panel);padding:.85rem}.action-panel,.generator-card{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.action-panel p,.generator-card p,.quiet-panel p{margin-bottom:0;color:var(--muted);font-size:.78rem}.action-panel button,.generator-card button{flex:0 0 auto;max-width:44%;padding-inline:.8rem}.secondary-button{color:var(--bright);background:transparent}.inline-form{display:flex;align-items:flex-end;gap:.45rem}.inline-form label,.settings-panel label,.name-prompt label{display:grid;color:var(--soft);font-size:.78rem;gap:.35rem}.inline-form input{width:7rem}.inline-form button{max-width:none}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.catalog-card{position:relative;display:flex;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:.8rem;background:linear-gradient(150deg,rgba(255,255,255,.08),transparent 45%),var(--panel);padding:.75rem;flex-direction:column}.catalog-card>img{width:88px;height:88px;margin:0 auto .35rem;object-fit:contain}.catalog-card h2{font-size:1rem}.catalog-card p{min-height:3.3em;color:var(--muted);font-size:.74rem}.catalog-card button{width:100%;margin-top:auto;padding:.45rem;font-size:.72rem}.shop-folders{display:grid;margin-bottom:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.shop-folders button{position:relative;min-width:0;padding:.5rem .25rem;font-size:.68rem}.shop-folders button.is-active{color:#050505;background:#f4f4ef}.catalog-actions{display:grid;margin-top:auto;grid-template-columns:minmax(0,1fr) 44px;gap:0}.catalog-card .catalog-actions button{margin-top:0;border-radius:.35rem 0 0 .35rem}.catalog-card .catalog-actions .power-preview-button{display:grid;width:44px;min-width:44px;border-left:0;border-radius:0 .35rem .35rem 0;color:#fff;background:#0a0a0a;place-items:center}.preview-eye{position:relative;display:block;width:19px;height:12px;border:2px solid currentColor;border-radius:70% 15%;transform:rotate(45deg)}.preview-eye:after{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:currentColor;content:"";transform:translate(-50%,-50%)}.power-preview-modal{display:grid;width:min(100%,620px);max-height:min(86dvh,760px);overflow:hidden;border:3px double var(--line-strong);background:#090909;padding:1rem;box-shadow:0 24px 80px #000;gap:.6rem}.ability-preview-list{display:grid;overflow:auto;gap:.5rem}.ability-preview-list article{display:grid;border:1px solid color-mix(in srgb,var(--line),var(--ability-accent-edge) 72%);border-radius:.55rem;background:#ffffff09;padding:.65rem;box-shadow:0 0 12px color-mix(in srgb,transparent,var(--ability-accent-halo) 75%);grid-template-columns:52px minmax(0,1fr);column-gap:.65rem}.ability-preview-list h2{align-self:center;color:var(--ability-accent-edge);font-size:.9rem;text-shadow:0 0 9px var(--ability-accent-halo)}.ability-preview-list .ability-icon{width:52px;height:52px;grid-row:1 / span 2}.ability-preview-list .tag-row,.ability-preview-list dl{grid-column:2}.ability-preview-list dl{display:grid;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.ability-preview-list dt{color:var(--muted);font-size:.6rem}.ability-preview-list .tag-row{margin:.25rem 0 .55rem}.ability-preview-list dd{margin:0;font-size:.7rem}.catalog-card.is-owned{border-color:#ffffffa6}.catalog-card.is-locked{opacity:.48}.power-hero{display:flex;align-items:center;min-height:125px;border-bottom:1px solid var(--line);margin:-1rem -.9rem 1rem;background:radial-gradient(circle at 20%,rgba(255,255,255,.13),transparent 42%),#090909;padding:.85rem 1rem;gap:1rem}.power-hero img{width:100px;height:100px;object-fit:contain}.power-hero p{margin:0;color:var(--muted)}.section-heading{margin:1.2rem 0 .7rem}.ability-card{--ability-synergy-tone: color-mix( in srgb, var(--ability-accent-edge), #fff var(--ability-synergy-blue-pct) );position:relative;isolation:isolate;display:grid;border:1px solid color-mix(in srgb,var(--line),var(--ability-accent-edge) 70%);border-radius:.8rem;background:var(--panel);padding:.7rem;grid-template-columns:68px minmax(0,1fr);gap:.65rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,transparent,var(--ability-accent-color) 20%),0 0 12px color-mix(in srgb,transparent,var(--ability-accent-halo) 62%)}.ability-icon{position:relative;display:block;width:68px;height:68px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ability-accent-edge),#fff 18%);border-radius:50%;background:radial-gradient(circle,var(--ability-accent-halo),transparent 68%);box-shadow:inset 0 0 12px var(--ability-accent-halo),0 0 10px var(--ability-accent-halo);transition:border-color .18s ease-out,box-shadow .18s ease-out,filter .18s ease-out}.ability-icon:before{position:absolute;inset:7px;background:linear-gradient(145deg,var(--ability-accent-core),var(--ability-accent-color) 54%,var(--ability-accent-edge));content:"";filter:drop-shadow(0 0 5px var(--ability-accent-color));mask:var(--ability-icon-mask) center / contain no-repeat;-webkit-mask:var(--ability-icon-mask) center / contain no-repeat}.ability-card:is(:hover,:focus-within) .ability-icon{border-color:var(--ability-accent-core);box-shadow:inset 0 0 14px var(--ability-accent-halo),0 0 15px var(--ability-accent-color);filter:brightness(var(--ability-accent-hover-brightness))}.ability-card.has-synergy-visual{border-color:color-mix(in srgb,var(--line),var(--ability-synergy-tone) var(--ability-synergy-intensity-pct));box-shadow:inset 0 0 0 1px color-mix(in srgb,transparent,var(--ability-synergy-tone) var(--ability-synergy-glow-alpha-pct)),0 0 var(--ability-synergy-glow-radius) color-mix(in srgb,transparent,var(--ability-synergy-tone) var(--ability-synergy-glow-alpha-pct));transition:border-color .22s ease-out,box-shadow .22s ease-out}.ability-card.has-synergy-visual .ability-icon{border-color:color-mix(in srgb,rgba(255,255,255,.45),var(--ability-synergy-tone) var(--ability-synergy-intensity-pct));box-shadow:inset 0 0 12px var(--ability-accent-halo),0 0 var(--ability-synergy-icon-glow-radius) color-mix(in srgb,transparent,var(--ability-accent-color) var(--ability-synergy-glow-alpha-pct));filter:brightness(var(--ability-synergy-icon-brightness));transition:border-color .22s ease-out,filter .22s ease-out}.ability-card .ability-title-row h3{color:var(--ability-accent-edge);text-shadow:0 0 9px var(--ability-accent-halo);transition:color .22s ease-out,font-weight .22s ease-out,text-shadow .22s ease-out}.ability-card.has-synergy-visual .ability-title-row h3{color:color-mix(in srgb,var(--ability-accent-edge),var(--ability-accent-core) var(--ability-synergy-intensity-pct));font-weight:var(--ability-synergy-name-weight);text-shadow:0 0 var(--ability-synergy-glow-radius) color-mix(in srgb,transparent,var(--ability-synergy-tone) var(--ability-synergy-glow-alpha-pct))}.ability-card:after{position:absolute;z-index:2;inset:0;border:1px solid var(--ability-synergy-tone);border-radius:.8rem;box-shadow:0 0 14px color-mix(in srgb,transparent,var(--ability-synergy-tone) var(--ability-synergy-glow-alpha-pct));content:"";opacity:0;pointer-events:none}.ability-card.is-synergy-changing:after{animation:ability-synergy-bloom .22s ease-out}@keyframes ability-synergy-bloom{0%{opacity:0}45%{opacity:.92}to{opacity:0}}.ability-card>button{min-height:38px;grid-column:1 / -1;font-size:.76rem}.ability-card.is-unpurchased{color:#91918d;background:#050505f0}.ability-card.is-unpurchased:not(.has-synergy-visual){border-color:#ffffff29}.ability-card.is-unpurchased .ability-icon,.ability-card.is-unpurchased .ability-content{opacity:.46}.ability-card.is-unpurchased:not(.has-synergy-visual) .ability-icon,.ability-card.is-unpurchased:not(.has-synergy-visual) .ability-content{filter:grayscale(1) saturate(var(--ability-accent-locked-saturation))}.ability-card.is-unpurchased.has-synergy-visual .ability-icon,.ability-card.is-unpurchased.has-synergy-visual .ability-content{opacity:.62}.ability-card.is-unpurchased.has-synergy-visual .ability-icon{filter:grayscale(.78) saturate(var(--ability-accent-locked-saturation)) brightness(var(--ability-synergy-icon-brightness))}.ability-card.is-unpurchased>button{border:1px solid #747470;color:#f3f3ef;background:#000}.ability-title-row{display:flex;justify-content:space-between;gap:.5rem}.ability-title-row>strong{font-size:.8rem}.tag-row{display:flex;margin:.25rem 0 .45rem;flex-wrap:wrap;gap:.25rem}.tag-row span{border:1px solid var(--tag-color);border-radius:999px;color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 9%,transparent);padding:.12rem .42rem;font-size:.58rem}.tag-row .tag-tier-1{border-width:2px;background:color-mix(in srgb,var(--tag-color) 18%,transparent);filter:brightness(1.2);font-weight:650}.tag-row .tag-tier-2{border-width:2px;background:color-mix(in srgb,var(--tag-color) 24%,transparent);filter:brightness(1.35);font-weight:720;box-shadow:0 0 6px color-mix(in srgb,var(--tag-color) 38%,transparent)}.tag-row .tag-tier-3{border-width:2px;background:color-mix(in srgb,var(--tag-color) 31%,transparent);filter:brightness(1.5);font-weight:780;box-shadow:0 0 8px color-mix(in srgb,var(--tag-color) 48%,transparent)}.tag-row .tag-tier-4{border-width:2px;color:#fff;background:color-mix(in srgb,var(--tag-color) 42%,#050505);filter:brightness(1.75);font-weight:850;box-shadow:0 0 10px color-mix(in srgb,var(--tag-color) 58%,transparent)}.tag-row .is-tier-increasing{animation:tag-tier-bloom .23s ease-out}@keyframes tag-tier-bloom{50%{filter:brightness(1.65);transform:scale(1.06)}}.ability-ready-status{margin:.35rem 0 0;color:#deded7;font-size:.64rem;font-weight:700}.ability-details{display:grid;margin-bottom:.45rem;grid-template-columns:repeat(3,1fr);gap:.35rem}.ability-details dt{color:var(--muted);font-size:.55rem;text-transform:uppercase}.ability-details dd{margin-bottom:0;font-size:.66rem;line-height:1.25}.progress-track{position:relative;height:5px;overflow:hidden;border-radius:999px;background:url(/assets/art/v1.4.0/ui/ornaments/gsi_issue29_ornament_progress_frame.svg) center / 100% 100% no-repeat,#2d2d2d}.progress-track:after{position:absolute;inset:0;border-radius:inherit;background:transparent;content:"";pointer-events:none}.progress-track span{display:block;height:100%;background:#fff;will-change:width}.progress-track.is-resetting span{transition:none}.ability-card.is-completing .progress-track:after{animation:cooldown-complete .5s ease-out}@keyframes cooldown-complete{0%{box-shadow:0 0 #d8d8d200;background:#d8d8d22e}55%{box-shadow:0 0 18px #d8d8d2;background:#d8d8d2}to{box-shadow:0 0 #d8d8d200;background:#d8d8d200}}.title-card{position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:.75rem;background:var(--panel);padding:.7rem;gap:.75rem}.title-card.is-locked{opacity:.46;filter:grayscale(1)}.boon-card{align-items:flex-start}.boon-card.is-locked{cursor:not-allowed}.boon-purchase-button{margin-top:.55rem}.boon-modal select{width:100%;min-height:46px;border:1px solid var(--line-strong);border-radius:.25rem;color:var(--bright);background:#111;padding:.55rem;font:inherit}.collection-heading{align-items:center;margin-bottom:.8rem}.collection-heading button{min-height:38px;padding:.45rem .8rem}.collection-menu{display:grid;margin-top:1rem;grid-template-columns:1fr 1fr;gap:.8rem}.collection-menu button{display:flex;min-height:160px;align-items:center;border:1px solid var(--line-strong);color:var(--bright);background:url(/assets/art/v1.4.0/ui/ornaments/gsi_issue29_ornament_panel_frame.svg) center / 100% 100% no-repeat,var(--panel);padding:1rem;text-align:left;flex-direction:column;justify-content:center;gap:.5rem}.collection-menu button:hover{background:url(/assets/art/v1.4.0/ui/ornaments/gsi_issue29_ornament_panel_frame.svg) center / 100% 100% no-repeat,var(--panel-raised)}.collection-menu img{width:72px;height:72px;object-fit:contain}.collection-menu span{display:grid;text-align:center;gap:.2rem}.collection-menu small{color:var(--muted);font-size:.68rem;font-weight:500}.title-emblem{position:relative;flex:0 0 74px;width:74px;height:74px}.title-emblem img{position:absolute;inset:0;width:74px;height:74px;object-fit:contain}.title-emblem .title-glyph{inset:12px;width:50px;height:50px}.title-card p{margin:0;color:var(--muted);font-size:.76rem}.quiet-panel{margin-top:.75rem}.ascension-card{display:grid;margin:1rem 0;border-color:var(--line-strong);min-height:190px;text-align:center;place-content:center}.ascension-card>strong{display:block;margin:.25rem 0;font-size:3rem;line-height:1}.ascension-card p{max-width:26rem;margin:.65rem auto 0;color:var(--muted);font-size:.78rem}.reset-list{border-block:1px solid var(--line);margin:1rem 0;padding:.9rem 0}.reset-list p{color:var(--muted);font-size:.8rem}.confirm-row,.switch-row{display:flex!important;align-items:center;padding:.65rem 0;justify-content:space-between;gap:.75rem}.confirm-row{justify-content:flex-start}.confirm-row input,.switch-row input{width:22px;min-height:22px;accent-color:#fff}.switch-row small{display:block;color:var(--muted);font-weight:400}.ascend-button{width:100%}.settings-panel{position:relative;display:grid;margin-bottom:.75rem;gap:.65rem}.danger-panel{display:grid;margin-top:.75rem;border:1px solid rgba(255,182,182,.55);border-radius:.75rem;background:#250707b8;padding:.85rem;gap:.45rem}.danger-panel p{margin-bottom:.4rem;font-size:.78rem}.danger-button{color:#fff;border-color:#ffb6b6;background:#6c1515}.restart-confirm{display:grid;border-top:1px solid rgba(255,182,182,.35);padding-top:.65rem;gap:.55rem}.settings-panel>button{justify-self:start;padding-inline:1rem}.field-error{margin:0;color:var(--danger);font-size:.76rem}.game-nav{z-index:5;border-top:1px solid var(--line);background:#050505f7}.owned-power-tabs{display:flex;overflow:auto hidden;border-bottom:1px solid var(--line);overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:rgba(255,255,255,.35) transparent;scrollbar-width:thin}.owned-power-tabs button{display:flex;width:clamp(112px,30vw,128px);min-width:112px;min-height:88px;align-items:center;border:0;border-radius:0;color:var(--muted);background:transparent;padding:.42rem .4rem .5rem;font-size:.78rem;flex:0 0 clamp(112px,30vw,128px);flex-direction:column;justify-content:center;scroll-snap-align:nearest;gap:.25rem}.owned-power-tabs img{width:38px;min-width:38px;height:38px;margin:0;object-fit:contain}.power-tab-label{display:-webkit-box;min-height:2.3em;overflow:hidden;line-height:1.15;text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.utility-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.utility-tabs button{position:relative;min-width:0;min-height:52px;border:0;border-radius:0;color:var(--muted);background:transparent;padding:.35rem .25rem;font-size:.66rem}.utility-tabs button.is-active:before{position:absolute;inset:2px 5px;background:url(/assets/art/v1.4.0/ui/ornaments/gsi_issue29_ornament_tab_active.svg) center / 100% 100% no-repeat;content:"";opacity:.72;pointer-events:none}.game-nav button.has-unseen:after,.shop-folders button.has-unseen:after{position:absolute;inset:4px;border:1px solid #d9b95b;border-radius:.35rem;box-shadow:inset 0 0 9px #d9b95b6b,0 0 8px #d9b95b85;content:"";pointer-events:none}.owned-power-tabs button.has-unseen{position:relative}.utility-tabs img{width:32px;height:32px;object-fit:contain;opacity:.72;transition:filter .16s ease,opacity .16s ease,transform .16s ease}.utility-tabs button.is-active img,.utility-tabs button:hover img{filter:drop-shadow(0 0 7px rgba(255,255,255,.7));opacity:1;transform:translateY(-1px)}.game-nav button:hover:not(:disabled),.game-nav button.is-active{color:var(--bright);background:#ffffff1a}.game-nav button.is-active{box-shadow:inset 0 2px #fff}.owned-power-tabs button.is-active{border-inline:1px solid rgba(255,255,255,.45);font-weight:850;box-shadow:inset 0 -3px #fff}.version-footer{z-index:7;flex:0 0 auto;border-top:1px solid rgba(255,255,255,.08);color:#777;background:#030303;padding:.28rem .6rem max(.28rem,env(safe-area-inset-bottom,0px));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5rem;line-height:1.35;text-align:center;overflow-wrap:anywhere}.notice-stack{z-index:8;display:grid;flex:0 0 auto;background:#050505;padding:.35rem .6rem 0;pointer-events:none;gap:.35rem}.notice-stack button,.notice-stack p{width:100%;min-height:0;margin:0;border-color:var(--line-strong);color:#fff;background:#141414f5;padding:.55rem .7rem;font-size:.7rem;font-weight:600;pointer-events:auto}.modal-backdrop{z-index:20;position:absolute;inset:0;display:grid;background:#000000db;padding:1rem;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invest-modal{position:relative;display:grid;width:min(100%,390px);border:3px double var(--line-strong);border-radius:.4rem;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.12),transparent 38%),#0c0c0c;padding:1.2rem;box-shadow:0 24px 80px #000;gap:.55rem}.name-prompt:after{position:absolute;inset:3px;background:url(/assets/art/v1.4.0/ui/ornaments/gsi_issue29_ornament_modal_frame.svg) center / 100% 100% no-repeat;content:"";opacity:.22;pointer-events:none}.name-prompt>*{position:relative;z-index:1}.invest-modal label{display:grid;color:var(--soft);font-size:.78rem;gap:.35rem}.invest-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.invest-quick-actions button{min-height:54px;padding:.55rem}.custom-investiture{display:grid;border-top:1px solid var(--line);margin-top:.25rem;padding-top:.7rem;gap:.55rem}.custom-investiture>button{width:100%}.modal-actions{display:grid;margin-top:.4rem;grid-template-columns:1fr 1fr;gap:.55rem}.modal-actions-single{grid-template-columns:1fr}.title-attainment-backdrop{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.13),transparent 38%),#000000e6}.title-attainment-scroll{position:relative;display:grid;width:min(100%,410px);max-height:calc(100% - 1rem);overflow:hidden auto;border:2px solid rgba(245,245,242,.86);border-radius:.35rem;color:#111;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 9% 91%,rgba(0,0,0,.12)),repeating-linear-gradient(0deg,#e5e2d8 0 4px,#efede4 5px 8px);padding:2rem 1.35rem 1.4rem;box-shadow:0 0 42px #ffffff47,0 28px 80px #000;text-align:center;gap:.55rem}.title-attainment-scroll:before,.title-attainment-scroll:after{position:absolute;right:-5%;left:-5%;height:18px;border:2px solid rgba(245,245,242,.9);border-radius:50%;background:linear-gradient(#3a3a38,#090909 52%,#454542);box-shadow:0 0 15px #ffffff6b;content:""}.title-attainment-scroll:before{top:-8px}.title-attainment-scroll:after{bottom:-8px}.title-scroll-knot{width:82px;height:2px;margin:0 auto .35rem;background:#444;box-shadow:-24px 0 0 -.5px #777,24px 0 0 -.5px #777}.title-attainment-scroll .eyebrow,.title-attainment-scroll p{color:#343432}.title-attainment-scroll h1{margin-bottom:0;font-family:ui-serif,Georgia,serif;font-size:clamp(2.2rem,10vw,3.6rem);letter-spacing:.015em;text-shadow:0 1px #fff}.title-congratulations{margin-bottom:.25rem;font-family:ui-serif,Georgia,serif;font-style:italic}.title-award-list{display:grid;border-block:1px solid rgba(0,0,0,.35);padding-block:.8rem;gap:.75rem}.title-award-list article{display:flex;align-items:center;text-align:left;gap:.7rem}.title-award-list .title-emblem{flex-basis:68px;width:68px;height:68px;filter:invert(1)}.title-award-list .title-emblem img{width:68px;height:68px}.title-award-list .title-emblem .title-glyph{inset:11px;width:46px;height:46px}.title-award-list h2{margin-bottom:.2rem;font-family:ui-serif,Georgia,serif;font-size:1.25rem}.title-award-list p{margin:0;font-size:.78rem}.title-award-list .title-flavor{margin-bottom:.25rem;color:#deded8;font-family:ui-serif,Georgia,serif;font-style:italic}.title-award-list .title-instruction{color:#fff}.title-attainment-scroll>button{width:100%;margin-top:.4rem;color:#fff;border-color:#222;background:#111}.name-prompt{position:relative;display:grid;width:min(100%,390px);border:0;border-radius:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.12),transparent 38%),#0c0c0c;padding:1.3rem;box-shadow:0 24px 80px #000}.sp-gain-layer{position:absolute;z-index:11;bottom:54%;right:0;left:0;height:1px;overflow:visible;pointer-events:none}.sp-gain-float{position:absolute;isolation:isolate;top:var(--gain-vertical-offset);left:calc(50% + var(--gain-offset));width:max-content;min-width:56px;height:auto;border:0;color:#fff;background:transparent;padding:.12rem .2rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:calc(.38rem + var(--sp-popup-size-step, var(--sp-popup-weight)));font-weight:900;line-height:1;text-align:center;text-shadow:0 1px 2px #000,0 0 3px #000,0 0 5px rgba(255,255,255,.68),0 0 10px var(--sp-popup-accent);transform:translate3d(-50%,0,0) scale(.92);transform-origin:center;animation:sp-gain-manifest 2.1s linear forwards;backface-visibility:hidden;will-change:opacity,transform;-webkit-backface-visibility:hidden}@media(max-width:359px){.sp-gain-float{font-size:min(calc(.38rem + var(--sp-popup-size-step, var(--sp-popup-weight))),1.35rem)}}.sp-gain-float:before{position:absolute;z-index:-1;inset:-16px -24px;border-radius:50%;background:radial-gradient(ellipse at 34% 58%,var(--sp-popup-accent),transparent 38%),radial-gradient(ellipse at 66% 40%,rgba(255,255,255,.36),transparent 30%),radial-gradient(ellipse at 50% 62%,var(--sp-popup-accent),transparent 68%);content:"";opacity:0;transform:translate3d(-4%,2px,0) scale(.52) rotate(-3deg);animation:sp-gain-ethereal-aura 2.1s linear forwards;transform-origin:50% 60%;will-change:opacity,transform}.sp-gain-float:after{position:absolute;z-index:-1;inset:-12px -20px;border-radius:50%;background:radial-gradient(ellipse at 42% 58%,rgba(255,255,255,.4),transparent 34%),radial-gradient(ellipse at 64% 42%,var(--sp-popup-accent),transparent 62%);content:"";opacity:0;transform:translate3d(5%,3px,0) scale(.58) rotate(2deg);animation:sp-gain-ethereal-wisp 2.1s linear forwards;transform-origin:48% 58%;will-change:opacity,transform}@keyframes sp-gain-manifest{0%{opacity:0;transform:translate3d(-50%,0,0) scale(.92)}18%{opacity:.78;transform:translate3d(-50%,-21px,0) scale(.98)}42%{opacity:1;transform:translate3d(-50%,-50px,0) scale(1)}72%{opacity:.76;transform:translate3d(-50%,-86px,0) scale(1.035)}to{opacity:0;transform:translate3d(-50%,-120px,0) scale(1.07)}}@keyframes sp-gain-ethereal-aura{0%{opacity:0;transform:translate3d(-4%,2px,0) scale(.52) rotate(-3deg)}24%{opacity:.26}62%{opacity:.18;transform:translate3d(3%,-5px,0) scale(1.08) rotate(2deg)}to{opacity:0;transform:translate3d(10%,-15px,0) scale(1.72) rotate(6deg)}}@keyframes sp-gain-ethereal-wisp{0%,14%{opacity:0;transform:translate3d(5%,3px,0) scale(.58) rotate(2deg)}36%{opacity:.2}68%{opacity:.13;transform:translate3d(-7%,-7px,0) scale(1.18) rotate(-3deg)}to{opacity:0;transform:translate3d(-15%,-18px,0) scale(1.62) rotate(-7deg)}}.name-prompt>img{width:82px;height:82px;margin:0 auto .8rem}.name-prompt h1,.name-prompt>.eyebrow{text-align:center}.name-prompt p{color:var(--muted);font-size:.82rem;text-align:center}.name-prompt button{width:100%;margin-top:.75rem}.loading-screen,.fatal-screen{display:grid;width:min(100vw,540px);min-height:100dvh;margin:0 auto;color:var(--bright);background:#050505;padding:2rem;text-align:center;place-content:center}.loading-screen img,.fatal-screen>img{width:96px;margin:0 auto 1rem}.loading-screen .version-footer,.fatal-screen .version-footer{position:fixed;right:0;bottom:0;left:0}.fatal-screen button{padding-inline:1rem;justify-self:center}.fatal-screen details{max-width:36rem;margin-top:1rem;color:var(--muted)}.fatal-screen code{display:block;margin-top:.5rem;overflow-wrap:anywhere}@media(max-width:430px){.game-shell{min-height:100dvh;border:0}.game-header{display:grid;min-height:0;padding-inline:.7rem;grid-template-columns:1fr;gap:.35rem}.player-mark{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:.55rem}.player-mark .eyebrow{margin-bottom:0}.header-resources{min-width:0}.header-resources div{min-height:52px;padding-inline:.35rem}.header-resources dd{font-size:.74rem}.header-resources dt{font-size:.52rem}.header-resource-maximum dd{padding-inline:.35rem}.maximum-add{top:.12rem;right:0;width:22px;min-height:22px;font-size:.85rem}.view{padding-inline:.7rem}.catalog-grid{grid-template-columns:1fr}.catalog-card{display:grid;grid-template-columns:76px 1fr;gap:.6rem}.catalog-card>img{width:76px;height:76px;grid-row:1 / span 2}.catalog-card p{min-height:0}.catalog-card button{grid-column:1 / -1}.action-panel,.generator-card{align-items:stretch;flex-direction:column}.action-panel button,.generator-card button{width:100%;max-width:none}.inline-form,.inline-form label,.inline-form input{width:100%}.ability-details{grid-template-columns:1fr 1fr}.collection-menu{grid-template-columns:1fr}.title-attainment-scroll{padding-inline:1rem}}@media(min-width:540px){.owned-power-tabs button{width:calc(100% / 6);min-width:0;min-height:96px;padding-inline:.1rem;font-size:.875rem;flex:0 0 calc(100% / 6)}.owned-power-tabs img{width:42px;min-width:42px;height:42px}}@media(max-height:700px)and (orientation:landscape){.game-shell{min-height:100dvh}.soul-interaction{min-height:280px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sp-gain-float{animation:sp-gain-gentle-rise 1.2s linear forwards!important}.sp-gain-float:before,.sp-gain-float:after{animation:none;opacity:0}.tag-row .is-tier-increasing{animation:none}.ability-card.is-synergy-changing:after{animation:none}.soul-ripple{opacity:.24;transform:scale(.82);animation:none}.soul-interaction:is(.is-holding,.is-interacting) .soul-ripple{opacity:.68;transform:scale(.9)}.ability-card.is-completing .progress-track:after{background:#d8d8d2;box-shadow:0 0 12px #d8d8d2d1;animation:none}}@keyframes sp-gain-gentle-rise{0%{opacity:0;transform:translate3d(-50%,0,0)}24%,68%{opacity:1;transform:translate3d(-50%,-14px,0)}to{opacity:0;transform:translate3d(-50%,-28px,0)}}@media(min-width:900px){.sp-gain-float{font-size:calc(.4rem + var(--sp-popup-desktop-size-step, var(--sp-popup-weight)))}}