: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}