@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&display=swap";/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{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;font-feature-settings:initial;font-variation-settings:initial;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{color:inherit;border-top-width:1px;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:initial;font-variation-settings:initial;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}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{display:block;vertical-align:middle}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}::-webkit-file-upload-button{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:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports ( not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{text-align:inherit;min-height:1lh}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-file-upload-button{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 utilities{.visible{visibility:visible}.static{position:static}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.resize{resize:both}.pt-safe{padding-top:var(--twsa-safe-area-inset-top)}.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)}.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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.safe{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left)}}:root{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left);--buncss-light:initial;--buncss-dark: ;--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--bg:#ded0ab;--surface:#f2e7c8;--surface-2:#d8c79c;--text:#211b25;--dim:#65596a;--border:#a98c53;--accent:#765018;--gold:#9a6a1e;--gold-bright:#d5a43c;--plum:#50315b;--danger:#9d3041;--cyan:#217d91;--radius:14px;--space-surface:var(--surface);--space-surface-alt:var(--surface-2);--space-muted:var(--dim);--space-border:var(--border);--space-accent:var(--accent)}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--buncss-light: ;--buncss-dark:initial;--bg:#080a13;--surface:#11172d;--surface-2:#171c35;--text:#eee2c2;--dim:#aaa3b6;--border:#463954;--accent:#d6a84a;--gold:#d6a84a;--gold-bright:#f0ca6b;--plum:#6f4380;--danger:#b83c4b;--cyan:#5fd5e8}}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);min-width:320px;margin:0;font-family:Georgia,Times New Roman,serif}button{font:inherit}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed}.app-shell{background-color:var(--bg);background-image:radial-gradient(circle at 50% -5%,color-mix(in srgb,var(--plum)26%,transparent),transparent 38%),repeating-linear-gradient(105deg,transparent 0 18px,color-mix(in srgb,var(--text)2%,transparent)18px 19px);min-height:100vh}.loading-screen{display:grid;text-align:center;place-content: center;justify-items:center;gap:14px;min-height:100vh;padding:24px}.loading-screen h2{margin:0;font-family:Cinzel Decorative,Georgia,serif}.loader-sigil{display:grid;border:1px solid var(--gold);animation:1.6s ease-in-out infinite pulseSigil;border-radius:50%;place-items: center;width:76px;height:76px}.hud{display:grid;grid-template-columns:40px 1fr 1fr auto;padding:max(10px,env(safe-area-inset-top))14px 10px;border-bottom:1px solid color-mix(in srgb,var(--border)60%,transparent);background:color-mix(in srgb,var(--bg)92%,transparent);align-items: center;gap:8px;min-height:66px}.crest-button,.duel-header>button,.shop-heading>button{display:grid;color:var(--gold-bright);border:1px solid var(--border);background:0 0;border-radius:50%;place-items: center;width:40px;height:40px}.hud-stat{display:grid;grid-template-columns:auto auto;justify-content:center;align-items: center;column-gap:6px}.hud-stat svg{color:var(--gold)}.hud-stat strong{font-size:15px}.hud-stat span{grid-column:1/3;text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font:9px/1.2 Georgia,serif}.shop-shortcut{display:inline-flex;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items: center;gap:6px;padding:8px 11px;font-size:13px}.shop-shortcut.active{color:var(--bg);background:var(--gold)}.menu-page,.shop-page{width:min(100%,1080px);margin:0 auto;padding:30px 16px 44px}.menu-intro{max-width:700px}.chapter-mark,.shop-heading p,.result-dialog>p:first-of-type{color:var(--gold);letter-spacing:.18em;margin:0 0 8px;font:700 11px/1.3 Georgia,serif}.menu-intro h1,.shop-heading h1{margin:0;font-family:Cinzel Decorative,Georgia,serif;font-size:clamp(29px,9vw,48px);line-height:1.12}.menu-intro>p:last-child{color:var(--dim);max-width:600px;margin:12px 0 0;font-size:16px;line-height:1.55}.year-layout{display:grid;gap:20px;margin-top:28px}.year-path{position:relative;display:grid;gap:4px}.year-path:before{content:"";position:absolute;background:var(--border);width:1px;top:22px;bottom:22px;left:21px}.year-node{position:relative;display:grid;grid-template-columns:43px 1fr auto;text-align:left;color:var(--text);background:0 0;border:0;border-radius:10px;align-items: center;gap:10px;min-height:58px;padding:6px 10px 6px 0}.year-node:hover:not(:disabled),.year-node.active{background:color-mix(in srgb,var(--surface)78%,transparent)}.year-node.active{box-shadow:inset 0 0 0 1px var(--border)}.node-number{z-index:1;display:grid;color:var(--gold-bright);background:var(--bg);border:1px solid var(--gold);border-radius:50%;place-items: center;width:43px;height:43px;font-weight:700}.year-node strong,.year-node small{display:block}.year-node strong{font-family:Cinzel Decorative,Georgia,serif;font-size:13px}.year-node small{color:var(--dim);margin-top:2px;font-size:12px}.node-xp{display:block;overflow:hidden;background:color-mix(in srgb,var(--border)34%,transparent);border-radius:999px;width:min(100%,170px);height:4px;margin-top:5px}.node-xp b{display:block;background:var(--gold);border-radius:inherit;height:100%}.year-node.locked{opacity:.45}.chapter-focus{position:relative;overflow:hidden;display:flex;text-align:center;color:#eee2c2;background:linear-gradient(145deg,#2a1738,#10172e 58%,#0b1021);border:1px solid #6d5847;border-radius:3px 3px 22px;flex-direction:column;justify-content:center;align-items: center;min-height:430px;padding:32px 22px;box-shadow:0 18px 50px #00000047,inset 0 0 70px #0006}.chapter-focus:before{content:"";position:absolute;pointer-events:none;border:1px solid #d6a84a47;inset:11px}.focus-runes{color:var(--gold-bright);letter-spacing:.7em;margin-left:.7em}.year-label{color:#d6a84a;letter-spacing:.22em;margin-top:25px;font-size:11px}.chapter-focus h2{max-width:330px;margin:8px 0 6px;font-family:Cinzel Decorative,Georgia,serif;font-size:30px;line-height:1.15}.skill-line{color:#b9b1c5;margin:0 0 16px;font-style:italic}.level-progress{text-align:left;width:min(100%,300px);margin:0 0 20px}.level-progress>div{display:flex;color:#d8c998;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px}.level-progress>i{display:block;overflow:hidden;background:#ffffff1a;border:1px solid #d6a84a4d;border-radius:999px;height:8px}.level-progress b{display:block;border-radius:inherit;background:linear-gradient(90deg,#b77a25,#f0ca6b);height:100%;transition:width .4s}.guardian-seal{display:flex;border:1px solid #765c2c;border-radius:50%;flex-direction:column;justify-content:center;align-items: center;width:140px;height:140px;box-shadow:0 0 0 8px #d6a84a0d,inset 0 0 30px #0009}.guardian-seal svg{color:#b96975}.guardian-seal span{color:#8e879a;letter-spacing:.14em;text-transform:uppercase;margin-top:7px;font-size:10px}.guardian-seal strong{font-size:13px}.reward-line{display:flex;color:#d8c998;align-items: center;gap:7px;margin-top:18px;font-size:13px}.primary-button{display:inline-flex;color:#181019;background:linear-gradient(#f0ca6b,#bd8429);border:1px solid #f1d687;border-radius:8px;justify-content:center;align-items: center;gap:9px;min-height:46px;padding:11px 20px;font-weight:700;box-shadow:0 4px #765018}.primary-button:active{transform:translateY(2px);box-shadow:0 2px #765018}.duel-button{width:min(100%,260px);margin-top:20px}.companion-strip{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin-top:20px;padding:16px 2px}.companion-strip>div{display:flex;align-items: center;gap:12px}.companion-strip>div svg{color:var(--gold)}.companion-strip small,.companion-strip strong{display:block}.companion-strip small{color:var(--dim);letter-spacing:.15em;font-size:9px}.companion-strip strong{margin-top:2px}.companion-strip button{display:flex;color:var(--gold);background:0 0;border:0;align-self: flex-start;align-items: center;gap:5px;padding:0;font-weight:700}.settings-area{display:grid;border-top:1px solid var(--border);gap:15px;margin-top:28px;padding:20px 0 4px}.settings-area small{color:var(--dim);letter-spacing:.16em;font-size:9px}.settings-area h2{margin:4px 0;font-family:Cinzel Decorative,Georgia,serif;font-size:17px}.settings-area p{color:var(--dim);max-width:580px;margin:0;font-size:13px;line-height:1.45}.reset-action{display:grid;justify-self:start;gap:7px}.reset-action>span{display:flex;color:#29735b;align-items: center;gap:5px;font-size:12px;font-weight:700}.reset-progress-button{display:inline-flex;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger)65%,var(--border));background:0 0;border-radius:7px;justify-self:start;align-items: center;gap:7px;min-height:42px;padding:9px 13px;font-weight:700}.reset-overlay{position:fixed;z-index:30;display:grid;background:#05050bd6;place-items: center;padding:20px;inset:0}.reset-dialog{position:relative;color:#eee2c2;background:#14192d;border:1px solid #8d6e35;width:min(100%,410px);padding:28px 23px 23px;box-shadow:0 30px 90px #000}.reset-dialog>svg{color:#dd6978}.reset-dialog h2{margin:10px 0 8px;font-family:Cinzel Decorative,Georgia,serif;font-size:23px}.reset-dialog>p{color:#b9b1c5;line-height:1.5}.reset-dialog label{display:block;color:#d8c998;margin:20px 0 7px;font-size:13px}.reset-dialog input{color:#eee2c2;letter-spacing:.12em;background:#0b1021;border:1px solid #6d5847;border-radius:6px;width:100%;min-height:46px;padding:10px 12px;font:700 16px/1 Georgia,serif}.reset-dialog input:focus{outline:3px solid var(--cyan);outline-offset:2px}.reset-close{position:absolute;display:grid;color:#b9b1c5;background:0 0;border:0;place-items: center;width:36px;height:36px;top:13px;right:13px}.danger-button{color:#fff;background:#9d3041;border:1px solid #d56c78;border-radius:7px;width:100%;min-height:46px;margin-top:14px;font-weight:700}.danger-button:disabled{opacity:.38}.reset-dialog .text-button{width:100%}.reset-error{font-size:13px;color:#f39aa4!important;margin:9px 0 0!important}.duel-page{overflow:hidden;color:#eee2c2;background:radial-gradient(circle at 50% 30%,#352247 0,#12172d 42%,#080a13 80%);min-height:100vh}.duel-header{display:grid;grid-template-columns:42px 1fr auto;padding:max(12px,env(safe-area-inset-top))14px 10px;border-bottom:1px solid #d6a84a38;align-items: center;gap:10px;min-height:68px}.duel-header>div:nth-child(2){text-align:center}.duel-header small,.duel-header strong{display:block}.duel-header small{color:#b89a57;letter-spacing:.16em;font-size:9px}.duel-header strong{margin-top:2px;font-family:Cinzel Decorative,Georgia,serif;font-size:12px}.coin-mini{display:flex;color:#d6a84a;align-items: center;gap:5px;font-weight:700}.duel-xp{display:grid;grid-template-columns:auto 1fr auto;color:#d8c998;align-items: center;gap:9px;width:min(100% - 28px,680px);margin:10px auto 0;font-size:10px}.duel-xp>i{display:block;overflow:hidden;background:#ffffff17;border:1px solid #d6a84a47;border-radius:999px;height:7px}.duel-xp b{display:block;background:linear-gradient(90deg,#b77a25,#f0ca6b);height:100%;transition:width .4s}.duel-xp strong{color:#f0ca6b}.arena{position:relative;display:grid;grid-template-columns:1fr 44px 1fr;align-items: center;width:min(100%,780px);height:290px;margin:0 auto;padding:12px}.enemy-block,.player-block{min-width:0}.combat-name{display:flex;justify-content:space-between;align-items: center;gap:5px;margin:0 2px 5px;font-size:12px}.combat-name span{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items: center;gap:5px;min-width:0}.combat-name b{color:#b7aec2;font-size:10px}.health-track{overflow:hidden;background:#ffffff17;border:1px solid #ffffff21;border-radius:999px;height:9px}.health-track i{display:block;height:100%;transition:width .45s}.health-track.enemy i{background:linear-gradient(90deg,#87303e,#db5d6d)}.health-track.player i{background:linear-gradient(90deg,#2b8799,#5fd5e8)}.creature-sigil{position:relative;display:grid;color:#d25d70;background:radial-gradient(circle,#b83c4b38,#0000 60%);border-radius:50%;place-items: center;width:min(132px,35vw);height:min(132px,35vw);margin:23px auto 0;transition:filter .2s,transform .2s}.creature-sigil>svg{filter:drop-shadow(0 0 16px #a52e45)}.creature-portrait{object-fit:cover;filter:drop-shadow(0 0 14px #a52e45);border-radius:50%;width:92%;height:92%;box-shadow:0 0 24px #000000a6}.creature-sigil.spell-hit .creature-portrait{transform:scale(1.06)}.emblem-portrait{object-fit:cover;border-radius:50%;width:100%;height:100%}.bestiary-portrait{object-fit:cover;border-radius:50%;width:60px;height:60px;box-shadow:0 0 12px #00000080}.orbit{position:absolute;border:1px solid #d6a84a40;border-radius:50%;inset:5px}.orbit-one{transform:rotate(35deg)scaleY(.55)}.orbit-two{transform:rotate(-35deg)scaleY(.55)}.versus-mark{display:grid;color:#d6a84a;justify-items:center;gap:4px}.versus-mark span{text-align:center;width:60px;font-size:10px}.player-sigil{display:grid;color:#5fd5e8;border:1px solid #5fd5e866;border-radius:50%;place-items: center;width:78px;height:78px;margin:52px auto 23px;box-shadow:0 0 24px #5fd5e821}.player-block{position:relative}.wand-beam{position:absolute;z-index:3;opacity:0;transform-origin:right;background:#f5e794;width:110%;height:5px;top:92px;left:-52%;transform:rotate(-8deg);box-shadow:0 0 9px #fff,0 0 24px #5fd5e8}.casting .wand-beam{animation:.55s ease-out castBeam}.spell-hit{animation:.55s ease-out monsterHit}.spell-panel{color:#261f28;background:#e7d6ae repeating-linear-gradient(0deg,#0000 0 28px,#57422909 28px 29px);border:1px solid #9a7a42;border-radius:3px 3px 18px;width:min(100% - 24px,680px);min-height:330px;margin:-4px auto 0;padding:22px 16px 28px;box-shadow:0 -8px 35px #00000040}.spell-meta{display:flex;color:#7c6947;justify-content:space-between;gap:10px;margin:-4px 0 12px;font-size:10px}.spell-prompt{text-align:center;color:#765018;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:10px}.spell-panel h1{text-align:center;margin:9px 0 19px;font-family:Cinzel Decorative,Georgia,serif;font-size:clamp(25px,7vw,38px)}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-grid button{display:flex;color:#2c2530;background:#ffffff59;border:1px solid #aa8e60;border-radius:7px;justify-content:center;align-items: center;gap:6px;min-height:52px;font-weight:700}.answer-grid button:not(:disabled):active{background:#d7c18c}.answer-grid button.correct{color:#194b3a;background:#b8d3a8;border-color:#567f58}.answer-grid button.wrong{color:#762d38;background:#e3b2ad;border-color:#a44752}.explanation{background:#9d30411c;border-left:3px solid #9d3041;margin-top:14px;padding:13px 14px}.explanation strong{color:#8a2938}.explanation p{margin:5px 0 10px;font-size:14px;line-height:1.45}.explanation button{display:flex;color:#765018;background:0 0;border:0;align-items: center;gap:5px;padding:0;font-weight:700}.success-call{display:flex;color:#216853;flex-wrap:wrap;justify-content:center;align-items: center;gap:6px;margin-top:15px;font-weight:700}.success-call b{color:#765018}.quick-cast-badge{display:flex;color:#235e49;letter-spacing:.03em;flex-basis:100%;justify-content:center;align-items: center;gap:5px;width:max-content;max-width:100%;margin:0 auto 4px;font-size:12px}.quick-cast-badge svg{filter:drop-shadow(0 0 4px #235e4973);width:15px}.result-overlay{position:fixed;z-index:20;display:grid;background:#05050bcc;place-items: center;padding:20px;inset:0}.result-dialog{text-align:center;color:#eee2c2;background:#14192d;border:1px solid #8d6e35;width:min(100%,390px);padding:29px 24px;box-shadow:0 30px 90px #000}.result-dialog>svg{color:#d6a84a}.result-dialog h2{margin:5px 0 12px;font-family:Cinzel Decorative,Georgia,serif;font-size:27px}.result-dialog p{color:#b9b1c5}.reward-pile{display:flex;color:#f0ca6b;justify-content:center;align-items: center;gap:7px;margin:18px 0;font-size:22px;font-weight:700}.result-dialog .primary-button{width:100%;margin-top:8px}.text-button{color:#c5b98f;background:0 0;border:0;margin-top:16px}.shop-page{padding-top:26px}.shop-heading{display:grid;grid-template-columns:42px 1fr;align-items: center;gap:14px}.shop-heading p{margin-bottom:4px}.shop-heading h1{font-size:clamp(24px,7vw,38px)}.purse{display:flex;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;margin:24px 0 18px;padding:15px 17px}.purse span{color:var(--dim)}.purse strong{display:flex;color:var(--gold);align-items: center;gap:7px;font-size:20px}.shop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-tabs button{display:flex;color:var(--dim);border:0;border-bottom:2px solid var(--border);background:0 0;justify-content:center;align-items: center;gap:8px;min-height:45px}.shop-tabs button.active{color:var(--gold);border-color:var(--gold);font-weight:700}.shop-message{color:var(--gold);text-align:center;background:color-mix(in srgb,var(--gold)10%,transparent);margin-top:12px;padding:10px 12px}.shelf{display:grid;gap:0;margin-top:16px}.shop-item{display:grid;grid-template-columns:58px 1fr auto;border-bottom:1px solid var(--border);align-items: center;gap:12px;min-height:112px;padding:16px 4px}.shop-item.equipped{background:color-mix(in srgb,var(--gold)7%,transparent)}.item-icon{display:grid;color:var(--gold);background:var(--surface);border:1px solid var(--border);border-radius:50% 50% 8px 8px;place-items: center;width:54px;height:70px}.item-copy small{color:var(--dim);letter-spacing:.13em;font-size:8px}.item-copy h2{margin:4px 0 3px;font-family:Cinzel Decorative,Georgia,serif;font-size:14px}.item-copy p{color:var(--dim);margin:0;font-size:13px}.item-action button,.equipped-label{display:inline-flex;color:var(--text);border:1px solid var(--gold);background:0 0;border-radius:6px;justify-content:center;align-items: center;gap:5px;min-width:72px;min-height:36px;padding:7px 9px;font-size:13px;font-weight:700}.item-action button:disabled{opacity:.35}.equipped-label{color:var(--gold);border-color:#0000;font-size:11px}.shop-note{display:flex;color:var(--dim);gap:9px;margin-top:22px;font-size:13px;line-height:1.45}.shop-note svg{color:var(--gold);flex:none}.shop-note p{margin:0}.damage-shake{animation:.4s screenShake}@keyframes castBeam{0%{opacity:0;transform:rotate(-8deg)scaleX(.1)}25%{opacity:1}75%{opacity:1;transform:rotate(-8deg)scaleX(1)}to{opacity:0}}@keyframes monsterHit{20%{transform:translate(-8px);filter:brightness(2)}45%{transform:translate(9px)}70%{transform:translate(-4px)}}@keyframes screenShake{20%{transform:translate(-6px);background-color:#3b1018}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes pulseSigil{50%{transform:scale(1.08);box-shadow:0 0 25px color-mix(in srgb,var(--gold)45%,transparent)}}@media (min-width:760px){.hud{grid-template-columns:48px 150px 150px 1fr;padding-left:28px;padding-right:28px}.shop-shortcut{justify-self:end}.menu-page,.shop-page{padding-left:28px;padding-right:28px}.year-layout{grid-template-columns:minmax(300px,.8fr)minmax(390px,1.2fr);align-items:stretch}.chapter-focus{min-height:560px}.companion-strip{flex-direction:row;justify-content:space-between;align-items: center}.companion-strip button{align-self:auto}.settings-area{grid-template-columns:1fr auto;align-items: center}.reset-action,.reset-progress-button{justify-self:end}.arena{height:340px}.creature-sigil{width:165px;height:165px}.player-sigil{width:95px;height:95px;margin-top:64px}.spell-panel{padding-left:28px;padding-right:28px}.shelf{grid-template-columns:1fr 1fr;column-gap:34px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-pill{display:flex;color:var(--text);border:1px solid var(--border);background:0 0;border-radius:999px;justify-content:center;align-items: center;gap:6px;min-height:38px;padding:7px 10px;font-size:12px}.nav-pill svg{width:16px}.nav-pill.active{color:#181019;background:var(--gold)}.story-recap{text-align:left;border-top:1px solid #d6a84a4d;border-bottom:1px solid #d6a84a4d;width:min(100%,420px);margin:14px 0 18px;padding:14px 0}.story-recap strong{color:#f0ca6b;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.story-recap p{color:#c5bdce;margin:6px 0;font-size:13px;line-height:1.5}.mastery-section{border-top:1px solid var(--border);margin-top:28px;padding:24px 0}.mastery-section h2{margin:0;font-family:Cinzel Decorative,Georgia,serif;font-size:21px}.mastery-grid{display:grid;gap:8px;margin-top:16px}.mastery-grid article{display:grid;grid-template-columns:34px 1fr;background:color-mix(in srgb,var(--element)7%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--element)45%,var(--border));align-items: center;gap:8px;padding:12px}.mastery-grid strong,.mastery-grid small{display:block}.mastery-grid small{color:var(--dim);margin-top:2px;font-size:12px}.mastery-grid i{display:block;overflow:hidden;background:color-mix(in srgb,var(--border)30%,transparent);border-radius:99px;height:5px;margin-top:7px}.mastery-grid i b{display:block;background:var(--element);height:100%}.quick-links{display:grid;gap:8px;margin-top:12px}.quick-links>button{display:flex;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);align-items: center;gap:12px;min-height:62px;padding:12px}.quick-links svg{color:var(--gold)}.quick-links span strong,.quick-links span small{display:block}.quick-links span small{color:var(--dim);font-size:12px}.quick-links .reset-progress-button{color:var(--danger);background:0 0;min-height:46px}.scout-page,.bestiary-page{padding:calc(max(18px,env(safe-area-inset-top)) + 8px)16px 50px;width:min(100%,940px);margin:0 auto}.back-link{display:flex;color:var(--gold);background:0 0;border:0;align-items: center;gap:7px;padding:8px 0}.scout-hero{text-align:center;padding:25px 0 20px}.scout-hero h1,.bestiary-page h1,.loadout h2{font-family:Cinzel Decorative,Georgia,serif}.scout-hero h1{margin:10px 0 4px;font-size:clamp(28px,9vw,48px)}.enemy-emblem{position:relative;display:grid;color:#d15d70;border:1px solid var(--gold);border-radius:50%;place-items: center;width:118px;height:118px;margin:15px auto;box-shadow:inset 0 0 40px #25132e}.enemy-emblem>svg{width:52px;height:52px}.enemy-emblem span{position:absolute;display:grid;border:1px solid var(--border);background:#10152a;border-radius:50%;place-items: center;width:36px;height:36px;bottom:9px;right:4px}.enemy-element{color:var(--dim)}.scout-hero blockquote{color:var(--gold-bright);max-width:520px;margin:18px auto;font-style:italic;line-height:1.5}.boss-warning{display:flex;text-align:left;color:#efc66e;background:#351b24;border:1px solid #81444f;align-items: center;gap:9px;max-width:560px;margin:16px auto 0;padding:12px}.story-panel{color:#eee2c2;background:#11172d;border:1px solid #463954;max-width:680px;margin:0 auto 24px;padding:18px}.story-panel>p:not(.chapter-mark){margin:7px 0;line-height:1.45}.loadout{border-top:1px solid var(--border);padding-top:24px}.loadout>div:first-child p:last-child{color:var(--dim);line-height:1.5}.element-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.element-picker button{position:relative;display:flex;color:var(--text);text-align:left;background:color-mix(in srgb,var(--element)7%,var(--surface));border:1px solid var(--border);flex-direction:column;justify-content:center;align-items: flex-start;gap:4px;min-height:104px;padding:14px}.element-picker button.selected{border-color:var(--element);box-shadow:inset 0 0 0 1px var(--element)}.element-picker button>svg:last-child{position:absolute;width:16px;top:10px;right:10px}.element-picker small,.bestiary-page>p:nth-of-type(2){color:var(--dim)}.bestiary-grid{display:grid;gap:10px;margin-top:24px}.bestiary-grid article{background:var(--surface);border:1px solid var(--border);min-height:180px;padding:20px}.bestiary-grid article.unknown{opacity:.58}.bestiary-grid article>div:first-child{display:grid;background:var(--surface-2);border-radius:50%;place-items: center;width:50px;height:50px}.bestiary-grid h2{margin:13px 0 3px;font-family:Cinzel Decorative,Georgia,serif;font-size:18px}.bestiary-grid p{color:var(--dim)}.bestiary-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bestiary-grid dt{color:var(--dim);text-transform:uppercase;font-size:10px}.bestiary-grid dd{margin:3px 0;font-weight:700}.switch-row{display:flex;align-items: center;gap:7px;margin-bottom:12px}.switch-row>span{color:#6a5b45;text-transform:uppercase;margin-right:auto;font-size:11px}.switch-row>span small{display:block;color:#29735b;letter-spacing:.02em;text-transform:none;margin-top:2px;font-size:9px}.switch-row button{display:flex;color:#3a3035;background:0 0;border:1px solid #aa8e60;border-radius:99px;align-items: center;gap:4px;min-height:36px;padding:6px 9px;font-size:12px}.switch-row button.active{color:#fff;background:#3a2943}.mechanic-banner{text-align:center;color:#f0ca6b;letter-spacing:.12em;background:#351b24;border:1px solid #81444f;width:min(100% - 24px,680px);margin:8px auto -3px;padding:7px;font-size:11px}@media (min-width:700px){.mastery-grid{grid-template-columns:repeat(5,1fr)}.mastery-grid article{grid-template-columns:1fr;text-align:center}.quick-links{grid-template-columns:1fr 1fr auto}.element-picker{grid-template-columns:repeat(5,1fr)}.bestiary-grid{grid-template-columns:repeat(3,1fr)}}.boss-affinities{display:flex;justify-content:center;gap:10px;margin:12px auto 4px}.boss-affinities>span{display:grid;grid-template-columns:auto 1fr;text-align:left;background:color-mix(in srgb,var(--surface)72%,transparent);border:1px solid var(--border);align-items: center;column-gap:7px;min-width:120px;padding:9px 11px}.boss-affinities svg{grid-row:1/3}.boss-affinities small,.boss-affinities strong{display:block}.boss-affinities small{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.boss-affinities strong{font-size:13px}.boss-status{display:grid;gap:7px;width:min(100% - 24px,680px);margin:8px auto -3px}.boss-elements{display:grid;grid-template-columns:1fr 1fr;gap:6px}.boss-elements>span{display:flex;color:#d8c998;background:#171426;border:1px solid #5e4b54;justify-content:center;align-items: center;gap:5px;min-height:34px;padding:6px;font-size:11px}.shield-counter{display:grid;grid-template-columns:auto 1fr auto;color:#f0ca6b;background:#351b24;border:1px solid #81444f;align-items: center;gap:9px;padding:9px 11px}.shield-counter>svg{width:22px}.shield-counter span strong,.shield-counter span small{display:block}.shield-counter span strong{font-size:12px}.shield-counter span small{color:#d4aab0;margin-top:2px;font-size:10px}.shield-counter>i{display:flex;gap:4px}.shield-counter>i b{display:block;background:#181522;border:1px solid #a86975;width:9px;height:18px}.shield-counter>i b.filled{background:#f0ca6b;box-shadow:0 0 8px #f0ca6b}.shield-reset-copy{color:#8a2938;font-weight:700}.mechanic-banner{display:flex;justify-content:center;align-items: center;gap:6px;margin:0}.mechanic-banner svg{width:16px}.spell-burst{position:absolute;z-index:4;opacity:0;pointer-events:none;width:90px;height:90px;top:66px;left:-20%}.spell-burst i{position:absolute;background:var(--spell-color,#f0ca6b);box-shadow:0 0 9px var(--spell-color,#f0ca6b);border-radius:50%;width:7px;height:7px;top:42px;left:42px}.spell-burst i:nth-child(2){transform:rotate(72deg)translate(34px)}.spell-burst i:nth-child(3){transform:rotate(144deg)translate(34px)}.spell-burst i:nth-child(4){transform:rotate(216deg)translate(34px)}.spell-burst i:nth-child(5){transform:rotate(288deg)translate(34px)}.spell-name{min-height:40px}.spell-name strong{font-family:Cinzel Decorative,Georgia,serif}.spell-name span{font-size:13px}.spell-level-1 .casting .wand-beam{animation:.55s ease-out castBeam}.spell-level-1 .casting .spell-burst{animation:.55s ease-out emberPop}.spell-level-2 .casting .wand-beam{animation:.7s ease-out doubleLance;height:8px}.spell-level-2 .casting .spell-burst{animation:.7s ease-out runeWheel}.spell-level-2 .casting .spell-burst i{border-radius:1px;width:5px;height:18px}.spell-level-3 .casting .wand-beam{box-shadow:0 0 10px #fff,0 0 34px var(--spell-color);animation:.82s ease-out waveCast;height:10px}.spell-level-3 .casting .spell-burst{animation:.82s ease-out spiralBurst}.spell-level-3 .casting .spell-burst i{width:10px;height:10px}.spell-level-4 .casting .wand-beam{animation:.95s ease-out stormLance;height:13px}.spell-level-4 .casting .spell-burst{border:4px double var(--spell-color);animation:.95s ease-out portalRing;border-radius:50%}.spell-level-4 .casting .spell-burst i{box-shadow:0 0 15px #fff,0 0 28px var(--spell-color)}.spell-level-5 .casting .wand-beam{box-shadow:0 0 13px #fff,0 0 45px var(--spell-color),0 0 75px var(--spell-color);animation:1.08s ease-out masterBeam;height:17px}.spell-level-5 .casting .spell-burst{box-shadow:0 0 22px #fff,0 0 55px var(--spell-color);animation:1.08s ease-out solarDetonation;border:3px solid #fff;border-radius:50%}.spell-level-5 .casting .spell-burst i{width:14px;height:14px}@keyframes emberPop{0%{opacity:0;transform:scale(.15)}45%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.1)}}@keyframes doubleLance{0%{opacity:0;transform:rotate(-12deg)scaleX(.08)}25%,42%{opacity:1;transform:rotate(-12deg)scaleX(1)}43%{opacity:0}58%{opacity:1;transform:rotate(-4deg)scaleX(1)}to{opacity:0}}@keyframes runeWheel{0%{opacity:0;transform:scale(.2)rotate(0)}45%{opacity:1;transform:scale(1)rotate(150deg)}to{opacity:0;transform:scale(1.4)rotate(300deg)}}@keyframes waveCast{0%{opacity:0;transform:rotate(-15deg)scaleX(.05)skewY(0)}30%{opacity:1;transform:rotate(-5deg)scaleX(.65)skewY(12deg)}65%{opacity:1;transform:rotate(-12deg)scaleX(1)skewY(-9deg)}to{opacity:0;transform:rotate(-8deg)scaleX(1)}}@keyframes spiralBurst{0%{opacity:0;transform:scale(.15)rotate(0)}55%{opacity:1;transform:scale(1.25)rotate(260deg)}to{opacity:0;transform:scale(.4)rotate(520deg)}}@keyframes stormLance{0%{opacity:0;transform:rotate(-20deg)scaleX(.02)}22%{opacity:1;transform:rotate(-4deg)scaleX(.8)}45%{transform:rotate(-14deg)scaleX(1)}67%{transform:rotate(1deg)scaleX(1.08)}to{opacity:0;transform:rotate(-8deg)scaleX(1)}}@keyframes portalRing{0%{opacity:0;transform:scale(.1)rotate(0)}40%{opacity:1;transform:scale(1.1)rotate(180deg)}75%{opacity:1;transform:scale(1.55)rotate(300deg)}to{opacity:0;transform:scale(2)rotate(420deg)}}@keyframes masterBeam{0%{opacity:0;transform:rotate(-8deg)scaleX(.01)scaleY(.2)}20%{opacity:1;transform:rotate(-8deg)scaleX(.5)scaleY(2)}62%{opacity:1;transform:rotate(-8deg)scaleX(1.15)scaleY(1)}to{opacity:0;transform:rotate(-8deg)scaleX(1.25)scaleY(.2)}}@keyframes solarDetonation{0%{opacity:0;transform:scale(.05)}35%{opacity:1;transform:scale(.7)}60%{opacity:1;transform:scale(1.65)}to{opacity:0;transform:scale(2.8)}}@media (max-width:430px){.boss-affinities>span{min-width:0}.boss-elements>span{font-size:10px}.shield-counter{grid-template-columns:auto 1fr}.shield-counter>i{grid-column:1/3;justify-self:stretch}.shield-counter>i b{flex:1;height:8px}.arena{height:270px}.spell-panel{margin-top:0}}.hud{grid-template-columns:38px minmax(52px,1fr)auto auto 36px}.sound-toggle,.duel-sound{display:grid;color:var(--gold);border:1px solid var(--border);background:0 0;border-radius:50%;place-items: center;width:36px;height:36px}.sound-toggle svg,.duel-sound svg{width:17px}.hud .nav-pill{padding:7px 8px;font-size:11px}.hud .nav-pill svg{display:none}.theme-emerald{--bg:#07130f;--surface:#10251c;--surface-2:#173327;--text:#e2f1df;--dim:#a4bcae;--border:#39624b;--accent:#7bc894;--gold:#8cc89a;--gold-bright:#b9e4a9;--plum:#163627}.theme-starfield{--bg:#060916;--surface:#101831;--surface-2:#182143;--text:#ecedff;--dim:#afb3d1;--border:#3f4b79;--accent:#a8b9ff;--gold:#8fa8ff;--gold-bright:#d1dcff;--plum:#25275b}.theme-starfield.app-shell{background-image:radial-gradient(circle at 15% 12%,#ffffffa6 0 1px,#0000 2px),radial-gradient(circle at 80% 25%,#ffffff73 0 1px,#0000 2px),radial-gradient(circle at 50% -5%,#515ab459,#0000 38%);background-size:81px 83px,121px 117px,auto}.text-story-button{display:inline-flex;color:var(--gold);border:1px solid var(--border);background:0 0;align-items: center;gap:7px;padding:8px 12px}.story-sequence{position:fixed;z-index:60;display:grid;background:#050710ed;place-items: center;padding:12px;inset:0}.story-backdrop{position:relative;display:grid;grid-template-rows:minmax(180px,42%)minmax(0,1fr);overflow:hidden;color:#f1e7d1;background:#0d1122;border:1px solid #826b41;width:min(100%,600px);height:min(760px,100vh - 24px);box-shadow:0 30px 100px #000}.story-art{position:relative;overflow:hidden;background:#101426}.story-art:after{content:"";position:absolute;background:linear-gradient(#0000,#0d1122);height:45%;inset:auto 0 0}.story-art img{display:block;object-fit:cover;width:100%;height:100%}.story-art span{position:absolute;z-index:1;color:#f2d58b;letter-spacing:.12em;text-transform:uppercase;background:#090b16c9;border:1px solid #7c643c;padding:5px 8px;font-size:10px;bottom:13px;left:18px}.story-copy{display:flex;flex-direction:column;min-height:0;padding:18px 22px 22px}.story-copy h2{margin:0 0 12px;font-family:Cinzel Decorative,Georgia,serif;font-size:clamp(23px,7vw,36px)}.story-copy>p:not(.chapter-mark){overflow:auto;color:#e3d9ca;min-height:0;margin:0;font-size:15px;line-height:1.55}.story-copy>button{display:flex;color:#16131a;background:#e6bd62;border:1px solid #f3d887;flex:none;justify-content:center;align-items: center;gap:8px;min-height:48px;margin-top:14px;font-weight:700}.story-dots{display:flex;flex:none;justify-content:center;gap:7px;margin-top:12px}.story-dots i{background:#6d6170;border-radius:50%;width:7px;height:7px}.story-dots i.active{background:#f0ca6b;box-shadow:0 0 10px #f0ca6b}.geometry-figure{display:block;color:#574629;width:min(100%,280px);height:150px;margin:0 auto 10px}.geometry-figure :-webkit-any(circle,rect,polygon,path,line){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.geometry-figure :-moz-any(circle,rect,polygon,path,line){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.geometry-figure :is(circle,rect,polygon,path,line){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.geometry-figure .dash{stroke-dasharray:5 4;stroke-width:1.5}.geometry-figure .angle-arc{stroke-width:1.75}.geometry-figure .right-angle{stroke-width:1.5}.geometry-figure .dimension-label{paint-order:stroke fill;stroke:#e7d6ae;stroke-width:4px;stroke-linejoin:round;font-weight:700}.geometry-figure .angle-label{font-size:11px}.charge-row{display:grid;grid-template-columns:auto 1fr auto;color:#5c4c39;align-items: center;gap:8px;margin:8px 0;font-size:11px}.charge-row>span{display:flex;align-items: center;gap:5px}.charge-row svg{width:15px}.charge-row>i{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.charge-row>i b{background:#c7b68e;border:1px solid #a28a59;height:8px}.charge-row>i b.filled{background:#d98a24;box-shadow:0 0 8px #e8a84c}.charge-row>button{color:#533c17;background:#edcb77;border:1px solid #a77a29;min-height:30px;font-size:11px;font-weight:700}.charge-row>button:disabled{opacity:.45}.boss-tell{color:#fff0bf;animation:.7s ease-in-out infinite alternate tellPulse;background:#6b2932;border:1px solid #de7e88;padding:10px 12px}.boss-tell svg{vertical-align:middle;width:16px}.duel-header{grid-template-columns:38px minmax(0,1fr)36px auto}.inventory-button{display:flex;color:#d6a84a;background:0 0;border:1px solid #6d5847;align-items: center;gap:5px;min-height:36px;padding:7px 9px;font-size:11px}.inventory-button svg{width:16px}.inventory-overlay{position:fixed;z-index:55;display:grid;background:#050710d9;place-items: end center;padding:16px;inset:0}.inventory-dialog{position:relative;color:#eee2c2;background:#11172d;border:1px solid #75603e;width:min(100%,500px);padding:24px 18px}.inventory-dialog>button:first-child{position:absolute;display:grid;color:#ddd;background:0 0;border:0;place-items: center;width:34px;height:34px;top:10px;right:10px}.inventory-dialog h2{font-family:Cinzel Decorative,Georgia,serif}.inventory-dialog article{display:grid;grid-template-columns:1fr auto;border-top:1px solid #463954;align-items: center;gap:10px;padding:13px 0}.inventory-dialog strong,.inventory-dialog small{display:block}.inventory-dialog small{color:#aaa3b6;margin-top:3px}.inventory-dialog article button{color:#19131a;background:#d9aa4a;border:0;min-height:38px;padding:8px 10px;font-weight:700}.shop-tabs.three{grid-template-columns:repeat(3,1fr)}.shop-tabs.three button{font-size:12px}.shop-tabs.three svg{width:17px}.journal-page,.training-page,.collection-page{padding:calc(max(18px,env(safe-area-inset-top)) + 8px)16px 50px;width:min(100%,940px);margin:0 auto}.journal-page>h1,.training-page>h1,.collection-page>h1{margin:4px 0 12px;font-family:Cinzel Decorative,Georgia,serif;font-size:clamp(27px,8vw,42px)}.journal-list{display:grid;gap:8px;margin-top:22px}.journal-list article{display:grid;grid-template-columns:44px 1fr;background:var(--surface);border:1px solid var(--border);gap:12px;padding:16px}.journal-list article>span{display:grid;border:1px solid var(--gold);color:var(--gold);border-radius:50%;place-items: center;width:40px;height:40px}.journal-list h2{margin:0;font-family:Cinzel Decorative,Georgia,serif;font-size:17px}.journal-list p{color:var(--dim);margin:5px 0}.journal-list article>div>div{display:flex;flex-wrap:wrap;gap:6px}.journal-list button,.cosmetic-picker button{color:var(--text);border:1px solid var(--border);background:0 0;min-height:35px;padding:7px 10px}.journal-list button:disabled{opacity:.35}.journal-list article.locked{opacity:.45}.training-page>p{color:var(--dim);line-height:1.5}.training-page label{display:grid;color:var(--dim);gap:7px;margin:24px 0}.training-page select{color:var(--text);background:var(--surface);border:1px solid var(--border);min-height:46px;padding:8px}.training-elements{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:22px}.training-elements button{display:flex;color:var(--text);background:var(--surface);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items: flex-start;gap:3px;min-height:92px;padding:12px}.training-elements button.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.training-elements small{color:var(--dim)}.collection-page>p:last-of-type{color:var(--dim);line-height:1.5}.collection-sets{display:grid;gap:12px;margin-top:22px}.collection-sets article{background:var(--surface);border:1px solid var(--border);padding:18px}.collection-sets h2{margin:0;font-family:Cinzel Decorative,Georgia,serif;font-size:19px}.collection-sets article>p{color:var(--dim)}.collection-sets article>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.collection-sets span{display:flex;text-align:center;background:var(--surface-2);border:1px solid var(--border);opacity:.48;flex-direction:column;justify-content:center;align-items: center;gap:7px;min-height:92px;padding:8px}.collection-sets span.found{opacity:1;color:var(--gold)}.collection-sets small{font-size:10px}.cosmetic-picker{margin-top:24px}.cosmetic-picker h2{margin:18px 0 8px;font-family:Cinzel Decorative,Georgia,serif;font-size:17px}.cosmetic-picker button{display:inline-flex;text-transform:capitalize;align-items: center;gap:6px;margin:0 7px 7px 0}.cosmetic-picker button.active{color:var(--bg);background:var(--gold)}.flash-runes .casting .spell-burst{border:5px double var(--spell-color);animation:.75s ease-out runeWheel;border-radius:15%}.flash-comet .casting .spell-burst{background:linear-gradient(90deg,transparent,var(--spell-color));filter:drop-shadow(0 0 14px var(--spell-color));animation:.7s ease-out cometFlash;border-radius:50%;width:150px;height:32px}.flash-comet .casting .spell-burst i{display:none}@keyframes tellPulse{to{box-shadow:0 0 18px #c94e5d;transform:translateY(-1px)}}@keyframes cometFlash{0%{opacity:0;transform:translate(80px)scaleX(.2)}35%{opacity:1}to{opacity:0;transform:translate(-160px)scaleX(1.4)}}@media (min-width:700px){.hud .nav-pill svg{display:block}.training-elements{grid-template-columns:repeat(5,1fr)}.collection-sets{grid-template-columns:1fr 1fr}.story-copy{padding:22px 34px 28px}.inventory-overlay{place-items: center}.journal-list{grid-template-columns:1fr 1fr}}@media (max-width:390px){.hud{gap:5px;padding-left:8px;padding-right:8px}.hud .nav-pill{padding:6px;font-size:10px}.hud-stat span{display:none}.duel-header{padding-left:8px;padding-right:8px}.inventory-button{font-size:0}.inventory-button svg{margin:0}.spell-panel{width:calc(100% - 12px);padding-left:12px;padding-right:12px}.story-sequence{padding:8px}.story-backdrop{grid-template-rows:minmax(155px,34%)minmax(0,1fr);height:calc(100vh - 16px)}.story-copy{padding:14px 15px 16px}.story-copy>p:not(.chapter-mark){font-size:14px;line-height:1.48}.story-copy h2{font-size:22px}.charge-row{grid-template-columns:auto 1fr}.charge-row>button{grid-column:1/3}.collection-sets article>div{grid-template-columns:1fr}}.settings-page{padding:calc(max(18px,env(safe-area-inset-top)) + 8px)16px 50px;width:min(100%,760px);margin:0 auto}.settings-page>h1{margin:4px 0 22px;font-family:Cinzel Decorative,Georgia,serif;font-size:clamp(27px,8vw,42px)}.settings-reset{display:grid;grid-template-columns:40px 1fr;background:var(--surface);border:1px solid var(--border);align-items: start;gap:12px;padding:18px}.settings-reset>svg{color:var(--danger)}.settings-reset h2{margin:0;font-family:Cinzel Decorative,Georgia,serif;font-size:17px}.settings-reset p{color:var(--dim);margin:6px 0 16px;line-height:1.45}.settings-reset .reset-progress-button{grid-column:1/3;justify-content:center;width:100%}.scout-instruction{color:var(--text);margin:8px auto 0;font-size:16px;font-weight:700}.weakness-wheel{position:relative;aspect-ratio:1;width:min(100%,350px);margin:22px auto 10px}.weakness-wheel figcaption{position:absolute;z-index:2;color:var(--gold);text-align:center;width:82px;font-size:11px;font-weight:700;line-height:1.25;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-ring{position:absolute;border:2px solid color-mix(in srgb,var(--gold)65%,var(--border));border-radius:50%;inset:20%}.wheel-ring:before{content:"";position:absolute;border:1px dashed color-mix(in srgb,var(--gold)45%,transparent);border-radius:50%;inset:8px}.wheel-ring i{position:absolute;border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid var(--gold);width:0;height:0}.wheel-ring i:first-child{top:-6px;left:68%;transform:rotate(28deg)}.wheel-ring i:nth-child(2){top:58%;right:-7px;transform:rotate(98deg)}.wheel-ring i:nth-child(3){bottom:-7px;right:52%;transform:rotate(170deg)}.wheel-ring i:nth-child(4){bottom:46%;left:-7px;transform:rotate(242deg)}.wheel-ring i:nth-child(5){top:-2px;left:20%;transform:rotate(314deg)}.wheel-match{position:absolute;z-index:3;display:grid;color:var(--text);text-align:center;background:var(--surface);border:1px solid var(--border);box-shadow:0 3px 0 color-mix(in srgb,var(--border)65%,transparent);align-content: center;place-items: center;width:108px;min-height:62px;padding:7px}.wheel-match small{display:block;color:var(--dim);margin-top:3px;font-size:9px;line-height:1.2}.wheel-match-1{top:0;left:50%;transform:translate(-50%)}.wheel-match-2{top:27%;right:0}.wheel-match-3{bottom:2%;right:11%}.wheel-match-4{bottom:2%;left:11%}.wheel-match-5{top:27%;left:0}.weakness-picture{display:inline-flex;color:var(--gold);justify-content:center;align-items: center;gap:4px}.weakness-picture>svg,.weakness-picture .cracked-earth>svg{width:23px;height:23px}.weakness-picture>i{font-style:normal;font-weight:700}.weakness-picture.compact{justify-content:flex-start;min-width:72px}.weakness-picture.compact>svg,.weakness-picture.compact .cracked-earth>svg{width:18px;height:18px}.cracked-earth{position:relative;display:inline-grid;place-items: center}.cracked-earth b{position:absolute;clip-path:polygon(0 0,100% 0,100% 42%,0 58%,0 100%,100% 100%);background:currentColor;width:2px;height:18px;transform:rotate(30deg)}.bestiary-grid dd{display:flex;flex-direction:column;gap:4px}.bestiary-grid dd>span:last-child{font-size:12px}button.explanation{display:grid;color:#332833;text-align:left;background:#9d304117;border:1px solid #b66b72;border-left:4px solid #9d3041;gap:9px;width:100%;margin-top:14px;padding:13px 14px}.explanation>strong{color:#8a2938;font-size:13px}.correction-visual{display:grid;grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);align-items:stretch;gap:8px}.correction-visual>svg{color:#8a6b35;align-self: center}.before-equation,.after-equation{display:flex;background:#ffffff61;border:1px solid #bda576;flex-direction:column;justify-content:center;min-height:58px;padding:8px 9px;font-size:12px;line-height:1.3}.before-equation{text-decoration:line-through;text-decoration-color:#a44752}.after-equation{color:#235e49}.after-equation b{margin-top:3px;font-size:18px}.explanation>span:last-child{display:flex;color:#765018;justify-content:flex-end;align-items: center;gap:4px;font-weight:700}.explanation>span:last-child svg{width:17px}@media (min-width:700px){.settings-reset{grid-template-columns:42px 1fr auto;align-items: center}.settings-reset .reset-progress-button{grid-column:auto;width:auto}.weakness-wheel{width:390px}.wheel-match{width:120px}.bestiary-grid dd{flex-direction:row;justify-content:space-between;align-items: center}.bestiary-grid dd>span:last-child{white-space:nowrap}}@media (max-width:360px){.weakness-wheel{font-size:10px}.wheel-match{width:92px;min-height:58px;padding:5px}.wheel-match small{font-size:8px}.weakness-picture>svg,.weakness-picture .cracked-earth>svg{width:19px;height:19px}.correction-visual{grid-template-columns:1fr auto 1fr;gap:5px}.before-equation,.after-equation{padding:6px;font-size:11px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-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}