/* GIANT Studio · Signature Edition. A quiet portfolio around four expressive worlds. */
.signature-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:center;padding:58px 0 38px;min-height:680px}.hero-type{position:relative;z-index:2}.hero-type h1{font-size:clamp(48px,5.8vw,87px);letter-spacing:-4.5px;line-height:1.06}.hero-type h1 em{font-size:1em}.hero-type>p:not(.overline){font-size:16px;color:#708398;line-height:1.8}.hero-cta{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #86b8e0;padding:15px 0;color:#3a79ad;font-size:14px;margin-top:8px}.hero-cta span{font-size:24px}.hero-meta{display:flex;gap:20px;font-size:10px;letter-spacing:1.1px;color:#8196a8;margin-top:47px}.hero-artwork{position:relative;min-width:0;transform:rotate(3deg);box-shadow:0 35px 70px #5472921b;border:8px solid white;border-radius:3px;background:#e7f2fc}.hero-art-caption{display:block;background:white;font-size:10px;letter-spacing:1.3px;text-align:center;padding:16px 6px;color:#6b7f92}.hero-artwork .signature-art{height:480px}.hero-artwork .summon-copy{top:30px;left:26px}.hero-artwork .summon-copy h4{font-size:65px}.hero-artwork .summon-copy>span{font-size:9px;letter-spacing:1px}.hero-artwork .spirit-character{width:95%;right:-22%;height:100%;object-fit:contain}.hero-artwork .spirit-element-list{right:14px;bottom:14px}.hero-artwork .spirit-element-list button{width:49px}.hero-artwork .spirit-element-list .illustrated-icon{width:43px;height:43px}.hero-artwork .spirit-element-list span:not(.illustrated-icon){display:none}.hero-artwork .summon-status{left:26px;bottom:16px;font-size:9px}.hero-artwork .summon-copy p{font-size:10px}.hero-artwork .summon-copy>small{max-width:140px;font-size:11px}.hero-artwork .summon-button{font-size:11px;padding:12px;margin-top:16px}.hero-artwork .spirit-disc{width:380px;height:380px;right:-90px;top:55px}.collection-jump{display:grid;grid-template-columns:1.3fr repeat(4,1fr);border-block:1px solid #dbe8f2;gap:10px;align-items:center;padding:25px 0;margin-bottom:105px}.collection-jump>span{font-size:10px;letter-spacing:1.5px;line-height:1.8;color:#8496a5}.collection-jump>a{font-size:13px;display:flex;gap:14px;align-items:center}.collection-jump b{font-size:10px;color:#75a7ce;font-weight:400}.collection-jump a:hover{color:#318ad0}.signature-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;margin-bottom:65px}.signature-intro .overline{grid-column:1/-1}.signature-intro h2{font-size:clamp(32px,3.7vw,53px);line-height:1.1;letter-spacing:-2px;margin:0}.signature-intro>p:last-child{align-self:end;color:#7c8d9d;font-size:14px;line-height:1.9;margin:0 0 3px;justify-self:end}.signature-project{margin-bottom:94px;scroll-margin-top:28px}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 26px}.project-heading span{font-size:10px;letter-spacing:1.6px;color:#8094a5}.project-heading h3{font-size:36px;line-height:1.3;letter-spacing:-1.5px;font-weight:500;margin:8px 0 0}.project-heading p{font-family:var(--serif);font-style:italic;color:#7e95a9;font-size:15px;margin:0 0 6px}.project-tabs{display:flex;gap:6px;padding:6px;background:#f0f6fa;border:1px solid #e2edf5;border-bottom:0;border-radius:10px 10px 0 0}.project-tabs button{flex:1;font-size:12px;padding:13px 10px;border-radius:5px;text-align:left;color:#7e90a0}.project-tabs button>span{font-size:10px;color:#9ab0c1;margin-right:10px}.project-tabs button[aria-pressed=true]{background:white;color:#29485f;box-shadow:0 2px 6px #547b8f0a}.project-tabs button:hover{background:#ffffff90}.project-feature{overflow:hidden;border-radius:0 0 6px 6px;background:#eaf2f9}.project-caption{display:flex;justify-content:space-between;gap:25px;padding:23px 0;border-bottom:1px solid #e4ecf3}.project-caption h4{font-size:16px;font-weight:500;margin:0 0 5px}.project-caption p{font-size:12px;color:#7c8e9d;margin:0;line-height:1.7}.project-caption>div:last-child{display:flex;align-items:center;gap:20px;flex-shrink:0}.project-replay{font-size:12px;color:#8b9dad}.project-customize{font-size:12px;padding:10px 15px;border:1px solid #bed9ee;border-radius:30px;color:#4c86b1}.project-customize span{padding-left:20px}.motion-wall-section{margin:5px 0 100px}#signature-motion-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.motion-mini{min-width:0}.motion-mini>.art{height:320px;border-radius:6px}.motion-mini>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 0;font-size:13px}.motion-mini>button>span{color:#7e9bb1;font-size:11px}.motion-mini .scene-interactions{left:12px;bottom:15px;gap:5px}.motion-mini .pro-button{font-size:10px;padding:10px}.motion-mini .ritual-copy{left:20px;top:20px}.motion-mini .ritual-copy>span,.motion-mini .ritual-copy p,.motion-mini .ritual-copy>b{display:none}.motion-mini .ritual-copy h4{font-size:25px}.motion-mini .ritual-wheel{width:230px;height:230px;right:7%;top:64px}.motion-mini .ritual-center .illustrated-icon{width:95px;height:95px}.motion-mini .ritual-node{width:55px;height:55px}.motion-mini .ritual-node .illustrated-icon{width:45px;height:45px}.motion-mini .ritual-node>span:not(.illustrated-icon){font-size:8px}.motion-mini .ritual-center>span:not(.illustrated-icon){font-size:8px}.motion-mini .orbital-title{top:18px;left:20px}.motion-mini .orbital-title>span,.motion-mini .orbital-title>p{display:none}.motion-mini .orbital-title h4{font-size:24px;line-height:1}.motion-mini .orbital-system{width:210px;height:210px;top:68px;right:calc(50% - 105px)}.motion-mini .orbital-data{display:none}.motion-mini .orbital-inner>b{font-size:43px}.motion-mini .orbital-inner>span,.motion-mini .orbital-inner>small{font-size:7px}.motion-mini .orbital-sector span{font-size:10px}.motion-mini .combo-system{left:26px;top:28px;max-width:85%}.motion-mini .combo-system>small{font-size:8px}.motion-mini .combo-rank{font-size:70px}.motion-mini .combo-damage{font-size:62px}.motion-mini .combo-data{font-size:9px;gap:13px}.motion-mini .combo-data b{font-size:23px}.motion-mini .combo-illustration{right:-90px;top:35px}.motion-mini .combo-illustration .illustrated-icon{width:300px;height:300px}.motion-mini .combo-backword{font-size:110px;top:100px}.extended-divider{border-block:1px solid #dbe8f2;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.5px;color:#6e98b8;padding:22px 0;margin-bottom:90px}.work-section{scroll-margin-top:30px}
/* Shared scene canvas, controls and illustrated sprite atlases. */
.art.signature-art{position:relative;display:block;width:100%;height:570px;min-height:0;padding:0;overflow:hidden;container-type:inline-size;isolation:isolate}.signature-art>.signature-surface{position:relative;width:100%;height:100%;max-width:none;overflow:hidden;transform:scale(var(--preview-scale,1));transform-origin:center;transition:transform .4s var(--ease,ease);font:13px/1.5 'Manrope',sans-serif;color:#f2e6d0}.signature-surface h4,.signature-surface h5{margin:0;font-weight:500;line-height:1.08}.signature-surface button{position:relative;z-index:3}.signature-scene,.scene-vignette,.boss-shade,.constellation-shade,.extraction-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.signature-scene{animation:sceneBreathe 24s ease-in-out infinite alternate}.scene-vignette{background:linear-gradient(90deg,#12100fe3,transparent 80%),linear-gradient(0deg,#0b0e11d9,transparent 70%)}.signature-surface .pro-button{font-size:11px;font-weight:500;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 18px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 12%,#151820);color:var(--accent);border-radius:2px;min-height:42px}.signature-surface .pro-button:hover{background:color-mix(in srgb,var(--accent) 25%,#151820);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 12%,transparent)}.signature-surface .pro-button.subtle{background:transparent;border-color:#ffffff24;color:#c4c6c6}.scene-interactions{position:absolute;left:38px;bottom:30px;display:flex;gap:10px;align-items:center;z-index:4}.illustrated-icon{display:block;flex:none;width:90px;height:90px;background-repeat:no-repeat;background-size:300% 300%;background-position:calc(var(--col)*50%) calc(var(--row)*50%);filter:drop-shadow(0 5px 15px #0003)}.dungeon-icon{background-image:url('assets/signature/dungeon-atlas.png')}.anime-icon{background-image:url('assets/signature/anime-atlas.png')}.surface-note{position:absolute;bottom:43px;right:35px;font-size:8px;letter-spacing:1.5px;color:#a4aba67a}.pro-meter{height:10px;background:#0004;overflow:hidden}.pro-meter>i{height:100%;display:block;background:var(--accent);box-shadow:0 0 18px var(--accent);transition:width var(--speed,.4s) var(--ease,ease)}.signature-art[data-motion=quiet] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}.pro-feedback-burst{position:absolute;top:38%;left:50%;z-index:12;font:italic 700 55px var(--condensed);color:var(--accent);text-shadow:0 2px 20px #0009;pointer-events:none;animation:proFloat 1s ease-out forwards}.signature-art.pro-impact .signature-surface{animation:proShake .35s ease}.signature-art.pro-celebrate .signature-surface:after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,color-mix(in srgb,var(--accent) 35%,transparent));animation:proFlash .8s ease-out both}
/* 01 / Ashen Covenant */
.ashen-surface{background:#151b1d}.scene-location{position:absolute;right:34px;top:28px;text-align:right}.scene-location>span{font-size:9px;letter-spacing:2.5px;color:#e6cf9d}.scene-location h4{font:27px var(--serif);margin:7px 0}.scene-location p{font-size:9px;letter-spacing:2px;color:#a09c90}.ashen-objective{position:absolute;right:36px;top:154px;border-left:1px solid #d2b88765;padding-left:17px;display:grid;gap:7px}.ashen-objective>span{font-size:8px;letter-spacing:2px;color:#ddbb84}.ashen-objective strong{font:18px var(--serif)}.ashen-objective small{font-size:10px;color:#a4a091}.dragon-hud{position:absolute;width:58%;left:22px;top:50px}.character-identity{display:flex;align-items:center;gap:12px;margin-left:30px}.character-identity div{display:grid;gap:5px}.character-identity small{font-size:8px;letter-spacing:2px;color:var(--accent)}.character-identity b{font:23px var(--serif)}.character-level{width:38px;height:45px;border:1px solid #c5b28277;display:grid;place-items:center;font:22px var(--serif);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);background:#9b794b20}.dragon-meter{position:relative;width:100%;aspect-ratio:3/1;margin:-3px 0 -13px}.dragon-meter>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 8px 8px #000a)}.dragon-fill-track{position:absolute;left:28%;top:43%;width:66%;height:20%;background:#240f15;border-radius:4px;overflow:hidden;z-index:2;box-shadow:inset 0 0 7px #000}.dragon-fill-track>i{display:block;height:100%;background:linear-gradient(0deg,#4e1822,#b14643 65%,#f8987777);box-shadow:inset 0 1px #fff3;transition:width .7s var(--ease,ease)}.dragon-value{position:absolute;left:29%;top:46%;width:65%;z-index:3;text-align:center;font:10px 'Manrope',sans-serif;letter-spacing:1px;text-shadow:0 1px 3px #000;color:#f6e3c2}.ashen-stamina{display:flex;align-items:center;gap:4px;margin-left:28%;margin-top:-20px;position:relative;z-index:4}.ashen-stamina>span{position:absolute;top:14px;font-size:7px;letter-spacing:2px;color:#a9b198}.ashen-stamina>i{height:6px;flex:1;background:#25312b;transform:skew(-25deg)}.ashen-stamina>i.filled{background:#b4b973;box-shadow:0 0 6px #c9c18644}.ashen-stamina>b{font-size:9px;margin-left:5px;color:#c6c599}.flask-row{display:flex;align-items:center;gap:11px;position:relative;margin:35px 0 0 22%}.flask-row .illustrated-icon{width:70px;height:70px}.flask-row b{font:28px var(--serif);color:#edd5ab}.flask-row>span:not(.illustrated-icon){font-size:8px;letter-spacing:1.5px}.flask-row>small{position:absolute;left:104px;bottom:5px;font-size:8px;color:#918475;letter-spacing:1px}.ashen-equipment{position:absolute;left:42px;bottom:108px;display:flex;gap:12px}.ashen-equipment button{width:69px;height:75px;border:1px solid #ba9e6550;background:#1b1b1abb;transform:rotate(3deg)}.ashen-equipment button:nth-child(2){transform:rotate(-4deg)}.ashen-equipment .illustrated-icon{width:62px;height:62px}.ashen-equipment button>span:not(.illustrated-icon){position:absolute;bottom:-9px;left:28px;font-size:9px;background:#26221b;padding:1px 5px;border:1px solid #8b765d}.ashen-equipment button.is-active{border-color:var(--accent);box-shadow:0 0 20px #be895930}.boss-shade{background:linear-gradient(90deg,#11101699,#11101988),linear-gradient(0deg,#0e1016f5,transparent)}.covenant-boss{position:absolute;left:15%;top:34px;width:70%;text-align:center}.covenant-boss>span{font-size:9px;letter-spacing:3px;color:var(--accent)}.covenant-boss h4{font:clamp(25px,4cqw,52px) var(--serif);margin:12px 0 17px}.boss-seals{display:flex;gap:45px;justify-content:center}.boss-seals button{display:grid;place-items:center;transition:filter .4s,transform .4s}.boss-seals .illustrated-icon{width:85px;height:85px}.boss-seals small{font-size:8px;letter-spacing:2px;color:#c3b38d}.boss-seals .is-broken{filter:grayscale(1);opacity:.3;transform:scale(.8)}.boss-dragon{width:75%;margin:-10px auto -15px;max-height:185px}.boss-subtitle{display:flex;justify-content:space-between;max-width:68%;margin:auto;font-size:8px;letter-spacing:1px}.covenant-boss>p{font-size:10px;color:#b0a697;margin-top:20px}.ashen-boss-surface .scene-interactions{left:50%;transform:translateX(-50%);white-space:nowrap}.victory-title{position:absolute;inset:40% 0 auto;text-align:center;font:40px var(--serif);letter-spacing:7px;color:#f5d6a4;text-shadow:0 0 30px #a6742c;background:#0b0b14dc;z-index:9;pointer-events:none}.victory-title:empty{display:none}.reliquary-surface{background:radial-gradient(ellipse at 75% 40%,#3a302d,#171b1c 70%);padding:28px 44px}.reliquary-window{width:100%;height:100%;border:1px solid #89755455;background:linear-gradient(135deg,#232728aa,#13171abf);padding:24px 28px;position:relative;box-shadow:inset 0 0 80px #0005}.reliquary-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #7b684333;padding-bottom:18px}.reliquary-top small{font-size:8px;letter-spacing:2px;color:#ba9864}.reliquary-top h4{font:32px var(--serif);margin-top:5px}.reliquary-top>span{font-size:9px;letter-spacing:2px;color:#b29f83}.reliquary-content{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-top:20px}.relic-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}.relic-selection-grid button{border:1px solid #8b796235;background:linear-gradient(160deg,#a58d5e0a,#11141780);display:grid;place-items:center;padding:3px}.relic-selection-grid .illustrated-icon{width:85px;height:85px}.relic-selection-grid button small{font-size:7px;letter-spacing:.8px;margin-bottom:4px;color:#958774}.relic-selection-grid button.is-active{border-color:var(--accent);background:#a98a3420}.relic-inspector{text-align:center;position:relative;padding:0 8px}.relic-inspector [data-pro-field=relic-art]{display:grid;place-items:center}.relic-inspector .illustrated-icon{width:140px;height:140px}.relic-inspector>span{font-size:8px;letter-spacing:2px;color:var(--accent)}.relic-inspector h5{font:27px var(--serif);margin:8px 0}.relic-inspector p{color:#a29b8c;font:italic 12px/1.7 var(--serif);max-width:255px;margin:10px auto}.item-stats{display:flex;justify-content:center;gap:30px;font-size:8px;letter-spacing:1px;margin:15px 0}.item-stats b{color:#d6c6a9;font-size:13px;margin-left:8px}.relic-inspector>small{display:block;font-size:7px;letter-spacing:1px;margin-top:12px;color:#a49170}.ritual-surface{background:radial-gradient(circle at 69% 51%,#472331,#131318 60%)}.ritual-copy{position:absolute;left:55px;top:64px}.ritual-copy>span{font-size:8px;letter-spacing:2px;color:var(--accent)}.ritual-copy h4{font:56px/1.03 var(--serif);margin-top:17px}.ritual-copy p{font:italic 15px/1.8 var(--serif);color:#ad9190}.ritual-copy>b{font-size:9px;letter-spacing:1px;color:var(--accent)}.ritual-wheel{position:absolute;width:365px;height:365px;right:9%;top:100px;display:grid;place-items:center}.ritual-orbit{position:absolute;inset:6%;border:1px solid #bc7e6944;border-radius:50%;box-shadow:0 0 0 13px #ca81690b,0 0 0 14px #ca816927,0 0 0 35px #ca816908,0 0 0 36px #ca81691f;animation:ritualSpin 80s linear infinite}.ritual-orbit:before,.ritual-orbit:after{content:'';position:absolute;inset:12%;border:1px solid #bc7e6944;transform:rotate(45deg)}.ritual-orbit:after{transform:rotate(15deg)}.ritual-center{z-index:1;display:grid;place-items:center}.ritual-center .illustrated-icon{width:160px;height:160px;animation:itemFloat 5s ease-in-out infinite}.ritual-center>span:not(.illustrated-icon){font-size:9px;letter-spacing:3px;color:#c29196}.ritual-node{position:absolute!important;width:90px;height:90px;background:#201b22;border:1px solid #9f686055;border-radius:50%;display:grid;place-items:center}.ritual-node .illustrated-icon{width:70px;height:70px}.ritual-node>span:not(.illustrated-icon){position:absolute;bottom:-23px;font-size:9px;letter-spacing:2px;color:#bca096}.ritual-node.node-0{left:calc(50% - 45px);top:-16px}.ritual-node.node-1{right:-26px;top:calc(50% - 45px)}.ritual-node.node-2{left:calc(50% - 45px);bottom:-16px}.ritual-node.node-3{left:-26px;top:calc(50% - 45px)}.ritual-node.bound{border-color:var(--accent);box-shadow:0 0 35px color-mix(in srgb,var(--accent) 30%,transparent)}.ritual-complete .ritual-orbit{border-color:var(--accent);box-shadow:0 0 55px color-mix(in srgb,var(--accent) 35%,transparent)}
/* 02 / Spiritbound */
.spirit-surface{background:linear-gradient(135deg,#f5e5ee,#daeafc 68%,#ebf5ff);color:#484a65}.spirit-disc{position:absolute;width:490px;height:490px;right:50px;top:45px;border-radius:50%;border:1px solid #9589b93a;background:radial-gradient(circle,#cbd1ed00 47%,#c1c9e350 48%,transparent 48.7%);box-shadow:0 0 0 22px #8a9bd908,0 0 0 23px #a0b2d926;animation:discBreathe 7s ease-in-out infinite}.spirit-disc:before{content:'';position:absolute;inset:13%;border:1px dashed #9a8dc57a;border-radius:50%;animation:ritualSpin 80s linear infinite}.spirit-speedlines{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0,transparent 100px,#8493bd0a 101px,#8493bd0a 102px,transparent 103px)}.spirit-character{position:absolute;width:70%;height:110%;right:-2%;bottom:-8%;object-fit:contain;filter:drop-shadow(0 25px 30px #52699826);animation:spiritFloat 6s ease-in-out infinite;pointer-events:none}.summon-copy{position:absolute;top:43px;left:55px;z-index:2}.summon-copy>span{font-size:9px;letter-spacing:2.5px;color:#8e83aa}.summon-copy h4{font:80px/.91 var(--serif);margin:25px 0 19px;letter-spacing:-4px}.summon-copy h4 em{color:color-mix(in srgb,var(--accent) 55%,#785b84);font-weight:400}.summon-rarity{color:#af8b4b;letter-spacing:6px;margin:12px 0}.summon-copy p{font-size:10px;letter-spacing:1.4px;margin:10px 0}.summon-copy>small{display:block;font:italic 13px var(--serif);color:#9392a7}.spirit-surface .summon-button{display:flex;margin-top:24px;background:#faf6fadd;border-color:#af9ec34d;color:#776487;box-shadow:0 6px 20px #7062820b}.spirit-surface .summon-button:hover{background:#fff;color:#795d91}.spirit-element-list{position:absolute;right:28px;bottom:26px;display:flex;gap:8px;z-index:3}.spirit-element-list button{display:grid;place-items:center;background:#f4f4ff66;border:1px solid #fff8;border-radius:3px;padding:0 4px 6px}.spirit-element-list .illustrated-icon{width:66px;height:66px}.spirit-element-list span:not(.illustrated-icon){font-size:7px;letter-spacing:1px;color:#8381a4}.spirit-element-list button.is-active{border-color:#8574bc;background:#fff9}.summon-status{position:absolute;left:55px;bottom:28px;font-size:8px;letter-spacing:1.8px;color:#9990a8}.is-summoning .spirit-character{animation:summonReveal 1.5s cubic-bezier(.2,.7,.2,1) both}.is-summoning .spirit-disc{animation:summonRing 1.5s ease-out both}.spirit-hud-surface{background:radial-gradient(ellipse at 80% 40%,#b5ddea,#e9ecf9 65%);color:#434867}.spirit-hud-backdrop{position:absolute;top:50px;left:-10px;font:900 190px var(--condensed);font-style:italic;color:#ffffff4f;letter-spacing:-8px}.anime-player-card{position:absolute;left:8%;top:120px;width:76%;display:flex;gap:17px;align-items:center;padding:22px 24px 24px 12px;background:linear-gradient(110deg,#444167f7,#292b49ed);color:#e7e9ff;clip-path:polygon(5% 0,100% 0,97% 100%,0 100%);border-top:3px solid var(--accent);filter:drop-shadow(0 15px 20px #4b529233)}.anime-player-portrait{width:110px;height:140px;overflow:hidden;background:linear-gradient(45deg,#d19dbc,#96cbdd);clip-path:polygon(20% 0,100% 0,85% 100%,0 100%);flex-shrink:0}.anime-player-portrait img{width:235px;height:235px;max-width:none;object-fit:contain;position:relative;left:-65px;top:-20px}.anime-player-info{flex:1}.anime-player-info>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.anime-player-info>div:first-child span{font-size:8px;letter-spacing:1.5px;color:#a1a6c5}.anime-player-info>div:first-child b{font:italic 35px var(--condensed)}.anime-hp-label{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 6px;font-size:8px;letter-spacing:2px;color:#bbc4dc}.anime-hp-label strong{font-size:20px;color:#edfaff;letter-spacing:0}.anime-player-info .pro-meter{height:16px;transform:skew(-15deg);background:#0c1835}.resolve-meter{display:flex;align-items:center;gap:5px;margin-top:18px}.resolve-meter>span{font-size:7px;letter-spacing:1px;margin-right:5px;color:#b5b0cb}.resolve-meter>i{width:20px;height:7px;background:#8a80b53b;transform:skew(-25deg)}.resolve-meter i.filled{background:#f2a9c1;box-shadow:0 0 10px #f2a9c166}.resolve-meter small{margin-left:auto;font-size:8px;white-space:nowrap;color:#c1b4d5}.anime-player-level{font-size:8px;letter-spacing:2px;text-align:center;margin-left:5px}.anime-player-level span{display:block;font:42px var(--condensed);letter-spacing:0;color:#c7c3ec}.anime-side-skills{position:absolute;left:26%;top:358px;display:flex;gap:24px}.anime-side-skills button{background:#7771a81f;border:1px solid #9796c47d;border-radius:12px 0 12px 0;transform:rotate(-5deg);width:85px;height:85px}.anime-side-skills .illustrated-icon{width:80px;height:80px}.anime-side-skills button>span:not(.illustrated-icon){position:absolute;bottom:-12px;right:-9px;min-width:24px;background:#4c4970;color:#eef0ff;border:2px solid #caddeb;font-size:12px;border-radius:4px}.resolve-title{position:absolute;top:328px;right:8%;font:italic 35px var(--condensed);color:#957fba}.spirit-hud-surface .pro-button{background:#ffffff50;color:#54648e;border-color:#8c9fb74d}.spirit-hud-surface .pro-button.subtle{color:#7286a0}.combo-surface{background:linear-gradient(135deg,#282440,#1a1b2b);color:#f6edfa}.combo-backword{position:absolute;left:20px;top:75px;font:900 italic 280px var(--condensed);color:#f0c8ee07;letter-spacing:-12px;white-space:nowrap}.combo-illustration{position:absolute;right:2%;top:38px;transform:rotate(-18deg)}.combo-illustration .illustrated-icon{width:460px;height:460px;filter:drop-shadow(0 0 40px #81e0ff33);animation:spiritFloat 7s ease-in-out infinite}.combo-system{position:absolute;left:70px;top:46px;z-index:2}.combo-system>small{font-size:8px;letter-spacing:2px;color:#9985ae}.combo-rank{font:900 italic 118px/.95 var(--condensed);color:var(--accent);text-shadow:5px 5px #855c9630;margin-top:28px}.combo-damage{font:900 italic 119px/1.1 var(--condensed);letter-spacing:-2px;color:#fff4f1;text-shadow:4px 6px #c0759555}.combo-divider{height:3px;background:linear-gradient(90deg,var(--accent),transparent);width:280px;margin:14px 0}.combo-data{display:flex;gap:33px;align-items:center;font-size:9px;letter-spacing:1px;color:#aaa0c3}.combo-data b{font:40px var(--condensed);color:var(--accent);margin-right:6px}.combo-surface .scene-interactions{left:70px}.pro-impact .combo-damage{animation:comboPunch .4s both}.nine-paths-surface{background:radial-gradient(ellipse at 70% 45%,#e1ddf2,#eceefa 75%);color:#5c5a7a}.paths-heading{position:absolute;left:45px;top:90px;max-width:33%}.paths-heading>span{font-size:8px;letter-spacing:1.5px;color:#958aab}.paths-heading h4{font:40px/1.1 var(--serif);margin-top:20px;letter-spacing:-1px}.paths-heading h4 em{color:#9a7eae;font-weight:400}.paths-heading p{font-size:11px;line-height:1.8;color:#9290a6;margin:25px 0}.paths-heading>b{font-size:8px;letter-spacing:1px;color:#a582ae}.nine-paths-grid{position:absolute;right:7%;top:44px;width:47%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 20px}.path-node{display:grid;place-items:center;padding:0;opacity:.58}.path-node>span{border:1px solid #b3a4cc66;transform:rotate(45deg);background:#ffffff2f;border-radius:12px}.path-node .illustrated-icon{width:82px;height:82px;transform:rotate(-45deg)}.path-node>strong{font-size:8px;letter-spacing:.8px;margin-top:15px}.path-node>small{font-size:7px;color:#9b8fab;margin-top:3px}.path-node.unlocked{opacity:1}.path-node.unlocked>span{border-color:#a18db4;box-shadow:0 0 18px #a4a3db4a;background:#fff8}.tree-feedback{position:absolute;bottom:32px;right:37px;font-size:9px;letter-spacing:.5px;color:#a799b8;max-width:56%;text-align:right}.nine-paths-surface .pro-button.subtle{color:#9486a7;border-color:#b9aacf7a}
/* 03 / The Living Atlas */
.grimoire-surface{background:radial-gradient(ellipse,#efe7d2,#dce8de);color:#66583e}.grimoire-art{position:absolute;width:88%;height:100%;object-fit:contain;left:6%;top:0;filter:drop-shadow(0 22px 27px #65725030)}.book-page{position:absolute;top:22%;width:27%;height:58%;z-index:2;transform:rotate(-1deg)}.book-left{left:21%}.book-right{right:19%;transform:rotate(1deg);text-align:center}.book-page>span{font-size:7px;letter-spacing:1.1px;color:#8d7757}.book-page h4{font:27px/1.2 var(--serif);margin-top:11px;color:#5c513b}.book-page h5{font:24px/1.2 var(--serif);margin-top:15px;color:#68583b}.book-map{position:relative;height:155px;width:100%;margin-top:15px;background:radial-gradient(ellipse at 27% 64%,#62836822,transparent 25%),radial-gradient(ellipse at 85% 15%,#bcb88233,transparent 27%)}.book-map svg{position:absolute;width:100%;height:100%;fill:none;stroke:#a28d5e;stroke-width:1.8;stroke-dasharray:3 5;opacity:.7}.book-map button{position:absolute!important;transform:translate(-50%,-50%);width:25px;height:25px;min-width:25px;background:#edddb5;color:#84774c;border:1px solid #b4a47a;border-radius:50%;font:11px var(--serif);box-shadow:0 0 0 4px #c9b99330}.book-map button.is-active{background:#71866d;color:#f7f4df}.book-left>small{display:block;font-size:6px;letter-spacing:.7px;margin-top:10px;color:#a68e68}.book-item{display:grid;place-items:center;margin:7px 0}.book-item .illustrated-icon{width:100px;height:100px}.book-right p{font:italic 12px/1.6 var(--serif);color:#8e7753;max-width:230px;margin:0 auto 14px}.book-reward{border-top:1px solid #a2946533;padding-top:12px;font-size:6px;letter-spacing:1px;color:#9b865e}.book-reward b{display:block;font-size:7px;color:#718064;margin-top:5px}.craft-surface{background:radial-gradient(ellipse at 60% 60%,#e8eedc,#e5ebdf);color:#64725e}.craft-heading{text-align:center;padding-top:34px}.craft-heading>span{font-size:8px;letter-spacing:2px;color:#8b9a85}.craft-heading h4{font:38px var(--serif);margin:8px 0}.craft-heading p{font-size:11px;color:#8e9c85}.craft-station{display:flex;justify-content:center;gap:80px;margin-top:15px;align-items:center}.ingredient-column{width:245px;display:grid;gap:10px}.ingredient-column button{display:flex;gap:8px;align-items:center;background:#f8f6e58c;border:1px solid #adb9946b;padding:3px 15px 3px 3px;border-radius:40px 3px 3px 40px}.ingredient-column .illustrated-icon{width:70px;height:70px}.ingredient-column button>span:not(.illustrated-icon){font-size:8px;letter-spacing:1px}.ingredient-column b{margin-left:auto;color:#9dae8e}.ingredient-column .selected{border-color:var(--accent);background:#fcfff0}.craft-recipe{text-align:center;width:260px}.craft-recipe-ring{width:190px;height:190px;margin:0 auto 15px;border:1px solid #abb49470;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 10px #f8f8e545,0 0 0 11px #abb49430;position:relative}.craft-recipe-ring:before{content:'';position:absolute;inset:12px;border:1px dashed #9bb08b77;border-radius:50%;animation:ritualSpin 40s linear infinite}.craft-recipe-ring .illustrated-icon{width:160px;height:160px;animation:itemFloat 4s ease-in-out infinite}.craft-recipe>small{font-size:8px;letter-spacing:1px;color:#8b9f7d}.craft-recipe h5{font:25px var(--serif);margin:7px 0 13px}.craft-surface .pro-button{color:#6a805e;background:#f9f9e9cc;border-color:#adbb9377}.craft-surface .pro-button.subtle{background:none;color:#8a9b7b}.bounty-surface{background:radial-gradient(ellipse at 60% 50%,#dbe3d0,#c1d1c2);color:#79623e;display:flex;align-items:center;justify-content:center;gap:60px}.bounty-tabs{display:grid;gap:8px;max-width:230px}.bounty-tabs button{border-bottom:1px solid #9ba78666;padding:18px 5px;text-align:left;font:15px var(--serif);color:#7f8a70}.bounty-tabs span{font:9px 'Manrope',sans-serif;margin-right:20px;color:#a5ac92}.bounty-tabs button.active{color:#4e654e;border-color:#798f69}.bounty-paper{position:relative;width:350px;min-height:452px;background:linear-gradient(140deg,#f0e3bd,#e6d5a3);padding:30px 30px 23px;text-align:center;transform:rotate(3deg);box-shadow:0 15px 28px #62705732;clip-path:polygon(0 0,96% 1%,100% 5%,99% 96%,95% 100%,1% 98%,0 94%)}.paper-pin{position:absolute;top:9px;left:50%;width:10px;height:10px;border-radius:50%;background:#856d47;box-shadow:2px 3px 4px #6f512d55}.bounty-paper>span{font-size:7px;letter-spacing:2px}.bounty-paper h4{font:43px/1 var(--serif);letter-spacing:5px;margin:20px 0 0}.bounty-paper h4 em{font-size:18px;letter-spacing:-.2px;display:inline-block;line-height:1.5;margin-top:4px}.bounty-paper [data-pro-field=bounty-art]{display:grid;place-items:center}.bounty-paper .illustrated-icon{width:125px;height:125px}.bounty-paper>p{font:italic 12px/1.65 var(--serif);margin:0 auto 14px;max-width:230px}.bounty-reward{border-block:1px solid #a894613f;display:flex;justify-content:space-between;padding:9px 0;font-size:8px;letter-spacing:1px;margin-bottom:15px}.bounty-reward b{font-size:12px}.bounty-paper .pro-button{color:#79663c;background:#d9c6933d;border-color:#a8955b77;width:100%}.bounty-stamp{position:absolute;top:42%;left:5%;width:90%;transform:rotate(-14deg);font:32px var(--condensed);letter-spacing:3px;color:#668764;z-index:5;background:#e4e1bdcc}.bounty-stamp:empty{display:none}.expedition-surface{background:linear-gradient(160deg,#ece9d7,#dbe8d7);color:#718167}.expedition-heading{text-align:center;padding-top:54px}.expedition-heading>span{font-size:8px;letter-spacing:2px;color:#9eaa91}.expedition-heading h4{font:44px var(--serif);margin:10px 0}.expedition-heading p{font:italic 14px var(--serif);color:#96a18b}.expedition-path{display:flex;justify-content:center;gap:34px;margin:50px 38px 0;position:relative}.expedition-path:before{content:'';position:absolute;left:12%;right:12%;top:50%;border-top:1px dashed #9eac8f}.expedition-stop{display:grid;place-items:center;position:relative;z-index:2;width:150px;opacity:.45}.expedition-stop small{font-size:7px;letter-spacing:1.5px;color:#839579}.expedition-stop .illustrated-icon{width:115px;height:115px;margin:10px 0}.expedition-stop strong{font-size:8px;letter-spacing:.7px;font-weight:500}.expedition-stop>span:not(.illustrated-icon){font-size:7px;border:1px solid #a0b28e55;padding:5px 12px;margin-top:12px;letter-spacing:1px}.expedition-stop.available{opacity:1}.expedition-stop.available .illustrated-icon{animation:itemFloat 4s ease-in-out infinite}.expedition-stop.claimed{opacity:1}.expedition-stop.claimed>span:not(.illustrated-icon){background:#91ac8350;color:#5b7f54}.expedition-message{text-align:center;margin-top:32px;font-size:8px;letter-spacing:1.5px;color:#879a79}.expedition-surface .pro-button.subtle{color:#879a79;border-color:#9cb18c55}
/* 04 / Eclipse Protocol */
.constellation-surface,.extraction-surface{background:#121723;color:#cbd0e7}.constellation-shade{background:linear-gradient(90deg,#131721fa 15%,#121b2899 70%,#13152288)}.constellation-heading{position:absolute;left:45px;top:67px;z-index:2}.constellation-heading>span{font-size:8px;letter-spacing:2px;color:#9098b4}.constellation-heading h4{font:48px/.99 var(--condensed);font-weight:500;letter-spacing:-.6px;margin:22px 0}.constellation-heading p{font-size:12px;color:#707f9d}.constellation-heading>b{font-size:8px;letter-spacing:1px;color:var(--accent);display:block;margin-top:28px}.constellation-map{position:absolute;width:57%;height:390px;right:4%;top:54px}.constellation-map svg{position:absolute;width:100%;height:100%;fill:none;stroke:#a69adf6b;stroke-width:1;stroke-dasharray:4 5}.constellation-node{position:absolute!important;transform:translate(-50%,-50%);display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#192334;border:1px solid #7e8eba77;box-shadow:0 0 0 5px #8485c810;opacity:.5}.constellation-node .illustrated-icon{width:61px;height:61px}.constellation-node>span:not(.illustrated-icon){position:absolute;top:71px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.5px;white-space:nowrap;color:#b6b5d0}.constellation-node.unlocked{opacity:1;border-color:var(--accent);box-shadow:0 0 22px #a398ff42,0 0 0 5px #a398ff11}.orbital-surface{background:radial-gradient(circle at 69% 49%,#164459,#172231 48%,#141c28);color:#c5e7f1}.orbital-surface:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#91dbf908 1px,transparent 1px),linear-gradient(90deg,#91dbf908 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent)}.orbital-title{position:absolute;left:50px;top:65px}.orbital-title>span{font-size:8px;letter-spacing:2px;color:#7998ab}.orbital-title h4{font:66px/.92 var(--condensed);margin:25px 0;color:#d5e9ef;letter-spacing:-1px}.orbital-title em{font-family:var(--serif);font-size:.85em;font-weight:400;color:var(--accent)}.orbital-title p{font-size:11px;max-width:170px;line-height:1.8;color:#6e8e9e}.orbital-system{position:absolute;width:355px;height:355px;right:12%;top:82px;border-radius:50%;border:1px solid #75cbda33;box-shadow:0 0 0 16px #75cbda08,0 0 0 17px #75cbda20,0 0 0 36px #75cbda03,0 0 0 37px #75cbda18}.orbital-inner{position:absolute;inset:12%;border:1px dashed #75cbda3f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbital-inner>span{font-size:8px;letter-spacing:2px;color:#729aa9}.orbital-inner>b{font:500 72px var(--condensed);color:var(--accent)}.orbital-inner>b>span{font-size:23px;margin-left:3px;opacity:.5}.orbital-inner>small{font-size:7px;letter-spacing:1px;color:#729aa9}.orbital-sector{position:absolute!important;inset:0;border-radius:50%;border:9px solid transparent;border-top-color:var(--accent);clip-path:polygon(50% 50%,0 0,100% 0);transform:rotate(calc(var(--sector)*90deg));filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 30%,transparent));background:none;opacity:.8;z-index:3}.orbital-sector:active{transform:rotate(calc(var(--sector)*90deg))!important}.orbital-sector span{position:absolute;left:50%;top:14px;font:12px var(--condensed);transform:translateX(-50%) rotate(calc(var(--sector)*-90deg));color:var(--accent)}.sector-0{--sector:0}.sector-1{--sector:1}.sector-2{--sector:2}.sector-3{--sector:3}.orbital-sector.broken{border-top-color:#d07881;filter:none;opacity:.15}.orbital-sector:hover{opacity:1;border-top-width:13px}.orbital-data{position:absolute;right:11%;bottom:43px;display:flex;gap:28px;color:#7899aa}.orbital-data>span{font-size:7px;letter-spacing:1px}.orbital-data b{display:block;font-size:13px;letter-spacing:0;margin-top:5px;color:#b5d1df}.celestial-market{background:radial-gradient(ellipse at 46% 47%,#283553,#151b2a 68%);color:#d8dcef}.exchange-heading{position:absolute;top:34px;left:43px;z-index:2}.exchange-heading>span{font-size:8px;letter-spacing:2px;color:#7988a8}.exchange-heading h4{font:30px/1.15 var(--serif);margin-top:12px;color:#b6c1dc}.exchange-heading em{color:#808fbe}.celestial-item{position:absolute;width:62%;height:105%;object-fit:contain;left:0;top:3%;filter:drop-shadow(0 0 35px #99b1ed30);animation:itemFloat 6s ease-in-out infinite}.celestial-details{position:absolute;right:8%;top:115px;width:33%;z-index:2}.celestial-details>span{font-size:8px;letter-spacing:2px;color:var(--accent)}.celestial-details h5{font:64px var(--serif);letter-spacing:-2px;margin:8px 0}.celestial-details>p{font:italic 13px/1.8 var(--serif);color:#8390b1}.celestial-stats{display:flex;gap:25px;border-block:1px solid #8e9bc12c;padding:17px 0;margin:26px 0 22px;font-size:8px;letter-spacing:1px;color:#7f8eb0}.celestial-stats b{font:24px var(--condensed);display:block;color:#d1d9ed;letter-spacing:0;margin-top:4px}.celestial-details>small{display:block;font-size:8px;letter-spacing:1px;color:#818faf;margin-bottom:12px}.celestial-details .pro-button{width:100%;justify-content:space-between;padding:14px 12px;font-size:10px}.celestial-details>p.exchange-message{font:7px/1.5 'Manrope',sans-serif;letter-spacing:.7px;color:#6e7b9b}.extraction-shade{background:linear-gradient(90deg,#111823d9,transparent 90%),linear-gradient(0deg,#111c2acd,transparent 80%)}.extraction-terminal{position:absolute;left:7%;top:40px;width:380px;padding:27px 30px 30px;border:1px solid #8facbb30;background:linear-gradient(120deg,#1b2c39bb,#1b2c3944);backdrop-filter:blur(8px);clip-path:polygon(0 0,93% 0,100% 6%,100% 100%,0 100%)}.extraction-terminal>span{font-size:8px;letter-spacing:2px;color:#819fae}.extraction-terminal h4{font:62px/.98 var(--condensed);margin:18px 0 24px;color:#ccdee3}.extract-count{display:flex;gap:20px;align-items:center;margin-bottom:12px}.extract-count strong{font:74px/.9 var(--condensed);font-weight:500;color:var(--accent)}.extract-count>span{font-size:8px;letter-spacing:1.5px;color:#6e99a8}.extraction-progress{margin-top:24px}.extraction-progress .pro-meter{height:3px}.extract-state{font-size:8px;letter-spacing:1px;color:#7e9eab;margin:17px 0 26px}.extract-actions{display:flex;gap:8px}.extract-actions .pro-button{font-size:9px;padding:12px}.extract-actions .pro-button.subtle{color:#7999a8}
/* Motion character and responsive art direction. */
@keyframes sceneBreathe{to{transform:scale(1.035)}}@keyframes itemFloat{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes spiritFloat{50%{transform:translateY(-9px)}}@keyframes discBreathe{50%{transform:scale(1.04);opacity:.65}}@keyframes ritualSpin{to{transform:rotate(360deg)}}@keyframes proFloat{0%{opacity:0;transform:translate(-50%,0) scale(.8)}15%{opacity:1;transform:translate(-50%,-15px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-95px) scale(.95)}}@keyframes proShake{20%{translate:-4px 1px}45%{translate:4px -1px}70%{translate:-2px 0}100%{translate:0 0}}@keyframes proFlash{from{opacity:1}to{opacity:0}}@keyframes comboPunch{0%{transform:scale(1.15) rotate(-3deg);filter:brightness(2)}100%{transform:scale(1)}}@keyframes summonReveal{0%{opacity:0;filter:brightness(4) blur(15px);transform:translateY(30px) scale(.83)}40%{opacity:.25;filter:brightness(3) blur(4px)}70%{opacity:1;filter:brightness(1.5) blur(0);transform:translateY(-12px) scale(1.025)}100%{opacity:1;filter:brightness(1);transform:translateY(0) scale(1)}}@keyframes summonRing{0%{transform:scale(.3);opacity:0}45%{opacity:1;box-shadow:0 0 90px #fff}100%{transform:scale(1);opacity:1}}
.signature-custom.custom-dialog{width:min(1430px,96vw);max-width:96vw}.signature-custom .custom-layout{grid-template-columns:minmax(0,2.5fr) minmax(220px,1fr);gap:22px}.signature-custom .custom-showcase{padding:0;background:#f0f5fa;min-height:0;justify-content:flex-start}.signature-custom .custom-preview{width:100%;min-height:0;display:block}.signature-custom .custom-preview .signature-art{height:560px;padding:0}.signature-custom .custom-options{padding:8px 0}.signature-custom .custom-showcase>.text-link{margin:15px}.signature-custom .custom-options .small-note{line-height:1.8}.signature-custom .modal-top h2{font-size:35px}.motion-off .signature-art .pro-feedback-burst{opacity:1}.signature-art[data-motion=quiet] .pro-feedback-burst{animation:none;transform:translateX(-50%)}
@media(min-width:1450px){.project-feature .signature-art{height:650px}.project-feature .dragon-hud{top:100px}.project-feature .reliquary-content{gap:60px}.project-feature .relic-selection-grid .illustrated-icon{width:100px;height:100px}.project-feature .reliquary-window{padding:35px 50px}.project-feature .relic-inspector .illustrated-icon{width:170px;height:170px}.project-feature .nine-paths-grid{top:70px}.project-feature .path-node .illustrated-icon{width:100px;height:100px}.project-feature .ritual-wheel{width:420px;height:420px;top:105px;right:13%}.project-feature .ritual-copy{top:95px;left:70px}.project-feature .orbital-system{top:118px;right:16%}.project-feature .celestial-details{top:165px}.project-feature .extraction-terminal{top:74px}.project-feature .book-page{top:23%}.project-feature .book-map{height:190px}.project-feature .book-right p{font-size:14px}.project-feature .book-page h4{font-size:34px}}
@media(max-width:1100px){.signature-hero{min-height:570px;padding:45px 0 35px;gap:18px}.hero-type h1{font-size:59px;letter-spacing:-3px}.hero-type>p:not(.overline){font-size:14px}.hero-type>p br{display:none}.hero-meta{font-size:8px;gap:15px;flex-wrap:wrap;margin-top:25px}.hero-artwork .signature-art{height:410px}.hero-artwork .summon-copy h4{font-size:50px;margin-top:18px}.hero-artwork .summon-copy{left:17px;top:22px}.hero-artwork .summon-copy p{font-size:8px;letter-spacing:.5px}.hero-artwork .summon-copy>small{font-size:10px}.hero-artwork .summon-status{left:17px;font-size:7px}.hero-artwork .summon-button{font-size:9px;padding:10px}.hero-art-caption{font-size:8px}.collection-jump{margin-bottom:75px}.collection-jump>a{font-size:11px;gap:8px}.collection-jump>span{font-size:8px}.project-tabs button{font-size:10px}.project-heading h3{font-size:31px}.project-heading p{font-size:13px}.project-caption>div:last-child{gap:8px}.project-customize{font-size:10px}.project-customize span{padding-left:8px}.project-caption p{max-width:470px}.ritual-wheel{right:8%;width:315px;height:315px;top:130px}.ritual-copy{left:36px}.ritual-copy h4{font-size:47px}.orbital-system{right:9%;width:310px;height:310px;top:115px}.orbital-title{left:36px}.orbital-title h4{font-size:56px}.reliquary-surface{padding:25px}.reliquary-window{padding:22px}.reliquary-content{gap:20px}.relic-selection-grid .illustrated-icon{width:74px;height:74px}.project-feature .signature-art{height:560px}.nine-paths-grid{gap:18px 13px;right:5%;width:48%}.path-node .illustrated-icon{width:72px;height:72px}.paths-heading{left:30px}.paths-heading h4{font-size:34px}.constellation-heading h4{font-size:41px}.constellation-heading{left:30px}.constellation-map{right:3%}.expedition-path{gap:13px;margin-inline:30px}.expedition-stop .illustrated-icon{width:100px;height:100px}.bounty-surface{gap:35px}.bounty-tabs{max-width:180px}.celestial-details{right:6%;width:37%}.book-page{top:25%}.book-page h4{font-size:22px}.book-page h5{font-size:20px}.book-map{height:128px}.book-right p{font-size:10px}.book-item .illustrated-icon{width:80px;height:80px}.book-left>small{font-size:5px}.hero-cta{font-size:12px;gap:15px}.signature-custom .custom-layout{display:flex;flex-direction:column}.signature-custom .custom-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.signature-custom .custom-style,.signature-custom #add-custom,.signature-custom .small-note{grid-column:1/-1}.signature-custom .custom-options label{margin:0}.signature-custom .custom-options label:first-of-type{display:none}.motion-mini .ritual-wheel{width:200px;height:200px;top:88px;right:calc(50% - 100px)}.motion-mini .ritual-node.node-0,.motion-mini .ritual-node.node-2{left:calc(50% - 27px)}.motion-mini .ritual-node.node-1,.motion-mini .ritual-node.node-3{top:calc(50% - 27px)}}
@media(max-width:760px){.signature-hero{display:flex;flex-direction:column;gap:40px;padding-top:44px}.hero-type{width:100%;text-align:center}.hero-type h1{font-size:clamp(45px,9vw,68px);letter-spacing:-3px}.hero-type .overline{font-size:9px;letter-spacing:1.5px}.hero-type>p:not(.overline){font-size:14px}.hero-type>p br{display:initial}.hero-meta{justify-content:center}.hero-artwork{width:92%;max-width:540px;transform:rotate(2deg)}.hero-artwork .signature-art{height:440px}.hero-artwork .summon-copy{left:26px;top:30px}.hero-artwork .summon-copy h4{font-size:61px}.hero-artwork .summon-copy>span{font-size:8px}.hero-artwork .summon-copy p{font-size:9px}.hero-artwork .summon-copy>small{font-size:11px}.hero-artwork .summon-button{font-size:10px;padding:12px}.hero-artwork .summon-status{left:26px}.collection-jump{grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:12px;margin-bottom:70px;padding:22px 8px}.collection-jump>span{grid-column:1/-1;font-size:9px}.collection-jump>span br{display:none}.collection-jump>a{font-size:12px}.signature-intro{display:block;margin-bottom:50px}.signature-intro h2{font-size:37px;letter-spacing:-1.4px}.signature-intro>p:last-child{margin-top:24px;font-size:12px}.project-heading{display:block;margin-bottom:19px}.project-heading h3{font-size:31px}.project-heading p{margin-top:8px}.project-heading span{font-size:8px}.project-tabs{gap:1px;display:grid;grid-template-columns:1fr 1fr}.project-tabs button{font-size:10px;padding:12px 8px}.project-caption{display:block;padding:19px 0}.project-caption>div:last-child{margin-top:15px;justify-content:space-between}.project-caption h4{font-size:16px}.project-caption p{font-size:11px}.project-customize{font-size:12px}.signature-project{margin-bottom:65px}.extended-divider{display:block;margin-bottom:60px;font-size:9px;line-height:2}.extended-divider>span{display:block}#signature-motion-wall{grid-template-columns:1fr;gap:25px}.motion-mini>.art{height:330px}.motion-mini .ritual-wheel{right:12%;width:220px;height:220px;top:50px}.motion-mini .ritual-copy h4{font-size:34px}.motion-mini .orbital-system{right:10%;top:60px}.motion-mini .orbital-title h4{font-size:40px;line-height:1.1}.motion-mini .combo-system{left:30px;top:23px}.motion-mini .combo-rank{font-size:80px}.motion-mini .combo-damage{font-size:75px}.motion-mini .combo-illustration{right:0}.motion-wall-section{margin-bottom:65px}.signature-custom.custom-dialog{padding:17px 12px;max-width:98vw;width:98vw}.signature-custom .custom-options{display:flex;flex-direction:column;padding:8px}.signature-custom .modal-top h2{font-size:27px}.signature-custom .custom-preview .signature-art{height:610px}}
/* Container queries keep each playable composition legible in cards and dialogs. */
@container(max-width:620px){.signature-art>.signature-surface{font-size:12px}.scene-location{top:25px;right:24px;left:24px;text-align:left}.scene-location h4{font-size:23px}.scene-location>span{font-size:8px}.scene-location p{font-size:8px}.ashen-objective{top:auto;bottom:188px;left:28px;right:auto}.ashen-objective strong{font-size:16px}.dragon-hud{width:94%;left:1%;top:143px}.character-identity{margin-left:26px}.character-identity b{font-size:19px}.character-level{width:30px;height:35px;font-size:17px}.character-identity small{font-size:7px}.dragon-meter{margin-top:0;margin-bottom:0}.dragon-value{font-size:8px}.ashen-stamina{margin-top:-12px;gap:3px}.ashen-stamina>span{font-size:6px}.flask-row{margin:22px 0 0 27%}.flask-row .illustrated-icon{width:52px;height:52px}.flask-row b{font-size:23px}.flask-row>span:not(.illustrated-icon){font-size:7px}.flask-row>small{font-size:6px;left:79px;bottom:0}.ashen-equipment{left:auto;right:25px;bottom:100px;gap:6px}.ashen-equipment button{width:56px;height:60px}.ashen-equipment .illustrated-icon{width:50px;height:50px}.ashen-equipment button>span:not(.illustrated-icon){left:23px}.scene-interactions{left:24px;right:24px;bottom:24px;gap:7px;flex-wrap:wrap}.signature-surface .pro-button{font-size:10px;padding:11px 13px}.surface-note{display:none}.covenant-boss{top:45px;left:5%;width:90%}.covenant-boss>span{font-size:7px;letter-spacing:1.5px}.covenant-boss h4{font-size:31px;margin:18px 0 30px}.boss-seals{gap:18px}.boss-seals .illustrated-icon{width:68px;height:68px}.boss-seals small{font-size:7px}.boss-dragon{width:100%;margin:28px auto 0}.boss-subtitle{max-width:90%;font-size:7px}.covenant-boss>p{font-size:10px;margin-top:26px}.ashen-boss-surface .scene-interactions{left:24px;right:24px;transform:none;justify-content:center;white-space:normal}.victory-title{font-size:27px;letter-spacing:3px}.reliquary-surface{padding:18px 14px}.reliquary-window{padding:17px 12px}.reliquary-top{padding-bottom:15px}.reliquary-top h4{font-size:25px}.reliquary-top small{font-size:7px}.reliquary-top>span{font-size:7px;letter-spacing:.5px}.reliquary-content{grid-template-columns:1fr;gap:15px;padding-top:17px}.relic-selection-grid{grid-template-columns:repeat(3,1fr);gap:5px}.relic-selection-grid .illustrated-icon{width:60px;height:60px}.relic-selection-grid button small{font-size:6px}.relic-inspector{padding:0 0 0 105px;min-height:190px;text-align:left}.relic-inspector [data-pro-field=relic-art]{position:absolute;left:0;top:15px}.relic-inspector .illustrated-icon{width:100px;height:100px}.relic-inspector>span{font-size:7px;letter-spacing:.5px}.relic-inspector h5{font-size:20px;margin:5px 0}.relic-inspector p{font-size:10px;margin:7px 0}.item-stats{justify-content:flex-start;font-size:7px;gap:13px;margin:8px 0}.item-stats b{font-size:10px;margin-left:4px}.relic-inspector>small{font-size:6px;margin-top:7px;letter-spacing:0}.relic-inspector .pro-button{font-size:9px;padding:8px 12px;min-height:34px}.ritual-copy{left:28px;top:30px}.ritual-copy>span{font-size:7px}.ritual-copy h4{font-size:34px;margin-top:10px}.ritual-copy h4 br{display:none}.ritual-copy p{font-size:11px;margin:10px 0}.ritual-copy p br{display:none}.ritual-copy>b{font-size:7px}.ritual-wheel{width:250px;height:250px;right:calc(50% - 125px);top:260px}.ritual-node{width:65px;height:65px}.ritual-node .illustrated-icon{width:53px;height:53px}.ritual-node>span:not(.illustrated-icon){font-size:7px;bottom:-16px}.ritual-node.node-0,.ritual-node.node-2{left:calc(50% - 32px)}.ritual-node.node-1,.ritual-node.node-3{top:calc(50% - 32px)}.ritual-center .illustrated-icon{width:130px;height:130px}.ritual-center>span:not(.illustrated-icon){font-size:7px}.summon-copy{top:34px;left:27px}.summon-copy>span{font-size:8px;letter-spacing:1.5px}.summon-copy h4{font-size:65px;letter-spacing:-3px}.spirit-character{width:120%;height:88%;right:-34%;bottom:-6%}.spirit-disc{width:370px;height:370px;right:-80px;top:180px}.summon-copy p{font-size:8px;letter-spacing:.6px}.summon-copy>small{font-size:11px;max-width:140px}.summon-copy .summon-button{font-size:10px;padding:12px;margin-top:20px}.summon-rarity{font-size:11px;letter-spacing:4px}.spirit-element-list{right:12px;bottom:18px;gap:4px}.spirit-element-list .illustrated-icon{width:44px;height:44px}.spirit-element-list span:not(.illustrated-icon){font-size:6px}.summon-status{left:26px;bottom:24px;font-size:6px;letter-spacing:.6px;max-width:44%}.spirit-hud-backdrop{font-size:110px;top:110px}.anime-player-card{left:5%;width:91%;top:167px;gap:8px;padding:12px 17px 18px 9px}.anime-player-portrait{width:65px;height:102px}.anime-player-portrait img{width:190px;height:190px;left:-64px;top:-15px}.anime-player-info>div:first-child span{font-size:6px;letter-spacing:.5px}.anime-player-info>div:first-child b{font-size:25px}.anime-hp-label{font-size:6px;letter-spacing:1px;margin:5px 0}.anime-hp-label strong{font-size:16px}.anime-player-info .pro-meter{height:12px}.anime-player-level{font-size:6px;margin:0}.anime-player-level span{font-size:27px}.resolve-meter{gap:3px;margin-top:13px}.resolve-meter>span{font-size:5px;letter-spacing:0}.resolve-meter>i{width:10px;height:5px}.resolve-meter small{font-size:6px}.anime-side-skills{left:50%;transform:translateX(-50%);top:378px;gap:18px;white-space:nowrap}.anime-side-skills button{width:65px;height:65px}.anime-side-skills .illustrated-icon{width:61px;height:61px}.resolve-title{top:330px;left:28px;font-size:26px;right:auto}.combo-system{left:30px;top:48px}.combo-system>small{font-size:7px;letter-spacing:1.2px}.combo-rank{font-size:105px;margin-top:38px}.combo-damage{font-size:90px}.combo-illustration{right:-140px;top:90px;opacity:.7}.combo-illustration .illustrated-icon{width:360px;height:360px}.combo-data{font-size:8px;gap:18px}.combo-data b{font-size:33px}.combo-divider{width:230px}.combo-backword{font-size:180px;top:230px}.combo-surface .scene-interactions{left:24px}.paths-heading{left:28px;top:28px;max-width:90%}.paths-heading>span{font-size:7px}.paths-heading h4{font-size:31px;margin-top:10px}.paths-heading h4 br{display:none}.paths-heading p{font-size:10px;margin:12px 0;max-width:260px}.paths-heading p br{display:none}.paths-heading>b{font-size:7px}.nine-paths-grid{width:81%;right:9.5%;top:216px;gap:18px 16px}.path-node .illustrated-icon{width:59px;height:59px}.path-node>strong{font-size:6px;margin-top:10px}.path-node>small{font-size:6px}.tree-feedback{bottom:31px;right:24px;font-size:7px;max-width:50%;line-height:1.7}.grimoire-art{width:170%;max-width:none;left:-35%;top:6%;height:84%;object-fit:contain;opacity:.65}.book-page{top:18%;width:36%;height:auto}.book-left{left:9%}.book-right{right:9%;top:25%;text-align:left}.book-page>span{font-size:6px;letter-spacing:.5px}.book-page h4{font-size:26px;margin-top:18px}.book-page h5{font-size:22px}.book-map{height:170px;margin-top:26px}.book-left>small{font-size:6px;line-height:1.8;letter-spacing:.4px}.book-right p{font-size:11px;line-height:1.8}.book-item{margin:10px 0}.book-item .illustrated-icon{width:100px;height:100px}.book-reward{font-size:6px;line-height:1.6;letter-spacing:.5px}.book-reward b{font-size:7px}.craft-heading{padding:30px 18px 0}.craft-heading>span{font-size:7px}.craft-heading h4{font-size:30px}.craft-heading p{font-size:10px}.craft-station{flex-direction:column;gap:30px;margin-top:23px}.ingredient-column{display:flex;width:auto;max-width:90%;gap:9px}.ingredient-column button{border-radius:4px;display:grid;place-items:center;gap:0;padding:6px;width:90px}.ingredient-column .illustrated-icon{width:65px;height:65px}.ingredient-column button>span:not(.illustrated-icon){font-size:6px;letter-spacing:0;white-space:nowrap}.ingredient-column b{font-size:12px;margin:5px 0 0}.craft-recipe-ring{width:125px;height:125px;margin-bottom:18px}.craft-recipe-ring .illustrated-icon{width:115px;height:115px}.craft-recipe h5{font-size:24px}.craft-recipe>small{font-size:7px}.bounty-surface{flex-direction:column;gap:20px;justify-content:flex-start;padding:18px 18px 0}.bounty-tabs{display:flex;max-width:100%;gap:12px}.bounty-tabs button{font-size:10px;padding:8px 1px;line-height:1.5;flex:1}.bounty-tabs span{display:block;font-size:7px;margin:0 0 3px}.bounty-paper{width:min(310px,100%);padding:26px 23px 22px;min-height:0}.bounty-paper h4{font-size:36px;margin-top:18px}.bounty-paper h4 em{font-size:17px}.bounty-paper .illustrated-icon{width:108px;height:108px}.bounty-paper>p{font-size:11px}.bounty-paper>span{font-size:6px}.bounty-reward{font-size:7px}.expedition-heading{padding:36px 15px 0}.expedition-heading>span{font-size:7px;letter-spacing:1px}.expedition-heading h4{font-size:31px}.expedition-heading p{font-size:12px}.expedition-path{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;margin:22px 25px 0}.expedition-path:before{display:none}.expedition-stop{width:auto}.expedition-stop .illustrated-icon{width:88px;height:88px;margin:5px 0}.expedition-stop small{font-size:6px}.expedition-stop strong{font-size:7px}.expedition-stop>span:not(.illustrated-icon){font-size:6px;padding:3px 10px;margin-top:6px}.expedition-message{font-size:7px;letter-spacing:.8px;margin:19px 22px 0}.constellation-heading{top:28px;left:27px}.constellation-heading>span{font-size:7px}.constellation-heading h4{font-size:34px;margin:12px 0}.constellation-heading h4 br{display:none}.constellation-heading p{font-size:11px;margin:10px 0}.constellation-heading>b{font-size:7px;margin-top:12px}.constellation-map{top:192px;right:3%;width:94%;height:315px}.constellation-node{width:48px;height:48px}.constellation-node .illustrated-icon{width:44px;height:44px}.constellation-node>span:not(.illustrated-icon){top:52px;font-size:6px;letter-spacing:1px}.orbital-title{top:30px;left:28px}.orbital-title>span{font-size:7px}.orbital-title h4{font-size:41px;margin:16px 0}.orbital-title h4 br{display:none}.orbital-title p{font-size:10px;max-width:260px}.orbital-system{width:250px;height:250px;right:calc(50% - 125px);top:245px}.orbital-inner>b{font-size:57px}.orbital-inner>span{font-size:6px;letter-spacing:1px}.orbital-inner>small{font-size:6px}.orbital-sector{border-width:7px}.orbital-sector span{top:12px;font-size:10px}.orbital-data{right:24px;bottom:25px;gap:17px}.orbital-data>span{font-size:5px}.orbital-data b{font-size:10px}.exchange-heading{top:26px;left:27px}.exchange-heading>span{font-size:7px}.exchange-heading h4{font-size:25px}.celestial-item{width:88%;height:60%;left:-19%;top:18%;opacity:.9}.celestial-details{top:186px;right:6%;width:49%}.celestial-details>span{font-size:6px;letter-spacing:1px}.celestial-details h5{font-size:45px}.celestial-details>p{font-size:11px}.celestial-stats{gap:16px;font-size:6px;margin:20px 0 17px}.celestial-stats b{font-size:21px}.celestial-details>small{font-size:6px;letter-spacing:.5px}.celestial-details .pro-button{font-size:8px;padding:11px 7px;gap:7px}.celestial-details>p.exchange-message{font-size:6px}.extraction-terminal{left:6%;top:59px;width:88%;padding:28px 26px}.extraction-terminal>span{font-size:7px}.extraction-terminal h4{font-size:61px}.extract-count strong{font-size:83px}.extract-state{font-size:7px}.extract-actions .pro-button{font-size:9px}.extraction-progress{margin-top:30px}.extract-actions{margin-top:30px}.extraction-terminal .pro-button{font-size:9px}}
@media(max-width:760px){.project-feature .signature-art{height:620px}.hero-artwork .spirit-character{width:110%;height:100%;right:-29%;bottom:-7%}.hero-artwork .spirit-disc{top:90px}.hero-artwork .spirit-element-list{bottom:12px}.motion-mini .ritual-copy{left:20px;top:20px}.motion-mini .ritual-copy h4 br{display:block}.motion-mini .ritual-wheel{top:67px;width:190px;height:190px;right:10%}.motion-mini .ritual-center .illustrated-icon{width:90px;height:90px}.motion-mini .ritual-node{width:49px;height:49px}.motion-mini .ritual-node .illustrated-icon{width:44px;height:44px}.motion-mini .ritual-node.node-0,.motion-mini .ritual-node.node-2{left:calc(50% - 24px)}.motion-mini .ritual-node.node-1,.motion-mini .ritual-node.node-3{top:calc(50% - 24px)}.motion-mini .ritual-node.node-1{right:-12px}.motion-mini .ritual-node.node-3{left:-12px}.motion-mini .ritual-node>span:not(.illustrated-icon){font-size:6px}.motion-mini .ritual-center>span:not(.illustrated-icon){font-size:6px}.motion-mini .orbital-title{left:20px;top:22px}.motion-mini .orbital-title h4 br{display:block}.motion-mini .orbital-title h4{font-size:35px}.motion-mini .orbital-system{width:190px;height:190px;top:72px;right:10%}.motion-mini .orbital-inner>b{font-size:39px}.motion-mini .orbital-sector{border-width:6px}.motion-mini .scene-interactions{left:15px;bottom:15px}.motion-mini .signature-surface .pro-button{font-size:9px;padding:9px}.motion-mini .combo-system{top:24px}.motion-mini .combo-system>small{font-size:7px}.motion-mini .combo-rank{font-size:70px;margin-top:20px}.motion-mini .combo-damage{font-size:72px}.motion-mini .combo-data b{font-size:24px}.motion-mini .combo-illustration{right:-75px;top:30px}.motion-mini .combo-illustration .illustrated-icon{width:280px;height:280px}.motion-mini .combo-divider{width:210px;margin:10px 0}.motion-mini .combo-data{font-size:7px}}
@media(max-width:380px){.hero-artwork .summon-copy h4{font-size:50px}.hero-artwork .summon-copy{left:18px}.hero-artwork .summon-copy>span{font-size:6px}.hero-type h1{font-size:45px}.project-heading h3{font-size:28px}.motion-mini .ritual-wheel{width:165px;height:165px;right:6%;top:90px}.motion-mini .ritual-copy h4{font-size:25px}.motion-mini .orbital-system{width:166px;height:166px;right:6%;top:92px}.motion-mini .orbital-title h4{font-size:26px}.motion-mini .orbital-inner>b{font-size:32px}.motion-mini .orbital-inner>span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.signature-art *, .signature-art *:before,.signature-art *:after{animation:none!important;transition:none!important}}
.signature-paused *, .signature-paused *:before,.signature-paused *:after,.signature-document-hidden .signature-art *{animation-play-state:paused!important}

.motion-mini>.signature-art{height:330px}.hero-artwork>.signature-art{height:480px}@media(max-width:1100px) and (min-width:761px){.hero-artwork>.signature-art{height:410px}}@media(max-width:760px){.hero-artwork>.signature-art{height:440px}}