:root{color-scheme:dark;background:#080d11;font-family:Arial,PingFang TC,sans-serif}*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none;height:100dvh}#game{touch-action:none}canvas{display:block;touch-action:none}.mobile-hud,.mobile-menu{position:fixed;inset:0;color:var(--mobile-ink);font-size:var(--mobile-font-min);font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif}.mobile-hud{z-index:var(--mobile-ui-layer);pointer-events:none}.mobile-hud[hidden],.mobile-menu[hidden],.mobile-hud [hidden]{display:none!important}.mobile-hud p,.mobile-menu p,.mobile-hud h2,.mobile-menu h1{margin:0}.mobile-muted{color:var(--mobile-muted);font-size:var(--mobile-font-min)}.mobile-hud-header{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:1;padding:calc(var(--mobile-hud-inset) + env(safe-area-inset-top)) calc(var(--mobile-gap) + env(safe-area-inset-right)) var(--mobile-hud-inset) calc(var(--mobile-gap) + env(safe-area-inset-left));background:var(--mobile-overlay);border-bottom:var(--mobile-border) solid var(--mobile-line);display:grid;gap:var(--mobile-small-gap)}.mobile-hud-row{display:flex;align-items:center;justify-content:space-between;gap:var(--mobile-gap)}.mobile-level{color:var(--mobile-accent);font-size:var(--mobile-font-body)}.mobile-xp{height:var(--mobile-xp-height);overflow:hidden;border-radius:var(--mobile-radius);background:var(--mobile-line)}.mobile-xp-fill{display:block;width:0;height:100%;background:var(--mobile-accent)}.mobile-hud-metrics{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--mobile-small-gap);white-space:nowrap}.mobile-clock,.mobile-health{font-size:var(--mobile-font-min);font-variant-numeric:tabular-nums}.mobile-health{text-align:right;color:var(--mobile-accent)}.mobile-pause-icon{width:var(--mobile-touch-min);height:var(--mobile-touch-min);padding:0!important;pointer-events:auto}.mobile-stat{display:flex;flex-direction:column;gap:var(--mobile-small-gap)}.mobile-stat strong{font-size:var(--mobile-font-title);font-variant-numeric:tabular-nums}.mobile-button{min-height:var(--mobile-touch-min);min-width:var(--mobile-touch-min);padding:var(--mobile-small-gap) var(--mobile-gap);color:var(--mobile-ink);font:inherit;font-size:var(--mobile-font-body);cursor:pointer;border:var(--mobile-border) solid var(--mobile-line);border-radius:var(--mobile-radius);background:var(--mobile-panel);touch-action:manipulation}.mobile-button:active{border-color:var(--mobile-accent)}.mobile-primary{background:var(--mobile-accent);border-color:var(--mobile-accent);color:var(--mobile-background);font-weight:700}.mobile-boss{position:absolute;top:calc(var(--mobile-header-height) + env(safe-area-inset-top));left:calc(var(--mobile-inset) + env(safe-area-inset-left));right:calc(var(--mobile-inset) + env(safe-area-inset-right));padding:var(--mobile-small-gap);background:var(--mobile-overlay);border-radius:var(--mobile-radius);pointer-events:none;z-index:1}.mobile-boss-name{display:block;text-align:center;margin-bottom:var(--mobile-small-gap);color:var(--mobile-gold)}.mobile-boss-bar{height:var(--mobile-boss-height);background:var(--mobile-line);border-radius:var(--mobile-radius);overflow:hidden}.mobile-boss-fill{display:block;height:100%;background:var(--mobile-orange)}.mobile-hud-footer{position:absolute;bottom:0;left:0;right:0;pointer-events:none;z-index:1;padding:var(--mobile-hud-inset) calc(var(--mobile-gap) + env(safe-area-inset-right)) calc(var(--mobile-hud-inset) + env(safe-area-inset-bottom)) calc(var(--mobile-gap) + env(safe-area-inset-left));background:var(--mobile-overlay);border-top:var(--mobile-border) solid var(--mobile-line)}.mobile-relic-list{display:flex;gap:var(--mobile-small-gap);overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}.mobile-relic{position:relative;flex:0 0 var(--mobile-relic-width);height:var(--mobile-relic-height);display:grid;place-items:center;background:var(--mobile-overlay);border:var(--mobile-border) solid var(--relic-color);border-radius:var(--mobile-small-gap)}.mobile-relic-symbol{color:var(--relic-color);font-size:var(--mobile-relic-icon-size)}.mobile-relic-level{position:absolute;right:0;bottom:0;padding-inline:var(--mobile-border);color:var(--mobile-ink);font-size:var(--mobile-font-min);background:var(--mobile-background)}.mobile-quality-notice{position:absolute;bottom:calc(var(--mobile-footer-height) + env(safe-area-inset-bottom));left:var(--mobile-gap);z-index:1;pointer-events:none;background:var(--mobile-overlay)}.mobile-horde-notice{position:absolute;left:var(--mobile-gap);right:var(--mobile-gap);z-index:1;pointer-events:none;padding:var(--mobile-small-gap);text-align:center;white-space:pre-line;color:var(--mobile-gold);background:var(--mobile-overlay);border-radius:var(--mobile-small-gap);font-size:var(--mobile-font-min)}.mobile-touch-surface{position:absolute;inset:0;pointer-events:auto;touch-action:none;overflow:hidden;z-index:0}.mobile-stick-ring,.mobile-stick-knob{position:absolute;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;opacity:0}.mobile-stick-ring{width:calc(var(--mobile-stick-radius) * 2);height:calc(var(--mobile-stick-radius) * 2);border:var(--mobile-border) solid var(--mobile-accent);background:var(--mobile-overlay)}.mobile-stick-knob{width:var(--mobile-stick-knob);height:var(--mobile-stick-knob);border:var(--mobile-border) solid var(--mobile-accent);background:var(--mobile-stick)}.is-dragging .mobile-stick-ring,.is-dragging .mobile-stick-knob{opacity:1}.mobile-modal{position:fixed;inset:0;z-index:var(--mobile-modal-layer);display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:calc(var(--mobile-inset) + env(safe-area-inset-top)) calc(var(--mobile-inset) + env(safe-area-inset-right)) calc(var(--mobile-inset) + env(safe-area-inset-bottom)) calc(var(--mobile-inset) + env(safe-area-inset-left));overflow-y:auto;background:var(--mobile-background)}.mobile-modal-panel{width:100%;max-width:var(--mobile-modal-max-width);max-height:100%;display:flex;flex-direction:column;gap:var(--mobile-modal-gap)}.mobile-modal-panel>h2{font-size:var(--mobile-font-title)}.mobile-eyebrow{color:var(--mobile-accent);font-size:var(--mobile-font-min)}.mobile-upgrade-card{display:flex;flex-direction:column;gap:var(--mobile-small-gap);padding:var(--mobile-card-padding);text-align:left;border-color:var(--relic-color)}.mobile-card-category,.mobile-card-hint{font-size:var(--mobile-font-min);color:var(--relic-color)}.mobile-card-title{font-size:var(--mobile-font-body)}.mobile-card-description{font-size:var(--mobile-font-min);color:var(--mobile-muted)}.mobile-pause-panel{text-align:center;gap:var(--mobile-inset)}.mobile-effect{position:fixed;inset:0;z-index:var(--mobile-effect-layer);display:grid;place-items:center;pointer-events:none;padding:calc(var(--mobile-inset) + env(safe-area-inset-left)) calc(var(--mobile-inset) + env(safe-area-inset-right))}.mobile-effect-panel{width:100%;text-align:center;display:grid;gap:var(--mobile-gap);padding:var(--mobile-inset);background:var(--mobile-background);border-block:var(--mobile-border) solid var(--relic-color)}.mobile-effect-panel h2{color:var(--relic-color);font-size:var(--mobile-font-hero)}.mobile-fusion-flash{animation:mobile-fusion var(--effect-duration) ease-out both}@keyframes mobile-fusion{0%{background:var(--mobile-ink)}to{background:transparent}}.mobile-menu{z-index:var(--mobile-menu-layer);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:calc(var(--mobile-inset) + env(safe-area-inset-top)) calc(var(--mobile-inset) + env(safe-area-inset-right)) calc(var(--mobile-inset) + env(safe-area-inset-bottom)) calc(var(--mobile-inset) + env(safe-area-inset-left));background:var(--mobile-background)}.mobile-menu-panel{display:grid;gap:var(--mobile-inset);width:100%;max-width:var(--mobile-menu-max-width);max-height:100%;text-align:center}.mobile-menu-panel h1{font-size:var(--mobile-font-hero)}.mobile-menu-panel .mobile-button{min-height:var(--mobile-touch-comfortable)}.mobile-menu-panel p{white-space:pre-line}.mobile-menu-subtitle{color:var(--mobile-gold);font-size:var(--mobile-font-title)}.mobile-menu-symbols{display:flex;justify-content:space-around;gap:var(--mobile-gap)}.mobile-menu-symbols>div{display:grid;gap:var(--mobile-small-gap)}.mobile-menu-symbols>div>span:first-child{font-size:var(--mobile-menu-symbol-size)}.mobile-menu-record{color:var(--mobile-accent);font-size:var(--mobile-font-min)}.mobile-hud-metrics{grid-template-columns:auto auto minmax(0,1fr) auto}.mobile-health-stack,.mobile-clock-stack{display:grid;gap:var(--mobile-border);min-width:0}.mobile-health{text-align:left}.mobile-hp-track{width:100%;height:var(--hybrid-hp-height);border-radius:var(--mobile-radius);background:var(--mobile-line);overflow:hidden}.mobile-hp-fill{display:block;width:100%;height:100%;background:var(--mobile-accent)}.mobile-clock-stack{text-align:right}.mobile-next-boss{color:var(--mobile-gold);font-size:var(--mobile-font-min);overflow:hidden;text-overflow:ellipsis}.mobile-relic-symbol{transform:translateY(calc(var(--mobile-border) * -2))}.mobile-relic-stars{position:absolute;bottom:var(--mobile-border);display:flex;align-items:center;justify-content:center;gap:var(--hybrid-relic-star-gap);font-size:var(--mobile-font-min);color:var(--relic-color)}.mobile-relic-star{display:block;width:var(--hybrid-relic-star-size);height:var(--hybrid-relic-star-size);border:var(--mobile-border) solid var(--relic-color);border-radius:50%}.mobile-relic-star.is-lit{background:var(--relic-color)}.mobile-touch-surface{right:auto;width:var(--hybrid-joystick-width-percent);overflow:visible;bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left)}.mobile-skill-controls{position:absolute;right:calc(var(--mobile-gap) + env(safe-area-inset-right));bottom:calc(var(--hybrid-controls-bottom) + env(safe-area-inset-bottom));display:grid;grid-template-columns:var(--hybrid-skill-size) var(--hybrid-burst-size);grid-template-rows:var(--hybrid-burst-size);gap:var(--hybrid-skill-gap);align-items:end;z-index:2;pointer-events:none}.mobile-skill{--skill-progress: 0deg;--skill-color: var(--mobile-accent);position:relative;width:var(--hybrid-skill-size);height:var(--hybrid-skill-size);border-radius:50%;padding:var(--hybrid-ring-width);border:0;color:var(--mobile-ink);cursor:pointer;pointer-events:auto;touch-action:none;background:conic-gradient(var(--skill-color) var(--skill-progress),var(--mobile-line) 0deg);font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-skill-content{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--mobile-overlay);box-shadow:inset 0 0 var(--mobile-gap) var(--mobile-background)}.mobile-skill-symbol{font-size:var(--hybrid-skill-symbol-size);line-height:1;color:var(--skill-color)}.mobile-skill-caption{font-size:var(--mobile-font-min);font-variant-numeric:tabular-nums}.mobile-skill-dash{grid-column:1;grid-row:1;align-self:end;--skill-color: var(--mobile-blue)}.mobile-skill-ultimate{grid-column:2;grid-row:1;width:var(--hybrid-burst-size);height:var(--hybrid-burst-size);--skill-color: var(--mobile-gold)}.mobile-skill:disabled{cursor:default}.mobile-skill:disabled .mobile-skill-content{color:var(--mobile-muted)}.mobile-skill:active:not(:disabled){transform:scale(.94)}.mobile-skill-ultimate.is-ready{animation:mobile-skill-ready var(--hybrid-skill-pulse-ms) ease-in-out infinite alternate}@keyframes mobile-skill-ready{0%{box-shadow:0 0 var(--mobile-small-gap) var(--mobile-gold)}to{box-shadow:0 0 var(--mobile-inset) var(--mobile-gold)}}.mobile-hud[data-blocked=true] .mobile-touch-surface,.mobile-hud[data-blocked=true] .mobile-skill-controls,.mobile-hud[data-blocked=true] .mobile-skill{pointer-events:none}.mobile-hud-landscape>.mobile-hud-header,.mobile-hud-landscape>.mobile-hud-footer,.mobile-hud-landscape>.mobile-boss,.mobile-hud-landscape>.mobile-quality-notice,.mobile-hud-landscape>.mobile-horde-notice,.mobile-hud-landscape>.mobile-modal,.mobile-hud-landscape>.mobile-effect{display:none}.mobile-hud-landscape .mobile-skill-controls{bottom:calc(var(--hybrid-landscape-bottom) + env(safe-area-inset-bottom))}.mobile-fusion-icons{display:flex;justify-content:center;gap:var(--mobile-inset);position:relative;height:var(--fusion-icon-size)}.mobile-fusion-icon{position:absolute;display:grid;place-items:center;width:var(--fusion-icon-size);height:var(--fusion-icon-size);border:var(--mobile-border) solid currentColor;border-radius:50%;font-size:var(--mobile-font-hero);background:var(--mobile-background)}.mobile-fusion-icon-0{animation:mobile-fusion-left var(--fusion-merge-duration) cubic-bezier(.55,0,1,.45) both}.mobile-fusion-icon-1{animation:mobile-fusion-right var(--fusion-merge-duration) cubic-bezier(.55,0,1,.45) both}@keyframes mobile-fusion-left{0%{transform:translate(-150%)}to{transform:translate(0);opacity:.5}}@keyframes mobile-fusion-right{0%{transform:translate(150%)}to{transform:translate(0);opacity:.5}}.mobile-ultimate-effect{align-items:start;padding-top:calc(var(--mobile-header-height) * 2 + env(safe-area-inset-top))}.mobile-ultimate-effect .mobile-effect-panel{background:var(--mobile-overlay);box-shadow:0 0 var(--mobile-inset) var(--relic-color)}.mobile-ultimate-effect .mobile-effect-panel h2{font-size:var(--mobile-font-title)}.mobile-fusion-icons.is-merged{color:var(--relic-color);filter:drop-shadow(0 0 var(--mobile-gap) var(--relic-color))}.mobile-upgrade-card{position:relative;gap:var(--card-mobile-gap);padding:var(--card-mobile-padding);overflow:hidden;flex-shrink:0}.mobile-card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--card-mobile-gap)}.mobile-mythology-badge{color:var(--relic-color);font-weight:800}.mobile-fusion-badge{color:#f5d98b;font-weight:900}.mobile-card-art{position:relative;display:grid;place-items:center;width:100%;height:var(--card-mobile-art-height);overflow:hidden;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--relic-color) 40%,transparent) 0,transparent 62%),linear-gradient(120deg,#0b1621 15%,color-mix(in srgb,var(--relic-color) 55%,#0b1621))}.mobile-card-illustration{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.mobile-card-art-icon,.mobile-card-art-symbol{position:absolute;inset:0;margin:auto;width:var(--card-mobile-art-icon);height:var(--card-mobile-art-icon);object-fit:contain;color:var(--relic-color)}.mobile-card-art-symbol{display:grid;place-items:center;font-size:var(--card-mobile-art-icon)}.mobile-card-title{font-size:var(--card-mobile-title)}.mobile-card-stars{color:#f2dc9e;letter-spacing:.08em}.mobile-upgrade-card.is-fusion{border-color:#f5d98b;border-width:var(--card-gold-border-width);box-shadow:inset 0 0 var(--card-inset) #f5d98b22}.mobile-upgrade-card.is-fusion .mobile-card-art{animation:card-fusion-flip var(--card-flip-ms) ease-out var(--card-delay) both}@keyframes card-fusion-flip{0%{transform:perspective(var(--card-flip-perspective)) rotateY(var(--card-flip-angle));opacity:var(--card-flip-alpha)}to{transform:perspective(var(--card-flip-perspective)) rotateY(0);opacity:1}}.reference-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.reference-overlay [hidden]{display:none!important}.mobile-hud-landscape>.reference-overlay{display:none}.reference-combo,.reference-score,.reference-challenge,.reference-avatar,.reference-stress,.reference-notice{position:absolute;white-space:pre-line;text-shadow:0 1px 4px #050b13,1px 1px 1px #050b13;font-weight:800;font-size:var(--reference-detail-font)}.reference-combo{top:calc(var(--reference-combo-top) + env(safe-area-inset-top));left:calc(var(--reference-inset) + env(safe-area-inset-left));color:#ffe399;font-size:var(--reference-combo-font)}.reference-score{top:calc(var(--reference-combo-top) + var(--reference-combo-font) + env(safe-area-inset-top));left:calc(var(--reference-inset) + env(safe-area-inset-left));color:#afcfc3}.reference-challenge{right:calc(var(--reference-inset) + env(safe-area-inset-right));top:calc(var(--reference-challenge-top) + env(safe-area-inset-top));max-width:var(--reference-challenge-width);text-align:right;background:#071019a6}.reference-avatar{top:calc(var(--reference-avatar-top) + env(safe-area-inset-top));width:100%;text-align:center;color:#ffe399;background:#071019a6}.reference-stress{bottom:calc(var(--reference-stress-bottom) + env(safe-area-inset-bottom));left:calc(var(--reference-inset) + env(safe-area-inset-left));color:#a9e7ff;background:#071019cf}.reference-notice{top:calc(var(--reference-notice-top) + env(safe-area-inset-top));left:var(--reference-inset);right:var(--reference-inset);text-align:center;padding:var(--reference-inset);background:#071019cf}.reference-comic{position:absolute;left:50%;top:var(--reference-comic-top-percent);width:max-content;max-width:calc(100% - var(--reference-inset) * 2);font:950 var(--reference-comic-font)/1 "Arial Black","PingFang TC",sans-serif;text-align:center;-webkit-text-stroke:calc(var(--reference-comic-stroke) / 2) #06101a;paint-order:stroke fill;text-shadow:0 3px 0 #06101a}.reference-combo-shard{position:absolute;left:var(--reference-inset);top:var(--reference-combo-top);width:var(--reference-shard-size);height:var(--reference-shard-size);background:#ffe399}html,body,#game,#game *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}.mobile-hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--mobile-gap)}.mobile-hero-card{display:grid;justify-items:center;gap:var(--mobile-small-gap);padding:var(--mobile-inset) var(--mobile-small-gap);min-height:0}.mobile-hero-card.is-selected{border-color:var(--mobile-accent);box-shadow:0 0 0 2px var(--mobile-accent) inset}.mobile-hero-card strong{font-size:var(--mobile-font-title)}.mobile-hero-preview{width:100%;max-width:168px;aspect-ratio:84 / 61;image-rendering:pixelated}.has-kit img,.pendant-editor img,.pendant-ghost{image-rendering:pixelated}.has-kit .mobile-skill{padding:0;background:none;border-radius:0}.has-kit .mobile-skill-content{position:relative;border-radius:0;background:var(--skill-art) center / 100% 100% no-repeat;box-shadow:none}.has-kit .mobile-skill-symbol{display:none}.has-kit .mobile-skill-caption{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);padding:0 4px;background:#0b1016cc;border-radius:3px;white-space:nowrap}.has-kit .mobile-skill-dash{width:64px;height:64px;--skill-art: var(--kit-dash-normal)}.has-kit .mobile-skill-dash[data-state=cooldown]{--skill-art: var(--kit-dash-cooldown)}.has-kit .mobile-skill-dash:active:not(:disabled){--skill-art: var(--kit-dash-pressed);transform:none}.has-kit .mobile-skill-ultimate{width:88px;height:88px;--skill-art: var(--kit-ult-empty)}.has-kit .mobile-skill-ultimate[data-state=charging]{--skill-art: var(--kit-ult-charging)}.has-kit .mobile-skill-ultimate[data-state=full]{--skill-art: var(--kit-ult-full)}.has-kit .mobile-skill-ultimate .mobile-skill-content:before{content:"";position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:conic-gradient(#ffd34dd9 var(--skill-progress),transparent 0deg);z-index:-1}.has-kit .mobile-skill-ultimate.is-ready{animation:none;filter:drop-shadow(0 0 6px #ffd34d)}.has-kit .mobile-skill-controls{grid-template-columns:64px 88px;grid-template-rows:88px}.has-kit .mobile-pause-icon{display:grid;place-items:center;background:none;border:0}.mobile-pause-image{width:32px;height:32px}.mobile-bar-inner{position:absolute;overflow:hidden;background:#1a1418}.mobile-bar-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.has-kit .mobile-hp-track{position:relative;width:178px;max-width:100%;height:27px;border-radius:0;background:none;overflow:visible}.has-kit .mobile-hp-track .mobile-bar-inner{left:22px;top:8px;width:133px;height:9px}.has-kit .mobile-hp-fill{background:#e0485a}.has-kit .mobile-xp{position:relative;width:180px;height:29px;margin:0 auto;border-radius:0;background:none;overflow:visible}.has-kit .mobile-xp .mobile-bar-inner{left:25px;top:9px;width:129px;height:10px}.has-kit .mobile-relic-list{gap:4px}.mobile-kit-slot{flex:0 0 80px;width:80px;height:80px;border:0;background:none;border-radius:0}.mobile-kit-frame{position:absolute;inset:0;width:80px;height:80px}.mobile-kit-icon{position:absolute;left:16px;top:16px;width:48px;height:48px}.mobile-kit-icon.is-fusion{left:10px;top:10px;width:60px;height:60px}.mobile-kit-label{position:absolute;left:4px;top:0;color:#f5e6b8;font-weight:800;text-shadow:0 1px 2px #0b1016,1px 0 1px #0b1016}.mobile-kit-gem{position:absolute;right:2px;bottom:2px;width:20px;height:20px}.has-kit .mobile-modal:has(.mobile-levelup-panel){background:#05070c47;align-items:flex-start;padding-top:calc(env(safe-area-inset-top) + 64px)}.mobile-levelup-panel{align-items:center;text-align:center;overflow-y:auto}.mobile-levelup-panel>h2,.mobile-levelup-panel>p{text-shadow:0 1px 3px #05070c,0 0 2px #05070c}.mobile-card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.has-kit .mobile-upgrade-card{width:calc(50% - 4px);max-width:180px;aspect-ratio:120 / 168;padding:13% 14% 9%;gap:2px;border:0;border-radius:0;background:#0b1016d9 var(--card-frame) center / 100% 100% no-repeat;image-rendering:pixelated;display:grid;grid-template-rows:auto auto 1fr auto auto;justify-items:center;text-align:center;animation:card-slide-up .32s cubic-bezier(.2,1.4,.4,1) var(--slide-delay) both;overflow:visible}@keyframes card-slide-up{0%{transform:translateY(120px);opacity:0}to{transform:none;opacity:1}}.has-kit .mobile-card-head{order:2;font-size:var(--mobile-font-min)}.has-kit .mobile-card-title{order:1;color:#2a1d10;font-weight:800;font-size:13px;margin-top:2%}.has-kit .mobile-card-art{order:3;height:auto;aspect-ratio:1;width:68%;background:radial-gradient(circle,color-mix(in srgb,var(--relic-color) 45%,transparent) 0,transparent 66%)}.has-kit .mobile-card-illustration.is-icon{object-fit:contain;image-rendering:pixelated}.has-kit .mobile-card-stars{order:4;font-size:var(--mobile-font-min)}.has-kit .mobile-card-description{order:5;color:#2a1d10;font-size:var(--mobile-font-min);line-height:1.25;padding-top:6%;max-height:4.2em;overflow:hidden}.has-kit .mobile-card-hint{order:6;position:absolute;left:0;right:0;bottom:-2.4em;font-size:var(--mobile-font-min);color:#e8cb82;text-shadow:0 1px 2px #05070c}.has-kit .mobile-upgrade-card.is-fusion{border:0;box-shadow:0 0 14px #ffd34d88}.mobile-fusion-icon.is-result,.mobile-fusion-icons img.mobile-fusion-icon{width:96px;height:96px;border:0;border-radius:0;background:none}.mobile-fusion-shout{position:absolute;z-index:2;top:-64px;text-shadow:0 2px 6px #05070c;left:0;right:0;text-align:center;font-size:44px;font-weight:900;color:#fff;-webkit-text-stroke:2px var(--relic-color)}.pendant-editor{display:grid;gap:4px;justify-items:center;pointer-events:auto;color:#e9eee9;font:12px PingFang TC,Noto Sans TC,sans-serif}.pendant-editor[hidden]{display:none}.pendant-editor.is-desktop{position:fixed;z-index:30;transform:translate(-50%) scale(var(--pendant-scale, 1));transform-origin:50% 0;padding:6px 10px;background:#0b1016d9;border:1px solid #3a4a46;border-radius:6px}.pendant-title{margin:0;color:#cfe0d8;text-shadow:0 1px 2px #05070c}.pendant-row{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap;justify-content:center}.pendant-slot,.pendant-spare{position:relative;display:grid;justify-items:center;gap:2px;min-width:64px;min-height:64px;padding:2px 4px;border:1px dashed transparent;border-radius:6px;cursor:pointer}.pendant-spare{display:flex;align-items:flex-end;gap:4px;border-color:#3a4a46}.pendant-slot.is-target{border-color:#5fe3c0;background:#5fe3c022}.pendant-slot-front .pendant-slot-label{color:#ffd34d}.pendant-slot-label{font-weight:800}.pendant-frame{width:60px;height:60px}.pendant-relic{position:relative;display:block;width:60px;height:60px;touch-action:none;cursor:grab}.pendant-relic>.pendant-frame{position:absolute;inset:0}.pendant-icon{position:absolute;left:6px;top:6px;width:48px;height:48px}.pendant-relic.is-selected{outline:2px solid #5fe3c0;outline-offset:1px}.pendant-ghost{position:fixed;z-index:9999;width:48px;height:48px;margin:-24px 0 0 -24px;pointer-events:none;filter:drop-shadow(0 0 6px #5fe3c0)}.mobile-hero-portrait{width:100%;max-width:168px;aspect-ratio:1;image-rendering:pixelated}.mobile-hero-card .mobile-hero-preview{max-width:112px}.has-kit .mobile-hud-metrics{grid-template-columns:auto minmax(0,1fr) auto}.has-kit .mobile-health-stack{display:flex;align-items:center;gap:4px}.has-kit .mobile-health-stack .mobile-hp-track{order:-1;flex:0 0 auto}.has-kit .mobile-health{white-space:nowrap}.mobile-xp-row{display:flex;align-items:center;justify-content:center;gap:8px;height:29px}.has-kit .mobile-xp-row .mobile-xp{margin:0}