/*! 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,.journey-screen,.play-screen,.complete-screen{position:absolute;inset:0;overflow:hidden}.game-frame .title-screen .title-copy.title-copy-intro{grid-template-rows:auto;grid-template-columns:minmax(320px,680px);place-content:center;place-items:center;gap:0;width:auto;padding:clamp(20px,3vh,38px) clamp(20px,4vw,64px);display:grid;inset:0;overflow:hidden}.game-frame .title-screen .title-brand-column.title-brand-intro{text-align:center;grid-column:1/-1;justify-self:center;align-items:center;width:min(680px,100%);margin:0 auto}.title-brand-intro .title-logo{object-position:center;align-self:center;width:min(510px,46vw);height:clamp(200px,34vh,330px);margin:2px auto -8px}.title-brand-column.title-brand-intro .title-actions{align-items:center;width:100%;margin-top:17px}.title-brand-column.title-brand-intro .title-actions .primary-button{justify-content:center;gap:18px;width:auto;min-width:164px;min-height:44px;padding-inline:20px;font-size:12px;box-shadow:0 12px 30px #040d0857,inset 0 1px #ffffff7a}.title-leaderboard-button{color:#f7edc5b8;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:30px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex}.title-leaderboard-button>span{color:var(--gold)}.title-leaderboard-button small{color:#f7edc56b;letter-spacing:.09em;text-transform:uppercase;border-left:1px solid #efdc8938;padding-left:7px;font-size:8px}.title-leaderboard-button:hover{color:var(--gold-pale)}.title-brand-intro .chapter-chip{background:#0f2a1ca8;padding:7px 13px 7px 10px;font-size:10px}.title-brand-intro .title-credit,.title-brand-intro .subtitle,.title-brand-intro .intro{text-align:center;width:100%;margin-left:0;margin-right:0}.title-brand-intro .subtitle{margin-top:6px;font-size:clamp(20px,2vw,28px)}.title-brand-intro .intro{color:#faf6e2bd;margin-top:8px}.title-brand-intro .title-meta{text-align:center;justify-content:center;gap:10px 24px;width:100%;margin-top:12px;font-size:9px}.journey-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#05130cde,#081810b8),linear-gradient(#05110b40,#040e09d1);position:absolute;inset:0}.journey-shell{z-index:2;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;display:grid;position:absolute;inset:clamp(18px,3vh,32px) clamp(20px,3vw,52px)}.journey-header{grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:18px;display:grid}.journey-header>div{text-align:center}.journey-header small,.journey-header h2{margin:0;display:block}.journey-header small{color:#f2e2a79e;letter-spacing:.2em;text-transform:uppercase;font-size:8px;font-weight:900}.journey-header h2{color:#fff6d9;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,46px);font-weight:500}.journey-header .sound-button{justify-self:end}.journey-back{color:#f2e6b8;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#0c2317a8;border:1px solid #efe0a833;border-radius:999px;width:fit-content;padding:10px 15px;font-size:10px;font-weight:800}.journey-content{grid-template-columns:minmax(600px,1.45fr) minmax(330px,.72fr);align-items:center;gap:clamp(14px,2vw,28px);min-height:0;display:grid}.journey-content .title-hero-column{justify-self:stretch;max-width:none}.stage-select{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0b2217f0,#162f21cc);border:1px solid #f0e0a047;border-radius:22px;min-width:0;padding:16px;box-shadow:0 28px 78px #010a0657,inset 0 1px #ffffff0d}.stage-select-heading{justify-content:space-between;align-items:end;gap:12px;padding:2px 3px 12px;display:flex}.stage-select-heading small,.stage-select-heading strong,.stage-select-heading span{display:block}.stage-select-heading small{color:#eee2b294;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:800}.stage-select-heading strong{color:#fff6d9;margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500}.stage-select-heading>span{color:#e7d278;text-transform:uppercase;font-size:8px;font-weight:800}.stage-select-list{gap:6px;display:grid}.first-journey-card{text-align:center;background:radial-gradient(circle at 50% 30%,#d9c5662e,#0000 43%),linear-gradient(145deg,#41522f9e,#0a2316c2);border:1px solid #efda8447;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:26px;display:flex}.first-journey-card>span{color:#ecd36b61;font-family:Georgia,Times New Roman,serif;font-size:52px;line-height:1}.first-journey-card small,.first-journey-card strong{display:block}.first-journey-card small{color:#e7d278;letter-spacing:.14em;text-transform:uppercase;margin-top:8px;font-size:8px;font-weight:900}.first-journey-card strong{color:#fff6d9;margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:500}.first-journey-card p{color:#f6efd5a3;max-width:260px;margin:10px 0 0;font-size:11px;line-height:1.5}.stage-choice{color:#f7f0d6b3;cursor:pointer;text-align:left;background:#06180f94;border:1px solid #f4e7b81c;border-radius:13px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:58px;padding:8px 10px;transition:transform .15s,border-color .15s,background .15s;display:grid}.stage-choice:hover:not(:disabled){border-color:#f1dd8b61;transform:translate(3px)}.stage-choice.selected{color:#fff7dc;background:linear-gradient(100deg,#536735b8,#143522c7);border-color:#f6dd76b8;box-shadow:inset 0 0 0 1px #fff2b20f,0 0 24px #d8be5f1a}.stage-choice:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.38}.stage-number{color:#e5cc6d;font-family:Georgia,Times New Roman,serif;font-size:17px}.stage-choice-copy strong,.stage-choice-copy small{display:block}.stage-choice-copy strong{font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:500}.stage-choice-copy small{color:#f0e7c480;margin-top:2px;font-size:8px}.stage-state{color:#eddfaa8a;letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:900}.stage-choice.selected .stage-state,.stage-choice.complete .stage-state{color:#efd979}.journey-actions{margin-top:12px}.journey-actions .primary-button{justify-content:space-between;width:100%}.journey-secondary-actions{gap:7px;margin-top:7px;display:flex}.journey-secondary-actions .secondary-button{flex:1;min-width:0;padding-inline:10px;font-size:9px}.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,#07160fed 0%,#0a1c13a1 45%,#08160f59 100%),linear-gradient(#0000 42%,#050f0ab3);position:absolute;inset:0}.title-screen .title-scrim{z-index:1;background:radial-gradient(circle at 50% 48%,#112c1d47,#05110b9e 58%,#040e09d1 100%),linear-gradient(#05110b47,#040e099e)}.title-ambient-life{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-hero-blink{justify-content:space-between;display:flex;position:absolute;transform:rotate(-1deg)}.title-hero-blink i{opacity:0;transform-origin:50%;border-radius:50% 50% 44% 44%;width:31%;height:9px;animation:8.6s linear infinite title-hero-blink;display:block;transform:scaleY(.25)}.title-hero-blink-mallow{width:4.7%;top:41.7%;left:43.55%}.title-hero-blink-mallow i{background:linear-gradient(#58603d,#38422f);box-shadow:inset 0 -2px #141b12b8}.title-hero-blink-puddle{width:5.55%;top:49.1%;left:65.35%;transform:rotate(1deg)}.title-hero-blink-puddle i{background:linear-gradient(#6a9480,#3b6d61);height:10px;animation-delay:-3.1s;box-shadow:inset 0 -2px #102f2ab8}.title-hero-fidget{opacity:0;transform-origin:50% 100%;width:36px;height:30px;animation:11.5s ease-in-out infinite title-hero-scratch;position:absolute}.title-hero-fidget:before{content:"";filter:blur(.4px);background:radial-gradient(circle at 38% 35%,#929463,#505a38 72%);border-radius:55% 48% 52% 44%;width:20px;height:13px;position:absolute;top:7px;left:7px}.title-hero-fidget:after{content:"";border-top:1px solid #f2e29794;border-right:1px solid #f2e29757;border-radius:50%;position:absolute;inset:0 2px 3px 12px}.title-hero-fidget-mallow{top:51.8%;left:50.4%}.title-hero-fidget-puddle{animation-delay:-5.2s;top:56.5%;left:70.15%}.title-hero-fidget-puddle:before{background:radial-gradient(circle at 38% 35%,#78aa91,#386f61 72%)}.title-butterfly{opacity:0;filter:drop-shadow(0 2px 3px #030d0861);width:18px;height:13px;position:absolute}.title-butterfly:after{content:"";z-index:2;background:#4b3e25;border-radius:999px;width:2px;height:9px;position:absolute;top:2px;left:8px}.title-butterfly i{transform-origin:100% 55%;background:linear-gradient(135deg,#ffee9df0,#d49739b3);border-radius:70% 40% 64% 42%;width:9px;height:11px;animation:.34s ease-in-out infinite alternate title-wing-left;position:absolute;top:0}.title-butterfly i:first-child{left:0}.title-butterfly i:last-child{transform-origin:0 55%;animation-name:title-wing-right;right:0}.title-butterfly-gold{animation:17s ease-in-out infinite title-butterfly-gold;top:36%;left:9%}.title-butterfly-blue{animation:20s ease-in-out -6s infinite title-butterfly-blue;top:69%;left:82%}.title-butterfly-blue i{background:linear-gradient(135deg,#c7f2eeeb,#46a5afb3)}.title-butterfly-leaf{animation:23s ease-in-out -12s infinite title-butterfly-leaf;top:18%;left:69%;transform:scale(.76)}.title-butterfly-leaf i{background:linear-gradient(135deg,#ddf29fe6,#629b42b3)}@keyframes title-hero-blink{0%,42%,44.1%,72%,74.1%,to{opacity:0;transform:scaleY(.25)}42.6%,43.55%,72.6%,73.55%{opacity:.92;transform:scaleY(1)}}@keyframes title-hero-scratch{0%,67%,79%,to{opacity:0;transform:translate(0)rotate(0)}68%{opacity:.46;transform:translate(-2px,-2px)rotate(-12deg)}70%{opacity:.7;transform:translate(2px,-8px)rotate(12deg)}72%{opacity:.58;transform:translate(-1px,-4px)rotate(-8deg)}74%{opacity:.7;transform:translate(2px,-9px)rotate(11deg)}77%{opacity:.38;transform:translateY(-2px)rotate(0)}}@keyframes title-wing-left{0%{transform:perspective(20px)rotateY(8deg)rotate(-10deg)}to{transform:perspective(20px)rotateY(68deg)rotate(8deg)}}@keyframes title-wing-right{0%{transform:perspective(20px)rotateY(-8deg)rotate(10deg)}to{transform:perspective(20px)rotateY(-68deg)rotate(-8deg)}}@keyframes title-butterfly-gold{0%,7%{opacity:0;transform:translate(-3vw,6vh)rotate(-8deg)scale(.82)}12%,82%{opacity:.62}34%{transform:translate(24vw,-10vh)rotate(7deg)scale(.92)}59%{transform:translate(51vw,7vh)rotate(-6deg)scale(.84)}88%,to{opacity:0;transform:translate(88vw,-15vh)rotate(8deg)scale(.72)}}@keyframes title-butterfly-blue{0%,8%{opacity:0;transform:translate(7vw,5vh)rotate(9deg)scale(.72)}14%,80%{opacity:.5}38%{transform:translate(-19vw,-12vh)rotate(-8deg)scale(.8)}64%{transform:translate(-45vw,5vh)rotate(5deg)scale(.75)}88%,to{opacity:0;transform:translate(-82vw,-20vh)rotate(-7deg)scale(.66)}}@keyframes title-butterfly-leaf{0%,10%{opacity:0;transform:translateY(-8vh)rotate(-5deg)scale(.66)}16%,76%{opacity:.42}42%{transform:translate(12vw,17vh)rotate(7deg)scale(.72)}68%{transform:translate(-16vw,37vh)rotate(-6deg)scale(.68)}86%,to{opacity:0;transform:translate(8vw,72vh)rotate(8deg)scale(.62)}}.title-copy{z-index:2;text-shadow:0 3px 28px #0209056b;grid-template-columns:minmax(330px,.78fr) minmax(600px,1.22fr);align-items:center;gap:clamp(30px,5vw,88px);display:grid;position:absolute;inset:clamp(24px,4.5vh,52px) clamp(28px,5vw,84px)}.title-brand-column{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.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(510px,38vw);height:clamp(180px,28vh,300px);margin:5px 0 -7px -8px;display:block}.title-logo-wrap{place-items:center;width:max-content;max-width:100%;margin:2px auto -8px;display:grid;position:relative}.title-logo-wrap .title-logo{margin:0}.title-logo-heart-pulse{z-index:1;pointer-events:none;opacity:0;clip-path:polygon(50% 100%,8% 54%,2% 40%,1% 26%,6% 13%,17% 4%,31% 1%,42% 6%,50% 16%,58% 6%,69% 1%,83% 4%,94% 13%,99% 26%,98% 40%,92% 54%);mix-blend-mode:screen;filter:blur(2px)drop-shadow(0 0 9px #ff4c36b3);transform-origin:50% 64%;background:radial-gradient(circle at 50% 71%,#fff4a4e6 0 7%,#ff7b3185 22%,#ff304a2e 52%,#0000 76%);width:29.6%;height:37.5%;animation:4.2s ease-in-out infinite title-heart-pulse;position:absolute;top:24.4%;left:35.2%}@keyframes title-heart-pulse{0%,16%,36%,to{opacity:0;transform:scale(.985)}20%{opacity:.34;transform:scale(1.018)}24%{opacity:.08;transform:scale(1)}29%{opacity:.42;transform:scale(1.026)}34%{opacity:.04;transform:scale(1)}}.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:100%;margin:0;padding:14px;box-shadow:0 18px 52px #030c0847,inset 0 1px #ffffff0a}.title-hero-column{background:linear-gradient(145deg,#0b2217e8,#162f21c2);border-color:#f0e0a04d;justify-self:end;max-width:820px;box-shadow:0 28px 78px #010a065e,inset 0 1px #ffffff0d}.hero-select-heading{justify-content:space-between;align-items:end;gap:16px;padding:3px 7px 12px;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:22px;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:76px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:112px;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:76px;height:88px;display:grid;overflow:hidden}.hero-choice-art>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 7px #0000004d);width:72px;height:88px}.hero-choice-art>.hero-sprite-crop{filter:drop-shadow(0 6px 7px #0000004d);width:84px;height:84px}.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}.hero-selected-showcase{border:1px solid var(--hero-primary);grid-template-columns:minmax(250px,.88fr) minmax(280px,1.12fr);align-items:stretch;gap:18px;min-height:300px;margin-top:9px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-selected-showcase{border:1px solid color-mix(in srgb, var(--hero-primary) 55%, #f5e7b247)}}.hero-selected-showcase{background:radial-gradient(circle at 16% 46%, var(--hero-glow), transparent 34%), linear-gradient(115deg, #081c13f2, var(--hero-primary));border-radius:19px}@supports (color:color-mix(in lab, red, red)){.hero-selected-showcase{background:radial-gradient(circle at 16% 46%, color-mix(in srgb, var(--hero-glow) 25%, transparent), transparent 34%), linear-gradient(115deg, #081c13f2, color-mix(in srgb, var(--hero-primary) 18%, #0e271beb))}}.hero-selected-showcase{animation:.32s both hero-panel-reveal;box-shadow:inset 0 1px #ffffff0d,0 15px 38px #020c073d}.hero-showcase-art{isolation:isolate;place-items:end center;min-height:300px;display:grid;position:relative;overflow:hidden}.hero-showcase-aura{border:1px solid var(--hero-glow);width:230px;height:230px;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.hero-showcase-aura{border:1px solid color-mix(in srgb, var(--hero-glow) 46%, transparent)}}.hero-showcase-aura{background:radial-gradient(circle, var(--hero-glow), transparent 66%);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.hero-showcase-aura{background:radial-gradient(circle, color-mix(in srgb, var(--hero-glow) 22%, transparent), transparent 66%)}}.hero-showcase-aura{box-shadow:0 0 48px var(--hero-primary), inset 0 0 38px var(--hero-glow)}@supports (color:color-mix(in lab, red, red)){.hero-showcase-aura{box-shadow:0 0 48px color-mix(in srgb, var(--hero-primary) 31%, transparent), inset 0 0 38px color-mix(in srgb, var(--hero-glow) 13%, transparent)}}.hero-showcase-aura{animation:5.4s ease-in-out infinite hero-aura;transform:translate(-50%,-50%)}.hero-showcase-character{z-index:2;transform-origin:bottom;place-items:end center;width:238px;height:282px;animation:2.8s ease-in-out infinite hero-showcase-emote;display:grid;position:relative}.hero-showcase-character>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 13px #0000006b);width:216px;height:282px}.hero-showcase-character>.hero-sprite-crop{filter:drop-shadow(0 14px 13px #0000006b);width:238px;height:238px}.hero-showcase-art.pip .hero-showcase-character>.hero-sprite-crop,.hero-showcase-art.puddle .hero-showcase-character>.hero-sprite-crop{background-position:100% 60%!important}.hero-showcase-art.puddle .hero-showcase-character{height:252px}.hero-showcase-shadow{z-index:1;filter:blur(5px);background:#010a068a;border-radius:50%;width:154px;height:20px;animation:2.8s ease-in-out infinite hero-shadow-emote;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.hero-showcase-spark{z-index:3;color:var(--hero-glow);text-shadow:0 0 12px var(--hero-glow);font-size:14px;animation:2.4s ease-in-out infinite hero-spark;position:absolute}.hero-showcase-spark.spark-one{top:31px;left:30px}.hero-showcase-spark.spark-two{animation-delay:-.8s;top:54px;right:27px}.hero-showcase-spark.spark-three{animation-delay:-1.5s;bottom:32px;left:38px}.hero-showcase-copy{z-index:2;align-self:center;padding:24px 26px 24px 0;position:relative}.hero-showcase-title{justify-content:space-between;align-items:start;gap:14px;display:flex}.hero-showcase-title small,.hero-showcase-title strong,.hero-showcase-title span{display:block}.hero-showcase-title small,.hero-strength-grid small{color:var(--hero-glow)}@supports (color:color-mix(in lab, red, red)){.hero-showcase-title small,.hero-strength-grid small{color:color-mix(in srgb, var(--hero-glow) 76%, #fff0b3)}}.hero-showcase-title small,.hero-strength-grid small{letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.hero-showcase-title strong{color:#fff8dd;margin-top:1px;font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:500;line-height:1}.hero-showcase-title span{color:#f4e9be9e;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:800}.hero-showcase-title em{border:1px solid var(--hero-primary);padding:5px 9px}@supports (color:color-mix(in lab, red, red)){.hero-showcase-title em{border:1px solid color-mix(in srgb, var(--hero-primary) 72%, #fff0af5c)}}.hero-showcase-title em{background:var(--hero-primary);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.hero-showcase-title em{background:color-mix(in srgb, var(--hero-primary) 20%, #071911c7)}}.hero-showcase-title em{color:#fff0b1;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:900}.hero-showcase-copy>p{color:#f8f2d7b8;margin:10px 0 12px;font-size:12px;line-height:1.4}.hero-trait-line{border:1px solid var(--hero-secondary);align-items:center;gap:7px;padding:9px 11px;display:flex}@supports (color:color-mix(in lab, red, red)){.hero-trait-line{border:1px solid color-mix(in srgb, var(--hero-secondary) 32%, transparent)}}.hero-trait-line{background:var(--hero-primary);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.hero-trait-line{background:color-mix(in srgb, var(--hero-primary) 11%, #04130c75)}}.hero-trait-line{color:#f3e7ad;font-size:10px;font-weight:700}.hero-trait-line b{color:var(--hero-glow);text-shadow:0 0 10px var(--hero-primary)}.hero-strength-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.hero-strengths,.hero-weakness{min-width:0}.hero-strengths>span,.hero-weakness>span{color:#f6f0d8ad;align-items:start;gap:6px;margin-top:4px;font-size:10px;line-height:1.25;display:flex}.hero-strengths b{color:#bde88d}.hero-weakness b{color:#efb48b}@keyframes hero-panel-reveal{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hero-showcase-emote{0%,to{transform:translateY(0)rotate(-.8deg)scale(1)}48%{transform:translateY(-7px)rotate(1.5deg)scale(1.025)}60%{transform:translateY(-5px)rotate(.4deg)scale(1.012)}}@keyframes hero-shadow-emote{0%,to{opacity:.72;transform:translate(-50%)scaleX(1)}48%{opacity:.45;transform:translate(-50%)scaleX(.82)}}@keyframes hero-aura{0%,to{opacity:.68;transform:translate(-50%,-50%)scale(.96)rotate(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)rotate(8deg)}}@keyframes hero-spark{0%,to{opacity:.2;transform:translateY(5px)scale(.8)}50%{opacity:.95;transform:translateY(-5px)scale(1.15)}}.title-actions,.complete-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.title-brand-column .title-actions{flex-direction:column;align-items:stretch;width:min(500px,100%);margin-top:24px}.title-brand-column .title-actions .primary-button{justify-content:space-between;width:100%;min-height:60px;padding-inline:28px;font-size:15px}.title-secondary-actions{flex-wrap:wrap;gap:9px;display:flex}.title-secondary-actions .secondary-button,.title-secondary-actions .sound-button{min-height:42px;padding-inline:15px;font-size:11px}.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;scrollbar-width:none;width:min(600px,47vw);max-height:calc(100dvh - 40px);position:absolute;top:50%;left:clamp(26px,7vw,112px);overflow-y:auto;transform:translateY(-50%)}.complete-card::-webkit-scrollbar{display:none}.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}.scripture-interlude{border:1px solid #eedc9238;border-left:3px solid var(--gold);background:linear-gradient(110deg,#102a1dc2,#1b2f2266);border-radius:0 16px 16px 0;max-width:540px;margin:18px 0 20px;padding:14px 18px 13px;box-shadow:0 16px 38px #030e092e}.scripture-interlude>span{color:var(--gold-pale);letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.complete-card .scripture-interlude blockquote{color:#fff4c9;border:0;margin:0;padding:0;font-size:clamp(15px,1.25vw,19px);line-height:1.38}.scripture-interlude cite{color:#f4e297b8;letter-spacing:.06em;margin-top:7px;font-size:10px;font-style:normal;font-weight:700;display:block}.complete-card .scripture-interlude p{color:#f8f2da9e;margin:7px 0 0;font-size:11px;line-height:1.45}.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}.final-score-card{background:linear-gradient(125deg,#143d29eb,#475930a8);border:1px solid #f2de8452;border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px 18px;max-width:540px;margin-top:18px;padding:13px 14px;display:grid;box-shadow:0 16px 40px #030f0940,inset 0 1px #ffffff14}.final-score-card>div{min-width:112px;display:grid}.final-score-card small,.final-score-card p,.final-score-card button{font-family:Arial,Helvetica,sans-serif}.final-score-card small{color:#f7edc78f;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.final-score-card strong{color:#fff0a7;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500;line-height:1.05}.final-score-card p{color:#f4edd3a6;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:9px;display:flex}.final-score-card button{color:#1d3827;cursor:pointer;background:linear-gradient(135deg,#f0dc7c,#caa64a);border:0;border-radius:11px;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:38px;padding:0 14px;font-size:10px;font-weight:900;display:flex}.leaderboard-backdrop{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 35%,#869e5533,#0000 48%),#040f0ad6;place-items:center;padding:clamp(14px,3vw,38px);animation:.18s both leaderboard-fade-in;display:grid;position:absolute;inset:0}.leaderboard-dialog{background:linear-gradient(145deg,#1a3b2afa,#091f16fc),#102b20;border:1px solid #eede9147;border-radius:28px;outline:none;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);width:min(820px,100%);max-height:min(820px,100dvh - 28px);animation:.26s cubic-bezier(.2,.8,.2,1) both leaderboard-rise;display:grid;overflow:hidden;box-shadow:0 36px 110px #000805a8,inset 0 1px #ffffff14}.leaderboard-dialog.is-view-only{width:min(620px,100%)}.leaderboard-dialog.is-view-only .leaderboard-list-section{grid-column:1/-1}.leaderboard-header{background:linear-gradient(90deg,#5275433d,#0000 68%);border-bottom:1px solid #eede9124;grid-column:1/-1;align-items:center;gap:13px;min-height:88px;padding:18px 24px;display:flex;position:relative}.leaderboard-crest{width:43px;height:43px;color:var(--gold-pale);background:#a78b3829;border:1px solid #f4e1866b;border-radius:14px;flex:none;place-items:center;font-size:19px;display:grid;box-shadow:0 0 32px #e5c9661f}.leaderboard-header p,.leaderboard-header h2{margin:0}.leaderboard-header p{color:#f5ebc385;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:800}.leaderboard-header h2{letter-spacing:-.02em;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500}.leaderboard-close{color:#f7f0d3b3;cursor:pointer;background:#0619117a;border:1px solid #efe09b29;border-radius:50%;place-items:center;width:39px;height:39px;margin-left:auto;font-size:24px;line-height:1;display:grid}.leaderboard-run,.leaderboard-list-section{scrollbar-width:thin;scrollbar-color:#e1cc6e4d transparent;min-width:0;padding:22px 24px 24px;overflow-y:auto}.leaderboard-run{background:radial-gradient(circle at 18% 8%,#dbc26126,#0000 34%),#09231857;border-right:1px solid #eede9124}.leaderboard-run-score{border-bottom:1px solid #eddd9321;padding-bottom:16px;display:grid}.leaderboard-run-score small,.leaderboard-run-score span{color:#f5ebc785;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800}.leaderboard-run-score strong{color:#fff1a9;letter-spacing:-.035em;margin:3px 0 1px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,58px);font-weight:500;line-height:1}.leaderboard-run-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0;display:grid}.leaderboard-run-facts span{color:#f4ecce8c;background:#061b1261;border:1px solid #ecdc961a;border-radius:10px;padding:8px 9px;font-size:8px}.leaderboard-run-facts b{color:#f6e5a0;font-size:10px}.leaderboard-form{margin-top:13px}.leaderboard-form>label{color:#f7eecdbd;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.leaderboard-form>div{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.leaderboard-form input{color:#fff7d8;background:#03130c8c;border:1px solid #efde9338;border-radius:12px;outline:none;width:100%;min-width:0;height:43px;padding:0 12px;font-size:12px}.leaderboard-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e5c9661f}.leaderboard-form button{color:#1c3526;cursor:pointer;background:linear-gradient(135deg,#f0dc7c,#cba84c);border:0;border-radius:12px;min-height:43px;padding:0 13px;font-size:9px;font-weight:900}.leaderboard-form button:disabled{cursor:wait;filter:saturate(.5);opacity:.7}.leaderboard-form>small,.leaderboard-form-status{color:#f4ebca61;margin:6px 0 0;font-size:8px;line-height:1.4;display:block}.leaderboard-form-status{color:#ffd18a;min-height:12px}.leaderboard-submitted{background:#7d8f4424;border:1px solid #e5cd6b3b;border-radius:13px;gap:4px;margin-top:14px;padding:13px;display:grid}.leaderboard-submitted strong{color:#fff1a9;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.leaderboard-submitted span{color:#f4eccf94;font-size:9px;line-height:1.45}.leaderboard-list-section{flex-direction:column;display:flex}.leaderboard-list-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:10px;display:flex}.leaderboard-list-heading>div{display:grid}.leaderboard-list-heading small,.leaderboard-list-heading>span{color:#f5ebc66b;letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:800}.leaderboard-list-heading strong{margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.leaderboard-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{background:#05191157;border:1px solid #ecdc9617;border-radius:12px;grid-template-columns:24px 31px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:46px;padding:6px 9px;display:grid}.leaderboard-list li:nth-child(-n+3){background:linear-gradient(90deg,#8b793629,#05191159);border-color:#edd7772e}.leaderboard-list li.is-player{border-color:#f7de718a;box-shadow:inset 0 0 24px #ddc45b17}.leaderboard-rank{color:#f5e7ae94;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:16px}.leaderboard-list li:first-child .leaderboard-rank{color:#ffe982;font-size:20px}.leaderboard-hero-mark{border:1px solid var(--leaderboard-hero);place-items:center;width:31px;height:31px;display:grid}@supports (color:color-mix(in lab, red, red)){.leaderboard-hero-mark{border:1px solid color-mix(in srgb, var(--leaderboard-hero) 54%, transparent)}}.leaderboard-hero-mark{background:var(--leaderboard-hero);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.leaderboard-hero-mark{background:color-mix(in srgb, var(--leaderboard-hero) 17%, #051911e6)}}.leaderboard-hero-mark{color:#fff5cc;font-family:Georgia,Times New Roman,serif;font-size:13px}.leaderboard-name,.leaderboard-result{min-width:0;display:grid}.leaderboard-name strong{color:#fff8dce6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.leaderboard-name small,.leaderboard-result small{color:#f1e8c76b;font-size:7px}.leaderboard-result{text-align:right}.leaderboard-result strong{color:#f4df82;font-size:11px}.leaderboard-state{color:#f5eccb80;text-align:center;border:1px dashed #ecdc9624;border-radius:15px;place-items:center;min-height:250px;padding:24px;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.5;display:grid}.leaderboard-state.error{color:#ffd18a}.leaderboard-rule{color:#f2e9c957;margin:10px 0 0;font-size:7px;line-height:1.45}@keyframes leaderboard-fade-in{0%{opacity:0}to{opacity:1}}@keyframes leaderboard-rise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.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<=1180px) and (width>=901px){.title-copy{grid-template-columns:minmax(280px,.72fr) minmax(500px,1.28fr);gap:24px;inset:28px 24px}.title-logo{width:min(390px,34vw);height:clamp(160px,25vh,230px)}.title-brand-column .title-actions{margin-top:18px}.hero-choice{grid-template-columns:70px minmax(0,1fr);min-height:100px}.hero-choice-art,.hero-choice-art>img,.hero-choice-art>.hero-sprite-crop{width:70px;height:70px}.hero-selected-showcase{grid-template-columns:195px minmax(0,1fr);min-height:230px}.hero-showcase-art{min-height:230px}.hero-showcase-aura{width:176px;height:176px}.hero-showcase-character,.hero-showcase-art.puddle .hero-showcase-character{width:184px;height:212px}.hero-showcase-character>img{width:164px;height:212px}.hero-showcase-character>.hero-sprite-crop{width:180px;height:180px}.hero-showcase-copy{padding:16px 16px 16px 0}.hero-showcase-title strong{font-size:31px}.journey-content{grid-template-columns:minmax(530px,1.35fr) minmax(310px,.75fr);gap:14px}.journey-shell{inset-inline:20px}}@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{grid-template-columns:minmax(250px,.75fr) minmax(390px,1.25fr);gap:24px;inset:26px 28px}.title-logo{width:min(360px,38vw);height:clamp(150px,24vh,220px)}.title-credit{font-size:8px}.subtitle{font-size:19px}.intro{font-size:12px}.game-frame .title-screen .title-copy.title-copy-intro{grid-template-columns:minmax(280px,620px);inset:0}.title-brand-intro .title-logo{width:min(440px,52vw)}.title-brand-column.title-brand-intro .title-actions .primary-button{min-width:158px;min-height:42px}.journey-shell{inset:18px}.journey-header{grid-template-columns:100px minmax(0,1fr) 100px}.journey-content{grid-template-columns:minmax(420px,1.25fr) minmax(270px,.75fr);gap:12px}.journey-content .hero-selected-showcase{grid-template-columns:150px minmax(0,1fr)}.journey-content .hero-showcase-art,.journey-content .hero-selected-showcase{min-height:190px}.journey-content .hero-showcase-character,.journey-content .hero-showcase-art.puddle .hero-showcase-character{width:150px;height:180px}.journey-content .hero-showcase-character>img{width:138px;height:180px}.journey-content .hero-showcase-character>.hero-sprite-crop{width:150px;height:150px}.journey-content .hero-showcase-copy{padding:12px 12px 12px 0}.journey-content .hero-showcase-title strong{font-size:26px}.journey-content .hero-choice-copy em,.journey-content .hero-showcase-copy>p{display:none}.stage-select{padding:10px}.stage-choice{min-height:49px}.hero-selected-showcase{grid-template-columns:190px minmax(0,1fr);min-height:220px}.hero-showcase-art{min-height:220px}.hero-showcase-aura{width:170px;height:170px}.hero-showcase-character,.hero-showcase-art.puddle .hero-showcase-character{width:178px;height:206px}.hero-showcase-character>img{width:160px;height:206px}.hero-showcase-character>.hero-sprite-crop{width:176px;height:176px}.hero-showcase-copy{padding:15px 16px 15px 0}.hero-showcase-title strong{font-size:30px}.hero-showcase-copy>p{font-size:10px}.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-touch-callout:none;-webkit-user-select:none;user-select: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{inset:max(14px, env(safe-area-inset-top)) 18px max(14px, env(safe-area-inset-bottom));scrollbar-width:none;width:calc(100vw - 36px);display:block;overflow-y:auto}.game-frame .title-screen .title-copy.title-copy-intro{place-items:center;width:auto;display:grid;inset:0;overflow:hidden}.title-brand-intro .title-logo{width:min(80vw,420px);height:clamp(175px,27vh,245px)}.title-brand-column.title-brand-intro .title-actions{width:100%}.title-brand-column.title-brand-intro .title-actions .primary-button{width:auto;min-width:154px;min-height:42px;padding-inline:19px}.title-brand-intro .title-meta{justify-content:center;font-size:8px;display:flex}.journey-screen{overflow-y:auto}.journey-shell{min-height:100%;padding:max(12px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom));position:relative;inset:auto;overflow:visible}.journey-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.journey-header h2{font-size:24px}.journey-header small,.journey-header .sound-button span{display:none}.journey-header .sound-button,.journey-back{min-width:42px;min-height:38px;padding:8px 10px}.journey-content{flex-direction:column;gap:10px;display:flex}.journey-content .hero-select{order:1;width:100%;margin-top:0}.stage-select{order:2;width:100%}.journey-content .hero-selected-showcase{grid-template-columns:126px minmax(0,1fr)}.journey-content .hero-showcase-art,.journey-content .hero-selected-showcase{min-height:148px}.journey-content .hero-showcase-character,.journey-content .hero-showcase-art.puddle .hero-showcase-character{width:122px;height:138px}.journey-content .hero-showcase-character>img{width:108px;height:138px}.journey-content .hero-showcase-character>.hero-sprite-crop{width:122px;height:122px}.stage-choice{min-height:52px}.title-copy::-webkit-scrollbar{display:none}.title-brand-column{text-align:center;align-items:center}.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:16px;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-selected-showcase{grid-template-columns:126px minmax(0,1fr);gap:8px;min-height:148px}.hero-showcase-art{min-height:148px}.hero-showcase-aura{width:116px;height:116px}.hero-showcase-character,.hero-showcase-art.puddle .hero-showcase-character{width:122px;height:138px}.hero-showcase-character>img{width:108px;height:138px}.hero-showcase-character>.hero-sprite-crop{width:122px;height:122px}.hero-showcase-copy{padding:10px 10px 10px 0}.hero-showcase-title strong{font-size:24px}.hero-showcase-copy>p,.hero-trait-line{display:none}.hero-strength-grid{gap:7px;margin-top:8px}.hero-strengths>span,.hero-weakness>span{font-size:7.5px}.hero-choice-copy strong{font-size:14px}.hero-choice-copy small{display:none}.title-actions{margin-top:13px}.title-brand-column .title-actions{margin-top:15px}.title-secondary-actions{justify-content:center}.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{grid-template-columns:minmax(220px,.72fr) minmax(430px,1.28fr);gap:22px;inset:14px 22px}.game-frame .title-screen .title-copy.title-copy-intro{grid-template-columns:minmax(300px,620px);place-content:center;inset:0}.title-brand-intro .title-logo{width:min(360px,34vw);height:clamp(108px,24vh,145px)}.title-brand-column.title-brand-intro .title-actions{margin-top:10px}.title-brand-column.title-brand-intro .title-actions .primary-button{min-width:150px;min-height:40px}.chapter-chip,.title-meta,.hero-badge{display:none}.eyebrow{margin-top:0}.intro{display:none}.hero-select{margin-top:0;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}.hero-selected-showcase{grid-template-columns:110px minmax(0,1fr);gap:8px;min-height:112px;margin-top:6px}.hero-showcase-art{min-height:112px}.hero-showcase-aura{width:94px;height:94px}.hero-showcase-character,.hero-showcase-art.puddle .hero-showcase-character{width:100px;height:105px}.hero-showcase-character>img{width:86px;height:105px}.hero-showcase-character>.hero-sprite-crop{width:96px;height:96px}.hero-showcase-copy{padding:7px 10px 7px 0}.hero-showcase-title strong{font-size:21px}.hero-showcase-title span,.hero-showcase-copy>p,.hero-trait-line{display:none}.hero-strength-grid{gap:6px;margin-top:6px}.hero-strengths>span,.hero-weakness>span{margin-top:2px;font-size:7px}.title-actions{margin-top:12px}.title-brand-column .title-actions .primary-button{min-height:46px}.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 (width<=760px){.leaderboard-backdrop{align-items:center;padding:8px}.leaderboard-dialog,.leaderboard-dialog.is-view-only{border-radius:20px;width:100%;max-height:calc(100dvh - 16px);display:block;overflow-y:auto}.leaderboard-header{z-index:2;background:#0e2b1efa;min-height:72px;padding:13px 15px;position:sticky;top:0}.leaderboard-crest{width:38px;height:38px}.leaderboard-header h2{font-size:23px}.leaderboard-run,.leaderboard-list-section{padding:16px;overflow:visible}.leaderboard-run{border-bottom:1px solid #eede9124;border-right:0}.leaderboard-run-score{grid-template-columns:1fr auto;align-items:end}.leaderboard-run-score strong{grid-area:1/2/3;font-size:38px}.leaderboard-state{min-height:190px}.final-score-card{margin-top:12px}}@media (width<=420px){.leaderboard-form>div{grid-template-columns:1fr}.leaderboard-form button{width:100%}.leaderboard-list li{grid-template-columns:21px 28px minmax(0,1fr) auto;gap:6px;padding-inline:7px}.leaderboard-hero-mark{width:28px;height:28px}.leaderboard-name small{display:none}.leaderboard-rule{font-size:8px}.final-score-card{grid-template-columns:1fr}.final-score-card p{display:none}}@media (prefers-reduced-motion:reduce){.title-ambient-life,.title-logo-heart-pulse{display:none}.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}