.performance-settings{display:grid;gap:10px;margin-top:12px;color:#e7dfcc;font-size:14px;flex-basis:100%;text-align:left}.performance-settings label{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.performance-settings select{background:#171c27;color:#ffe0a1;border:1px solid #766345;border-radius:7px;padding:8px;font:inherit;max-width:100%}.performance-settings small{color:#b8bcc5}.performance-readout{position:fixed;top:max(62px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:10000;background:#0c1521df;border:1px solid #536d83;border-radius:5px;color:#def4ff;font:11px/1.4 monospace;white-space:nowrap;padding:4px 7px;pointer-events:none}.performance-readout[hidden]{display:none}body.story-immersive #game .compact-pause-options{flex-wrap:wrap}body.story-immersive #game .trial-card{align-items:flex-start}.performance-readout[data-menu=true]{top:auto;bottom:4px}.performance-settings>.story-quality-native{display:none!important}.performance-settings .story-quality-picker{position:relative;color:#efe2bf;min-width:150px}.performance-settings .story-quality-picker summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:9px 12px;border:1px solid #766345;border-radius:7px;background:#171c27;list-style:none}.performance-settings .story-quality-picker summary::-webkit-details-marker{display:none}.performance-settings .story-quality-menu{display:grid;gap:7px;padding:10px;background:#14201f;border:1px solid #766345;border-radius:7px}.performance-settings .story-quality-menu button{padding:9px;border:1px solid #766345;border-radius:6px;background:#222c29;color:#efe2bf;font:inherit;cursor:pointer}.performance-settings .story-quality-menu button[aria-pressed=true]{background:#45503b;border-color:#e2c783}.performance-settings .story-quality-menu label{font-size:12px}.game-orientation-gate{position:fixed;z-index:2147483647;inset:0;display:none;grid-template-columns:auto auto;gap:28px;place-content:center;place-items:center;padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(circle at center,#183e34b8,#020a0af5 62%),#020a0af0;color:#fff8d7;font-family:Inter,PingFang SC,system-ui,sans-serif;text-align:left;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}.game-orientation-device{position:relative;display:block;width:44px;height:72px;border:3px solid #ffe17a;border-radius:10px;box-shadow:0 0 24px #ffd35252;animation:game-orientation-device-rotate 1.8s ease-in-out infinite}.game-orientation-device:before{position:absolute;top:5px;left:50%;width:14px;height:3px;border-radius:999px;background:#ffe17a;content:"";transform:translate(-50%)}.game-orientation-gate div{display:grid;gap:7px}.game-orientation-gate strong{font-size:clamp(24px,7vw,40px);font-weight:1000;letter-spacing:.08em}.game-orientation-gate div span{color:#9ee5c9;font-size:clamp(12px,3.4vw,17px);font-weight:800;letter-spacing:.08em}@media(orientation:portrait){.game-orientation-gate{display:grid}}@media(prefers-reduced-motion:reduce){.game-orientation-device{animation:none;transform:rotate(90deg)}}@keyframes game-orientation-device-rotate{0%,18%{transform:rotate(0)}45%,72%{transform:rotate(90deg)}to{transform:rotate(0)}}html.story-immersive-host .play{position:fixed;inset:0;width:100vw;max-width:none;margin:0;padding:0;height:100dvh;min-height:0}html.story-immersive-host #game-viewport{position:absolute;inset:0;min-height:0}html.story-immersive-host .play-header{position:absolute;z-index:30;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);height:auto;padding:0;border:0;gap:6px;background:none;pointer-events:none}html.story-immersive-host .play-header>div,html.story-immersive-host #restart-test{display:none}html.story-immersive-host .play-header button{pointer-events:auto;width:38px;height:38px;min-height:38px;padding:0;background:#0d2029b8;border:1px solid #91a5a45e;border-radius:9px;color:#e6e9dd;font-size:20px;letter-spacing:0}html.story-immersive-host{width:100%;overflow-x:clip;overflow-y:auto}html.story-immersive-host body{width:100%;margin:0;padding:0}html.story-immersive-host.story-playing{overflow:hidden}body.story-immersive{display:block;width:100vw;margin:0;padding:0}body.story-immersive #game{position:fixed;inset:0;width:100vw;max-width:none;margin:0;padding:0;height:100dvh;max-height:none;aspect-ratio:auto}body.story-immersive #arena canvas{width:100%!important;height:100%!important}body.story-immersive #game .hud{inset:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 100px) auto calc(env(safe-area-inset-left,0px) + 12px);gap:14px;align-items:center}body.story-immersive .lava-player-status{width:180px;gap:8px;flex-shrink:0}body.story-immersive .crest{width:30px;height:36px;font-size:21px;outline:none;border-width:1px}body.story-immersive .name-row{margin-bottom:4px}body.story-immersive .name-row strong{font-size:12px;letter-spacing:.08em}body.story-immersive .health-track{height:11px}body.story-immersive .health-track span,body.story-immersive .boss-track span{font-size:8px}body.story-immersive .boss-status{width:min(30vw,260px)}body.story-immersive .boss-caption{margin:0 0 5px;justify-content:center}body.story-immersive .boss-caption strong{font-size:13px;letter-spacing:.12em}body.story-immersive .boss-caption span{display:none}body.story-immersive .boss-track{height:10px}body.story-immersive .utility{gap:6px;flex-shrink:0}body.story-immersive .utility button,body.story-immersive .utility #pause{width:34px;height:34px;min-width:34px;font-size:12px;border-radius:8px;background:#0d2029b8;border-color:#91a5a45e}body.story-immersive #game .location{top:62px;left:calc(env(safe-area-inset-left,0px) + 14px)}body.story-immersive #game .location b{font-size:12px}body.story-immersive #game .location i,body.story-immersive #game .trial-status{display:none}body.story-immersive #game .combo{top:95px;left:calc(env(safe-area-inset-left,0px) + 18px)}body.story-immersive #duel-controls{--hok-safe-left:env(safe-area-inset-left,0px);--hok-safe-right:env(safe-area-inset-right,0px);--hok-safe-bottom:env(safe-area-inset-bottom,0px);--hok-joystick-size:clamp(86px,22dvh,104px);--hok-joystick-left:86px;--hok-joystick-bottom:70px;--hok-attack-size:clamp(70px,min(8.9vw,19dvh),82px);--hok-skill-size:clamp(50px,min(6.4vw,14.5dvh),58px);--hok-ultimate-size:clamp(56px,min(7.1vw,16.5dvh),64px);--hok-tool-size:44px}body.story-immersive #duel-controls .duel-key,body.story-immersive #duel-controls .hok-button-label{display:none}body.story-immersive #duel-controls .move-joystick{opacity:.55}body.story-immersive #duel-controls .hok-button-icon{opacity:.88}body.story-immersive #game .announcement{font-size:24px;top:25%}body.story-immersive #game .trial-card{max-height:calc(100dvh - 40px);overflow:auto}body.story-immersive #game #modal[data-story-state=pause] h1{font-size:24px}body.story-immersive #game #speed{display:none!important}body.story-immersive .utility button{padding:0;white-space:nowrap}html.story-immersive-host.immersive-ready .play-header{display:none}body.story-immersive #game .hud{inset:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 10px) auto calc(env(safe-area-inset-left,0px) + 14px);height:36px}body.story-immersive .lava-player-status{width:160px}body.story-immersive .crest,body.story-immersive .name-row,body.story-immersive #game .location{display:none}body.story-immersive .health-track{height:10px;border:1px solid #c9a47b99;box-shadow:0 1px 5px #0008;transform:none;border-radius:3px}body.story-immersive .health-track span{font-size:8px;opacity:.8}body.story-immersive .utility{position:absolute;right:0;top:-4px}body.story-immersive .utility #pause{width:44px;height:44px;min-width:44px;font-size:23px;color:#f3e9d1;background:transparent;border:0;box-shadow:none;text-shadow:0 2px 5px #000}body.story-immersive .boss-status{position:absolute;left:50%;transform:translate(-50%);width:min(30vw,250px);margin:0}body.story-immersive #game[data-encounter=road] .boss-caption,body.story-immersive #game[data-encounter=road] #boss-health{display:none}body.story-immersive #game[data-encounter=road] .boss-track{border:0;box-shadow:none;transform:none;background:transparent;height:22px;overflow:visible}body.story-immersive #game[data-encounter=road] #boss-hp{display:none}body.story-immersive #game .combo{top:56px;left:calc(env(safe-area-inset-left,0px) + 16px)}body.story-immersive #game .combo span{display:none}body.story-immersive #game .combo strong{font-size:25px}body.story-immersive #game .announcement{font-size:20px;letter-spacing:.1em}body.story-immersive #game .compact-pause-objective{font-size:12px;line-height:1.6;letter-spacing:0;margin:8px 0;color:#b9c9c6}body.story-immersive #game .compact-pause-options{display:flex;gap:8px;margin-top:12px}body.story-immersive #game .compact-pause-options button{flex:1;min-height:40px;border:1px solid #617a76;background:#183139;color:#e6ddc4;border-radius:5px;font-size:13px;cursor:pointer}body.story-immersive #game #modal:not([data-story-state=pause]) .compact-pause-objective{display:none}body.story-immersive #game:has(#modal:not(.hidden)){touch-action:pan-y}body.story-immersive #game #modal:not(.hidden){touch-action:pan-y}body.story-immersive #game #modal .trial-card{min-height:0;max-height:calc(100dvh - 24px);overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}body.story-immersive #game #modal .trial-copy{flex-shrink:0;min-height:0}body.story-immersive #game:has(#modal:not(.hidden)) #duel-controls{visibility:hidden;pointer-events:none}body.story-side-controls,body.story-side-controls *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body.story-side-controls #duel-controls{position:fixed;inset:0;z-index:25;--hok-safe-left:0px;--hok-safe-right:0px;--hok-safe-bottom:0px;--hok-joystick-left:58px;--hok-joystick-bottom:70px;--hok-joystick-size:88px;--hok-attack-size:64px;--hok-skill-size:48px;--hok-ultimate-size:54px;--hok-tool-size:40px}body.story-side-controls #duel-controls[data-enabled=false]{visibility:hidden}body.story-side-controls #duel-controls .mobile-move-zone{left:0;top:25%;bottom:65px;width:112px}body.story-side-controls #duel-controls .hok-skill-cluster{right:10px;bottom:20px;width:116px;height:160px}body.story-side-controls #duel-controls .hok-skill-q{right:72px;bottom:0}body.story-side-controls #duel-controls .hok-skill-e{right:68px;bottom:56px}body.story-side-controls #duel-controls .hok-skill-r{right:0;bottom:78px}body.story-side-controls #duel-controls .mobile-tool-row{left:auto;right:138px;bottom:20px;gap:8px}body.story-side-controls #duel-controls .cast-cancel-zone{right:18px;bottom:200px}body.story-wide-camera #duel-controls{--hok-joystick-left:52px;--hok-safe-right:0px}body.story-wide-camera #duel-controls .hok-skill-cluster{right:calc(env(safe-area-inset-right,0px) + 4px)}body.story-wide-camera #duel-controls .mobile-tool-row{right:calc(env(safe-area-inset-right,0px) + var(--battle-action-width) + 10px)}
