/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#f7f2df;--deep:#10251d;--moss:#49643b;--moss-bright:#94a95a;--gold:#e5c966;--gold-pale:#f5e8a8;--lavender:#a995cf;--glass:#10271dc7}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#0d1c16;width:100%;min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}button{color:inherit;font:inherit}button:focus-visible,.game-frame:focus-visible{outline:3px solid var(--gold-pale);outline-offset:3px}.game-shell{background:radial-gradient(circle at 50% 20%,#72944a30,#0000 42%),#09130f;place-items:center;width:100vw;height:100dvh;display:grid}.game-frame{isolation:isolate;background:#1f4535;width:100%;height:100%;position:relative;overflow:hidden}.title-screen,.play-screen,.complete-screen{position:absolute;inset:0;overflow:hidden}.title-art{object-fit:cover;object-position:57% center;filter:saturate(.92)contrast(1.02);width:106%;height:106%;animation:18s ease-in-out infinite alternate title-drift;display:block;position:absolute;inset:-3%;transform:scale(1.035)}.title-scrim{background:linear-gradient(90deg,#091912f0 0%,#0b1f15bf 35%,#08140e1a 70%),linear-gradient(#0000 53%,#06100b9e);position:absolute;inset:0}.title-copy{z-index:2;text-shadow:0 3px 28px #0209056b;width:min(680px,54vw);position:absolute;top:50%;left:clamp(28px,7vw,116px);transform:translateY(-49%)}.chapter-chip{color:#efe6bd;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#142f2294;border:1px solid #eddc924d;border-radius:999px;align-items:center;gap:9px;padding:8px 13px 8px 10px;font-size:11px;font-weight:700;display:inline-flex}.chapter-chip span,.element-dot{background:var(--gold);border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #eacf68bf}.eyebrow{color:#d7cb9f;letter-spacing:.28em;text-transform:uppercase;margin:28px 0 4px;font-size:12px;font-weight:700}.title-copy h1{letter-spacing:-.065em;color:#fff9e7;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(62px,7.2vw,112px);font-weight:500;line-height:.9}.title-logo{object-fit:contain;object-position:left center;filter:drop-shadow(0 18px 34px #0108056b);width:min(520px,46vw);height:clamp(168px,23vh,260px);margin:5px 0 -7px -8px;display:block}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.subtitle{color:var(--gold-pale);letter-spacing:.02em;margin:4px 0 0 3px;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.65vw,25px);font-style:normal}.title-credit{color:#f4ecccb3;letter-spacing:.12em;text-transform:uppercase;margin:0 0 0 3px;font-size:10px;font-weight:600}.title-credit strong{color:#fff0ae;font-weight:800}.intro{color:#faf6e2d1;max-width:570px;margin:10px 0 0 3px;font-size:clamp(13px,1vw,16px);line-height:1.48}.hero-sprite-crop{background-repeat:no-repeat;display:block}.hero-select{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0e251ae6,#132d1fad);border:1px solid #f0e0a038;border-radius:22px;width:min(650px,100%);margin-top:14px;padding:10px;box-shadow:0 18px 52px #030c0847,inset 0 1px #ffffff0a}.hero-select-heading{justify-content:space-between;align-items:end;gap:16px;padding:1px 5px 8px;display:flex}.hero-select-heading small,.hero-select-heading strong,.hero-select-heading span{display:block}.hero-select-heading small{color:#eee2b29e;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:800}.hero-select-heading strong{color:#fff6d9;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.hero-select-heading>span{color:#e7d278;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.hero-select-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hero-choice{cursor:pointer;text-align:left;background:#081a129e;border:1px solid #f5e8b921;border-radius:16px;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:96px;padding:7px 8px 20px 5px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.hero-choice:hover{background:#183725c2;border-color:#f4e0916b;transform:translateY(-2px)}.hero-choice.selected{background:linear-gradient(145deg,#4b6437b8,#143423c7);border-color:#f6dd76bd;box-shadow:inset 0 0 0 1px #fff2b214,0 0 24px #d8be5f1f}.hero-choice-art{place-items:center;width:66px;height:76px;display:grid;overflow:hidden}.hero-choice-art>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 7px #0000004d);width:64px;height:80px}.hero-choice-art>.hero-sprite-crop{filter:drop-shadow(0 6px 7px #0000004d);width:76px;height:76px}.hero-choice-copy{min-width:0}.hero-choice-copy strong,.hero-choice-copy small,.hero-choice-copy em{display:block}.hero-choice-copy strong{color:#fff6dc;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500}.hero-choice-copy small{color:#d8c77f;letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:8px;font-weight:800}.hero-choice-copy em{color:#f4efd7a8;margin-top:7px;font-size:9px;font-style:normal;line-height:1.32;overflow:hidden}.hero-choice>i{color:#ede1b575;letter-spacing:.13em;text-transform:uppercase;font-size:7px;font-style:normal;font-weight:900;position:absolute;bottom:6px;right:8px}.hero-choice.selected>i{color:#f3da78}.hero-select-detail{color:#f4eed594;margin:8px 5px 1px;font-size:9px;line-height:1.45}.title-actions,.complete-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.title-actions .primary-button{min-width:238px}.primary-button,.secondary-button,.sound-button{cursor:pointer;border:0;border-radius:999px;transition:transform .16s,filter .16s,background .16s}.primary-button{color:#20351f;background:linear-gradient(135deg,#f2df87,#d2ae4f);justify-content:center;align-items:center;gap:22px;min-height:52px;padding:0 24px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 15px 38px #08120c57,inset 0 1px #ffffff80}.primary-button:hover,.secondary-button:hover,.sound-button:hover{filter:brightness(1.06);transform:translateY(-2px)}.primary-button:disabled{cursor:wait;opacity:.68;transform:none}.title-new-game{padding-inline:16px}.title-confirm{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050f0ab8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.title-confirm>div{background:linear-gradient(145deg,#163525f7,#0a1d15f7);border:1px solid #f1e4ac38;border-radius:30px;width:min(450px,100%);padding:clamp(26px,5vw,44px);box-shadow:0 28px 80px #030b0775}.title-confirm .eyebrow{margin-top:0}.title-confirm h2{margin:8px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,5vw,48px);font-weight:500}.title-confirm p:not(.eyebrow){color:#f5efd7ad;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.loading-screen{z-index:20;background:#14271e;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.loading-screen>img{object-fit:cover;filter:blur(2px)saturate(.82)brightness(.64);width:106%;height:106%;animation:14s ease-in-out infinite alternate title-drift;position:absolute;inset:-3%}.loading-veil{background:radial-gradient(circle,#11322426,#07130db8);position:absolute;inset:0}.loading-screen.air .loading-veil{background:radial-gradient(circle,#a0dcd61a,#1b4044a8)}.loading-screen.water .loading-veil{background:radial-gradient(circle at 58% 42%,#97e7db24,#182b46bd)}.loading-screen.fire .loading-veil{background:radial-gradient(circle at 58% 38%,#ffd6702e,#4b1f25c2)}.loading-screen.dragon .loading-veil{background:radial-gradient(circle at 61% 42%,#edd7742e,#0000 31%),linear-gradient(135deg,#12362a99,#241237c9)}.loading-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1f16c7;border:1px solid #f4e8b33b;border-radius:28px;min-width:min(360px,100vw - 48px);padding:28px 34px;position:relative;box-shadow:0 24px 70px #040d0866}.loading-bloom{color:#f4dd7d;font-size:28px;animation:1.6s ease-in-out infinite loading-bloom;display:block}.loading-card p{color:#f6efd58f;letter-spacing:.15em;text-transform:uppercase;margin:12px 0 4px;font-size:10px;font-weight:800}.loading-card strong{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:500}.loading-card i{background:#f1e8bf24;border-radius:999px;width:100%;height:3px;margin-top:22px;display:block;overflow:hidden}.loading-card i:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#e9d276,#0000);width:45%;height:100%;animation:1.2s ease-in-out infinite loading-line;display:block}.primary-button:active,.secondary-button:active,.sound-button:active{transform:translateY(0)}.sound-button,.secondary-button{color:#faf6e0d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11291da3;border:1px solid #f3e6b440;min-height:48px;padding:0 19px;font-size:13px;font-weight:700}.sound-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.sound-button.is-on{color:#fff3b7;background:#254329c7;border-color:#efd87780}.sound-icon{pointer-events:none;flex:none;width:19px;height:19px;display:block}.title-meta{color:#eee9d387;letter-spacing:.03em;flex-wrap:wrap;gap:10px 22px;margin-top:11px;font-size:11px;display:flex}.title-meta span:before{content:"";background:#bea85f;border-radius:50%;width:4px;height:4px;margin:0 8px 2px 0;display:inline-block}.hero-badge{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12281da8;border:1px solid #f8ecbc42;border-radius:18px;align-items:center;gap:12px;padding:12px 16px 12px 11px;display:flex;position:absolute;bottom:clamp(18px,4vw,56px);right:clamp(20px,4vw,72px);box-shadow:0 12px 45px #040c0854}.hero-badge strong,.hero-badge span{display:block}.hero-badge strong{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.hero-badge div span{color:#c9bd90;letter-spacing:.09em;text-transform:uppercase;margin-top:2px;font-size:10px}.sprout-mark,.hero-badge-portrait{color:#f4e88f;background:#6f8546;border-radius:50%;place-items:center;width:38px;height:38px;font-size:28px;transform:rotate(-28deg);display:grid!important}.hero-badge-portrait{overflow:hidden;transform:none}.hero-badge-portrait>img,.hero-badge-portrait>.hero-sprite-crop{object-fit:contain;object-position:center bottom;width:42px;height:42px}.cinematic-screen{z-index:40;background:#0b1912;animation:.48s both cinematic-in;position:absolute;inset:0;overflow:hidden}.cinematic-screen.embedded{z-index:35}.play-screen.air .cinematic-screen.embedded,.play-screen.water .cinematic-screen.embedded,.play-screen.fire .cinematic-screen.embedded{background:0 0}.play-screen.air .cinematic-screen.embedded .cinematic-art,.play-screen.air .cinematic-screen.embedded .cinematic-portrait,.play-screen.water .cinematic-screen.embedded .cinematic-art,.play-screen.water .cinematic-screen.embedded .cinematic-portrait,.play-screen.fire .cinematic-screen.embedded .cinematic-art,.play-screen.fire .cinematic-screen.embedded .cinematic-portrait{display:none}.play-screen.air .cinematic-screen.embedded .cinematic-scrim{background:linear-gradient(90deg,#081919d1,#08191933 64%,#0000),linear-gradient(#0000 48%,#051112b8)}.play-screen.water .cinematic-screen.embedded .cinematic-scrim{background:linear-gradient(90deg,#081525db,#0a27303d 64%,#0000),linear-gradient(#0000 48%,#061322bd)}.play-screen.fire .cinematic-screen.embedded .cinematic-scrim{background:linear-gradient(90deg,#30161be0,#5c2b1f3d 64%,#0000),linear-gradient(#0000 48%,#2a1318c2)}.cinematic-art{object-fit:cover;filter:saturate(.86)contrast(1.02)brightness(.8);width:106%;height:106%;animation:12s ease-in-out infinite alternate cinematic-drift;position:absolute;inset:-3%}.cinematic-scrim{background:radial-gradient(circle at 68% 34%,#ffe3911a,#0000 33%),linear-gradient(90deg,#07130df5 0%,#08160fc7 43%,#08130d3d 77%),linear-gradient(#0000 44%,#050e09d6);position:absolute;inset:0}.cinematic-letterbox{z-index:3;background:linear-gradient(90deg,#07120d,#0a1711 50%,#07120d);height:clamp(28px,5.5vh,62px);position:absolute;left:0;right:0;box-shadow:0 0 32px #00000057}.cinematic-letterbox.top{top:0}.cinematic-letterbox.bottom{bottom:0}.cinematic-portrait{z-index:2;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 28px 38px #030c076b);max-height:76vh;animation:.52s 80ms both portrait-enter;position:absolute;bottom:clamp(38px,6vh,78px);right:clamp(28px,7vw,118px)}.cinematic-portrait.mallow{width:min(35vw,410px)}.cinematic-portrait.playable-hero.hero-sprite-crop{width:min(35vw,410px);height:min(35vw,410px);max-height:none}.cinematic-portrait.mammoth,.cinematic-portrait.mammoth-restored{width:min(59vw,780px);max-height:80vh;right:clamp(-18px,1vw,30px)}.cinematic-portrait.owl,.cinematic-portrait.owl-restored{width:min(48vw,610px);max-height:82vh;right:clamp(-26px,1vw,34px)}.cinematic-portrait.koi,.cinematic-portrait.koi-restored{width:min(48vw,650px);max-height:76vh;right:clamp(-18px,3vw,58px)}.cinematic-portrait.lion,.cinematic-portrait.lion-restored{width:min(49vw,680px);max-height:80vh;bottom:clamp(16px,3vh,48px);right:clamp(-26px,2vw,46px)}.cinematic-portrait.dragon,.cinematic-portrait.dragon-restored{width:min(54vw,760px);max-height:76vh;bottom:clamp(28px,5vh,64px);right:clamp(-8px,4vw,72px)}.cinematic-panel{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f281ceb,#091b13d1);border:1px solid #efe0a433;border-radius:28px;width:min(650px,52vw);padding:clamp(22px,3vw,38px);animation:.44s 80ms both panel-enter;position:absolute;bottom:clamp(52px,9vh,104px);left:clamp(28px,7vw,116px);box-shadow:0 26px 90px #020a0673,inset 0 1px #ffffff0a}.cinematic-meta,.cinematic-footer,.cinematic-actions{align-items:center;display:flex}.cinematic-meta{color:#cdbd7e;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;font-size:9px;font-weight:800}.cinematic-speaker{color:#e5ce74;letter-spacing:.16em;text-transform:uppercase;margin:24px 0 5px;font-size:11px;font-weight:800}.cinematic-panel h2{color:#fff8df;letter-spacing:-.04em;text-wrap:balance;max-width:590px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4.2vw,64px);font-weight:500;line-height:.98}.cinematic-line{color:#f8f1d6c7;max-width:590px;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,1.34vw,19px);line-height:1.58}.cinematic-footer{justify-content:space-between;gap:18px;margin-top:26px}.cinematic-pips{gap:7px;display:flex}.cinematic-pips span{background:#ebe3bf29;border-radius:999px;width:22px;height:3px;transition:background .18s,width .18s}.cinematic-pips span.active{background:linear-gradient(90deg,#b6c867,#f1d875);width:34px;box-shadow:0 0 10px #e4d26847}.cinematic-actions{gap:10px}.cinematic-actions button{cursor:pointer;border-radius:999px;min-height:43px;font-size:11px;font-weight:800}.cinematic-skip{color:#f6eecf99;background:#0a1d1480;border:1px solid #eee4b92b;padding:0 16px}.cinematic-next{color:#24371f;background:linear-gradient(135deg,#f0dc7c,#cda94c);border:0;align-items:center;gap:18px;padding:0 20px;display:inline-flex;box-shadow:0 10px 28px #050f0947}.cinematic-hint{color:#eae3c65c;letter-spacing:.06em;margin-top:12px;font-size:9px;display:block}.level-guide{z-index:42;background:#091914;place-items:center;padding:clamp(18px,4vw,52px);animation:.42s both cinematic-in;display:grid;position:absolute;inset:0;overflow:hidden}.level-guide-art,.level-guide-scrim{width:100%;height:100%;position:absolute;inset:0}.level-guide-art{object-fit:cover;filter:saturate(.82)contrast(1.04)brightness(.62);animation:16s ease-in-out infinite alternate cinematic-drift}.level-guide-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 78% 18%,#e6d78821,#0000 34%),linear-gradient(120deg,#06140eeb,#081a139e 55%,#05110ed6)}.level-guide.air .level-guide-scrim{background:radial-gradient(circle at 76% 20%,#9be3de2e,#0000 34%),linear-gradient(120deg,#071819f0,#08212294 55%,#051417db)}.level-guide.water .level-guide-scrim{background:radial-gradient(circle at 76% 20%,#8fe7da33,#0000 34%),linear-gradient(120deg,#071627f2,#0827309e 55%,#081326e0)}.level-guide.fire .level-guide-scrim{background:radial-gradient(circle at 76% 20%,#ffd26933,#0000 34%),linear-gradient(120deg,#301419f5,#5b291e9e 55%,#2e141ee6)}.level-guide.dragon .level-guide-scrim{background:radial-gradient(circle at 72% 24%,#eed87330,#0000 35%),linear-gradient(120deg,#092019f5,#1f2b2fa3 54%,#241333e6)}.level-guide-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0d271cf0,#081913e6);border:1px solid #efe1a93d;border-radius:clamp(24px,3vw,36px);width:min(1100px,100%);max-height:100%;padding:clamp(24px,4vw,48px);position:relative;overflow:auto;box-shadow:0 34px 110px #010a0785,inset 0 1px #ffffff0f}.level-guide.air .level-guide-card{background:linear-gradient(145deg,#0a2828f2,#07191eeb);border-color:#aee8e147}.level-guide.water .level-guide-card{background:linear-gradient(145deg,#082530f5,#08162aed);border-color:#9ee7db4d}.level-guide.fire .level-guide-card{background:linear-gradient(145deg,#451e1df5,#2b141ef0);border-color:#ffcd6b4d}.level-guide.dragon .level-guide-card{background:linear-gradient(145deg,#0e2f23f5,#1f172df0);border-color:#eed97e57}.level-guide-heading,.level-guide-footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.level-guide-heading .eyebrow{margin:0 0 8px}.level-guide-heading h2{color:#fff9e7;letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,5vw,66px);font-weight:500;line-height:.96}.level-guide-element{aspect-ratio:1;color:#f2da7c;background:radial-gradient(circle,#e7cd6333,#1335252e 64%);border:1px solid #efd87b47;border-radius:50%;flex:none;place-items:center;width:clamp(58px,7vw,82px);font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.2vw,30px);display:grid;box-shadow:0 0 34px #e4ce6e21}.level-guide.air .level-guide-element{color:#c7f3ed;background:radial-gradient(circle,#76d8d33d,#0a34352e 64%);border-color:#98e0db5c;box-shadow:0 0 36px #69d7d52e}.level-guide.water .level-guide-element{color:#d0fff4;background:radial-gradient(circle,#66dcca40,#14375333 64%);border-color:#8ee7da66;box-shadow:0 0 36px #66ddcf33}.level-guide.fire .level-guide-element{color:#ffe5a0;background:radial-gradient(circle,#ffa54345,#5c242338 64%);border-color:#ffce696b;box-shadow:0 0 36px #ff8f3a33}.level-guide.dragon .level-guide-element{color:#fff0ad;background:radial-gradient(circle,#95dea445,#2f22413d 64%);border-color:#f2dc8070;box-shadow:0 0 40px #b1e18f33}.level-guide-summary{color:#f7f1dac2;max-width:760px;margin:18px 0 24px;font-size:clamp(13px,1.2vw,17px);line-height:1.55}.level-guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.level-guide-steps li{background:#0618117a;border:1px solid #efe3b221;border-radius:21px;grid-template-columns:52px minmax(0,1fr);align-content:start;gap:15px;min-height:190px;padding:19px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff06}.level-guide.air .level-guide-steps li{background:#051b1e85;border-color:#abe8e224}.level-guide.water .level-guide-steps li{background:#05182b8f;border-color:#9fe8dd29}.level-guide.fire .level-guide-steps li{background:#3a181e94;border-color:#ffd37a29}.level-guide-icon{color:#f1dc82;background:linear-gradient(145deg,#eeda8033,#4d683626);border-radius:16px;place-items:center;width:50px;height:50px;display:grid}.level-guide.air .level-guide-icon{color:#c8f3ed;background:linear-gradient(145deg,#94e5df38,#2a686c26)}.level-guide.water .level-guide-icon{color:#d0fff4;background:linear-gradient(145deg,#87e7d83d,#36578b29)}.level-guide.fire .level-guide-icon{color:#ffe5a0;background:linear-gradient(145deg,#ffb54f40,#88352d2e)}.level-guide-icon .skill-glyph{width:29px;height:29px}.level-guide-step-copy small{color:#e5d59694;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.level-guide-step-copy strong{color:#fff7db;margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.7vw,23px);font-weight:500;line-height:1.08;display:block}.level-guide-step-copy p{color:#f2edd7a3;margin:10px 0 0;font-size:12px;line-height:1.48}.level-guide-steps kbd{color:#f8f0cfa8;background:#030f0b8a;border:1px solid #efe2b124;border-radius:8px;min-width:34px;padding:7px 10px;font-family:inherit;font-size:11px;font-weight:800;position:absolute;bottom:14px;right:15px}.level-guide-footer{margin-top:20px}.level-guide-footer p{color:#f4edd2a8;gap:10px;max-width:660px;margin:0;font-size:11px;line-height:1.5;display:flex}.level-guide-footer p span{color:#f0d875}.level-guide-footer .primary-button{flex:none}.level-guide-hint{text-align:right;color:#eee7cb52;letter-spacing:.06em;margin-top:9px;font-size:8px;display:block}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.play-screen:before,.play-screen:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.play-screen:before{mix-blend-mode:screen;background:linear-gradient(116deg,#ffefa61f 0%,#0000 25%),linear-gradient(102deg,#0000 58%,#ffe89b0f 72%,#0000 90%)}.play-screen:after{opacity:.16;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 14% 27%,#ffffff2b 0 .7px,#0000 .8px 3px),repeating-radial-gradient(circle at 77% 63%,#091a112e 0 .8px,#0000 .9px 4px);background-size:11px 13px,17px 19px}.hud-top{z-index:5;top:max(16px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));pointer-events:none;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:start;display:grid;position:absolute}.hud-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#112b1fd6,#0f231ca8);border:1px solid #ede1ad2e;box-shadow:0 13px 42px #07120d38}.status-card{border-radius:17px;width:fit-content;max-width:410px;padding:13px 17px 14px}.chapter-line{color:#d2c79e;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.element-dot{width:7px;height:7px}.play-screen.air .element-dot{background:#9be1dc;box-shadow:0 0 12px #8de0dbc7}.play-screen.water .element-dot{background:#8fe8d7;box-shadow:0 0 13px #6ee7d3d1}.play-screen.fire .element-dot{background:#ffc767;box-shadow:0 0 13px #ff8b39d6}.play-screen.dragon .element-dot{background:#f3dd83;box-shadow:0 0 14px #94e6b1e6,0 0 24px #f2cd6f75}.status-card strong{margin-top:7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.45vw,21px);font-weight:500;display:block}.status-card small{color:#d8c77e;margin-top:5px;font-size:10px;display:block}.status-card.has-rescue{width:min(470px,42vw);max-width:470px}.rescue-guidance{background:linear-gradient(135deg,#5b391fc2,#232f1fd1);border:1px solid #ffe07757;border-radius:12px;margin-top:11px;padding:10px 11px 11px;box-shadow:inset 0 1px #ffffff12,0 8px 24px #08120c2e}.rescue-guidance-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.rescue-guidance-heading span{color:#f0ce74;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.rescue-guidance-heading kbd{color:#fff3b8;background:#181f15db;border-color:#ffe78f6b;min-width:42px;margin:0;font-size:11px}.status-card .rescue-guidance>strong{color:#fff1ba;margin-top:7px;font-family:inherit;font-size:13px;font-weight:850;line-height:1.22}.rescue-guidance p{color:#fff8dac7;margin:5px 0 0;font-size:10px;line-height:1.38}.play-screen.fire .status-card.has-rescue{visibility:visible}.health-card,.dragon-harmony-card{text-align:left;border-radius:18px;justify-self:center;width:min(280px,30vw);min-width:230px;padding:10px 14px 12px;transition:border-color .16s,box-shadow .16s}.dragon-harmony-card{background:linear-gradient(145deg,#14392ae6,#2f1e39c2);border-color:#e6d6844d}.dragon-harmony-heading{grid-template-columns:18px 1fr auto;align-items:center;gap:7px;display:grid}.dragon-harmony-heading>span{color:#f4dc7d;text-shadow:0 0 14px #a9e7a9b8}.dragon-harmony-heading small,.dragon-heartbeat-state{color:#f7efcdb8;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.dragon-harmony-heading strong{color:#fff4bd;font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:500}.dragon-harmony-track{background:#0d1418a8;border:1px solid #ebe0a433;border-radius:999px;height:10px;margin-top:7px;position:relative;overflow:hidden}.dragon-core-heading{color:#ffe897d1;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-top:5px;font-size:8px;font-weight:900;display:flex}.dragon-core-heading strong{color:#fff2ad;font-variant-numeric:tabular-nums;font-size:10px}.dragon-harmony-track>span{border-radius:inherit;background:linear-gradient(90deg,#769b59,#88d1cb 45%,#e5be73 76%,#f4db8a);transition:width .28s cubic-bezier(.22,.85,.32,1);position:absolute;inset:0 auto 0 0;box-shadow:0 0 16px #b1e4ad80}.dragon-harmony-track .heartbeat-marker{z-index:2;background:radial-gradient(circle at 38% 34%,#fffbdc,#e6c96f 54%,#779c69 100%);border:1px solid #fff7c4b8;border-radius:65% 20%;width:10px;height:10px;position:absolute;top:50%;left:63%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 9px #ffea91b8}.dragon-harmony-track .heartbeat-marker:before,.dragon-harmony-track .heartbeat-marker:after{border-radius:inherit;content:"";background:#fffcd9b8;position:absolute;inset:2px;transform:rotate(90deg)}.dragon-harmony-track .heartbeat-marker:after{background:#76be98c7;inset:3px;transform:rotate(180deg)}.dragon-harmony-card.beat-open{border-color:#ffeb8bc7;box-shadow:0 0 28px #b0e6a740,0 13px 42px #07120d38}.dragon-heartbeat-state{color:#f2e1a0c7;letter-spacing:.05em;text-align:center;margin-top:5px;display:block}.fire-heat-card{background:linear-gradient(145deg,#3d1c1df0,#261b1be6);border-color:#ffca6857;border-radius:18px;width:min(370px,42vw);min-width:310px;padding:12px 14px 13px;transition:border-color .18s,box-shadow .18s;position:absolute;top:122px;left:0;box-shadow:0 16px 46px #3014124d}.sunmane-guide-card{background:linear-gradient(145deg,#3d1c1df5,#23191feb);border-color:#ffca6870;border-radius:18px;width:min(398px,43vw);min-width:330px;padding:13px 14px 12px;transition:border-color .18s,box-shadow .18s;position:absolute;top:0;left:0;box-shadow:0 16px 46px #30141257}.play-screen.fire.crownfire-atrium .status-card{visibility:hidden}.sunmane-guide-card.lure{border-color:#ffdd70b3;box-shadow:0 0 26px #ffc14929,0 16px 46px #30141257}.sunmane-guide-card.dodge{border-color:#ff894ad1;box-shadow:0 0 30px #ff5b3038,0 16px 46px #30141266}.sunmane-guide-heading>span,.sunmane-guide-heading>strong,.sunmane-guide-heading>small{display:block}.sunmane-guide-heading>span{color:#ffde97b8;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.sunmane-guide-heading>strong{color:#fff4c9;margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;line-height:1.14}.sunmane-guide-heading>small{color:#fff2d3b8;margin-top:4px;font-size:10px;line-height:1.3}.sunmane-loop{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.sunmane-loop span{color:#ffe6b775;text-transform:uppercase;background:#0f10124d;border:1px solid #ffdc8e1f;border-radius:10px;align-items:center;gap:5px;min-width:0;padding:6px 7px;font-size:8px;font-weight:850;line-height:1.1;display:flex}.sunmane-loop span i{width:18px;height:18px;color:inherit;background:#ffde8f1f;border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.sunmane-loop span.done{color:#ffe19bb8}.sunmane-loop span.active{color:#fff0b8;background:#ac492e47;border-color:#ffd36f75}.sunmane-guide-card.dodge .sunmane-loop span.active{background:#b6352757;border-color:#ff854cb8}.sunmane-now{color:#ffdc88;align-items:center;gap:7px;margin-top:8px;display:flex}.sunmane-now>span{place-items:center;width:24px;height:24px;display:grid}.sunmane-now .skill-glyph{width:21px;height:21px}.sunmane-now strong{color:#ffe3a3c7;letter-spacing:.07em;text-transform:uppercase;font-size:9px}.play-screen.fire.sunroot-terrace .status-card{visibility:hidden}.play-screen.fire.sunroot-terrace .fire-heat-card{top:0}.fire-heat-card.dim{border-color:#8dd8e59e;box-shadow:0 0 26px #55aac92e,0 16px 46px #1f263052}.fire-heat-card.overbright,.fire-heat-card.flare-danger{border-color:#ffb453b3;box-shadow:0 0 28px #ff823433,0 16px 46px #30141257}.fire-guide-heading{grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;display:grid}.fire-guide-heading>span,.fire-guide-heading>em{color:#ffe09db3;letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:900}.fire-guide-heading>strong{color:#fff5ce;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:500;line-height:1.1;overflow:hidden}.fire-guide-action{background:#0e121152;border:1px solid #ffdb892e;border-radius:13px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin-top:9px;padding:8px 10px;display:grid}.fire-guide-icon{color:#ffe29a;background:radial-gradient(circle at 40% 35%,#ffe1863d,#ae482d29);border:1px solid #ffd97e5c;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.fire-guide-icon .skill-glyph{width:24px;height:24px}.fire-guide-action>span:last-child{min-width:0}.fire-guide-action strong,.fire-guide-action small{display:block}.fire-guide-action strong{color:#ffe7a4;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.fire-guide-action small{color:#fff3d3bf;margin-top:3px;font-size:10px;line-height:1.28}.fire-path-row{grid-template-columns:30px minmax(0,1fr) 32px;align-items:center;gap:7px;margin-top:9px;display:grid}.fire-path-row small,.fire-path-row strong{color:#ffe1a2a8;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.fire-path-row strong{color:#ffdf91;font-variant-numeric:tabular-nums;text-align:right}.fire-path-track{background:#0b130f9e;border-radius:999px;height:5px;position:relative;overflow:hidden}.fire-path-track i{border-radius:inherit;background:linear-gradient(90deg,#cf7e45,#f5cd69,#fff1a9);transition:width .22s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #ffcb6280}.fire-heat-heading{grid-template-columns:17px 1fr auto;align-items:center;gap:7px;margin-top:8px;display:grid}.fire-heat-heading>span{color:#ffca6a;text-shadow:0 0 12px #ff762db3;font-size:15px}.fire-heat-heading small{color:#ffeec4b3;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800}.fire-heat-heading strong{color:#fff1bc;font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:500}.fire-heat-track{background:linear-gradient(90deg,#468bb1a8,#763f2db3);border:1px solid #ffdf9633;border-radius:999px;height:11px;margin-top:5px;position:relative;overflow:hidden}.fire-heat-track>span{z-index:1;border-radius:inherit;background:linear-gradient(90deg,#70b8cf 0%,#e7c35f 35%,#ef963e 75%,#fff2af 100%);transition:width .18s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #ff9e3e73}.fire-heat-track .steady-band{z-index:2;pointer-events:none;background:#ffeb9114;border:2px solid #ffffd7eb;position:absolute;top:-1px;bottom:-1px}.life-heading{grid-template-columns:18px 1fr auto;align-items:center;gap:7px;display:grid}.health-label{color:#eee8cb99;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.life-heading strong{color:#fff6cf;font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:500}.life-leaf{background:linear-gradient(145deg,#e5ea8d,#7fa04c);border-radius:100% 0;width:11px;height:16px;display:block;transform:rotate(-34deg);box-shadow:0 0 12px #d7e27461}.life-track{background:#05130c9e;border:1px solid #eee3ae2e;border-radius:999px;height:10px;margin-top:7px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000047}.life-fill{border-radius:inherit;background:linear-gradient(90deg,#769d48 0%,#bad768 58%,#f0df7b 100%);min-width:0;transition:width .32s cubic-bezier(.22,.85,.32,1),filter .16s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #c2dd697a,inset 0 1px #ffffff61}.life-fill:after{content:"";background:#ffffe370;border-radius:999px;height:2px;position:absolute;inset:1px 4px auto}.health-card.taking-damage{border-color:#ffa05bad;box-shadow:0 0 26px #d65b3347,0 13px 42px #07120d38}.health-card.taking-damage .life-fill{filter:saturate(1.3)hue-rotate(-24deg)}.health-card.healing{border-color:#cde9819e;box-shadow:0 0 30px #acd56047,0 13px 42px #07120d38}.hud-actions{pointer-events:auto;justify-self:end;gap:7px;display:flex}.hud-actions button{color:#f6efd2b8;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e221abd;border:1px solid #ece0ad33;border-radius:13px;place-items:center;width:40px;height:40px;padding:0;transition:transform .14s,border-color .16s,background .16s,color .16s;display:grid;box-shadow:0 8px 28px #050e0933}.hud-actions button:hover{color:#ffefaa;background:#25442dd6;border-color:#eed56b70;transform:translateY(-2px)}.hud-actions button:active{transform:scale(.95)}.hud-actions .sound-toggle{color:#f6efd2b8;place-items:center;display:grid}.hud-actions .sound-toggle[aria-pressed=true]{color:#ffefaa;background:#294a2ed1;border-color:#eed56b8a;box-shadow:0 0 20px #ddc4552e,0 8px 28px #050e0933}.hud-actions .sound-icon,.utility-icon{width:18px;height:18px}.boss-title{z-index:4;text-align:center;text-shadow:0 2px 14px #040d089e;min-width:300px;padding:10px 26px 12px;position:absolute;top:126px;left:50%;transform:translate(-50%)}.boss-title span,.boss-title small,.boss-title strong{display:block}.boss-title span{color:#d8c887;letter-spacing:.22em;text-transform:uppercase;font-size:9px;font-weight:800}.boss-title strong{margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,2.4vw,36px);font-weight:500}.boss-title small{color:#f6efd0a6;letter-spacing:.06em;margin-top:3px;font-size:10px}.story-banner{z-index:6;color:#fdf8e0e6;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1f17d1;border:1px solid #f5e7ae33;border-radius:999px;align-items:center;gap:10px;max-width:min(560px,78vw);padding:12px 18px;font-family:Georgia,Times New Roman,serif;font-size:14px;animation:.3s both banner-in;display:flex;position:absolute;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 13px 38px #050f0a4d}.story-banner span{color:var(--gold)}.damage-vignette,.healing-vignette{z-index:5;opacity:0;pointer-events:none;position:absolute;inset:0}.damage-vignette{background:radial-gradient(circle at 50% 48%,#0000 38%,#aa32235c 82%,#5c1a1994 100%),linear-gradient(#0000 58%,#ef80461f)}.damage-vignette.active{animation:.62s ease-out both damage-flash}.healing-vignette{background:radial-gradient(circle at 50% 55%,#d7f0892b,#0000 52%)}.healing-vignette.active{animation:.76s ease-out both healing-flash}.level-up-celebration{z-index:9;pointer-events:none;animation:3.2s both level-up-shell;position:absolute;inset:0;overflow:hidden}.level-up-celebration:before{content:"";background:radial-gradient(circle at 50% 54%,#f9ed963d,#0000 29%),radial-gradient(circle at 50% 56%,#92d25b33,#0000 52%);animation:3.2s both level-up-light;position:absolute;inset:0}.level-up-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffef9747 0deg 4deg,#0000 4deg 17deg);border-radius:50%;width:min(76vw,700px);animation:5.4s linear both level-up-rays;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#0000 0 18%,#000 36%,#0000 72%);mask-image:radial-gradient(circle,#0000 0 18%,#000 36%,#0000 72%)}.level-up-rune{color:#fff4b2db;text-shadow:0 0 20px #fae26ce6;border:1px solid #fae98f94;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-up-rune.outer{aspect-ratio:1;width:min(44vw,360px);font-size:34px;animation:3.2s cubic-bezier(.18,.8,.2,1) both level-up-ring-outer;box-shadow:0 0 55px #b4dc6642,inset 0 0 42px #edde741f}.level-up-rune.inner{aspect-ratio:1;color:#b9e173e0;border-style:dashed;width:min(30vw,238px);font-size:27px;animation:3.2s cubic-bezier(.18,.8,.2,1) both level-up-ring-inner}.level-up-copy{z-index:2;top:max(86px, calc(env(safe-area-inset-top) + 72px));text-align:center;text-shadow:0 3px 18px #030d07b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#143121e6,#091d14d1);border:1px solid #ffed9b5c;border-radius:18px;grid-template-columns:auto auto;grid-template-areas:"eyebrow level""reward reward";justify-content:center;align-items:baseline;column-gap:10px;width:min(360px,100vw - 44px);padding:11px 20px 13px;animation:3.2s cubic-bezier(.2,.75,.2,1) both level-up-copy;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 14px 42px #04110957,inset 0 1px #ffffff24}.level-up-copy small,.level-up-copy strong,.level-up-copy span{display:block}.level-up-copy small{color:#d7cb85;letter-spacing:.18em;text-transform:uppercase;grid-area:eyebrow;font-size:9px;font-weight:900}.level-up-copy strong{color:#fff7d3;letter-spacing:-.035em;grid-area:level;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:500;line-height:1}.level-up-copy span{color:#dff09d;letter-spacing:.04em;text-transform:uppercase;grid-area:reward;margin-top:5px;font-size:10px;font-weight:800}.hero-reaction{z-index:8;left:max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e2319e0;border:1px solid #f8c77e57;border-radius:20px;grid-template-columns:66px 1fr;align-items:center;gap:12px;min-width:270px;padding:8px 15px 8px 8px;animation:.24s both reaction-in;display:grid;position:absolute;bottom:72px;box-shadow:0 18px 46px #050d0961}.hero-reaction-portrait{background:radial-gradient(circle at 50% 38%,#c4b77042,#1c2a1cd1);border-radius:15px;place-items:center;width:66px;height:66px;display:grid;overflow:hidden}.hero-reaction-portrait>img,.hero-reaction-portrait>.hero-sprite-crop{object-fit:contain;object-position:center bottom;width:70px;height:70px}.hero-reaction strong,.hero-reaction span{display:block}.hero-reaction strong{color:#f0cd72;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10px}.hero-reaction span{color:#fff2d4;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.25}.dragon-glimpse{z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c1e16d6;border:1px solid #f5e29c4d;border-radius:22px;grid-template-columns:118px 1fr;align-items:center;gap:14px;width:min(370px,34vw);padding:10px;animation:.42s both glimpse-in;display:grid;position:absolute;top:clamp(88px,11vh,118px);bottom:auto;right:clamp(22px,4vw,70px);box-shadow:0 22px 65px #030d086b}.dragon-glimpse img{object-fit:contain;object-position:center 58%;background:radial-gradient(circle at 50% 55%,#efd8843d,#0000 38%),linear-gradient(145deg,#3f5841cc,#172924f0);border-radius:14px;width:118px;height:78px;display:block;box-shadow:inset 0 0 22px #d9e3aa1f}.dragon-glimpse span,.dragon-glimpse strong{display:block}.dragon-glimpse span{color:#d5bf72;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800}.dragon-glimpse strong{color:#fff7dc;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;line-height:1.2}.desktop-controls{z-index:4;left:max(22px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));color:#f6f1d9ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1e1694;border:1px solid #ede1ad24;border-radius:11px;align-items:center;padding:7px 10px;font-size:10px;display:flex;position:absolute;box-shadow:0 8px 24px #050e092e}.desktop-controls span{white-space:nowrap}kbd{color:#fff8dbd9;text-align:center;background:#0c1d16b3;border:1px solid #f4e7b533;border-radius:6px;min-width:32px;margin-right:5px;padding:5px 8px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;display:inline-block;box-shadow:inset 0 -2px #00000029}.touch-controls{z-index:8;right:max(22px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute}.touch-controls .joystick{display:none}.action-cluster{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:linear-gradient(145deg,#10281ddb,#091a13c7);border:1px solid #efe3b033;border-radius:24px;align-items:flex-end;gap:8px;width:auto;height:auto;padding:10px;display:flex;position:relative;box-shadow:0 18px 48px #030c0757,inset 0 1px #ffffff14}.action-button{color:#f3e7ae;cursor:pointer;touch-action:manipulation;background:linear-gradient(155deg,#2a4b32bd,#0d241abd);border:1px solid #efe3b01f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:92px;height:98px;padding:8px 7px 7px;transition:transform .14s,filter .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.action-button:hover:not(:disabled){background:linear-gradient(155deg,#355b3bdb,#112b1fd1);border-color:#f1de8957;transform:translateY(-2px);box-shadow:0 8px 22px #040d0838,inset 0 1px #ffffff14}.action-button:active:not(:disabled){transform:scale(.94)}.action-button:disabled{cursor:default;opacity:1}.skill-orb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#2d5239f7,#0c2218f7);border:1.5px solid #f4e7b366;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #040d0852,inset 0 1px #ffffff2e,0 0 0 3px #0a1c1347}.action-button.cooling .skill-orb{filter:saturate(.68);border-color:#cdc7a83d}.skill-cooldown-sweep{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.skill-icon{z-index:1;text-shadow:0 0 18px #f2e08470;place-items:center;font-size:23px;line-height:1;display:grid;position:relative}.skill-glyph{filter:drop-shadow(0 0 6px #f2e08447);width:27px;height:27px;display:block}.skill-cooldown-value{z-index:3;color:#fff4c9;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #010804f2;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.skill-name{color:#fff1bd;letter-spacing:.025em;text-align:center;text-shadow:0 2px 8px #030b07e0;text-transform:uppercase;white-space:nowrap;width:100%;margin-top:3px;font-size:10px;font-weight:800;line-height:1.05;display:block}.skill-shortcut{color:#f6efd2ad;letter-spacing:.04em;text-transform:uppercase;background:#05120c7a;border:1px solid #efe4b52e;border-radius:6px;min-width:30px;margin-top:2px;padding:4px 7px;font-size:10px;font-weight:800;line-height:1.1}.action-button.attack{background:linear-gradient(155deg,#6e5b27d6,#303019d1);border-color:#ffeb9647;width:106px;height:106px}.action-button.attack .skill-orb{color:#fff7c9;background:linear-gradient(145deg,#c5a84e,#5d542a);border-color:#ffed9e9e;width:60px;height:60px}.action-button.attack .skill-icon{font-size:29px}.action-button.attack .skill-glyph{width:33px;height:33px}.action-button.attack:hover:not(:disabled){background:linear-gradient(155deg,#856d2df0,#3d391beb);border-color:#ffeea185}.action-button.cooling{background:#0e2219a8;border-color:#cdc7a814}.pause-overlay{z-index:20;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07130dad;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.pause-card{width:min(380px,100vw - 40px);max-height:calc(100dvh - max(24px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom)));text-align:center;background:linear-gradient(145deg,#1a3828f2,#0d221af2);border:1px solid #efe2aa33;border-radius:28px;padding:34px;overflow-y:auto;box-shadow:0 28px 90px #020b0675}.pause-card .eyebrow{margin-top:0}.pause-card h2{margin:4px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:500}.pause-card p:not(.eyebrow){color:#f5efd8a8;font-size:13px}.pause-card button{width:100%;margin-top:12px}.complete-screen{background:#14271e;place-items:center;display:grid}.complete-screen:focus{outline:none}.complete-art{object-fit:cover;object-position:68% 34%;filter:saturate(.92)brightness(.82);width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.03)}.complete-screen.air .complete-art{object-position:center;filter:saturate(.88)brightness(.74)}.complete-screen.water .complete-art{object-position:center;filter:saturate(.9)brightness(.7)}.complete-screen.fire .complete-art{object-position:center;filter:saturate(.94)brightness(.68)}.complete-screen.dragon .complete-art{object-position:center;filter:saturate(.96)brightness(.76)}.complete-guardian{z-index:1;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 32px 54px #0e212f61);pointer-events:none;width:min(48vw,680px);max-height:88vh;position:absolute;bottom:clamp(-70px,-3vh,-24px);right:clamp(-80px,2vw,42px)}.complete-screen.water .water-guardian{filter:drop-shadow(0 30px 58px #07223a75);width:min(46vw,650px);max-height:74vh;bottom:clamp(34px,8vh,94px);right:clamp(-40px,5vw,92px)}.complete-screen.fire .fire-guardian{filter:drop-shadow(0 30px 60px #4d1c147a);width:min(42vw,560px);max-height:88vh;bottom:clamp(-48px,-2vh,-10px);right:clamp(-54px,3vw,60px)}.complete-screen.dragon .dragon-guardian{filter:drop-shadow(0 34px 66px #163c2b7a);width:min(56vw,790px);max-height:84vh;bottom:clamp(-28px,0vh,20px);right:clamp(-38px,3vw,76px)}.complete-screen.air .complete-scrim{background:linear-gradient(90deg,#123033ed,#1d4546bd 48%,#254e4c1f 82%),linear-gradient(#0000 45%,#112c2f9e)}.complete-screen.air .completion-seal{color:#e5f7df;background:#499492ad;border-color:#b4efe475}.complete-screen.water .complete-scrim{background:linear-gradient(90deg,#081c30f2,#0d313ec7 48%,#1c4a4e1f 84%),linear-gradient(#0000 45%,#07182ca8)}.complete-screen.water .completion-seal{color:#e0fff2;background:#388b91b8;border-color:#9ff0de80}.complete-screen.fire .complete-scrim{background:linear-gradient(90deg,#37181cf5,#5b2a1fcc 48%,#75361f1f 84%),linear-gradient(#0000 45%,#31141bad)}.complete-screen.fire .completion-seal{color:#fff0b5;background:#d3692fb8;border-color:#ffd77b80}.complete-screen.dragon .complete-scrim{background:linear-gradient(90deg,#0b261cf5,#1b3d2cc2 48%,#5770431a 84%),linear-gradient(#0000 42%,#14241ba3)}.complete-screen.dragon .completion-seal{color:#fff2b5;background:#5c9866b8;border-color:#eede8c85}.complete-scrim{background:linear-gradient(90deg,#07140ef0,#091c13d1 45%,#0918102e 82%),linear-gradient(#0000 45%,#06100bb3);position:absolute;inset:0}.complete-card{z-index:2;width:min(600px,47vw);position:absolute;top:50%;left:clamp(26px,7vw,112px);transform:translateY(-50%)}.completion-seal{width:48px;height:48px;color:var(--gold-pale);background:#6f8648b3;border:1px solid #f4e59366;border-radius:50%;place-items:center;font-size:22px;display:grid;box-shadow:0 0 34px #e6d1643d}.complete-card .eyebrow{margin-top:23px}.complete-card h2{letter-spacing:-.04em;max-width:560px;margin:6px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(43px,5.2vw,77px);font-weight:500;line-height:.98}.complete-card>p:not(.eyebrow){color:#f8f2dabd;max-width:520px;font-size:clamp(13px,1.16vw,17px);line-height:1.62}.complete-card blockquote{border-left:2px solid var(--gold);color:#ede2ae;margin:20px 0;padding-left:18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.5vw,22px);font-style:italic}.reward-row{flex-wrap:wrap;gap:8px;display:flex}.reward-row span{color:#f4edd1bf;letter-spacing:.04em;background:#15302299;border:1px solid #e7d99d2b;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700}.complete-actions{margin-top:24px}.prototype-note{color:#ede5c66e;letter-spacing:.06em;margin-top:20px;font-size:10px;display:block}@keyframes title-drift{0%{transform:scale(1.035)translate(0)}to{transform:scale(1.07)translate(-1.2%,-.8%)}}@keyframes loading-bloom{0%,to{opacity:.62;transform:scale(.88)rotate(-8deg)}50%{opacity:1;transform:scale(1.1)rotate(8deg)}}@keyframes loading-line{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes glimpse-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes damage-flash{0%{opacity:0}14%{opacity:1}to{opacity:0}}@keyframes healing-flash{0%{opacity:0}22%{opacity:1}to{opacity:0}}@keyframes level-up-shell{0%,to{opacity:0}8%,78%{opacity:1}}@keyframes level-up-light{0%{opacity:0;transform:scale(.72)}24%{opacity:1;transform:scale(1)}82%{opacity:.72}to{opacity:0;transform:scale(1.18)}}@keyframes level-up-rays{0%{opacity:0;transform:translate(-50%,-50%)scale(.68)rotate(0)}18%{opacity:.78}76%{opacity:.5}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)rotate(76deg)}}@keyframes level-up-ring-outer{0%{opacity:0;transform:translate(-50%,-50%)scale(.38)rotate(-28deg)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.02)rotate(6deg)}78%{opacity:.64}to{opacity:0;transform:translate(-50%,-50%)scale(1.24)rotate(34deg)}}@keyframes level-up-ring-inner{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)rotate(24deg)}20%{opacity:.9;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}78%{opacity:.54}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)rotate(-42deg)}}@keyframes level-up-copy{0%{opacity:0;transform:translate(-50%,-14px)scale(.9)}16%{opacity:1;transform:translate(-50%)scale(1.03)}24%,76%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-9px)scale(.98)}}@keyframes reaction-in{0%{opacity:0;transform:translate(-12px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes cinematic-in{0%{opacity:0}to{opacity:1}}@keyframes cinematic-drift{0%{transform:scale(1.03)translate(0)}to{transform:scale(1.075)translate(-1%,-.8%)}}@keyframes portrait-enter{0%{opacity:0;transform:translate(24px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.memories-screen{color:#fff7dc;background:#0b1d15;position:absolute;inset:0;overflow:hidden}.memories-backdrop,.memories-scrim{width:100%;height:100%;position:absolute;inset:0}.memories-backdrop{object-fit:cover;filter:saturate(.82)brightness(.62);transition:opacity .28s,filter .28s}.memories-scrim{background:radial-gradient(circle at 76% 48%,#e2d07e1c,#0000 37%),linear-gradient(90deg,#06140df5 0%,#081811d1 45%,#07120d8c 100%),linear-gradient(#0000 55%,#050f0ac7)}.memories-header{z-index:3;top:max(24px, env(safe-area-inset-top));right:max(28px, env(safe-area-inset-right));left:max(28px, env(safe-area-inset-left));grid-template-columns:118px minmax(0,1fr) 100px;align-items:start;gap:18px;display:grid;position:absolute}.memories-header h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4.1vw,58px);font-weight:500;line-height:.95}.memories-header .eyebrow{margin:0 0 8px}.memories-header p:last-child{color:#f4eecead;max-width:580px;margin:9px 0 0;font-size:12px}.memories-back{color:#f6edc9;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d2419c2;border:1px solid #ebdea63b;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.memories-level{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#132d1fc7;border:1px solid #f0da7e4d;border-radius:15px;justify-self:end;min-width:88px;padding:9px 12px}.memories-level span,.memories-level strong{display:block}.memories-level span{color:#f6ecc39e;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:900}.memories-level strong{color:#ffefa7;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.memory-complete-toast{z-index:5;top:max(108px, calc(env(safe-area-inset-top) + 92px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#2c4e30f2,#122c1ef0);border:1px solid #ecda8273;border-radius:16px;align-items:center;gap:11px;min-width:330px;padding:11px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #020c0757,0 0 24px #dad3701f}.memory-complete-toast>span{color:#f5df7c;font-size:22px}.memory-complete-toast strong,.memory-complete-toast small{display:block}.memory-complete-toast strong{font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:500}.memory-complete-toast small{color:#f5efd3a6;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:8px}.memories-layout{z-index:3;top:clamp(128px,18vh,164px);right:max(28px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));left:max(28px, env(safe-area-inset-left));grid-template-columns:minmax(220px,28%) minmax(0,1fr);gap:20px;min-height:0;display:grid;position:absolute}.memory-card-rail{grid-template-rows:repeat(5,minmax(64px,1fr));gap:8px;min-height:0;display:grid}.memory-card{color:#f6eed0;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(110deg,#0e261be0,#0b1c15b3);border:1px solid #e9deae21;border-radius:17px;grid-template-columns:42% minmax(0,1fr);align-items:center;min-height:0;padding:0 13px 0 0;transition:transform .15s,border-color .16s,background .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #030d0833}.memory-card:hover:not(:disabled){border-color:#eeda7e6b;transform:translate(3px)}.memory-card.selected{background:linear-gradient(110deg,#304d2bf0,#183120db);border-color:#f8e07cad;box-shadow:0 0 25px #decf6b24,0 10px 28px #030d083d}.memory-card.locked{filter:grayscale();opacity:.42;cursor:default}.memory-card>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 12px #00000057);width:100%;height:100%;min-height:64px}.memory-card-number{color:#fae8978c;font-family:Georgia,Times New Roman,serif;font-size:11px;position:absolute;top:7px;left:8px}.memory-card-copy small,.memory-card-copy strong,.memory-card-copy em{display:block}.memory-card-copy small{color:#d4c178;letter-spacing:.15em;text-transform:uppercase;font-size:8px;font-weight:900}.memory-card-copy strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:clamp(12px,1.25vw,17px);font-weight:500;line-height:1.05;overflow:hidden}.memory-card-copy em{color:#bede9ab8;letter-spacing:.09em;text-transform:uppercase;margin-top:4px;font-size:7px;font-style:normal;font-weight:800}.memory-detail{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0c2319e0,#081913b3);border:1px solid #ebdea930;border-radius:25px;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(310px,1.1fr) minmax(250px,.9fr);gap:14px 22px;min-width:0;min-height:0;padding:19px;display:grid;overflow:hidden;box-shadow:0 24px 70px #030c0857,inset 0 1px #ffffff0d}.memory-art-stage{grid-row:1/span 2;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;min-height:0;display:grid;position:relative}.memory-form{background:radial-gradient(circle at 50% 66%,#6f874d47,#0b1e1694 68%);border:1px solid #f0e1ab21;border-radius:18px;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.memory-form.tangled{filter:saturate(.66)brightness(.82)}.memory-form img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 13px 20px #0000005c);width:100%;height:100%}.memory-form figcaption{color:#f6eecdb8;letter-spacing:.1em;text-align:center;text-transform:uppercase;background:#06140eb8;border-radius:9px;padding:6px 8px;font-size:7px;font-weight:900;position:absolute;bottom:8px;left:9px;right:9px}.memory-restoration-rune{z-index:2;color:#ffe991;background:#274c31;border:1px solid #ffeb9199;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #eddc7c42}.memory-detail-copy{align-self:center}.memory-detail-meta{color:#d2bd73;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:6px 12px;font-size:8px;font-weight:900;display:flex}.memory-detail h2{letter-spacing:-.03em;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,44px);font-weight:500;line-height:.98}.memory-detail blockquote{color:#f0d981;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic}.memory-detail-copy>p{color:#f4efd6b8;margin:11px 0 0;font-size:11px;line-height:1.55}.memory-reward{background:linear-gradient(90deg,#776f3238,#0000);border-left:2px solid #efd670ad;margin-top:13px;padding:9px 11px}.memory-reward span,.memory-reward strong{display:block}.memory-reward span{color:#ede1af8a;letter-spacing:.15em;text-transform:uppercase;font-size:7px;font-weight:900}.memory-reward strong{color:#fff0a8;margin-top:3px;font-size:11px}.memory-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.memory-actions button{min-height:42px;padding:8px 11px;font-size:9px}.memory-mode-note{color:#f2eac78c;text-align:center;grid-column:2;font-size:8px;line-height:1.4}.hero-rpg-card.health-card,.hero-rpg-card.dragon-harmony-card{text-align:left;border-radius:19px;grid-template-columns:58px minmax(0,1fr);gap:10px;width:min(360px,34vw);min-width:290px;padding:8px 12px 9px 8px;display:grid}.hud-actions button{width:44px;height:44px}.hero-rpg-card:after{content:"";pointer-events:none;border:1px solid #efdd9414;border-radius:15px;position:absolute;inset:4px}.hero-rpg-card{position:relative}.hero-rpg-portrait{background:radial-gradient(circle at 50% 48%,#aec56761,#142d1deb);border:1px solid #f4e19757;border-radius:15px 15px 20px 20px;align-self:center;width:58px;height:64px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #d3e08214,0 7px 18px #030d0840}.hero-rpg-portrait img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 7px #00000057);width:54px;height:80px;position:absolute;bottom:-15px;right:2px}.hero-rpg-portrait>.hero-sprite-crop{filter:drop-shadow(0 5px 7px #00000057);width:72px;height:72px;position:absolute;bottom:-5px;right:-7px}.hero-rpg-portrait span{z-index:2;color:#ffeb98;letter-spacing:.04em;text-transform:uppercase;background:#05120bd1;border-radius:6px;padding:2px 5px;font-size:7px;font-weight:900;position:absolute;bottom:4px;right:4px}.hero-rpg-body{align-self:center;min-width:0}.hero-rpg-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.hero-rpg-heading strong,.hero-rpg-heading small{display:block}.hero-rpg-heading strong{color:#fff3bd;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:500;line-height:1}.hero-rpg-heading small{color:#ece2b885;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:7px;font-weight:900}.hero-rpg-heading em{color:#d9d57f;letter-spacing:.08em;text-transform:uppercase;background:#07191075;border:1px solid #dfd39633;border-radius:7px;flex:none;padding:3px 6px;font-size:7px;font-style:normal;font-weight:900}.hero-rpg-card .life-heading{grid-template-columns:1fr auto;margin-top:5px}.hero-rpg-card .life-heading strong{font-size:11px}.hero-rpg-card .rpg-meter{border-width:1px;border-color:#ede1ac40;height:13px;margin-top:3px}.hero-rpg-card.wounded .life-fill{background:linear-gradient(90deg,#b3873f,#dfbd56 65%,#efdc76)}.hero-rpg-card.critical .life-fill{background:linear-gradient(90deg,#9c493c,#d46b47 68%,#efad62);box-shadow:0 0 15px #de614080}.guardian-crests{gap:4px;margin-top:5px;display:flex}.guardian-crests>span{color:#e7e2c147;background:#0818108f;border:1px solid #e6daa62e;border-radius:5px 5px 8px 8px;place-items:center;width:19px;height:15px;display:grid}.guardian-crests>span i{border:1px solid;border-radius:65% 20%;width:8px;height:8px;display:block;transform:rotate(45deg)}.guardian-crests>.air i{border-radius:50% 10%;transform:rotate(20deg)skew(-14deg)}.guardian-crests>.water i{border-radius:70% 35%;transform:rotate(45deg)scale(.9,1.15)}.guardian-crests>.fire i{border-radius:70% 30% 65% 35%;transform:rotate(45deg)scale(.85,1.1)}.guardian-crests>.restored{color:#fff1ae;box-shadow:inset 0 0 8px #eddc7f1f,0 0 8px #d7cf6f14}.guardian-crests>.earth.restored{background:#70652b8c;border-color:#d0c26485}.guardian-crests>.air.restored{background:#2e676594;border-color:#87dcdc8c}.guardian-crests>.water.restored{background:#235b5e94;border-color:#6acfc08c}.guardian-crests>.fire.restored{background:#783b239e;border-color:#f59f4d99}.action-cluster{background:linear-gradient(90deg,#0000 49.4%,#f2dc8314 49.6% 50.4%,#0000 50.6%),linear-gradient(145deg,#112a1de8,#081912de);border-color:#eada9747;border-radius:20px 20px 26px 26px}.action-button{border-radius:15px 15px 20px 20px;overflow:visible}.action-button.guard{background:linear-gradient(155deg,#255c4adb,#0e2e24d1);border-color:#7ad2b83d}.action-button.guard .skill-orb{color:#d8ffdf;background:radial-gradient(circle at 38% 30%,#75b79a,#285c49 55%,#132f25);border-color:#97e5c88a}.action-button.stomp{background:linear-gradient(155deg,#684c26db,#322b1ad1);border-color:#dcb25c40}.action-button.stomp .skill-orb{color:#fff0b7;background:radial-gradient(circle at 38% 30%,#c99c52,#78542c 58%,#352a1d);border-color:#eac16691}.action-button.attack{border-color:#ffeb9659}.skill-corner-key{z-index:5;color:#fff8ce;letter-spacing:.02em;text-transform:uppercase;background:#05110be6;border:2px solid #ffefa680;border-radius:7px;min-width:34px;padding:5px 7px;font-size:13px;font-weight:900;line-height:1.1;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #00000057,0 0 10px #ffdd7429}.skill-state{color:#f4ecca94;letter-spacing:.07em;text-transform:uppercase;min-height:10px;margin-top:2px;font-size:7px;font-weight:900;line-height:1;display:block}.skill-active-ring{z-index:3;pointer-events:none;border:2px solid #0000;border-radius:50%;position:absolute;inset:-5px}.action-button.active .skill-active-ring{border-color:#fff09cdb;animation:.72s ease-out infinite skill-cast-ring;box-shadow:0 0 17px #eedb7494}.action-button.ready .skill-state{color:#e9e38f}.action-button.ready .skill-orb{box-shadow:0 8px 20px #040d0852,inset 0 1px #fff3,0 0 16px #d8e0744d,0 0 0 3px #0a1c1347}.action-button.cooldown,.action-button.blocked{cursor:default;filter:saturate(.66);background:#0e2219b3;border-color:#cdc7a81a}.action-button.blocked .skill-state{color:#f2c690b8}.action-button[aria-disabled=true]:hover{background:#0e2219b3;border-color:#cdc7a81a;transform:none;box-shadow:inset 0 1px #ffffff0a}.ritual-instruction{background:linear-gradient(145deg,#394f30e6,#192c22e6);border:1px solid #f1dc8252;border-radius:17px 17px 23px 23px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;width:290px;min-height:96px;padding:10px 15px 10px 10px;display:grid;box-shadow:inset 0 1px #ffffff14,0 10px 30px #030d0842}.ritual-instruction>span{color:#fff1a2;background:radial-gradient(circle,#eed1695c,#455730b8);border:1px solid #ffed9785;border-radius:50%;place-items:center;width:58px;height:58px;font-size:27px;display:grid;box-shadow:0 0 20px #e7d5762e}.ritual-instruction small,.ritual-instruction strong,.ritual-instruction em{display:block}.ritual-instruction small{color:#f1e6bc8c;letter-spacing:.14em;text-transform:uppercase;font-size:7px;font-weight:900}.ritual-instruction strong{color:#fff1ac;margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.ritual-instruction em{color:#f5efd2b3;margin-top:4px;font-size:9px;font-style:normal}@keyframes skill-cast-ring{0%{opacity:.9;transform:scale(.88)}to{opacity:0;transform:scale(1.16)}}@media (width<=900px){.title-art{object-position:66% center}.title-scrim{background:linear-gradient(90deg,#081710ed,#09191185 75%,#08120c1f),linear-gradient(#0000 52%,#050f0aad)}.title-copy{width:min(620px,100vw - 56px)}.hero-badge{display:none}.hud-top{grid-template-columns:minmax(0,1fr) minmax(176px,224px) auto;gap:8px}.status-card{max-width:min(36vw,300px);padding:10px 13px 11px}.status-card.has-rescue{width:min(44vw,420px);max-width:min(44vw,420px)}.status-card small{display:none}.health-card,.dragon-harmony-card{width:100%;min-width:0;position:static;transform:none}.hud-actions{grid-column:3}.story-banner{bottom:150px}.boss-title{top:calc(max(16px, env(safe-area-inset-top)) + 118px)}.desktop-controls{display:none}.complete-card{width:min(600px,100vw - 52px)}.cinematic-panel{width:min(620px,100vw - 56px)}.cinematic-portrait{opacity:.82;right:-3vw}}@media (pointer:coarse),(width<=760px){.touch-controls{z-index:8;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.touch-controls .joystick{display:block}.joystick{pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#324e395c,#0c1d1699);border:1px solid #efe8c433;border-radius:50%;width:126px;height:126px;position:relative;box-shadow:0 12px 35px #040c0842,inset 0 0 30px #09171057}.joystick:before,.joystick:after{content:"";background:#ece6c51c;border-radius:999px;position:absolute;inset:22px 61px}.joystick:after{inset:61px 22px}.joystick-knob{z-index:2;pointer-events:none;background:linear-gradient(145deg,#8fa657f0,#45603af0);border:1px solid #f6edc161;border-radius:50%;width:50px;height:50px;position:absolute;top:38px;left:38px;box-shadow:0 8px 18px #06110b52,inset 0 1px #ffffff45}.action-cluster{border-radius:20px;flex:none;gap:6px;padding:8px}.action-button{border-radius:15px;gap:1px;width:70px;height:78px;padding:6px 4px 5px}.skill-orb{width:43px;height:43px}.skill-icon{font-size:19px}.skill-glyph{width:22px;height:22px}.skill-cooldown-value{font-size:12px}.skill-name{margin-top:3px;font-size:8px}.skill-shortcut{display:none}.action-button.attack{width:80px;height:84px}.action-button.attack .skill-orb{width:50px;height:50px}.action-button.attack .skill-icon{font-size:24px}.action-button.attack .skill-glyph{width:27px;height:27px}.story-banner{max-width:calc(100vw - 32px);padding:10px 14px;font-size:12px;bottom:158px}.hero-reaction{bottom:166px}.dragon-glimpse{top:max(88px, calc(env(safe-area-inset-top) + 76px));border-radius:17px;grid-template-columns:82px 1fr;width:min(320px,100vw - 32px);bottom:auto;right:16px}.dragon-glimpse img{border-radius:11px;width:82px;height:62px}.dragon-glimpse strong{font-size:14px}.boss-title{top:126px}}@media (pointer:coarse) and (width<=480px){.touch-controls{right:max(8px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left))}.joystick{flex:0 0 94px;width:94px;height:94px}.joystick:before{inset:16px 46px}.joystick:after{inset:46px 16px}.joystick-knob{width:38px;height:38px;top:28px;left:28px}.action-cluster{border-radius:16px;gap:3px;padding:5px}.action-button{border-radius:13px;width:60px;height:69px;padding:5px 2px 4px}.action-button.attack{width:68px;height:75px}.skill-orb{width:38px;height:38px}.action-button.attack .skill-orb{width:44px;height:44px}.skill-name{font-size:7px}.story-banner{bottom:118px}.hero-reaction{bottom:126px}.dragon-glimpse{top:max(132px, calc(env(safe-area-inset-top) + 122px));bottom:auto}}@media (width<=640px){.title-art{object-position:57% center}.title-scrim{background:linear-gradient(#07140e33,#07140e94 28%,#07140ef0 100%),linear-gradient(90deg,#06130db8,#06120c24)}.title-copy{top:auto;bottom:max(18px, env(safe-area-inset-bottom));width:calc(100vw - 36px);left:18px;transform:none}.chapter-chip{padding:6px 10px;font-size:9px}.eyebrow{margin-top:18px}.title-copy h1{font-size:clamp(52px,18vw,78px)}.title-logo{width:min(86vw,430px);height:clamp(145px,21vh,190px);margin:3px 0 -4px -7px}.subtitle{font-size:19px}.intro{max-width:94%;margin-top:7px;font-size:12px;line-height:1.4}.hero-select{border-radius:18px;margin-top:12px;padding:9px}.hero-select-heading{padding-bottom:7px}.hero-select-heading strong{font-size:15px}.hero-select-heading>span,.hero-select-detail,.hero-choice-copy em{display:none}.hero-select-grid{gap:6px}.hero-choice{text-align:center;grid-template-columns:1fr;place-items:center;gap:0;min-height:100px;padding:4px 4px 17px}.hero-choice-art{width:62px;height:62px}.hero-choice-art>img,.hero-choice-art>.hero-sprite-crop{width:66px;height:66px}.hero-choice-copy strong{font-size:14px}.hero-choice-copy small{display:none}.title-actions{margin-top:13px}.title-actions .primary-button{width:100%;min-width:0}.title-meta{display:none}.sound-button{min-width:94px}.hud-top{top:max(9px, env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) auto;left:10px;right:10px}.status-card{max-width:58vw;padding:9px 12px 10px}.status-card.has-rescue{width:min(64vw,390px);max-width:min(64vw,390px)}.chapter-line{font-size:8px}.status-card strong{margin-top:4px;font-size:14px}.health-card,.dragon-harmony-card{width:174px;min-width:174px;padding:7px 10px 9px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.fire-heat-card{width:min(220px,100vw - 32px);min-width:0;padding:7px 10px 8px;top:111px}.fire-heat-state,.dragon-heartbeat-state{display:none}.play-screen.dragon .dragon-harmony-card{top:126px}.health-label{font-size:7px}.life-heading strong{font-size:11px}.life-track{height:8px;margin-top:5px}.hud-actions button{border-radius:13px;width:44px;height:44px}.hud-actions{grid-column:2}.boss-title{top:calc(max(9px, env(safe-area-inset-top)) + 136px);min-width:250px;padding-inline:10px}.boss-title strong{font-size:23px}.cinematic-letterbox{height:24px}.cinematic-scrim{background:linear-gradient(#07120c40,#06120cb8 31%,#06120cf5 100%),linear-gradient(90deg,#06120cb8,#06120c1f)}.cinematic-portrait{opacity:.54;max-height:58vh;bottom:28%;right:-13vw}.cinematic-portrait.mallow,.cinematic-portrait.mammoth,.cinematic-portrait.mammoth-restored,.cinematic-portrait.owl,.cinematic-portrait.owl-restored,.cinematic-portrait.koi,.cinematic-portrait.koi-restored{width:min(76vw,540px)}.cinematic-portrait.lion,.cinematic-portrait.lion-restored{width:min(76vw,540px);max-height:58vh;bottom:30%;right:-12vw}.cinematic-portrait.dragon,.cinematic-portrait.dragon-restored{width:min(86vw,620px);max-height:52vh;bottom:35%;right:-7vw}.cinematic-panel{right:18px;bottom:max(36px, env(safe-area-inset-bottom));border-radius:22px;width:auto;padding:22px;left:18px}.cinematic-speaker{margin-top:16px}.cinematic-panel h2{font-size:clamp(31px,10vw,44px)}.cinematic-line{margin-top:12px;font-size:13px;line-height:1.45}.cinematic-footer{align-items:flex-end;margin-top:18px}.cinematic-pips span{width:13px}.cinematic-pips span.active{width:20px}.cinematic-skip{display:none}.cinematic-next{min-height:40px!important;padding-inline:16px!important}.cinematic-hint{display:none}.hero-reaction{grid-template-columns:52px 1fr;min-width:0;bottom:170px;left:16px;right:16px}.hero-reaction-portrait{width:52px;height:52px}.level-up-copy{top:max(126px, calc(env(safe-area-inset-top) + 116px));border-radius:16px;width:min(330px,100vw - 32px);padding:9px 16px 11px}.level-up-copy strong{font-size:28px}.level-up-rune.outer{width:min(76vw,330px)}.level-up-rune.inner{width:min(52vw,220px)}.complete-art{object-position:58% 25%}.complete-guardian{opacity:.5;width:min(78vw,560px);max-height:56vh;bottom:22%;right:-18vw}.complete-screen.fire .fire-guardian{width:min(78vw,560px);max-height:56vh;bottom:22%;right:-18vw}.complete-screen.dragon .dragon-guardian{width:min(88vw,640px);max-height:54vh;bottom:23%;right:-10vw}.complete-scrim{background:linear-gradient(#06120c59,#081911b3 28%,#07140ef5 100%)}.complete-card{top:auto;bottom:max(26px, env(safe-area-inset-bottom));width:calc(100vw - 48px);left:24px;transform:none}.completion-seal{width:40px;height:40px}.complete-card h2{margin-bottom:12px;font-size:clamp(36px,11vw,52px)}.complete-card>p:not(.eyebrow){font-size:12px;line-height:1.5}.complete-card blockquote{margin:14px 0;font-size:15px}.reward-row span:nth-child(n+3){display:none}.complete-actions{margin-top:18px}.complete-actions .primary-button,.complete-actions .secondary-button{min-height:46px;padding-inline:17px;font-size:12px}.prototype-note{display:none}.level-guide{align-items:start;padding:12px;overflow:auto}.level-guide-card{border-radius:24px;max-height:none;padding:22px 18px}.level-guide-heading h2{font-size:39px}.level-guide-element{width:54px}.level-guide-summary{margin:14px 0 18px}.level-guide-steps{grid-template-columns:1fr}.level-guide-steps li{min-height:142px}.level-guide-footer{flex-direction:column;align-items:stretch}.level-guide-footer .primary-button{width:100%}.level-guide-hint{display:none}}@media (height<=650px) and (orientation:landscape){.title-copy{top:50%;bottom:auto;transform:translateY(-50%)}.chapter-chip,.title-meta,.hero-badge{display:none}.eyebrow{margin-top:0}.intro{display:none}.hero-select{margin-top:10px;padding:8px}.hero-select-heading,.hero-select-detail,.hero-choice-copy em{display:none}.hero-choice{grid-template-columns:58px minmax(0,1fr);min-height:78px}.hero-choice-art,.hero-choice-art>img,.hero-choice-art>.hero-sprite-crop{width:58px;height:58px}.title-actions{margin-top:16px}.title-copy h1{font-size:clamp(52px,10vw,78px)}.title-logo{width:min(390px,40vw);height:clamp(116px,25vh,150px);margin-top:0}.title-credit{font-size:8px}.subtitle{font-size:17px}.touch-controls{bottom:max(8px, env(safe-area-inset-bottom))}.joystick{width:105px;height:105px}.joystick:before{inset:18px 51px}.joystick:after{inset:51px 18px}.joystick-knob{width:43px;height:43px;top:31px;left:31px}.action-cluster{transform-origin:100% 100%;transform:scale(.84)}.story-banner{bottom:max(112px, calc(env(safe-area-inset-bottom) + 104px))}.hud-top{top:max(6px, env(safe-area-inset-top))}.status-card{max-width:min(34vw,270px);padding:7px 10px 8px}.status-card.has-rescue{width:min(47vw,400px);max-width:min(47vw,400px)}.rescue-guidance{margin-top:6px;padding:7px 8px 8px}.status-card .rescue-guidance>strong{font-size:11px}.rescue-guidance p{font-size:8px;line-height:1.28}.status-card strong{margin-top:3px;font-size:13px;line-height:1.12}.status-card small,.chapter-line{display:none}.health-card,.dragon-harmony-card{padding:6px 9px 7px}.fire-heat-card{width:205px;min-width:205px;padding:6px 9px 7px;top:54px}.fire-heat-state{display:none}.hud-actions button{width:44px;height:44px}.boss-title{top:118px}.pause-overlay{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items:start}.pause-card{width:min(430px,100vw - 28px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:20px;padding:14px 22px 16px}.pause-card h2{margin:1px 0 4px;font-size:30px}.pause-card p:not(.eyebrow){font-size:11px}.pause-card button{min-height:36px;margin-top:7px}.complete-card{top:50%;bottom:auto;transform:translateY(-50%)}.complete-card h2{font-size:42px}.complete-card .eyebrow{margin-top:10px}.completion-seal,.reward-row,.prototype-note{display:none}.level-guide{padding:10px}.level-guide-card{border-radius:22px;padding:16px 18px}.level-guide-heading h2{font-size:34px}.level-guide-heading .eyebrow{margin-bottom:4px;font-size:8px}.level-guide-element{width:46px;font-size:18px}.level-guide-summary{display:none}.level-guide-steps{gap:8px;margin-top:13px}.level-guide-steps li{border-radius:16px;grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:132px;padding:12px}.level-guide-icon{border-radius:12px;width:38px;height:38px}.level-guide-icon .skill-glyph{width:23px;height:23px}.level-guide-step-copy strong{font-size:16px}.level-guide-step-copy p{margin-top:6px;font-size:9px;line-height:1.35}.level-guide-steps kbd{font-size:9px;bottom:9px;right:10px}.level-guide-footer{margin-top:11px}.level-guide-footer p{max-width:590px;font-size:9px}.level-guide-footer .primary-button{min-height:40px;font-size:11px}.level-guide-hint{display:none}}@media (width<=640px) and (height<=650px) and (orientation:landscape){.health-card,.dragon-harmony-card{top:48px}.play-screen.dragon .dragon-harmony-card{top:70px}.fire-heat-card{width:190px;top:118px}.boss-title{top:calc(max(6px, env(safe-area-inset-top)) + 116px)}}@media (width<=900px){.hero-rpg-card.health-card,.hero-rpg-card.dragon-harmony-card{grid-template-columns:44px minmax(0,1fr);gap:7px;width:100%;min-width:0;padding:6px 8px 7px 6px}.hero-rpg-portrait{border-radius:12px 12px 16px 16px;width:44px;height:54px}.hero-rpg-portrait img{width:43px;height:64px;bottom:-11px;right:0}.hero-rpg-portrait span{padding:1px 3px;font-size:6px;bottom:2px;right:2px}.hero-rpg-heading small,.guardian-crests{display:none}.hero-rpg-heading strong{font-size:13px}.memories-layout{grid-template-columns:minmax(190px,27%) minmax(0,1fr);gap:12px}.memory-detail{grid-template-columns:minmax(250px,1fr) minmax(210px,.9fr);gap:10px 14px;padding:13px}}@media (pointer:coarse),(width<=760px){.action-button{min-width:64px;min-height:76px}.action-button.attack{min-width:72px;min-height:82px}.skill-name{font-size:9px}.skill-state{font-size:8px}.skill-corner-key{display:none}.ritual-instruction{grid-template-columns:48px minmax(0,1fr);width:min(270px,45vw);min-height:82px;padding:8px 11px 8px 8px}.ritual-instruction>span{width:46px;height:46px;font-size:22px}}@media (height<=650px) and (orientation:landscape){.memories-header{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));grid-template-columns:82px minmax(0,1fr) 70px;gap:9px}.memories-header h1{font-size:clamp(26px,5.2vw,38px)}.memories-header .eyebrow,.memories-header p:last-child{display:none}.memories-back{min-height:38px}.memories-level{min-width:66px;padding:5px 7px}.memories-level strong{font-size:15px}.memories-layout{top:max(58px, calc(env(safe-area-inset-top) + 50px));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));grid-template-columns:minmax(160px,23%) minmax(0,1fr);gap:8px}.memory-card-rail{gap:4px}.memory-card{border-radius:11px;grid-template-columns:35% minmax(0,1fr);padding-right:7px}.memory-card>img{min-height:36px}.memory-card-copy strong{font-size:10px}.memory-card-copy em,.memory-card-number{display:none}.memory-detail{border-radius:16px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(190px,.9fr) minmax(210px,1.1fr);gap:7px 10px;padding:8px}.memory-art-stage{grid-row:1/span 2;gap:5px}.memory-form{border-radius:11px}.memory-form figcaption,.memory-detail-copy>p,.memory-reward,.memory-mode-note{display:none}.memory-restoration-rune{width:24px;height:24px;font-size:10px}.memory-detail h2{margin-top:5px;font-size:clamp(21px,3vw,30px)}.memory-detail blockquote{margin-top:6px;font-size:11px}.memory-actions{grid-column:2;gap:4px}.memory-actions button{min-height:44px;padding:7px 9px;font-size:9px}.memory-complete-toast{top:auto;bottom:max(8px, env(safe-area-inset-bottom));min-width:280px;padding:7px 11px}.action-cluster{transform:none}.action-button,.action-button.attack{width:66px;min-width:66px;height:76px;min-height:76px}.skill-orb,.action-button.attack .skill-orb{width:42px;height:42px}.skill-name{font-size:9px}.skill-state{font-size:8px}.hud-actions button{width:44px;height:44px}.fire-heat-state,.dragon-heartbeat-state{text-overflow:ellipsis;white-space:nowrap;font-size:7px;display:block;overflow:hidden}.hero-rpg-card.health-card,.hero-rpg-card.dragon-harmony-card{min-width:245px;padding:5px 7px 6px 5px}.fire-heat-card{top:104px}.boss-title{top:118px}}@media (width<=610px) and (height<=650px) and (orientation:landscape){.memories-screen{overflow-y:auto}.memories-layout{padding:8px max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-columns:1fr;position:relative;inset:56px auto auto}.memory-card-rail{padding-bottom:4px;display:flex;overflow-x:auto}.memory-card{width:142px;min-width:142px;height:62px}.memory-detail{grid-template-columns:minmax(170px,.9fr) minmax(190px,1.1fr);min-height:300px;overflow:visible}}@media (width<=640px){.hero-rpg-card.health-card,.hero-rpg-card.dragon-harmony-card{width:min(245px,100vw - 132px);min-width:210px}.memory-actions button{min-height:44px;font-size:9px}.fire-heat-card,.boss-title{top:136px}}@media (width<=640px) and (height<=650px) and (orientation:landscape){.fire-heat-card,.boss-title{top:122px}}@media (width<=640px) and (orientation:portrait){.memories-screen{overflow-y:auto}.memories-header{padding:max(18px, env(safe-area-inset-top)) 14px 0;grid-template-columns:90px 1fr 76px;position:relative;top:auto;left:auto;right:auto}.memories-header>div:nth-child(2){grid-area:2/1/auto/-1}.memories-header h1{font-size:42px}.memories-header p:last-child{font-size:11px}.memories-level{grid-area:1/3}.memories-layout{padding:18px 14px max(18px, env(safe-area-inset-bottom));grid-template-columns:1fr;position:relative;inset:auto}.memory-card-rail{scroll-snap-type:x mandatory;padding-bottom:5px;display:flex;overflow-x:auto}.memory-card{scroll-snap-align:start;width:155px;min-width:155px;height:80px}.memory-detail{grid-template-rows:260px auto auto auto;grid-template-columns:1fr;overflow:visible}.memory-art-stage,.memory-detail-copy,.memory-actions,.memory-mode-note{grid-column:1}.memory-art-stage{grid-row:1}.memory-actions{grid-template-columns:1fr}.memory-actions .memory-cinematic-button:last-child:nth-child(4){grid-column:auto}.memory-complete-toast{width:calc(100% - 28px);min-width:0;margin:14px;position:relative;top:auto;left:auto;transform:none}}@media (width<=640px){.play-screen.fire.sunroot-terrace .fire-heat-card{width:min(350px,100vw - 20px);min-width:0;padding:10px 11px 11px;top:136px}.fire-guide-heading>strong{font-size:14px}}@media (height<=650px) and (orientation:landscape){.play-screen.fire .status-card{visibility:hidden}.play-screen.fire.sunroot-terrace .fire-heat-card{width:270px;min-width:0;padding:7px 9px 8px;top:0}.fire-guide-heading{gap:5px}.fire-guide-heading>strong{font-size:13px}.fire-guide-heading>span,.fire-guide-heading>em,.fire-path-row small,.fire-path-row strong,.fire-heat-heading small{font-size:7px}.fire-guide-action{grid-template-columns:34px minmax(0,1fr);gap:7px;margin-top:6px;padding:6px 7px}.fire-guide-icon{border-radius:9px;width:31px;height:31px}.fire-guide-icon .skill-glyph{width:20px;height:20px}.fire-guide-action strong{font-size:8px}.fire-guide-action small{margin-top:2px;font-size:8px;line-height:1.16}.fire-path-row,.fire-heat-heading{margin-top:5px}.fire-heat-track{height:8px;margin-top:3px}}@media (width<=640px) and (height<=650px) and (orientation:landscape){.play-screen.fire.sunroot-terrace .fire-heat-card{width:176px;top:0}.play-screen.fire.sunroot-terrace .hero-rpg-card.health-card{grid-template-columns:1fr;width:176px;min-width:0;padding:7px 9px 8px;top:48px;left:auto;right:0;transform:none}.play-screen.fire.sunroot-terrace .hero-rpg-portrait{display:none}.fire-guide-heading{grid-template-columns:auto 1fr}.fire-guide-heading>em{display:none}.fire-guide-heading>strong{text-align:right;font-size:11px}.fire-guide-action{grid-template-columns:28px minmax(0,1fr);padding:5px}.fire-guide-icon{width:26px;height:26px}.fire-guide-icon .skill-glyph{width:17px;height:17px}.fire-guide-action small{max-height:28px;overflow:hidden}.fire-path-row{grid-template-columns:24px minmax(0,1fr) 26px}}@media (pointer:coarse),(width<=760px){.sunmane-guide-card{border-radius:14px;width:min(270px,100vw - 72px);min-width:0;padding:8px 9px;top:0}.sunmane-guide-heading>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.sunmane-guide-heading>small{display:none}.sunmane-loop{gap:3px;margin-top:6px}.sunmane-loop span{gap:3px;padding:4px;font-size:6px}.sunmane-loop span i{width:14px;height:14px}.sunmane-now{margin-top:4px}.sunmane-now strong{font-size:7px}.play-screen.fire.crownfire-atrium .hero-rpg-card.health-card{top:104px}.play-screen.fire.crownfire-atrium .boss-title{top:166px}}@media (height<=650px) and (orientation:landscape){.sunmane-guide-card{width:236px}.play-screen.fire.crownfire-atrium .hero-rpg-card.health-card{top:82px;left:auto;right:0;transform:none}.play-screen.fire.crownfire-atrium .boss-title{display:none}}@media (prefers-reduced-motion:reduce){.title-art,.level-guide,.level-guide-art,.story-banner,.loading-screen>img,.loading-bloom,.loading-card i:after,.health-card.taking-damage,.dragon-harmony-card.beat-open,.damage-vignette.active,.hero-reaction,.level-up-celebration,.level-up-celebration:before,.level-up-rays,.level-up-rune,.level-up-copy{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}