@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-duration:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--color-red-500:oklch(63.7% .237 25.331);--color-black:#000;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--color-ink:#0d0a07;--color-panel:#1c1610;--color-gold:#c9a45c;--color-gold-dim:#8d7f68;--color-parchment:#d9cdb8;--color-blood:#8f1f1f;--color-rare:#38bdf8;--color-epic:#fbbf24;--font-display:"Nunito", "Segoe UI", Verdana, sans-serif}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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{.\@container,.\@container-\[inline-size\]{container-type:inline-size}.\@container-size{container-type:size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.absolute\!{position:absolute!important}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-3{top:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.order-0,.order-none{order:0}.float-end{float:inline-end}.float-left{float:left}.float-none{float:none}.float-right{float:right}.float-start{float:inline-start}.clear-both{clear:both}.clear-end{clear:inline-end}.clear-left{clear:left}.clear-none{clear:none}.clear-right{clear:right}.clear-start{clear:inline-start}.\!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}}.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}}.m-2{margin:calc(var(--spacing) * 2)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-\[16px\]{margin-top:16px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.field-sizing-content{field-sizing:content}.field-sizing-fixed{field-sizing:fixed}.size-auto{width:auto;height:auto}.h-auto{height:auto}.h-lh{height:1lh}.h-screen{height:100vh}.max-h-lh{max-height:1lh}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-auto{min-height:auto}.min-h-lh{min-height:1lh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-20{width:calc(var(--spacing) * 20)}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[420px\]{width:420px}.w-\[520px\]{width:520px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-none{max-width:none}.max-w-screen{max-width:100vw}.min-w-\[220px\]{min-width:220px}.min-w-auto{min-width:auto}.min-w-screen{min-width:100vw}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.caption-top{caption-side:top}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-full{--tw-translate-x:-100%;--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-full{--tw-translate-x:100%;--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-3d{translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.scale-none{scale:none}.rotate-none{rotate:none}.transform,.transform-cpu{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none{transform:none}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.snap-none{scroll-snap-type:none}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-proximity{--tw-scroll-snap-strictness:proximity}.snap-align-none{scroll-snap-align:none}.snap-center{scroll-snap-align:center}.snap-end{scroll-snap-align:end}.snap-start{scroll-snap-align:start}.snap-always{scroll-snap-stop:always}.snap-normal{scroll-snap-stop:normal}.scrollbar-auto{scrollbar-width:auto}.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-gutter-auto{scrollbar-gutter:auto}.scrollbar-gutter-both{scrollbar-gutter:stable both-edges}.scrollbar-gutter-stable{scrollbar-gutter:stable}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.appearance-auto{appearance:auto}.appearance-none{appearance:none}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.place-content-around{place-content:space-around}.place-content-baseline{place-content:baseline start}.place-content-between{place-content:space-between}.place-content-center{place-content:center}.place-content-center-safe{place-content:safe center}.place-content-end{place-content:end}.place-content-end-safe{place-content:safe end}.place-content-evenly{place-content:space-evenly}.place-content-start{place-content:start}.place-content-stretch{place-content:stretch}.place-items-baseline{place-items:baseline}.place-items-center{place-items:center}.place-items-center-safe{place-items:safe center}.place-items-end{place-items:end}.place-items-end-safe{place-items:safe end}.place-items-start{place-items:start}.place-items-stretch{place-items:stretch stretch}.content-around{align-content:space-around}.content-baseline{align-content:baseline}.content-between{align-content:space-between}.content-center{align-content:center}.content-center-safe{align-content:safe center}.content-end{align-content:flex-end}.content-end-safe{align-content:safe flex-end}.content-evenly{align-content:space-evenly}.content-normal{align-content:normal}.content-start{align-content:flex-start}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-baseline-last{align-items:last baseline}.items-center{align-items:center}.items-center-safe{align-items:safe center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-center-safe{justify-content:safe center}.justify-end{justify-content:flex-end}.justify-end-safe{justify-content:safe flex-end}.justify-evenly{justify-content:space-evenly}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-center-safe{justify-items:safe center}.justify-items-end{justify-items:end}.justify-items-end-safe{justify-items:safe end}.justify-items-normal{justify-items:normal}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.place-self-auto{place-self:auto}.place-self-center{place-self:center}.place-self-center-safe{place-self:safe center}.place-self-end{place-self:end}.place-self-end-safe{place-self:safe end}.place-self-start{place-self:start}.place-self-stretch{place-self:stretch stretch}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-baseline-last{align-self:last baseline}.self-center{align-self:center}.self-center-safe{align-self:safe center}.self-end{align-self:flex-end}.self-end-safe{align-self:safe flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-auto{justify-self:auto}.justify-self-center{justify-self:center}.justify-self-center-safe{justify-self:safe center}.justify-self-end{justify-self:flex-end}.justify-self-end-safe{justify-self:safe flex-end}.justify-self-start{justify-self:flex-start}.justify-self-stretch{justify-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-hidden{--tw-border-style:hidden;border-style:hidden}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-blood{border-color:var(--color-blood)}.border-blood\/60{border-color:#8f1f1f99}@supports (color:color-mix(in lab,red,red)){.border-blood\/60{border-color:color-mix(in oklab,var(--color-blood) 60%,transparent)}}.border-epic\/80{border-color:#fbbf24cc}@supports (color:color-mix(in lab,red,red)){.border-epic\/80{border-color:color-mix(in oklab,var(--color-epic) 80%,transparent)}}.border-gold-dim\/20{border-color:#8d7f6833}@supports (color:color-mix(in lab,red,red)){.border-gold-dim\/20{border-color:color-mix(in oklab,var(--color-gold-dim) 20%,transparent)}}.border-gold-dim\/30{border-color:#8d7f684d}@supports (color:color-mix(in lab,red,red)){.border-gold-dim\/30{border-color:color-mix(in oklab,var(--color-gold-dim) 30%,transparent)}}.border-gold-dim\/40{border-color:#8d7f6866}@supports (color:color-mix(in lab,red,red)){.border-gold-dim\/40{border-color:color-mix(in oklab,var(--color-gold-dim) 40%,transparent)}}.border-gold-dim\/50{border-color:#8d7f6880}@supports (color:color-mix(in lab,red,red)){.border-gold-dim\/50{border-color:color-mix(in oklab,var(--color-gold-dim) 50%,transparent)}}.border-rare\/70{border-color:#38bdf8b3}@supports (color:color-mix(in lab,red,red)){.border-rare\/70{border-color:color-mix(in oklab,var(--color-rare) 70%,transparent)}}.bg-\(--my_variable\){background-color:var(--my_variable)}.bg-\(color\:--my-color\){background-color:var(--my-color)}.bg-\[\#0c0a08\]{background-color:#0c0a08}.bg-\[\#0088cc\]{background-color:#08c}.bg-\[color\:var\(--my-color\)\]{background-color:var(--my-color)}.bg-\[var\(--my_variable\)\]{background-color:var(--my_variable)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-panel\/90{background-color:#1c1610e6}@supports (color:color-mix(in lab,red,red)){.bg-panel\/90{background-color:color-mix(in oklab,var(--color-panel) 90%,transparent)}}.bg-panel\/95{background-color:#1c1610f2}@supports (color:color-mix(in lab,red,red)){.bg-panel\/95{background-color:color-mix(in oklab,var(--color-panel) 95%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/50{background-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/50{background-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.bg-red-500\/\[50\%\]{background-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/\[50\%\]{background-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.-bg-conic,.bg-conic{--tw-gradient-position:in oklab;background-image:conic-gradient(var(--tw-gradient-stops))}.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.via-none{--tw-gradient-via-stops:initial}.mask-none{-webkit-mask-image:none;mask-image:none}.mask-circle{--tw-mask-radial-shape:circle}.mask-ellipse{--tw-mask-radial-shape:ellipse}.mask-radial-closest-corner{--tw-mask-radial-size:closest-corner}.mask-radial-closest-side{--tw-mask-radial-size:closest-side}.mask-radial-farthest-corner{--tw-mask-radial-size:farthest-corner}.mask-radial-farthest-side{--tw-mask-radial-size:farthest-side}.mask-radial-at-bottom{--tw-mask-radial-position:bottom}.mask-radial-at-bottom-left{--tw-mask-radial-position:bottom left}.mask-radial-at-bottom-right{--tw-mask-radial-position:bottom right}.mask-radial-at-center{--tw-mask-radial-position:center}.mask-radial-at-left{--tw-mask-radial-position:left}.mask-radial-at-right{--tw-mask-radial-position:right}.mask-radial-at-top{--tw-mask-radial-position:top}.mask-radial-at-top-left{--tw-mask-radial-position:top left}.mask-radial-at-top-right{--tw-mask-radial-position:top right}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.bg-auto{background-size:auto}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-content{background-clip:content-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-bottom{background-position:bottom}.bg-bottom-left{background-position:0 100%}.bg-bottom-right{background-position:100% 100%}.bg-center{background-position:50%}.bg-left{background-position:0}.bg-left-bottom{background-position:0 100%}.bg-left-top{background-position:0 0}.bg-right{background-position:100%}.bg-right-bottom{background-position:100% 100%}.bg-right-top{background-position:100% 0}.bg-top{background-position:top}.bg-top-left{background-position:0 0}.bg-top-right{background-position:100% 0}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat{background-repeat:repeat}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-origin-border{background-origin:border-box}.bg-origin-content{background-origin:content-box}.bg-origin-padding{background-origin:padding-box}.mask-add{-webkit-mask-composite:source-over;mask-composite:add}.mask-exclude{-webkit-mask-composite:xor;mask-composite:exclude}.mask-intersect{-webkit-mask-composite:source-in;mask-composite:intersect}.mask-subtract{-webkit-mask-composite:source-out;mask-composite:subtract}.mask-alpha{-webkit-mask-source-type:alpha;mask-mode:alpha}.mask-luminance{-webkit-mask-source-type:luminance;mask-mode:luminance}.mask-match{-webkit-mask-source-type:auto;mask-mode:match-source}.mask-type-alpha{mask-type:alpha}.mask-type-luminance{mask-type:luminance}.mask-auto{-webkit-mask-size:auto;mask-size:auto}.mask-contain{-webkit-mask-size:contain;mask-size:contain}.mask-cover{-webkit-mask-size:cover;mask-size:cover}.mask-clip-border{-webkit-mask-clip:border-box;mask-clip:border-box}.mask-clip-content{-webkit-mask-clip:content-box;mask-clip:content-box}.mask-clip-fill{-webkit-mask-clip:fill-box;mask-clip:fill-box}.mask-clip-padding{-webkit-mask-clip:padding-box;mask-clip:padding-box}.mask-clip-stroke{-webkit-mask-clip:stroke-box;mask-clip:stroke-box}.mask-clip-view{-webkit-mask-clip:view-box;mask-clip:view-box}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-bottom{-webkit-mask-position:bottom;mask-position:bottom}.mask-bottom-left{-webkit-mask-position:0 100%;mask-position:0 100%}.mask-bottom-right{-webkit-mask-position:100% 100%;mask-position:100% 100%}.mask-center{-webkit-mask-position:50%;mask-position:50%}.mask-left{-webkit-mask-position:0;mask-position:0}.mask-right{-webkit-mask-position:100%;mask-position:100%}.mask-top{-webkit-mask-position:top;mask-position:top}.mask-top-left{-webkit-mask-position:0 0;mask-position:0 0}.mask-top-right{-webkit-mask-position:100% 0;mask-position:100% 0}.mask-no-repeat{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.mask-repeat-round{-webkit-mask-repeat:round;mask-repeat:round}.mask-repeat-space{-webkit-mask-repeat:space;mask-repeat:space}.mask-repeat-x{-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.mask-repeat-y{-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}.mask-origin-border{-webkit-mask-origin:border-box;mask-origin:border-box}.mask-origin-content{-webkit-mask-origin:content-box;mask-origin:content-box}.mask-origin-fill{-webkit-mask-origin:fill-box;mask-origin:fill-box}.mask-origin-padding{-webkit-mask-origin:padding-box;mask-origin:padding-box}.mask-origin-stroke{-webkit-mask-origin:stroke-box;mask-origin:stroke-box}.mask-origin-view{-webkit-mask-origin:view-box;mask-origin:view-box}.fill-none{fill:none}.stroke-none{stroke:none}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-9{padding:calc(var(--spacing) * 9)}.p-10{padding:calc(var(--spacing) * 10)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.align-text-bottom{vertical-align:text-bottom}.align-text-top{vertical-align:text-top}.align-top{vertical-align:top}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.wrap-break-word{overflow-wrap:break-word}.wrap-normal{overflow-wrap:normal}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.overflow-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.hyphens-manual{-webkit-hyphens:manual;hyphens:manual}.hyphens-none{-webkit-hyphens:none;hyphens:none}.whitespace-break-spaces{white-space:break-spaces}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\[color\:red\]{color:red}.\[color\:red\]\/50{color:#ff000080}.\[color\:red\]\/50\!{color:#ff000080!important}.text-blood{color:var(--color-blood)}.text-gold{color:var(--color-gold)}.text-gold-dim{color:var(--color-gold-dim)}.text-parchment{color:var(--color-parchment)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.font-stretch-condensed{font-stretch:75%}.font-stretch-expanded{font-stretch:125%}.font-stretch-extra-condensed{font-stretch:62.5%}.font-stretch-extra-expanded{font-stretch:150%}.font-stretch-normal{font-stretch:100%}.font-stretch-semi-condensed{font-stretch:87.5%}.font-stretch-semi-expanded{font-stretch:112.5%}.font-stretch-ultra-condensed{font-stretch:50%}.font-stretch-ultra-expanded{font-stretch:200%}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-dashed{text-decoration-style:dashed}.decoration-dotted{text-decoration-style:dotted}.decoration-double{text-decoration-style:double}.decoration-solid{text-decoration-style:solid}.decoration-wavy{text-decoration-style:wavy}.decoration-auto{text-decoration-thickness:auto}.decoration-from-font{text-decoration-thickness:from-font}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.accent-auto{accent-color:auto}.scheme-dark{color-scheme:dark}.scheme-light{color-scheme:light}.scheme-light-dark{color-scheme:light dark}.scheme-normal{color-scheme:normal}.scheme-only-dark{color-scheme:dark only}.scheme-only-light{color-scheme:light only}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.mix-blend-plus-darker{mix-blend-mode:plus-darker}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.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)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.shadow-initial{--tw-shadow-color:initial}.inset-shadow-initial{--tw-inset-shadow-color:initial}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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,)}.brightness-150{--tw-brightness:brightness(150%);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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.drop-shadow-none{--tw-drop-shadow: ;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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.transition-discrete{transition-behavior:allow-discrete}.transition-normal{transition-behavior:normal}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-auto{will-change:auto}.will-change-contents{will-change:contents}.will-change-scroll{will-change:scroll-position}.will-change-transform{will-change:transform}.contain-inline-size{--tw-contain-size:inline-size;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-paint{--tw-contain-paint:paint;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-size{--tw-contain-size:size;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-style{--tw-contain-style:style;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-content{contain:content}.contain-none{contain:none}.contain-strict{contain:strict}.content-none{--tw-content:none;content:none}.forced-color-adjust-auto{forced-color-adjust:auto}.forced-color-adjust-none{forced-color-adjust:none}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-dotted{--tw-outline-style:dotted;outline-style:dotted}.outline-double{--tw-outline-style:double;outline-style:double}.outline-none{--tw-outline-style:none;outline-style:none}.outline-solid{--tw-outline-style:solid;outline-style:solid}.\[key\:string\]{key:string}.\[vite\:html\]{vite:html}.\[vite\:react-babel\]{vite:react-babel}.backface-hidden{backface-visibility:hidden}.backface-visible{backface-visibility:visible}.block-auto{block-size:auto}.block-lh{block-size:1lh}.block-screen{block-size:100vh}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.duration-initial{--tw-duration:initial}.inline-auto{inline-size:auto}.inline-screen{inline-size:100vw}.max-block-lh{max-block-size:1lh}.max-block-none{max-block-size:none}.max-block-screen{max-block-size:100vh}.max-inline-none{max-inline-size:none}.max-inline-screen{max-inline-size:100vw}.min-block-auto{min-block-size:auto}.min-block-lh{min-block-size:1lh}.min-block-screen{min-block-size:100vh}.min-inline-auto{min-inline-size:auto}.min-inline-screen{min-inline-size:100vw}.ring-inset{--tw-ring-inset:inset}.text-shadow-initial{--tw-text-shadow-color:initial}.transform-3d{transform-style:preserve-3d}.transform-border{transform-box:border-box}.transform-content{transform-box:content-box}.transform-fill{transform-box:fill-box}.transform-flat{transform-style:flat}.transform-stroke{transform-box:stroke-box}.transform-view{transform-box:view-box}}:root{cursor:image-set(url(/img/ws/cursors/normal.png) 1x,url(/img/ws/cursors/x2/normal.png) 2x) 1 0,auto}a,button,summary,[role=button],.cb-press,.ws-btn,.ws-unit__hit,.cur-click,.loctrail{cursor:image-set(url(/img/ws/cursors/pointer.png) 1x,url(/img/ws/cursors/x2/pointer.png) 2x) 7 0,pointer}button:disabled,[aria-disabled=true],.cur-invalid{cursor:image-set(url(/img/ws/cursors/invalid.png) 1x,url(/img/ws/cursors/x2/invalid.png) 2x) 1 0,not-allowed}input,textarea,[contenteditable=true]{cursor:text}.cur-attack{cursor:image-set(url(/img/ws/cursors/attack.png) 1x,url(/img/ws/cursors/x2/attack.png) 2x) 1 0,crosshair}.cur-defense{cursor:image-set(url(/img/ws/cursors/defense.png) 1x,url(/img/ws/cursors/x2/defense.png) 2x) 1 0,pointer}.cur-heal{cursor:image-set(url(/img/ws/cursors/heal.png) 1x,url(/img/ws/cursors/x2/heal.png) 2x) 4 0,pointer}.cur-enemy{cursor:image-set(url(/img/ws/cursors/enemy.png) 1x,url(/img/ws/cursors/x2/enemy.png) 2x) 1 0,crosshair}.cur-friendly{cursor:image-set(url(/img/ws/cursors/friendly.png) 1x,url(/img/ws/cursors/x2/friendly.png) 2x) 1 0,pointer}.cur-loot{cursor:image-set(url(/img/ws/cursors/loot.png) 1x,url(/img/ws/cursors/x2/loot.png) 2x) 1 0,pointer}.cur-grab,.cur-take{cursor:image-set(url(/img/ws/cursors/take.png) 1x,url(/img/ws/cursors/x2/take.png) 2x) 1 0,grab}.cur-dialogue{cursor:image-set(url(/img/ws/cursors/dialogue.png) 1x,url(/img/ws/cursors/x2/dialogue.png) 2x) 1 0,pointer}.cur-quest{cursor:image-set(url(/img/ws/cursors/quest.png) 1x,url(/img/ws/cursors/x2/quest.png) 2x) 0 0,pointer}.cur-loading{cursor:image-set(url(/img/ws/cursors/loading.png) 1x,url(/img/ws/cursors/x2/loading.png) 2x) 1 0,progress}.cur-green{cursor:image-set(url(/img/ws/cursors/green.png) 1x,url(/img/ws/cursors/x2/green.png) 2x) 2 0,pointer}.cur-red{cursor:image-set(url(/img/ws/cursors/red.png) 1x,url(/img/ws/cursors/x2/red.png) 2x) 1 0,pointer}[style*="cursor: pointer"],[style*="cursor:pointer"]{cursor:image-set(url(/img/ws/cursors/pointer.png) 1x,url(/img/ws/cursors/x2/pointer.png) 2x) 7 0,pointer!important}[style*="cursor: grab"],[style*="cursor:grab"]{cursor:image-set(url(/img/ws/cursors/take.png) 1x,url(/img/ws/cursors/x2/take.png) 2x) 1 0,grab!important}[style*="cursor: not-allowed"],[style*="cursor:not-allowed"]{cursor:image-set(url(/img/ws/cursors/invalid.png) 1x,url(/img/ws/cursors/x2/invalid.png) 2x) 1 0,not-allowed!important}[style*="cursor: help"],[style*="cursor:help"]{cursor:image-set(url(/img/ws/cursors/quest.png) 1x,url(/img/ws/cursors/x2/quest.png) 2x) 0 0,help!important}body{background:radial-gradient(ellipse at 50% 30%,var(--color-panel) 0%,var(--color-ink) 75%);color:var(--color-parchment);font-family:var(--font-display);min-height:100dvh}button:not(:disabled){transition:filter .15s,transform .1s}button:not(:disabled):hover,.cb-press:hover{filter:brightness(1.12)}button:not(:disabled):active,.cb-press:active{transform:translateY(1px)}.cb-press{transition:filter .15s,transform .1s}@keyframes cbLoadSlide{0%{transform:translate(-120%)}to{transform:translate(340%)}}#root{-webkit-user-select:none;user-select:none}#root :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}#root img{-webkit-user-drag:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}input.paper-input,textarea.paper-input{box-sizing:border-box;display:block;min-height:43px;padding:11px 13px;border:1px solid #9c7b4d;border-radius:6px;background:#f5e5bf url(/img/warshards/party/paper.webp) center/100% 100% no-repeat;box-shadow:inset 1px 2px 3px #7951291c,inset -1px -1px #fff5d34d;color:#4c351e;font:14px/1.4 system-ui,sans-serif;letter-spacing:normal;text-transform:none;transition:border-color .12s,box-shadow .12s}input.paper-input::placeholder,textarea.paper-input::placeholder{color:#9a8460;opacity:1}input.paper-input:hover,textarea.paper-input:hover{background:#f5e5bf url(/img/warshards/party/paper.webp) center/100% 100% no-repeat}input.paper-input:hover:not(:disabled):not(:focus),textarea.paper-input:hover:not(:disabled):not(:focus){border-color:#75834b}input.paper-input:focus,textarea.paper-input:focus{outline:none;border-color:#557a34;box-shadow:0 0 0 2px #6c8f3940,inset 1px 2px 3px #79512915}input.paper-input[aria-invalid=true],textarea.paper-input[aria-invalid=true]{border-color:#a14d34;box-shadow:0 0 0 1px #a14d3424}input.paper-input[aria-invalid=true]:focus,textarea.paper-input[aria-invalid=true]:focus{box-shadow:0 0 0 2px #a14d3438}input.paper-input:disabled,textarea.paper-input:disabled{opacity:.45;cursor:default}textarea.paper-textarea{width:100%;min-height:90px;resize:vertical}.wood-switch{position:relative;display:inline-flex;width:52px;height:30px;flex:none;vertical-align:middle}.wood-switch input{position:absolute;inset:0;opacity:0;z-index:2;cursor:pointer;width:100%;height:100%;margin:0}.wood-switch input:disabled{cursor:default}.wood-switch-track{position:absolute;inset:1px;border:1px solid #7c5b34;border-radius:20px;background:linear-gradient(225deg,#ecd6a2,#d5b57a);box-shadow:inset 1px 2px 3px #63422045,inset -1px -1px #fff0c670;transition:background .15s,border-color .15s;pointer-events:none}.wood-switch-track:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(225deg,#fff9df,#f6e6bd 55%,#dfc58f);box-shadow:-1px 1px 2px #50361860,inset -1px 1px #fffdf1;transition:transform .15s}.wood-switch input:checked+.wood-switch-track{border-color:#3d5227;box-shadow:inset 1px 2px 3px #1e370b70,inset -1px -1px #c7d99255;background:repeating-linear-gradient(2deg,transparent 0 5px,#2c32110c 5.5px 6px,transparent 6.5px 10px),linear-gradient(225deg,#689b2a,#46801c 55%,#316315)}.wood-switch input:checked+.wood-switch-track:after{transform:translate(22px)}.wood-switch:hover input:not(:disabled)+.wood-switch-track{filter:brightness(1.08)}.wood-switch input:focus-visible+.wood-switch-track{outline:2px solid #557a34;outline-offset:4px}.wood-switch input:disabled+.wood-switch-track{opacity:.45}input.wood-range{--wood-range-fill:50%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:7px;margin:8px 0;border:1px solid #a48a5d;border-radius:20px;padding:0;min-height:0;background:linear-gradient(90deg,#628731 0,var(--wood-range-fill),#f7eacb var(--wood-range-fill),#f7eacb 100%);box-shadow:inset 0 1px 1px #66482426;cursor:pointer;touch-action:pan-y}input.wood-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;border:2px solid #82613a;border-radius:50%;background:linear-gradient(225deg,#fff7d8,#efdcac 65%,#d9ba7e);box-shadow:-1px 1px 2px #59401c45,inset -1px 1px #fffbe7}input.wood-range::-moz-range-thumb{width:15px;height:15px;border:2px solid #82613a;border-radius:50%;background:linear-gradient(225deg,#fff7d8,#efdcac 65%,#d9ba7e);box-shadow:-1px 1px 2px #59401c45,inset -1px 1px #fffbe7}input.wood-range:hover:not(:disabled){border-color:#6b7d40}input.wood-range:hover:not(:disabled)::-webkit-slider-thumb{border-color:#577235}input.wood-range:focus-visible{outline:2px solid #557a34;outline-offset:8px}input.wood-range:disabled{opacity:.45;cursor:default}.gs-row-control input.wood-range{width:min(220px,18vw)}@media(max-width:779px){.gs-row:has(.wood-range){grid-template-columns:minmax(0,1fr);gap:8px}.gs-row:has(.wood-range) .gs-row-control{width:100%}.gs-row-control input.wood-range{width:100%;min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){.wood-switch-track,.wood-switch-track:after,input.paper-input,textarea.paper-input{transition:none}}.paper-input-surface{display:block;min-width:0;border-radius:6px;background:#f5e5bf url(/img/warshards/party/paper.webp) center/100% 100% no-repeat}.paper-input-surface>input.paper-input{width:100%}input.paper-input:is(:autofill,:-webkit-autofill){background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:#4c351e!important;caret-color:#4c351e;color:#4c351e!important}.paper-validation-notice{position:fixed;z-index:30000;box-sizing:border-box;padding:14px 35px 15px 16px;border:2px solid #a47638;border-radius:7px;background:#f5e5bf url(/img/warshards/party/paper.webp) center/100% 100% no-repeat;box-shadow:0 4px 14px #170e0770,inset 0 0 0 1px #ffe9b4;color:#5b3017;font:14px/1.4 Nunito,system-ui,sans-serif}.paper-validation-notice strong{display:block;margin-bottom:4px;color:#923c23;font-weight:900}.paper-validation-notice span{display:block}.paper-validation-notice button{position:absolute;right:8px;top:5px;border:0;background:none;padding:0 3px;color:#7a4a23;font:24px/1.2 Georgia,serif;cursor:pointer}.spot-window[data-movable-window]{max-height:var(--window-max-height, calc(100dvh - 120px) )!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}[data-movable-window]>header,[data-movable-window] .paper-section-heading{cursor:grab;touch-action:none}[data-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.window-drag-handle{position:absolute;top:0;left:40px;right:50px;height:40px;z-index:2;cursor:grab;touch-action:none;pointer-events:auto}.wood-button{--wood-cut:8px;--wood-border:3px;--wood-height:44px;--wood-width:150px;--wood-text:15px;--wood-angle:0deg;--wood-press-y:2px;--wood-depth:0px;--wood-outer:#202719;--wood-rim-top:#b5bd7b;--wood-rim-light:#8e9e58;--wood-rim-mid:#66713c;--wood-rim-bottom:#3f4c2b;--wood-face-top:#689b2a;--wood-face-mid:#46801c;--wood-face-bottom:#316315;--wood-bevel:linear-gradient(225deg,var(--wood-rim-top),var(--wood-rim-light) 12%,var(--wood-rim-mid) 34%,var(--wood-rim-bottom) 68%,#7e8d4b 100%);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-width:var(--wood-width);min-height:var(--wood-height);padding:0 22px;border:0;background:transparent;color:#faf7e9;font:600 var(--wood-text)/1.15 system-ui,sans-serif;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;filter:none;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 1px #1a310e}.wood-button .wood-button-shape{--wood-c:var(--wood-cut);clip-path:polygon(var(--wood-c) 0,calc(100% - var(--wood-c)) 0,100% var(--wood-c),100% calc(100% - var(--wood-c)),calc(100% - var(--wood-c)) 100%,var(--wood-c) 100%,0 calc(100% - var(--wood-c)),0 var(--wood-c));pointer-events:none}.wood-button-foundation,.wood-button-housing,.wood-button-bevel,.wood-button-groove,.wood-button-well,.wood-button-face{position:absolute;inset:0}.wood-button-foundation{background:#27321e;transform:translateY(var(--wood-depth));z-index:0}.wood-button-housing{background:var(--wood-outer);z-index:1}.wood-button-bevel{inset:1px;--wood-c:calc(var(--wood-cut) - .6px)!important;background:var(--wood-bevel)}.wood-button-groove{inset:2px;--wood-c:calc(var(--wood-cut) - 1.2px)!important;background:#19250f;box-shadow:inset 0 1px 1px #12200de0}.wood-button-well{inset:var(--wood-border);--wood-c:calc(var(--wood-cut) - 1.8px)!important;background:#1c2c12;z-index:2;overflow:hidden}.wood-button-face{--wood-c:calc(var(--wood-cut) - 1.8px)!important;background:repeating-radial-gradient(ellipse 165px 15px at 22% 56%,transparent 0 9%,#182e0d24 10% 11%,transparent 12% 21%,#e5eda51c 22% 23%,transparent 24% 35%),repeating-radial-gradient(ellipse 230px 24px at 87% 24%,transparent 0 16%,#1b360c15 17% 18%,transparent 19% 35%),repeating-linear-gradient(1deg,transparent 0 5px,#203b0d0d 5.5px 6px,transparent 6.5px 13px),linear-gradient(176deg,transparent 22%,#d4e7a312 22.4%,transparent 23.3%,transparent 73%,#12210d14 74%,transparent 75%),radial-gradient(ellipse at 88% 0%,#dce68d30,transparent 72%),linear-gradient(225deg,var(--wood-face-top),var(--wood-face-mid) 55%,var(--wood-face-bottom));box-shadow:inset 0 1px #d7e8a563,inset -1px 0 #cbd78a45,inset 1px -2px 2px #142f0d8c;transform-origin:center;transition:transform .12s,filter .14s,box-shadow .12s;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 12px}.wood-button-content{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;gap:14px;min-height:var(--wood-height);padding:0;visibility:hidden;pointer-events:none}.wood-button-face .wood-button-content{min-height:0;visibility:visible;padding:0;position:relative;width:100%;height:100%}.wood-button .amount{font-weight:500;letter-spacing:.02em;display:flex;align-items:center;gap:9px}.wood-button .separator{height:21px;width:1px;background:linear-gradient(transparent,#a7c06d60,transparent);flex:none;margin:0 2px}.wood-button .coin{position:relative;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:none;border-radius:50%;border:1px solid #704616;background:linear-gradient(225deg,#fff0a0,#d89928 57%,#a86614);box-shadow:inset 0 0 0 2px #ffe38b,inset 0 0 0 3px #ad6b16,0 1px 1px #1a2b11a0;transform:rotate(-14deg)}.wood-button .coin:after{content:"";width:9px;height:13px;clip-path:polygon(50% 0,100% 25%,82% 100%,12% 100%,0 25%);background:linear-gradient(235deg,#fff9cf,#ffe597 35%,#bc7e18);box-shadow:1px 1px #7b4910}.wood-button:hover:not(:disabled) .wood-button-face,.wood-button[data-demo=hover] .wood-button-face{filter:brightness(1.12)}.wood-button:is(:active,[data-pressing=true],[data-demo=pressed]):not(:disabled) .wood-button-face{transform:translateY(var(--wood-press-y)) rotate(var(--wood-angle));filter:brightness(.97);box-shadow:inset 0 3px 5px #102009cc,inset 0 -1px #94ae5350}.wood-button[data-press-side=left],.wood-button[data-press-side=right]{--wood-press-y:.5px}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{filter:none;box-shadow:inset 5px 0 7px -3px #102009ce,inset -1px 0 1px #d4e7a569,4px 2px 3px #0d1a0ab0}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{filter:none;box-shadow:inset -5px 0 7px -3px #102009ce,inset 1px 0 1px #d4e7a569,-4px 2px 3px #0d1a0ab0}.wood-button:focus-visible{outline:2px solid #3e6830;outline-offset:6px}.wood-button:disabled{--wood-outer:#32362f;--wood-rim-top:#a4a796;--wood-rim-light:#828b77;--wood-rim-mid:#666e5e;--wood-rim-bottom:#404b3c;--wood-face-top:#7b806d;--wood-face-mid:#606951;--wood-face-bottom:#4d5842;color:#d1d5c5;cursor:default;text-shadow:0 1px 1px #343b2e;filter:none}.wood-button.wood-button--sm{--wood-height:38px;--wood-width:120px;--wood-cut:7px;--wood-text:14px;padding:0 17px}.wood-button.wood-button--lg{--wood-height:58px;--wood-width:290px;--wood-cut:10px;--wood-text:18px;--wood-border:3px;padding:0 27px}.wood-button.wood-button--lg .wood-button-well,.wood-button.wood-button--lg .wood-button-face{--wood-c:calc(var(--wood-cut) - 1.8px)!important}.wood-button.wood-button--close{--wood-height:38px;--wood-width:38px;--wood-cut:7px;--wood-text:23px;padding:0}.wood-button.wood-button--close .wood-button-face{padding:0}.wood-button.wood-button--negative{--wood-face-top:#9c5134;--wood-face-mid:#7a351f;--wood-face-bottom:#542617}.wood-button.wood-button--neutral{--wood-face-top:#7b7455;--wood-face-mid:#605b3d;--wood-face-bottom:#44452d}.wood-button-face:before,.wood-button-face:after{content:"";position:absolute;pointer-events:none;clip-path:polygon(var(--wood-g) 0,calc(100% - var(--wood-g)) 0,100% var(--wood-g),100% calc(100% - var(--wood-g)),calc(100% - var(--wood-g)) 100%,var(--wood-g) 100%,0 calc(100% - var(--wood-g)),0 var(--wood-g))}.wood-button-face:before{inset:1px;--wood-g:calc(var(--wood-cut) - 2.4px);background:linear-gradient(225deg,#f1f5b3ac,#dce99d88 19%,#b0cd665c 37%,#719c3910 68%,#b4cd6510);z-index:0}.wood-button-face:after{inset:2px;--wood-g:calc(var(--wood-cut) - 3px);background:inherit;z-index:0}.wood-button-face .wood-button-content{z-index:1}.wood-button:disabled .wood-button-face:before{opacity:.25}.wood-button.wood-button--sm,.wood-button.wood-button--close{--wood-border:2px}.wood-button.wood-button--sm .wood-button-bevel,.wood-button.wood-button--close .wood-button-bevel{inset:.65px;--wood-c:calc(var(--wood-cut) - .4px)!important}.wood-button.wood-button--sm .wood-button-groove,.wood-button.wood-button--close .wood-button-groove{inset:1.3px;--wood-c:calc(var(--wood-cut) - .8px)!important}.wood-button.wood-button--sm .wood-button-well,.wood-button.wood-button--sm .wood-button-face,.wood-button.wood-button--close .wood-button-well,.wood-button.wood-button--close .wood-button-face{--wood-c:calc(var(--wood-cut) - 1.2px)!important}.wood-button.wood-button--sm .wood-button-face:before,.wood-button.wood-button--close .wood-button-face:before{--wood-g:calc(var(--wood-cut) - 1.8px)}.wood-button.wood-button--sm .wood-button-face:after,.wood-button.wood-button--close .wood-button-face:after{--wood-g:calc(var(--wood-cut) - 2.4px)}.wood-button[data-press-side=left],.wood-button[data-press-side=right]{--wood-press-y:0px}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{overflow:visible;clip-path:inset(-14px -10px 0 -10px);-webkit-mask:none;mask:none;background:transparent}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{filter:drop-shadow(2px 0 1px #17200e60)}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{filter:drop-shadow(-2px 0 1px #17200e60)}.wood-button .wood-button-occlusion{position:absolute;inset:0;--wood-c:calc(var(--wood-cut) - var(--wood-border) * .6)!important;z-index:4;opacity:0;pointer-events:none;transition:opacity .09s}.wood-button:is(:active,[data-pressing=true],[data-demo=pressed]):not(:disabled) .wood-button-face:before{opacity:0}.wood-button:is(:active,[data-pressing=true],[data-demo=pressed]):not(:disabled) .wood-button-occlusion{opacity:1;background:linear-gradient(180deg,#09100580 0,#0910055c 2px,transparent 7px),linear-gradient(270deg,#0a120660 0,#0a120633 3px,transparent 10px)}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{background:linear-gradient(270deg,#071004b3 0,#0914059c 3px,#0c19065c 7px,#10200920 13px,transparent 23px),linear-gradient(180deg,#070f0594 0,#09140580 2px,#0c190630 5px,transparent 9px);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 83%);mask-image:linear-gradient(90deg,transparent 22%,#000 83%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{background:linear-gradient(90deg,#071004b3 0,#0914059c 3px,#0c19065c 7px,#10200920 13px,transparent 23px),linear-gradient(180deg,#070f0594 0,#09140580 2px,#0c190630 5px,transparent 9px);-webkit-mask-image:linear-gradient(270deg,transparent 22%,#000 83%);mask-image:linear-gradient(270deg,transparent 22%,#000 83%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-face,.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{box-shadow:none}.wood-button .amount{display:inline-grid;grid-template-columns:25px auto;align-items:center;column-gap:9px;font-variant-numeric:tabular-nums}.wood-button .coin{transform:none;display:inline-flex;width:25px;height:25px;min-width:25px;flex:0 0 25px;isolation:isolate;backface-visibility:hidden}.wood-button .wood-button-housing:after{border-radius:inherit;content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .09s}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-housing:after{opacity:1;background:linear-gradient(270deg,#071004b3,transparent 32%),linear-gradient(180deg,#09100559,transparent 6px);-webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 78%);mask-image:linear-gradient(90deg,transparent 42%,#000 78%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-housing:after{opacity:1;background:linear-gradient(90deg,#07100466,transparent 5px),linear-gradient(180deg,#09100559,transparent 6px);-webkit-mask-image:linear-gradient(270deg,transparent 42%,#000 78%);mask-image:linear-gradient(270deg,transparent 42%,#000 78%)}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{-webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 78%);mask-image:linear-gradient(90deg,transparent 42%,#000 78%);background:linear-gradient(180deg,#09100580 0,#09100559 2px,transparent 8px),radial-gradient(ellipse 22px 16px at 100% 0,#050e0599,transparent),linear-gradient(270deg,#071004a6 0,#0914058c 3px,#0c19064d 7px,#10200918 13px,transparent 23px)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{-webkit-mask-image:linear-gradient(270deg,transparent 42%,#000 78%);mask-image:linear-gradient(270deg,transparent 42%,#000 78%);background:linear-gradient(180deg,#09100580 0,#09100559 2px,transparent 8px),radial-gradient(ellipse 12px 9px at 0 0,#050e0540,transparent),linear-gradient(90deg,#07100470 0,#09140540 1px,transparent 4px)}.wood-button .wood-button-face{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 .75px,#000 calc(100% - .75px),transparent 100%),linear-gradient(90deg,transparent 0,#000 .4px,#000 calc(100% - .4px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 .75px,#000 calc(100% - .75px),transparent 100%),linear-gradient(90deg,transparent 0,#000 .4px,#000 calc(100% - .4px),transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;mask-mode:alpha;will-change:transform;backface-visibility:hidden}.wood-button.wood-button--close{--wood-press-y:1px;--wood-angle:0deg}.wood-button-cross{position:relative;display:block;width:14px;height:14px;flex:none;filter:drop-shadow(-.5px 1px .4px #20371080)}.wood-button-cross:before,.wood-button-cross:after{content:"";position:absolute;left:6px;top:-1px;width:2px;height:16px;border-radius:1px;background:#fff4d6;transform-origin:center}.wood-button-cross:before{transform:rotate(45deg)}.wood-button-cross:after{transform:rotate(-45deg)}.wood-button.wood-button--close-sm{--wood-height:32px;--wood-width:32px;--wood-cut:6px;--wood-border:1.6px}.wood-button.wood-button--close-lg{--wood-height:44px;--wood-width:44px;--wood-cut:8px}.wood-button.wood-button--close-sm .wood-button-cross{transform:scale(.85)}.wood-button.wood-button--close-lg .wood-button-cross{transform:scale(1.14)}.wood-button.wood-button--close-sm .wood-button-bevel{inset:.5px}.wood-button.wood-button--close-sm .wood-button-groove{inset:1px}.wood-button{--wood-corner:10px}.wood-button.wood-button--sm{--wood-corner:8px}.wood-button.wood-button--lg{--wood-corner:12px}.wood-button.wood-button--close{--wood-corner:9px}.wood-button.wood-button--close-sm{--wood-corner:8px}.wood-button.wood-button--close-lg{--wood-corner:11px}.wood-button .wood-button-shape{clip-path:none;border-radius:var(--wood-corner)}.wood-button .wood-button-housing{overflow:hidden}.wood-button .wood-button-bevel{border-radius:calc(var(--wood-corner) - 1px)}.wood-button .wood-button-groove{border-radius:calc(var(--wood-corner) - 2px)}.wood-button .wood-button-well,.wood-button .wood-button-face,.wood-button .wood-button-occlusion{border-radius:calc(var(--wood-corner) - var(--wood-border))}.wood-button .wood-button-face:before,.wood-button .wood-button-face:after{clip-path:none;border-radius:calc(var(--wood-corner) - var(--wood-border) - 1px)}.wood-button .wood-button-face:after{border-radius:calc(var(--wood-corner) - var(--wood-border) - 2px)}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{--wood-rr:calc(var(--wood-corner) - var(--wood-border));--wood-k:calc(var(--wood-rr) * .447715);filter:none;clip-path:inset(-14px -10px 0 -10px)}@supports (clip-path:shape(from 0 0,line to 100% 0,close)){.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{clip-path:shape(from -10px -14px,line to 50% -14px,line to 50% 0,line to calc(100% - var(--wood-rr)) 0,curve to 100% var(--wood-rr) with calc(100% - var(--wood-k)) 0 / 100% var(--wood-k),line to 100% calc(100% - var(--wood-rr)),curve to calc(100% - var(--wood-rr)) 100% with 100% calc(100% - var(--wood-k)) / calc(100% - var(--wood-k)) 100%,line to var(--wood-rr) 100%,curve to 0 calc(100% - var(--wood-rr)) with var(--wood-k) 100% / 0 calc(100% - var(--wood-k)),line to 0 45%,line to -10px 45%,close)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{clip-path:shape(from var(--wood-rr) 0,line to 50% 0,line to 50% -14px,line to calc(100% + 10px) -14px,line to calc(100% + 10px) 45%,line to 100% 45%,line to 100% calc(100% - var(--wood-rr)),curve to calc(100% - var(--wood-rr)) 100% with 100% calc(100% - var(--wood-k)) / calc(100% - var(--wood-k)) 100%,line to var(--wood-rr) 100%,curve to 0 calc(100% - var(--wood-rr)) with var(--wood-k) 100% / 0 calc(100% - var(--wood-k)),line to 0 var(--wood-rr),curve to var(--wood-rr) 0 with 0 var(--wood-k) / var(--wood-k) 0,close)}}.wood-button.wood-button--sm,.wood-button.wood-button--close,.wood-button.wood-button--close-sm{--wood-border:2px}.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{border:2px solid transparent;background:linear-gradient(#24351a,#24351a) padding-box,linear-gradient(225deg,var(--wood-rim-top),var(--wood-rim-light) 25%,var(--wood-rim-bottom) 72%,var(--wood-rim-mid)) border-box;box-shadow:none}.wood-button.wood-button--sm .wood-button-bevel,.wood-button.wood-button--close .wood-button-bevel,.wood-button.wood-button--sm .wood-button-groove,.wood-button.wood-button--close .wood-button-groove{display:none}.wood-button.wood-button--sm .wood-button-face,.wood-button.wood-button--close .wood-button-face{-webkit-mask-image:none;mask-image:none;will-change:auto;backface-visibility:visible;box-shadow:inset -1px 1px 1px #dce8aa30,inset 1px -1px 1px #1b320d70}.wood-button.wood-button--sm .wood-button-face:before,.wood-button.wood-button--close .wood-button-face:before{inset:0;border-radius:inherit;background:radial-gradient(ellipse at 90% 0,#e0ecab24,transparent 65%)}.wood-button.wood-button--sm .wood-button-face:after,.wood-button.wood-button--close .wood-button-face:after{display:none}.wood-button.wood-button--sm:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]) .wood-button-face{-webkit-mask-image:linear-gradient(180deg,transparent,#000 .75px,#000 calc(100% - .75px),transparent);mask-image:linear-gradient(180deg,transparent,#000 .75px,#000 calc(100% - .75px),transparent);will-change:transform}.wood-button,.wood-button.wood-button--lg{--wood-border:3px;--wood-outer:#17200e}.wood-button.wood-button--sm,.wood-button.wood-button--close,.wood-button.wood-button--close-sm{--wood-border:2px;--wood-outer:#17200e}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{background:var(--wood-outer);border:0;box-shadow:none}.wood-button .wood-button-housing:after{display:none}.wood-button .wood-button-rim{position:absolute;inset:0;border:var(--wood-border) solid var(--wood-outer);border-radius:var(--wood-corner);z-index:6;pointer-events:none;background:transparent}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-rim{-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 60%);mask-image:linear-gradient(90deg,transparent 25%,#000 60%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-rim{-webkit-mask-image:linear-gradient(270deg,transparent 25%,#000 60%);mask-image:linear-gradient(270deg,transparent 25%,#000 60%)}.wood-button:disabled{--wood-outer:#394032}.wood-button,.wood-button.wood-button--lg{--wood-border:4px;--wood-outer:#44301e}.wood-button.wood-button--sm,.wood-button.wood-button--close,.wood-button.wood-button--close-sm{--wood-border:3px;--wood-outer:#44301e}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{background:#44301e;border:0;box-shadow:none}.wood-button .wood-button-rim{border:0;padding:var(--wood-border);border-radius:var(--wood-corner);background:repeating-radial-gradient(ellipse 100px 12px at 30% 55%,transparent 0 17%,#33211130 18% 21%,transparent 22% 37%),repeating-linear-gradient(2deg,transparent 0 4px,#e0bd881c 4.5px 5px,transparent 5.5px 9px),linear-gradient(225deg,#b69a70 0,#9b7951 22%,#785333 54%,#4d331f 82%,#705032);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:inset -1px 1px #e4c89b73,inset 1px -1px 1px #24180fac}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-rim{-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 60%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(90deg,transparent 25%,#000 60%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:border-box,content-box,border-box;-webkit-mask-origin:border-box,content-box,border-box;mask-origin:border-box,content-box,border-box;-webkit-mask-composite:source-in,xor,source-over;mask-composite:intersect,exclude,add;clip-path:none}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-rim{-webkit-mask-image:linear-gradient(270deg,transparent 25%,#000 60%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(270deg,transparent 25%,#000 60%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:border-box,content-box,border-box;-webkit-mask-origin:border-box,content-box,border-box;mask-origin:border-box,content-box,border-box;-webkit-mask-composite:source-in,xor,source-over;mask-composite:intersect,exclude,add;clip-path:none}.wood-button .wood-button-well:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;box-shadow:inset -1px 1px 2px #24180c70}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-well:after{opacity:0}.wood-button:disabled .wood-button-rim{filter:saturate(.25) brightness(.85)}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{background:transparent;box-shadow:-1px 2px 2.5px #3625103b}.wood-button .wood-button-housing:before{content:"";position:absolute;inset:var(--wood-border);border-radius:calc(var(--wood-corner) - var(--wood-border));background:#243519}.wood-button .wood-button-rim{box-shadow:inset -1px 1px .6px #e4c89b50,inset .5px -.5px .75px #33221433}.wood-button .wood-button-well:after{display:none}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{border:var(--wood-border) solid #775535;background:transparent;box-shadow:-1px 2px 2.5px #3625103b}.wood-button .wood-button-housing:before{inset:0;border-radius:calc(var(--wood-corner) - var(--wood-border));background:#243519}.wood-button .wood-button-rim{box-shadow:none;background:repeating-radial-gradient(ellipse 100px 12px at 30% 55%,transparent 0 17%,#33211124 18% 21%,transparent 22% 37%),repeating-linear-gradient(2deg,transparent 0 4px,#c4a37412 4.5px 5px,transparent 5.5px 9px),linear-gradient(225deg,#a58a63 0,#94724b 22%,#785333 54%,#513722 82%,#705032)}.wood-button:not(:active):not([data-pressing=true]):not([data-demo=pressed]) .wood-button-housing:before{background:var(--wood-face-mid)}.wood-button:not(:active):not([data-pressing=true]):not([data-demo=pressed]) .wood-button-well{background:var(--wood-face-mid)}.wood-button:not(:active):not([data-pressing=true]):not([data-demo=pressed]) .wood-button-face{-webkit-mask-image:none;mask-image:none;box-shadow:none}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{transform:translateY(var(--wood-press-y)) skewY(var(--wood-angle));transform-origin:center;box-shadow:none}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 .5px,#000 calc(100% - .5px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 .5px,#000 calc(100% - .5px),transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.wood-button:is(:active,[data-pressing=true],[data-demo=pressed]):not(:disabled) .wood-button-housing:before{inset:-1px;border-radius:calc(var(--wood-corner) - var(--wood-border) + 1px);background:#182014}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{filter:blur(.7px)}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{-webkit-mask-image:linear-gradient(90deg,transparent 28%,#00000008 40%,#00000038 54%,#00000099 70%,#000 90%);mask-image:linear-gradient(90deg,transparent 28%,#00000008 40%,#00000038 54%,#00000099 70%,#000 90%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{-webkit-mask-image:linear-gradient(270deg,transparent 28%,#00000008 40%,#00000038 54%,#00000099 70%,#000 90%);mask-image:linear-gradient(270deg,transparent 28%,#00000008 40%,#00000038 54%,#00000099 70%,#000 90%)}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 1.1px,#000 calc(100% - .5px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 1.1px,#000 calc(100% - .5px),transparent 100%)}.wood-button.wood-button--sm .wood-button-face:before{inset:0;border-radius:inherit;background:radial-gradient(ellipse 85% 140% at 100% 10%,#f0e2aa38,transparent 68%)}.wood-button.wood-button--inactive{--wood-face-top:#96968d;--wood-face-mid:#77786f;--wood-face-bottom:#5b5d55}.wood-button.wood-button--negative{--wood-face-top:#b85540;--wood-face-mid:#953628;--wood-face-bottom:#6c251c}.wood-button.wood-button--sm .wood-button-face:before{display:block;inset:1px;border-radius:calc(var(--wood-corner) - var(--wood-border) - 1px);background:linear-gradient(225deg,#f1f5b3ac,#dce99d88 19%,#b0cd665c 37%,#719c3910 68%,#b4cd6510)}.wood-button.wood-button--sm .wood-button-face:after{display:block;inset:2px;border-radius:calc(var(--wood-corner) - var(--wood-border) - 2px);background:inherit}.wood-button.wood-button--negative,.wood-button.wood-button--close{--wood-face-top:#c45f3d;--wood-face-mid:#ae452c;--wood-face-bottom:#822f1e}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{filter:blur(.9px)}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{box-shadow:-1px 2px 3px #3625103b}.wood-button{--wood-corner:10px;--wood-border:4px;--wood-height:44px;--wood-width:150px;--wood-text:15px;--wood-pad:22px;box-sizing:border-box;flex:none;border:0!important;border-radius:var(--wood-corner)!important;background:transparent!important;box-shadow:none!important;transform:none!important;padding:var(--wood-border)!important;color:#faf7e9!important;font-weight:600!important;text-shadow:0 1px 1px #1a310e!important;overflow:visible!important}.wood-button:before,.wood-button:after{content:none!important}.wood-button .wood-button-well{position:relative;inset:auto;display:flex;align-self:stretch;flex:1;min-width:0}.wood-button .wood-button-face{position:relative;inset:auto;flex:1;min-width:0;padding:0 calc(var(--wood-pad) - var(--wood-border))}.wood-button .wood-button-content{visibility:visible;min-height:calc(var(--wood-height) - 2 * var(--wood-border));width:100%;height:auto;gap:14px;line-height:inherit}.wood-button .wood-button-occlusion{border-radius:inherit}.wood-button .wood-button-foundation,.wood-button .wood-button-bevel,.wood-button .wood-button-groove{display:none}.wood-button--sm{--wood-border:3px;--wood-corner:8px;--wood-height:38px;--wood-width:120px;--wood-text:14px;--wood-pad:17px}.wood-button--lg{--wood-border:4px;--wood-corner:12px;--wood-height:58px;--wood-width:290px;--wood-text:18px;--wood-pad:27px}.wood-button--close{--wood-border:3px;--wood-corner:9px;--wood-height:38px;--wood-width:38px;--wood-pad:0px;--wood-press-y:1px;--wood-angle:0deg;min-width:var(--wood-width);width:var(--wood-width);height:var(--wood-height);min-height:var(--wood-height)}.wood-button--close .wood-button-face{padding:0}.wood-button--close-sm{--wood-corner:8px;--wood-height:32px;--wood-width:32px}.wood-button--close-lg{--wood-corner:11px;--wood-height:44px;--wood-width:44px}.wood-button--inactive,.wood-button:disabled{--wood-face-top:#96968d;--wood-face-mid:#77786f;--wood-face-bottom:#5b5d55;cursor:default}.wood-button--close .wood-button-content{min-height:0;justify-content:center}.wood-button:focus-visible{outline:2px solid #567c37;outline-offset:4px}.wood-button.hud-skills-button{--wood-height:24px;--wood-width:78px;--wood-border:2px;--wood-corner:8px;--wood-pad:8px}@media(prefers-reduced-motion:reduce){.wood-button .wood-button-face,.wood-button .wood-button-occlusion{transition:none}}.scene-loading-screen{position:fixed;inset:0;z-index:1500;overflow:hidden;pointer-events:auto;background:#0d1419;color:#fff3d6;font-family:Nunito,system-ui,sans-serif;cursor:progress}.scene-loading-art,.scene-loading-shade{position:absolute;inset:0;background-position:center;background-size:cover}.scene-loading-shade{background:linear-gradient(180deg,#08101466,transparent 30%,#081014aa 62%,#081014f5),radial-gradient(ellipse at center,transparent 20%,#08101488)}.scene-loading-screen h1{position:absolute;left:clamp(20px,4vw,64px);top:clamp(20px,5dvh,56px);margin:0;font:900 clamp(32px,4.5vw,72px)/1.1 "Alegreya SC",Georgia,serif;text-shadow:0 3px 8px #0009}.scene-loading-status{position:absolute;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);bottom:clamp(24px,6dvh,64px);display:flex;flex-direction:column;gap:14px}.scene-loading-status>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:clamp(15px,1.4vw,22px);text-shadow:0 2px 4px #000}.scene-loading-status>div:first-child b{color:#ffe9a5;font-variant-numeric:tabular-nums}.scene-loading-status p{margin:0;font-size:clamp(13px,1.1vw,17px);color:#e8dfcd}.scene-loading-status>.wood-button{align-self:flex-start;min-width:180px;cursor:pointer}.scene-loading-progress{position:relative;height:clamp(25px,3.8dvh,38px);width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box;filter:drop-shadow(0 2px 3px #0009)}.scene-loading-track{height:100%;-webkit-mask-box-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='14' viewBox='0 0 140 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3.5 2.1 L11.6 1.2 22.4 1.8 35.8 .7 42.2 1.6 58.4 1.1 68.7 1.8 83.5 .8 95.7 1.4 111.2 .7 124.6 1.7 C130 .9 133 1.3 135.3 2.1 L134.9 2.7 C137.7 3.7 138 4.8 138.5 6.2 L138 7.1 C138.5 9.2 136.5 11.9 133.8 12.4 L132.2 12 Q129.4 13.4 120.4 12.3 L111.3 13.4 99.4 12.7 88.1 13.3 73.5 12.2 62.7 13.1 50.2 12.5 42.1 13.4 30.6 12.1 17.7 13.2 7.2 12.6 Q1.2 12.5 1.2 8.2 L2.1 6.7 1.2 5.8 Q1 3.5 3.5 2.1Z'/%3E%3C/svg%3E") 3 12 fill / 3px 18px / 0 repeat}.scene-loading-track{width:100%;overflow:hidden;isolation:isolate;background:linear-gradient(#354750,#26333d)}.scene-loading-fill{height:100%;max-width:100%;border-radius:0 3px 3px 0;transition:width .24s linear;background:linear-gradient(180deg,#fff098,#f3c34b 42%,#c9871d);box-shadow:inset 0 1px #fff4bb88}.world-boot-loading{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:28px;box-sizing:border-box;overflow:hidden;background:#100d08;color:#e8dfcd;font-family:Nunito,system-ui,sans-serif;cursor:progress}.world-boot-loading-content{display:flex;flex-direction:column;align-items:center;gap:30px;width:min(520px,100%)}.world-boot-loading-logo{display:block;width:min(480px,82vw);max-width:100%;max-height:44dvh;height:auto;object-fit:contain;filter:drop-shadow(0 14px 24px #0008)}.world-boot-loading-status{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;align-items:center}.world-boot-loading-status p{margin:0;color:#d8c692;font-size:clamp(14px,1.1vw,17px);font-weight:700;line-height:1.4;text-align:center}.world-boot-loading .scene-loading-progress{height:19px;filter:drop-shadow(0 2px 4px #0009)}.scene-loading-progress--indeterminate .scene-loading-fill{transition:none;animation:world-boot-progress 1.8s ease-in-out infinite}@keyframes world-boot-progress{0%{transform:translate(-110%)}to{transform:translate(350%)}}@media(max-width:600px){.world-boot-loading{padding:24px}.world-boot-loading-content{gap:24px}.world-boot-loading-status{width:min(330px,92%)}.world-boot-loading .scene-loading-progress{height:17px}}@media(prefers-reduced-motion:reduce){.scene-loading-progress--indeterminate .scene-loading-fill{animation:none;transform:translate(70%)}}.spot-window{--game-frame-side: calc(40px / var(--game-window-scale,1));--game-frame-top: calc(var(--game-frame-side) * 2.5714285714);--game-frame-bottom: calc(var(--game-frame-side) * 2.2857142857);--game-close-height: calc(var(--game-frame-side) * 1.1428571429);min-height:calc(var(--game-frame-top) + var(--game-frame-bottom));box-sizing:border-box;isolation:isolate;border:0!important;border-radius:0!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:var(--game-window-padding,52px 44px 40px)!important;box-shadow:none!important;filter:drop-shadow(-3px 4px 3px #21130655) drop-shadow(-10px 12px 13px #110d0750);color:#44260f;font-family:Nunito,sans-serif!important;font-synthesis:none;line-height:1.35;max-height:var(--game-window-max-height,none)!important;overflow:visible!important}.spot-window:before{content:"";position:absolute;inset:calc(12px / var(--game-window-scale,1)) calc(20px / var(--game-window-scale,1)) calc(18px / var(--game-window-scale,1));background:#f2d9a7 url(/img/warshards/party/paper.webp) center / 100% 100% no-repeat;border-radius:7px;z-index:-2;pointer-events:none}.spot-window:after{content:"";position:absolute;inset:0;box-sizing:border-box;border:solid transparent;border-width:var(--game-frame-top) var(--game-frame-side) var(--game-frame-bottom)!important;border-image:url(/img/warshards/party/border-clean-bottom-v2-20261025.webp) 288 112 256 112 / var(--game-frame-top) var(--game-frame-side) var(--game-frame-bottom) / 0 stretch!important;z-index:3;pointer-events:none}.spot-window button{font-family:inherit!important}.unified-game-dialog{position:relative;color:#44260f!important}.unified-game-dialog>div>h2{color:#44260f!important}.party-game-window{--game-window-padding:44px 34px 34px}.game-window-inset{display:flex;flex-direction:column;flex:1;min-height:0;box-sizing:border-box;padding:16px;border-radius:8px;background:linear-gradient(180deg,#242018,#161310);color:#e8e2d2}.unified-game-dialog>.game-window-title{position:absolute;top:-24px!important;left:50%!important;right:auto!important;transform:translate(-50%);width:min(70%,580px);height:76px;z-index:5}.game-window-title>div{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;padding:8px 24px!important;border:solid transparent!important;border-width:12px 16px!important;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 12px 16px / 0 stretch!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:Alegreya SC,Georgia,serif;font-size:30px!important;font-weight:900;letter-spacing:.01em!important;text-transform:none!important}.spot-cell-window{z-index:43!important;gap:10px!important}.spot-body>div{color:#573819!important;border-color:#b8874140!important;min-width:0}.spot-body b{color:#3b210d!important}.spot-banner{box-sizing:border-box;position:relative;min-height:68px;flex:none;margin:-10px 0 5px;padding:6px 0 8px 68px;display:flex;align-items:center}.spot-banner span{color:#44260f;font-size:25px;font-weight:900;line-height:1.18;text-shadow:0 1px 0 #fff1c780}.spot-banner>img{position:absolute;left:-6px;top:-8px;width:62px;height:76px;object-fit:contain;filter:drop-shadow(-2px 3px 1px #4c240960)}.spot-banner>.spot-crest{width:34px;height:40px;left:8px;top:12px;filter:none}.spot-body>.spot-banner+div{display:contents!important}.spot-body>.spot-banner+div>span{display:none}.spot-body .wood-button--close,.spot-close{position:absolute;right:2px;top:2px;z-index:4}.spot-tier{padding:0 6px;margin-left:25px}.spot-tier>span:first-of-type{color:#347523!important;font-size:18px!important}.spot-tier>span:last-of-type{color:#796344!important;font-size:14px!important}.spot-neighbors{display:flex;align-items:center;gap:18px;padding:0 4px!important;font-size:16px!important;line-height:1.45}.spot-neighbors>span:not(.spot-wheel){flex:1;min-width:0}.spot-wheel{box-sizing:border-box;position:relative;width:118px;height:118px;flex:none;border:3px solid transparent;border-radius:50%;box-shadow:-3px 5px 5px #39200b45,0 0 0 1px #55300f}.spot-wheel-disc{display:block;width:100%;height:100%;border-radius:50%}.spot-body [data-testid=hx-cell-flow],.spot-empty{box-sizing:border-box;height:52px;flex:none;display:flex;align-items:center;padding:0 3px!important;font-size:16px!important;font-weight:800!important}.spot-body [data-testid=hx-cell-mobs]{flex-wrap:wrap;justify-content:center;gap:14px!important;padding:6px 4px!important;min-width:0;max-width:100%}.spot-body .hx-mob-port{position:relative;width:86px!important;height:86px!important;border:3px solid transparent!important;background-size:cover!important;background-origin:padding-box;background-clip:padding-box;background-color:#23170b!important;box-shadow:-3px 5px 5px #39200b70,0 0 0 1px #55300f!important}.spot-body .hx-mob-port:after,.spot-wheel:after,.spot-dossier-portrait:after{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;background:linear-gradient(225deg,#fff4ae,#edc469 16%,#a56a25 40%,#6a3b15 67%,#c28a37 88%,#efc76b);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:inset 1px -2px 2px #69390c,inset -1px 2px 2px #fff1a5;pointer-events:none}.spot-body .hx-mob-port:before,.spot-wheel:before,.spot-dossier-portrait:before{content:"";position:absolute;inset:-1px;border-radius:50%;box-shadow:inset -1px 2px 2px #170d09b0,0 0 0 1px #5b360c;pointer-events:none}.spot-body .hx-mob-port:hover{filter:brightness(1.12)}.spot-empty{gap:10px;height:62px}.spot-body>.spot-empty{color:#326e23!important;font-size:14px!important;line-height:1.4}.spot-empty img{width:28px;height:38px;object-fit:contain;flex:none}.spot-body .hx-btn:not(.wood-button){position:relative;isolation:isolate;min-height:56px;border:6px solid transparent!important;border-radius:9px!important;--spot-button-top: #62b739;--spot-button-mid: #308512;--spot-button-low: #104705;background:linear-gradient(180deg,var(--spot-button-top),var(--spot-button-mid) 46%,var(--spot-button-low)) padding-box,linear-gradient(225deg,#fff4ba,#efc66c 18%,#ae752c 47%,#75420f 70%,#e1b05b) border-box!important;box-shadow:0 0 0 1px #654014,-3px 5px #593514,-5px 8px 9px #542e1555,inset 0 2px 2px #d9ffc57a,inset 0 -3px 4px #062900b0!important;font-size:21px!important;font-weight:900!important;text-shadow:0 2px 2px #14280c}.spot-body .hx-btn:not(.wood-button):not([data-testid=hx-enter-cell]){--spot-button-top: #b06736;--spot-button-mid: #7c381b;--spot-button-low: #421c10}.spot-body .hx-btn:not(.wood-button):before{content:"";position:absolute;inset:2px 3px auto;height:42%;border-radius:3px 3px 35% 35%;background:linear-gradient(180deg,#f1ffe680,#e5ffd020 70%,transparent);pointer-events:none;z-index:-1}.spot-body .hx-btn:not(.wood-button):after{content:"";position:absolute;inset:-5px;border-radius:7px;pointer-events:none;background:radial-gradient(circle at 5px 5px,#fff1ad 0 1px,#b87c27 1.5px 2.5px,#654018 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 5px) 5px,#fff1ad 0 1px,#b87c27 1.5px 2.5px,#654018 3px,transparent 3.5px),radial-gradient(circle at 5px calc(100% - 5px),#fff1ad 0 1px,#b87c27 1.5px 2.5px,#654018 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),#fff1ad 0 1px,#b87c27 1.5px 2.5px,#654018 3px,transparent 3.5px);box-shadow:inset 0 1px #fff1a5a0,inset 0 -1px #613710,0 0 0 1px #bc8b43}.spot-body .hx-btn:not(.wood-button):not(:disabled):active{transform:translate(-1px,2px);box-shadow:0 0 0 1px #654014,-2px 3px #593514,-3px 4px 5px #542e1540,inset 0 2px 4px #06290070!important}.spot-body .hx-btn:not(.wood-button):disabled{opacity:.55}.spot-actions{padding:4px 3px 0!important;margin-top:0!important;border:0!important}.spot-occupants{padding:10px 12px!important}.spot-occupants>div>span{color:#503416!important}.spot-actions>div{color:#796344!important}.spot-right-column{z-index:44!important}.spot-monster-window{width:min(480px,calc(100vw - 40px))!important;pointer-events:auto;overflow-x:hidden!important}.spot-monster-body>div{color:#503416!important;border-color:#b8874150!important;min-width:0}.spot-monster-heading{align-items:flex-start!important;gap:17px!important;padding-bottom:18px!important}.spot-monster-body .spot-dossier-portrait{box-sizing:border-box;position:relative;width:136px!important;height:136px!important;border:3px solid transparent!important;border-radius:50%!important;background-size:cover!important;background-origin:padding-box;background-clip:padding-box;background-color:#23170b!important;box-shadow:-3px 5px 5px #39200b70,0 0 0 1px #55300f!important}.spot-mob-level{box-sizing:border-box;position:absolute;bottom:-6px;left:-6px;width:38px;height:38px;border:2px solid transparent;border-radius:50%;background:radial-gradient(circle at 65% 25%,#56401f,#21170a) padding-box,linear-gradient(225deg,#fff4ae,#d6a451 35%,#754616 70%,#d6a451) border-box;box-shadow:0 0 0 1px #593510,inset 0 1px 1px #f7d58a40,-2px 3px 3px #39200b70;color:#fff0c9;display:grid;place-items:center;font-size:21px;font-weight:900;z-index:1}.spot-mob-description{border-top:1px solid #bb8846;padding-top:8px;font-size:12px;line-height:1.5;color:#513319;margin:9px 0 0}.spot-monster-body .spot-mob-name{font-size:25px!important;color:#44240e!important;line-height:1.2}.spot-monster-body .spot-monster-level{color:#397329!important;font-size:17px!important;margin-top:4px}.spot-monster-stats{padding:14px 0!important;gap:8px}.spot-monster-stats>span{flex:1;display:grid!important;grid-template-columns:30px 1fr;gap:3px 6px!important;font-size:13px!important;color:#604321!important}.spot-monster-stats>span>b{grid-column:2;font-size:21px;color:#35200d!important}.spot-monster-stats svg{display:none}.spot-monster-stats img{width:30px;height:35px;object-fit:contain;grid-row:span 2}.spot-monster-body .spot-loot-heading{box-sizing:border-box;height:48px;margin-top:8px;border:0;grid-template-columns:minmax(0,1fr) 58px 84px!important;align-items:center;gap:0 8px!important;padding:0!important;color:#74502b!important;font-size:11px!important;letter-spacing:0!important}.spot-loot-heading>span{white-space:nowrap}.spot-monster-body .spot-loot-row{box-sizing:border-box;min-height:62px;border:1px solid #b8874130;padding:10px 12px!important;grid-template-columns:minmax(0,1fr) 58px 84px!important;gap:0 8px!important}.spot-loot-row span{color:#442c15!important;font-size:14px!important}.spot-loot-row>span:first-child>span:last-child{white-space:normal!important;overflow-wrap:anywhere;line-height:1.3}.spot-loot-row>span:last-child{color:#a45b13!important;font-size:20px!important}.spot-loot-row>span:first-child>span:first-child{width:34px!important;height:36px!important}.spot-close:focus-visible,.spot-body .hx-close:focus-visible,.spot-body .hx-mob-port:focus-visible{outline:3px solid #fff0b0;outline-offset:3px}.spot-tier,.spot-neighbors,.spot-monster-stats,.spot-body [data-testid=hx-cell-flow],.spot-empty,.spot-monster-body .spot-loot-row,.spot-monster-body .spot-loot-heading{box-sizing:border-box;position:relative;background:var(--paper-panel-fill);border:1px solid var(--paper-panel-border)!important;border-radius:var(--paper-panel-radius)}.spot-tier{min-height:42px;margin-left:0;padding:7px 14px!important}.spot-neighbors{padding:8px 14px!important}.spot-body [data-testid=hx-cell-flow],.spot-empty{padding:8px 17px!important}.spot-empty{height:56px}.spot-monster-stats{padding:14px 12px!important}.spot-monster-body .spot-loot-heading{padding:0 12px!important}@media(max-height:800px){.spot-cell-window{gap:7px!important;padding-top:48px!important;padding-bottom:34px!important}.spot-wheel{width:96px;height:96px}.spot-body .hx-mob-port{width:74px!important;height:74px!important}.spot-banner{min-height:60px}.spot-banner span{font-size:20px}.spot-neighbors{font-size:15px!important}}.spot-actions>.wood-button{width:100%}.spot-cell-window{overflow-x:hidden!important;overflow-y:auto!important;max-height:calc(100dvh - 110px)!important;min-width:0;scrollbar-width:thin;scrollbar-color:#9b7545 transparent}.spot-cell-window>*{max-width:100%;min-width:0;flex-shrink:0}.spot-body [data-testid=hx-cell-flow][hidden]{display:none!important}.spot-body .spot-neighbors{gap:12px!important;min-width:0}.spot-neighbors>span:last-child{overflow-wrap:anywhere}.spot-body .spot-wheel{flex-shrink:0;width:84px;height:84px}.spot-status{margin:2px 0 4px;min-width:0;color:#51361c}.spot-status-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin:0 2px 8px}.spot-status-heading>b{color:#628044;font-size:10px}.spot-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spot-status-card{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #ad84444d;border-radius:9px;background:linear-gradient(125deg,#fff1c26b,#bc8d3212);box-shadow:inset 0 1px #fff5d780}.spot-status-card>div{min-width:0}.spot-status-card small,.spot-status-card b,.spot-status-card em{display:block}.spot-status-card small{font-size:10px;line-height:1.3;color:#846447;margin-bottom:3px;overflow-wrap:anywhere}.spot-status-card b{font-size:17px;line-height:1.2;color:#503619}.spot-status-card em{font-size:10px;font-style:normal;color:#937346}.spot-status-card b>em{display:inline;font-size:13px}.spot-status-icon{font-size:25px;color:#97713b;flex:none}.spot-status-fire .spot-status-icon{color:#cc741d}.spot-status-fire b{color:#99511a}.spot-status-aura{background:linear-gradient(125deg,#d5f1ee80,#91b3bb1a);border-color:#709ca84d}.spot-status-aura b,.spot-status-aura .spot-status-icon{color:#337b8b}.spot-occupants{overflow-x:hidden;min-width:0}.spot-occupants>*{min-width:0;max-width:100%}@media(max-width:500px){.spot-status-card{padding:8px;gap:6px}.spot-status-icon{font-size:20px}.spot-status-card b{font-size:14px}.spot-status-card small{font-size:10px}.spot-status-heading{letter-spacing:0}.spot-cell-window{max-width:calc(100vw - 24px)!important}}.spot-mobile-window{overflow-x:hidden!important;overflow-y:auto!important;max-height:calc(100dvh - 90px)!important}.spot-body .spot-status-card b{font-weight:900}.spot-status-card em{line-height:1.3}.painted-window-bottom-rail{position:absolute;left:39px;right:39px;bottom:0;height:91px;box-sizing:border-box;border:solid transparent;border-width:0 0 91px;border-image:url(/img/warshards/party/border-clean-bottom-v2-20261025.webp) 0 112 256 112 / 0 0 91px 0 / 0 stretch;z-index:2;pointer-events:none}@media(max-width:779px){.painted-window-bottom-rail{left:27px;right:27px;height:38px;border-bottom-width:38px;border-image-width:0 0 38px 0}}.spot-window:has(.painted-window-close):after{clip-path:polygon(0 0,calc(100% - var(--game-frame-side)) 0,calc(100% - var(--game-frame-side)) var(--game-close-height),100% var(--game-close-height),100% 100%,0 100%)}.spot-window .painted-window-bottom-rail{display:none}.painted-window-close{display:block;position:absolute;right:0;top:0;z-index:8;box-sizing:border-box;width:40px;height:46px;padding:0;border:0;border-radius:0;background:url(/img/warshards/party/close-normal.webp) center/100% 100% no-repeat;cursor:pointer;pointer-events:auto}.painted-window-close:hover{filter:brightness(1.12)}.painted-window-close:active{background-image:url(/img/warshards/party/close-active.webp)}.painted-window-close:disabled{cursor:default;filter:grayscale(.7);opacity:.6}.painted-window-close:focus-visible{outline:2px solid #ffe1a0;outline-offset:2px}.spot-window>.painted-window-close,.battle-art-window>.painted-window-close{position:absolute;top:0;right:0;z-index:8;transform:none}.painted-window-close{border:0!important;border-radius:0!important;background:url(/img/warshards/party/close-normal.webp) center/100% 100% no-repeat!important;box-shadow:none!important;color:transparent!important;font-size:0!important}.painted-window-close:active{background-image:url(/img/warshards/party/close-active.webp)!important}.spot-window .painted-window-close{position:absolute!important;top:0!important;right:0!important;width:var(--game-frame-side,40px)!important;height:var(--game-close-height,46px)!important;margin:0!important;z-index:8!important}.painted-window-close:before{content:"";position:absolute;inset:0;background:url(/img/warshards/party/close-active.webp) center/100% 100% no-repeat;visibility:hidden;pointer-events:none}.spot-window .painted-window-close{transform:none!important}@keyframes ws-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ws-breath{0%,to{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(1.0025)}}@keyframes ws-weapon-breath{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.0025)}}@keyframes ws-glow{0%,to{opacity:.55}50%{opacity:.8}}@keyframes ws-ken{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ws-blink{0%,to{opacity:1}50%{opacity:.35}}.ws-menu{font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.ws-menu input::placeholder{color:#9a7a54}.ws-in{animation:ws-in .45s ease-out both}.ws-gold{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;white-space:nowrap;border-radius:14px;border:3px solid #5a2a04;background:linear-gradient(180deg,#ffe98a,#ffc23a 46%,#f59a12 54%,#e07808);box-shadow:inset 0 3px #fff9,inset 0 -5px #963c0073,0 5px #3e1c02,0 10px 16px #3c1e0566;font-family:Alegreya SC,Georgia,serif;font-weight:800;letter-spacing:1.2px;color:#3a1802;text-shadow:0 1px 0 rgba(255,240,190,.75);cursor:pointer;transition:transform .1s,filter .1s}.ws-gold:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.ws-gold:active:not(:disabled){transform:translateY(4px)}.ws-gold:disabled{filter:grayscale(.7) brightness(.85);cursor:default}.ws-ghost{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:10px;border:2px solid #9a6a30;background:#fffaeb8c;font-family:Alegreya SC,Georgia,serif;font-weight:800;font-size:17px;color:#4a3018;cursor:pointer;transition:background .12s,border-color .12s}.ws-ghost:hover:not(:disabled){background:#fffcf2d9;border-color:#b07a30}.ws-ghost:disabled{opacity:.5;cursor:default}.ws-dark{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:10px;border:2px solid rgba(242,182,50,.55);background:#0f0c09b8;font-family:Alegreya SC,Georgia,serif;font-weight:800;font-size:17px;color:#f0e4c8;text-shadow:0 2px 6px rgba(0,0,0,.8);cursor:pointer;transition:color .15s,border-color .15s}.ws-dark:hover{color:#ffd35e;border-color:#f2b632}.ws-title-item{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:50px;border:0;border-radius:10px;background:linear-gradient(90deg,#0f0c0900,#0f0c09b8 20% 80%,#0f0c0900);font-family:Alegreya SC,Georgia,serif;font-weight:800;font-size:22px;letter-spacing:1px;color:#f0e4c8;text-shadow:0 2px 6px rgba(0,0,0,.8);cursor:pointer;transition:color .15s,letter-spacing .15s}.ws-title-item:hover{color:#ffd35e;letter-spacing:2px}.ws-label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#8a5a22}.ws-input{display:block;width:100%;box-sizing:border-box;height:50px;border-radius:8px;background:#fffaebb3;border:2px solid #9a6a30;box-shadow:inset 0 2px 4px #5a371440;padding:0 14px;font-family:Nunito,sans-serif;font-size:17px;font-weight:700;letter-spacing:0;text-transform:none;color:#3a2410;outline:none;-webkit-user-select:text;user-select:text}.ws-input:hover{border-color:#b07a30;background:#fffcf2d9}.ws-input:focus{border-color:#d38a14;box-shadow:0 0 0 3px #f0a02859}.ws-input[aria-invalid=true]{border-color:#a3200f}.ws-link{border:0;background:none;padding:0;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;color:#8a1f14}.ws-link:hover{color:#5a0f08}.ws-link--muted{color:#6a4a26}.ws-link--muted:hover{color:#3a2410}.ws-pick{border:2px solid rgba(154,106,48,.45);border-radius:10px;background:#fffaeb59;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s}.ws-pick:hover{background:#fff5dc99;border-color:#b07a30}.ws-pick[aria-selected=true],.ws-pick[aria-pressed=true]{border-color:#d38a14;background:linear-gradient(180deg,#f0aa3273,#f0aa321f);box-shadow:0 0 0 1px #ffd26e99,0 0 14px #f0aa3273}@keyframes ws-hero-reveal{0%{opacity:0}to{opacity:1}}.ws-hero-reveal{animation:ws-hero-reveal .3s ease-out both}.ws-action-coin{position:relative;width:48px;height:48px;padding:0;border:0;border-radius:50%;cursor:pointer;background:linear-gradient(180deg,#d99335,#905a1f 55%,#774816);box-shadow:0 4px 6px #00000080,0 1px 2px #0006;transition:transform .1s,filter .12s;color:#704115}.ws-action-coin-face{position:absolute;inset:3px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 45% 28%,#feeabd,#fadea5 42%,#f7ca7b);box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -4px 6px #965a1459}.ws-action-coin:hover{filter:brightness(1.1);transform:translateY(-2px)}.ws-action-coin:active{transform:translateY(1px)}.ws-action-coin:focus-visible{outline:2px solid #fff3d6;outline-offset:3px}@media(prefers-reduced-motion:reduce){.ws-hero-reveal{animation:none}[data-testid=roster-char] img{animation:none!important}}.ws-create-screen{position:absolute;inset:0;pointer-events:none;color:#49301b;font-family:Nunito,sans-serif}.ws-create-panel{pointer-events:auto;background:#e9d7b0 url(/img/warshards/party/paper.webp) center/cover;border:3px solid #855426;border-radius:12px;box-shadow:inset 0 0 35px #92633755,0 12px 32px #0007;padding:18px;overflow:auto;scrollbar-width:thin;scrollbar-color:#996b36 #e3cba0}.ws-create-screen>.ws-class-guide{position:absolute;left:16px;top:20px;bottom:20px;width:min(300px,24vw)}.ws-create-details{position:absolute;right:16px;top:20px;bottom:20px;width:min(340px,27vw)}.ws-create-panel h1,.ws-create-panel h2{font-family:Alegreya SC,Georgia,serif;margin:0 0 9px}.ws-create-panel h1{font-size:32px}.ws-create-panel h2{font-size:22px;margin-top:15px}.ws-create-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#8a5c2e}.ws-class-description{font-size:13px;line-height:1.45;margin:6px 0 16px}.ws-create-stats{display:grid;gap:9px}.ws-create-stats>div{display:flex;gap:9px;align-items:center}.ws-create-stats img{width:32px;height:32px;object-fit:contain}.ws-create-stats strong{display:flex;gap:8px;font-size:14px}.ws-create-stats span{display:block;font-size:12px;line-height:1.35}.ws-stat-mastery{background:#dfad4a30;border-radius:6px;padding:6px;margin:0 -6px}.ws-create-free{font-size:11px;line-height:1.4;color:#7c5934;margin:8px 0}.ws-create-derived{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px}.ws-create-derived>div{display:flex;flex-direction:column;gap:2px}.ws-create-derived b{font-size:16px}.ws-create-class-picker{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:12px;width:min(460px,40vw);pointer-events:auto}.ws-create-class{border:0;padding:0;background:none;color:#fff0ce;text-shadow:0 2px 3px #000;cursor:pointer;flex:1;min-width:0}.ws-create-class>span{display:flex;align-items:center;justify-content:center;margin:0 auto 8px;width:60px;height:60px;border-radius:50%;border:3px solid #ab7737;background:radial-gradient(circle at 40% 25%,#ffe2a1,#aa722c);box-shadow:0 3px 7px #0008}.ws-create-class img{width:42px;height:42px;object-fit:contain}.ws-create-class strong{font-family:Alegreya SC,Georgia,serif;font-size:18px}.ws-create-class[aria-checked=true]>span{border-color:#fff0b3;box-shadow:0 0 15px #ffb43c99,0 3px 7px #0008}.ws-create-skills{display:grid;gap:7px}.ws-create-skill{display:flex;gap:9px;text-align:left;padding:10px 8px;border:1px solid #b78951;border-radius:7px;background:#fff8dc55;color:inherit;cursor:pointer}.ws-create-skill[aria-selected=true]{border-color:#b26a10;background:#ecc37e99;box-shadow:inset 0 0 0 1px #fff1bd}.ws-create-skill>img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.ws-create-skill>span{flex:1;min-width:0}.ws-create-skill strong,.ws-create-skill small,.ws-create-skill span span{display:block}.ws-create-skill strong{font-family:Alegreya SC,Georgia,serif;font-size:18px}.ws-create-skill small{font-size:10px;color:#875a31;margin:2px 0 5px}.ws-create-skill span span{font-size:12px;line-height:1.4}.ws-create-skill .ws-skill-watch{flex:0;align-self:center;font-size:12px;color:#976120}.ws-skill-preview canvas{display:block;width:100%;aspect-ratio:16/9;border-radius:7px;background:#18261c}.ws-skill-preview p{font-size:10px;line-height:1.4;color:#7c5934;margin:7px 0}.ws-preview-play{border:1px solid #a8773f;border-radius:5px;background:#f7e6bf;color:#65441e;padding:6px 10px;margin-top:7px;cursor:pointer;font-size:12px}.ws-preview-result{font-size:12px;font-weight:800}.ws-create-identity{border-top:1px solid #b78951;padding-top:14px;margin-top:16px}.ws-create-field{display:block;margin-bottom:12px;font-size:13px;font-weight:700}.ws-create-field>span{display:block;margin-bottom:5px}.ws-create-field input{width:100%;box-sizing:border-box}.ws-create-genders{display:flex;gap:6px}.ws-create-genders button,.ws-create-tabs button{flex:1;padding:8px;border:1px solid #b78951;border-radius:5px;background:#fff3d3;color:#624322;cursor:pointer}.ws-create-genders button[aria-pressed=true],.ws-create-tabs button[aria-pressed=true]{background:#dca755;border-color:#9e641e}.ws-create-name-hint{min-height:28px;font-size:11px;line-height:1.4}.ws-create-submit-row{display:flex;align-items:center;gap:10px}.ws-create-submit-row .ws-gold{flex:1}.ws-create-tabs{display:flex;gap:8px;margin-bottom:12px}.ws-create-screen--compact .ws-create-details{top:46dvh;bottom:8px;left:8px;right:8px;width:auto;padding:12px}.ws-create-screen--compact .ws-create-class-picker{position:relative;left:auto;bottom:auto;transform:none;width:100%;gap:6px;margin-bottom:14px}.ws-create-screen--compact .ws-create-class>span{width:44px;height:44px;margin-bottom:4px}.ws-create-screen--compact .ws-create-class img{width:32px;height:32px}.ws-create-screen--compact .ws-create-class strong{color:#694519;font-size:14px;text-shadow:none}.ws-create-screen--compact .ws-class-guide{border:0;box-shadow:none;background:none;padding:0;overflow:visible}.ws-create-screen--compact .ws-skill-preview{margin-top:12px}@media(max-height:650px)and (min-width:800px){.ws-create-panel{padding:12px}.ws-create-skill{padding:7px}}@media(min-width:800px){.ws-create-panel{padding:14px}.ws-class-description{margin:5px 0 10px;font-size:12px}.ws-create-panel h2{margin-top:10px;margin-bottom:6px;font-size:21px}.ws-create-stats{gap:6px}.ws-create-stats img{width:26px;height:26px}.ws-create-stats span{font-size:11px}.ws-create-derived{gap:5px}.ws-create-skill{padding:7px;gap:7px}.ws-create-skill span span{font-size:11px}.ws-create-skill small{margin-bottom:3px}.ws-create-identity{margin-top:12px;padding-top:10px}.ws-create-field{margin-bottom:8px}}.ws-create-submit-row{position:sticky;bottom:-14px;background:#e9d7b0;padding:8px 0;z-index:1}.ws-password-field{position:relative}.ws-password-field .ws-input{padding-right:48px}.ws-password-toggle{position:absolute;right:9px;bottom:8px;width:36px;height:36px;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:#805523;cursor:pointer}.ws-password-toggle:hover{background:#bb863333}.ws-password-toggle:focus-visible{outline:2px solid #a56619}.ws-create-screen>.ws-create-center{position:absolute;width:min(460px,40vw);left:50%;bottom:20px;transform:translate(-50%);pointer-events:auto}.ws-create-center .ws-create-identity{margin:0;padding:12px 14px 9px;border:1px solid #ad7b3c;border-radius:9px;background:#f4dfb9ef;box-shadow:0 4px 15px #0003;display:grid;grid-template-columns:1fr 1.3fr;gap:0 10px}.ws-create-center .ws-create-field{min-width:0;margin-bottom:5px}.ws-create-center .ws-create-field .ws-input{height:39px;padding:7px 10px;font-size:16px}.ws-create-center .ws-create-name-hint{grid-column:1/-1;min-height:17px}.ws-create-center .ws-create-submit-row{grid-column:1/-1;position:static;background:none;padding:3px 0 0}.ws-create-center .ws-create-submit-row .ws-gold{height:38px!important;font-size:18px!important}.ws-create-center .ws-create-class-picker{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin-top:12px}.ws-create-screen--compact .ws-create-center{margin-bottom:14px}.ws-create-screen--compact .ws-create-center .ws-create-identity{padding:9px;box-shadow:none}.ws-create-screen--compact .ws-create-center .ws-create-class-picker{margin-top:10px;margin-bottom:0}.ws-create-details .ws-skill-preview{margin-top:8px}.ws-create-center .ws-create-identity{padding:7px 10px}.ws-create-center .ws-create-field>span{font-size:11px;line-height:1.2;margin-bottom:4px}.ws-create-center .ws-create-genders button{padding:7px 5px;font-size:12px;min-width:0}.ws-create-center .ws-create-submit-row .ws-ghost{height:34px;padding:0 12px;font-size:16px}.ws-create-center .ws-create-submit-row .ws-gold{height:34px!important}.ws-create-center .ws-create-class>span{width:50px;height:50px;margin-bottom:5px}.ws-create-center .ws-create-class img{width:36px;height:36px}.ws-create-center .ws-create-class strong{font-size:16px}.ws-create-screen--compact .ws-create-center .ws-create-identity{grid-template-columns:1.1fr 1fr;gap:0 8px}.ws-create-screen--compact .ws-create-center .ws-create-genders button{font-size:11px;padding:8px 3px}.ws-create-screen--compact .ws-create-center .ws-create-class>span{width:44px;height:44px}.ws-create-screen--compact .ws-create-center .ws-create-class img{width:32px;height:32px}.ws-create-screen--compact .ws-create-center .ws-create-class strong{font-size:14px}@media(max-height:700px)and (min-width:800px){.ws-create-screen>.ws-create-center{bottom:8px}}.ws-create-features{margin:8px 0;display:grid;gap:8px;font-size:12px}.ws-create-features>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ws-create-features dd{margin:0;font-weight:900;font-size:16px;white-space:nowrap}.ws-create-feature-note{font-size:11px;line-height:1.45;color:#76512b;margin:8px 0}.ws-create-center .ws-create-identity{background:transparent;border:0;border-radius:0;box-shadow:none;padding:4px 6px;grid-template-columns:auto 1fr;gap:0 16px;color:#fff1d1;text-shadow:0 2px 4px #201308}.ws-create-center .ws-create-field>span{display:none}.ws-create-center .ws-create-field .ws-input{height:44px;border:0;border-bottom:1px solid #f5d595aa;border-radius:0;box-shadow:none;background:transparent;color:#fff3d8;text-align:center;font-family:Alegreya SC,Georgia,serif;font-size:25px;text-shadow:0 2px 4px #201308;padding:3px 8px}.ws-create-center .ws-create-field .ws-input::placeholder{color:#f3dfb6;opacity:.9}.ws-create-center .ws-create-field .ws-input:focus{border-color:#fff0bd;box-shadow:0 2px #ffcc6d55}.ws-create-center .ws-create-field .ws-input[aria-invalid=true]{border-color:#ff9978}.ws-create-center .ws-create-genders{gap:8px}.ws-create-center .ws-create-genders button{display:grid;place-items:center;width:42px;height:42px;padding:0;flex:none;border:1px solid #d2ad6d99;border-radius:50%;background:#24190d66;color:#e3c895;font-size:28px;line-height:1;box-shadow:0 2px 7px #0004}.ws-create-center .ws-create-genders button[aria-pressed=true]{color:#ffe8af;border-color:#f3ce7a;background:#9a6b2466;box-shadow:0 0 10px #ffc35b44}.ws-create-center .ws-create-genders button:hover{background:#a47b3b88}.ws-create-center .ws-create-name-hint{text-align:center;margin:5px 0;font-size:10px;color:#fff0ca!important}.ws-create-center .ws-create-name-hint:empty{display:none}.ws-create-center .ws-create-submit-row .ws-ghost{background:#25180966;border-color:#d0b07499;color:#f8e3bd;text-shadow:0 2px 3px #000}.ws-create-screen--compact .ws-create-center .ws-create-identity{background:transparent;border:0;grid-template-columns:auto 1fr;gap:0 12px;padding:0}.ws-create-screen--compact .ws-create-center .ws-create-genders button{font-size:25px;padding:0;width:36px;height:36px}.ws-create-screen--compact .ws-create-center .ws-create-field .ws-input{color:#624321;text-shadow:none;font-size:22px;border-color:#a87839}.ws-create-screen--compact .ws-create-center .ws-create-field .ws-input::placeholder{color:#967243}.ws-create-screen--compact .ws-create-center .ws-create-name-hint{color:#785426!important;text-shadow:none}.ws-create-panel{background:linear-gradient(135deg,#f3e2bded,#e4c997e8);border:1px solid #b28a4e;border-radius:8px;box-shadow:inset 0 1px #fff1d780,0 8px 25px #0005}.ws-create-skill{background:transparent;border:0;border-bottom:1px solid #ab7e3944;border-radius:0;padding:9px 3px}.ws-create-skill[aria-selected=true]{background:linear-gradient(90deg,#f6cd7966,transparent);border-color:#b48c4666;box-shadow:none}.ws-create-screen--compact .ws-class-guide{background:none;box-shadow:none;border:0}.ws-create-panel{background:linear-gradient(135deg,#f1e0bdf7,#e7cfa6f5)}.ws-create-features{gap:5px;font-size:11px}.ws-create-features dd{font-size:14px}.ws-create-feature-note{font-size:10px;line-height:1.35;margin:6px 0}@media(min-width:800px){.ws-class-guide h1{font-size:28px;margin-bottom:5px}.ws-class-description{line-height:1.3;margin-bottom:8px}.ws-class-guide .ws-create-stats{gap:5px}.ws-class-guide .ws-create-free{margin:6px 0}}.ws-create-screen>.ws-class-guide{bottom:78px}.ws-create-screen>.ws-create-back{position:absolute;left:16px;bottom:20px;width:min(300px,24vw);pointer-events:auto;color:#fff0cb;background:#271c1199;border-color:#c6a66a;text-shadow:0 2px 3px #000}.ws-create-screen--compact .ws-create-back{margin:18px 0 0;width:100%}.ws-create-role-bars{display:grid;gap:7px;margin:10px 0 14px}.ws-create-role-bar{display:flex;align-items:center;gap:12px;font-size:11px;--role-color:#af6b28 }.ws-create-role-bar>span{width:74px;flex-shrink:0}.ws-create-role-bar--damage{--role-color:#b84d32 }.ws-create-role-bar--defense{--role-color:#a17d36 }.ws-create-role-bar--support{--role-color:#6a963f }.ws-create-role-bar meter{appearance:none;width:100%;height:8px;background:#a57b3533;border:1px solid #a9844b66;border-radius:6px;overflow:hidden}.ws-create-role-bar meter::-webkit-meter-bar{background:#a57b3533;border:0;border-radius:6px}.ws-create-role-bar meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,var(--role-color),#efd393);border-radius:6px}.ws-create-role-bar meter::-moz-meter-bar{background:var(--role-color);border-radius:6px}.ws-create-screen>.ws-create-center{width:min(600px,46vw);bottom:24px}.ws-create-center .ws-create-submit-row{margin-top:16px;display:flex;width:100%;padding:0;background:none;position:static}.ws-create-center .ws-create-submit-row .ws-gold{width:100%;flex:1;height:52px!important;font-size:23px!important;border-radius:12px}.ws-create-center .ws-create-class-picker{width:min(460px,100%);margin:10px auto 0}.ws-create-screen--compact .ws-create-center .ws-create-submit-row{margin:12px 0 8px}.ws-create-screen--compact .ws-create-center .ws-create-submit-row .ws-gold{height:48px!important;font-size:21px!important}.ws-class-guide{padding:20px 18px}.ws-class-guide .ws-create-eyebrow{font-size:10px;letter-spacing:1.5px;color:#956830;margin-bottom:7px}.ws-class-guide h1{font-size:32px;line-height:1.1;margin-bottom:11px}.ws-class-guide .ws-class-description{font-size:12px;line-height:1.45;padding-bottom:13px;margin:0 0 15px;border-bottom:1px solid #b38d4e55}.ws-class-guide h2{font-size:22px;margin:17px 0 12px;letter-spacing:.3px}.ws-class-guide .ws-create-stats{gap:10px}.ws-class-guide .ws-create-stats>div{align-items:flex-start;gap:10px}.ws-class-guide .ws-create-stats>div>div{flex:1}.ws-class-guide .ws-create-stats strong{justify-content:space-between;font-size:13px;line-height:1.2;margin-bottom:4px}.ws-class-guide .ws-create-stats strong b{color:#916025}.ws-class-guide .ws-create-stats span{font-size:11px;color:#826039;line-height:1.4}.ws-class-guide .ws-create-derived{padding:12px 0;margin-top:8px;border-top:1px solid #b38d4e44;border-bottom:1px solid #b38d4e44;gap:12px 16px}.ws-class-guide .ws-create-derived span{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#987445}.ws-class-guide .ws-create-derived b{font-size:18px;color:#5f3c17}.ws-class-guide .ws-create-features{padding:12px 0;gap:9px;border-top:1px solid #b38d4e44;border-bottom:1px solid #b38d4e44}.ws-create-role-bars{gap:10px;margin:14px 0 18px}.ws-create-role-bar{font-size:12px;font-weight:800;--role-light:#ffe3a0 }.ws-create-role-bar--damage{--role-color:#c83417;--role-light:#ffb840 }.ws-create-role-bar--defense{--role-color:#166daf;--role-light:#6ddcff }.ws-create-role-bar--support{--role-color:#388c17;--role-light:#c5f66d }.ws-create-role-bar meter{height:14px;border:2px solid #8d622e;background:#372312;box-shadow:inset 0 2px 4px #0009,0 1px #fff4ce;border-radius:7px}.ws-create-role-bar meter::-webkit-meter-bar{background:linear-gradient(#281c11,#5a4126);box-shadow:inset 0 2px 3px #0008}.ws-create-role-bar meter::-webkit-meter-optimum-value{background:linear-gradient(180deg,var(--role-light),var(--role-color) 55%,var(--role-color));box-shadow:inset 0 1px #fff9,0 0 8px var(--role-color);border-radius:4px}.ws-create-role-bar meter::-moz-meter-bar{background:linear-gradient(180deg,var(--role-light),var(--role-color) 55%,var(--role-color));border-radius:4px}.ws-create-skill{align-items:center;gap:13px;padding:13px 0;min-height:76px}.ws-create-skill .ws-create-skill-holder{position:relative;display:block;flex:0 0 62px;width:62px;height:62px;border-radius:11px;background:linear-gradient(#281b11ed,#120c09f5),url(/img/warshards/skills/paper.webp) center/cover;box-shadow:inset 0 0 0 1px #e1ae6970,inset 0 4px 7px #000d,0 2px 3px #0005}.ws-create-skill-holder:before{content:"";position:absolute;inset:0;z-index:1;background:url(/img/warshards/skills/active.webp) center/100% 100%;opacity:0;transition:transform .2s,opacity .2s}.ws-create-skill-holder>img{position:absolute;left:6px;top:5px;width:50px;height:50px;object-fit:contain;z-index:2;filter:drop-shadow(0 2px 3px #0009);transition:transform .2s,filter .2s}.ws-create-skill[aria-selected=true]{background:transparent;border-color:#b38d4e55}.ws-create-skill[aria-selected=true] .ws-create-skill-holder:before{opacity:1;transform:translateY(-5px);filter:drop-shadow(0 5px 4px #0005) drop-shadow(0 0 5px #ffca6955)}.ws-create-skill[aria-selected=true] .ws-create-skill-holder>img{transform:translateY(-5px);filter:drop-shadow(0 4px 4px #0009) brightness(1.1)}.ws-create-skill strong{font-size:19px;margin-bottom:3px}.ws-create-skill small{font-size:10px;margin-bottom:6px}.ws-create-skill span span{font-size:11px;line-height:1.4}.ws-create-details .ws-skill-preview{margin-top:12px}@media(max-width:1000px)and (min-width:800px){.ws-create-skill .ws-create-skill-holder{flex-basis:48px;width:48px;height:48px}.ws-create-skill-holder>img{width:40px;height:40px;top:4px;left:4px}.ws-create-skill{gap:9px}.ws-class-guide{padding:15px 12px}.ws-create-screen>.ws-create-center{width:42vw}}@media(min-width:800px){.ws-class-guide{padding:16px 14px}.ws-class-guide h1{font-size:28px;margin-bottom:8px}.ws-class-guide .ws-class-description{font-size:11px;line-height:1.4;padding-bottom:9px;margin-bottom:10px}.ws-class-guide h2{font-size:20px;margin:13px 0 9px}.ws-class-guide .ws-create-stats{gap:7px}.ws-class-guide .ws-create-stats strong{font-size:12px;margin-bottom:2px}.ws-class-guide .ws-create-stats span{font-size:10px;line-height:1.3}.ws-class-guide .ws-create-derived{gap:8px 14px;padding:9px 0}.ws-class-guide .ws-create-derived b{font-size:16px}.ws-class-guide .ws-create-free{margin:6px 0;font-size:10px}.ws-create-skill{padding:9px 0;min-height:64px}.ws-create-skill strong{font-size:18px;margin-bottom:2px}.ws-create-skill small{margin-bottom:4px}}.ws-create-role-bar meter::-webkit-meter-bar{margin:0;width:100%;height:100%;box-sizing:border-box}.ws-create-role-bar meter::-webkit-meter-inner-element{display:block;height:100%;width:100%}.ws-create-role-bar meter{display:block;box-sizing:border-box;min-width:0;padding:0;flex:1}.ws-create-role-bar meter::-webkit-meter-optimum-value{height:100%;box-sizing:border-box;border-radius:3px}.ws-role-track{flex:1;min-width:0;height:14px;box-sizing:border-box;border:2px solid #8d622e;border-radius:7px;overflow:hidden;background:linear-gradient(#281c11,#5a4126);box-shadow:inset 0 2px 3px #0008,0 1px #fff4ce}.ws-role-fill{height:100%;background:linear-gradient(180deg,var(--role-light),var(--role-color) 55%,var(--role-color));box-shadow:inset 0 1px #fff9;border-radius:3px;transition:width .2s}.wb-nameplate{position:absolute;left:-82px;--wb-nameplate-width: 184px;width:var(--wb-nameplate-width);height:60px;z-index:6;color:#f4f5ef;font-family:Nunito,sans-serif;filter:drop-shadow(0 2px 2px rgba(0,0,0,.65))}.wb-nameplate-painted{isolation:isolate;opacity:1}.wb-nameplate-painted:before{content:"";position:absolute;inset:-1px -4px 1px;z-index:-1;background:linear-gradient(100deg,#070d10e0,#070d10a6 64%,#070d1000);opacity:.64;transition:opacity .16s ease-out;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3 9 15 6 30 7 40 4 63 5 78 3 103 5 126 4 148 6 166 5 182 8 197 9 181 12 193 15 170 17 178 20 151 20 131 22 111 20 89 22 68 20 46 23 29 20 13 21 18 18 1 17 8 14Z'/%3E%3Cpath fill='white' opacity='.28' d='M34 29 55 27 76 29 97 27 122 28 147 27 167 30 196 32 178 35 188 38 164 40 139 39 113 41 91 39 64 41 41 38 26 39 34 35 22 33Z'/%3E%3Cpath fill='white' opacity='.16' d='M39 47 63 46 80 48 105 46 129 48 160 47 181 50 165 53 144 52 122 54 99 52 78 54 59 51 32 52Z'/%3E%3Cpath fill='white' opacity='.35' d='M19 3 43 2 69 3 47 4 28 5Z M114 24 139 23 162 24 142 25Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3 9 15 6 30 7 40 4 63 5 78 3 103 5 126 4 148 6 166 5 182 8 197 9 181 12 193 15 170 17 178 20 151 20 131 22 111 20 89 22 68 20 46 23 29 20 13 21 18 18 1 17 8 14Z'/%3E%3Cpath fill='white' opacity='.28' d='M34 29 55 27 76 29 97 27 122 28 147 27 167 30 196 32 178 35 188 38 164 40 139 39 113 41 91 39 64 41 41 38 26 39 34 35 22 33Z'/%3E%3Cpath fill='white' opacity='.16' d='M39 47 63 46 80 48 105 46 129 48 160 47 181 50 165 53 144 52 122 54 99 52 78 54 59 51 32 52Z'/%3E%3Cpath fill='white' opacity='.35' d='M19 3 43 2 69 3 47 4 28 5Z M114 24 139 23 162 24 142 25Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;pointer-events:none}.wb-nameplate-painted[role=button]:hover:before{opacity:1}.wb-nameplate-painted[data-selected=true]:before{inset:-13px -27px 0;background:#080603cf;opacity:1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 64' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='ink' x='-10%25' y='-25%25' width='120%25' height='150%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045 .16' numOctaves='2' seed='17' result='grain'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='grain' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='white' filter='url(%23ink)'%3E%3Cpath d='M7 13L31 9 52 11 73 7 103 10 139 6 172 9 205 11 230 16 225 25 234 28 222 34 228 40 216 43 219 49 192 52 162 50 137 55 111 52 85 56 61 51 38 53 21 46 24 40 10 37 15 30 5 26 11 22Z'/%3E%3Cpath d='M3 18L37 14 56 17 17 21ZM183 47L232 43 225 46 190 50ZM14 41L42 44 38 48 19 45Z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 64' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='ink' x='-10%25' y='-25%25' width='120%25' height='150%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045 .16' numOctaves='2' seed='17' result='grain'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='grain' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='white' filter='url(%23ink)'%3E%3Cpath d='M7 13L31 9 52 11 73 7 103 10 139 6 172 9 205 11 230 16 225 25 234 28 222 34 228 40 216 43 219 49 192 52 162 50 137 55 111 52 85 56 61 51 38 53 21 46 24 40 10 37 15 30 5 26 11 22Z'/%3E%3Cpath d='M3 18L37 14 56 17 17 21ZM183 47L232 43 225 46 190 50ZM14 41L42 44 38 48 19 45Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:blur(.7px)}.wb-nameplate-emblem{position:absolute;left:1px;top:2px;width:29px;height:33px}.wb-nameplate-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}.wb-nameplate-pack-count{position:absolute;right:-4px;bottom:-3px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;background:#0c1011e6;clip-path:polygon(7% 13%,44% 3%,91% 9%,100% 47%,94% 91%,55% 100%,5% 87%,0 43%);color:#ffe3a2;font-size:11px;font-weight:900;line-height:17px;text-align:center;white-space:nowrap;text-shadow:0 1px 1px #000}.wb-nameplate-heading{position:absolute;left:38px;top:0;right:5px;height:22px;display:flex;align-items:center;gap:5px;font-size:15px;font-weight:700;line-height:21px;text-shadow:0 1px 2px #000}.wb-nameplate-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-nameplate-level{display:inline-flex;align-items:baseline;gap:2px;flex:none;color:#eac580;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.wb-nameplate-level small{color:#bba989;font-size:9px;font-weight:700}.wb-nameplate-hp{position:absolute;left:38px;right:5px;top:25px;height:15px;overflow:hidden;border-radius:5px 7px 5px 6px/6px 5px 7px;background:linear-gradient(180deg,#354750,#26333d);box-shadow:inset 0 1px 1px #97b4ba24,0 1px 2px #000000a6}.wb-nameplate-hp-paint{position:absolute;inset:1px}.wb-enemy-card-hp{position:relative;width:100%;height:22px;flex:none;margin-top:6px}.wb-enemy-card-hp .wb-nameplate-hp{position:relative;inset:auto;width:100%;height:100%}.wb-enemy-card-hp .wb-nameplate-hp-stroke{-webkit-mask-size:330px 100%;mask-size:330px 100%}.wb-nameplate-hp-feedback-range{position:absolute;inset:0;clip-path:inset(0 0 0 max(0px,calc(var(--hp-feedback-start) - 3px)))}.wb-nameplate-hp-stroke{position:absolute;inset:0 auto 0 0;border-radius:6.5px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3.5 2.1 L11.6 1.2 22.4 1.8 35.8 .7 42.2 1.6 58.4 1.1 68.7 1.8 83.5 .8 95.7 1.4 111.2 .7 124.6 1.7 C130 .9 133 1.3 135.3 2.1 L134.9 2.7 C137.7 3.7 138 4.8 138.5 6.2 L138 7.1 C138.5 9.2 136.5 11.9 133.8 12.4 L132.2 12 Q129.4 13.4 120.4 12.3 L111.3 13.4 99.4 12.7 88.1 13.3 73.5 12.2 62.7 13.1 50.2 12.5 42.1 13.4 30.6 12.1 17.7 13.2 7.2 12.6 Q1.2 12.5 1.2 8.2 L2.1 6.7 1.2 5.8 Q1 3.5 3.5 2.1Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3.5 2.1 L11.6 1.2 22.4 1.8 35.8 .7 42.2 1.6 58.4 1.1 68.7 1.8 83.5 .8 95.7 1.4 111.2 .7 124.6 1.7 C130 .9 133 1.3 135.3 2.1 L134.9 2.7 C137.7 3.7 138 4.8 138.5 6.2 L138 7.1 C138.5 9.2 136.5 11.9 133.8 12.4 L132.2 12 Q129.4 13.4 120.4 12.3 L111.3 13.4 99.4 12.7 88.1 13.3 73.5 12.2 62.7 13.1 50.2 12.5 42.1 13.4 30.6 12.1 17.7 13.2 7.2 12.6 Q1.2 12.5 1.2 8.2 L2.1 6.7 1.2 5.8 Q1 3.5 3.5 2.1Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;-webkit-mask-size:calc(var(--wb-nameplate-width, 184px) - 45px) 100%;mask-size:calc(var(--wb-nameplate-width, 184px) - 45px) 100%}.wb-nameplate-hp-fill{background:linear-gradient(180deg,#fa4c50,#ef333d 42%,#ce202c);box-shadow:inset 0 1px #ffa99740}.wb-nameplate-hp[data-hp-feedback=damage] .wb-nameplate-hp-fill{transition:width var(--hp-damage) ease-out}.wb-nameplate-hp[data-hp-feedback=damage] .wb-nameplate-hp-feedback-range{transition:clip-path var(--hp-damage) ease-out}.wb-nameplate-hp[data-hp-feedback=heal] .wb-nameplate-hp-fill{transition:width var(--hp-heal) cubic-bezier(.2,.8,.3,1) var(--hp-hold)}.wb-nameplate-hp[data-hp-feedback=heal] .wb-nameplate-hp-feedback-range{transition:clip-path var(--hp-heal) cubic-bezier(.2,.8,.3,1) var(--hp-hold)}.wb-nameplate-hp-feedback{visibility:hidden;top:1px;bottom:1px}.wb-nameplate-hp[data-hp-feedback=damage] .wb-nameplate-hp-feedback{visibility:visible;background:linear-gradient(180deg,#fffbea,#f0f2e7 65%,#b7c4c5)}.wb-nameplate-hp-feedback[data-releasing=true]{transition:width var(--hp-trail) cubic-bezier(.2,.8,.3,1)}.wb-nameplate-hp[data-hp-feedback=heal] .wb-nameplate-hp-feedback{visibility:visible;background:linear-gradient(180deg,#d1ffad,#77ed72 45%,#3ca651)}.wb-nameplate-hp-fill:after{content:"";position:absolute;inset:1px 2px 0;background:linear-gradient(179deg,rgba(255,131,113,.2),transparent 37%,rgba(152,18,33,.15) 89%,transparent)}.wb-nameplate-stamina{position:absolute;left:38px;right:5px;top:46px;display:flex;align-items:center;gap:3px;height:10px}.wb-nameplate-stamina-point{position:relative;width:10px;height:10px;flex:none;box-sizing:border-box;border-radius:48% 52% 47% 53%;background:linear-gradient(150deg,#374752,#243039);box-shadow:0 0 0 1px #000000d9,inset 0 1px 1px #bad3db2e}.wb-nameplate-stamina-point[data-filled=true]{background:radial-gradient(circle at 35% 30%,#c9ffa4 0 10%,#76ea69 38%,#44b64c 76%,#2d8340);box-shadow:0 0 0 1px #142c1c,inset 0 0 0 1px #a5ff9073,0 0 3px #60e85540}.wb-nameplate-stamina-point[data-filled=true]:after{content:"";position:absolute;top:2px;left:3px;width:2px;height:2px;border-radius:50%;background:#e5ffd9}.wb-nameplate-painted[data-dead=true] .wb-nameplate-name{color:#8a9292}.wb-nameplate-painted[data-dead=true] .wb-nameplate-icon{filter:saturate(.3) brightness(.7)}.wb-nameplate-painted:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.wb-nameplate-painted:before{transition:none}.wb-nameplate-hp .wb-nameplate-hp-stroke,.wb-nameplate-hp .wb-nameplate-hp-feedback-range{transition:none}}.wb-nameplate-painted[data-hide-dead=true]{transition:opacity .3s ease-out}.wb-nameplate-painted[data-hide-dead=true][data-dead=true]{opacity:0;pointer-events:none}.wb-nameplate-level{align-items:center;justify-content:center;width:20px;height:20px;box-sizing:border-box;border:1px solid #d3af66;border-radius:50%;background:#2a231b;color:#ffedbf;font-size:12px;line-height:18px}.wb-nameplate[data-queued-target=true] .wb-nameplate-name{color:#ff8677}.wb-queued-reticle{display:block;text-align:center;font-size:33px;line-height:31px;color:#ff9b82;text-shadow:0 1px 3px #000}@media(prefers-reduced-motion:reduce){[data-turn-order]>*{transition:none!important}}.wb-cycle-stamina-gain{animation:cycleStaminaGain 1.05s ease-out both}@keyframes cycleStaminaGain{0%{opacity:0;transform:translateY(10px) scale(.85)}22%{opacity:1;transform:translateY(0) scale(1.08)}70%{opacity:1}to{opacity:0;transform:translateY(-14px) scale(1)}}@keyframes cyclePipGain{0%{transform:scale(.6)}45%{transform:scale(1.4);box-shadow:0 0 8px #caff70}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.wb-cycle-stamina-gain{animation:none}}@keyframes ownTurnBeacon{0%{opacity:.8}to{opacity:1}}@media(prefers-reduced-motion:reduce){[data-turn-sign],[data-turn-track]{animation:none!important;transition:none!important}}@keyframes overstrikeRise{0%{opacity:0;transform:translateY(8px) scale(.86)}14%{opacity:1;transform:translateY(0) scale(1.05)}28%{transform:translateY(-2px) scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.wb-nameplate-stamina-point[data-spending=true]{background:radial-gradient(circle at 38% 30%,#fff6cf 0,#ffd83f 26%,#e59a06 62%,#7a4a02);box-shadow:0 0 5px #ffc42899,inset 0 -2px 3px #0007}.wb-nameplate-target-frame{position:absolute;inset:-7px -17px 12px;z-index:3;color:#71bbff;pointer-events:none;animation:nameplateTargetLock .22s ease-out both}.wb-plate[data-side=enemy] .wb-nameplate-target-frame{color:#ff776b}.wb-plate[data-self=true] .wb-nameplate-target-frame{color:#93ed75}.wb-nameplate-classic .wb-nameplate-target-frame{inset:-7px -17px 3px -26px}.wb-nameplate-target-frame:before,.wb-nameplate-target-frame:after{content:"";position:absolute;top:0;bottom:0;width:13px;background:currentColor;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2060%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%205C6%207%204%2012%204%2021L2%2030L4%2039C4%2048%206%2053%2012%2055%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2010C7%2013%206%2016%206%2020M6%2040C6%2044%207%2047%2010%2050%22%20stroke%3D%22white%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.45%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E) center / 100% 100% no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2060%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%205C6%207%204%2012%204%2021L2%2030L4%2039C4%2048%206%2053%2012%2055%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2010C7%2013%206%2016%206%2020M6%2040C6%2044%207%2047%2010%2050%22%20stroke%3D%22white%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.45%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E) center / 100% 100% no-repeat;filter:drop-shadow(0 1px 1px #120d09) drop-shadow(0 0 2px currentColor);animation:nameplateTargetGlow 2.2s ease-in-out infinite}.wb-nameplate-target-frame:before{left:0}.wb-nameplate-target-frame:after{right:0;transform:scaleX(-1)}@keyframes nameplateTargetLock{0%{opacity:.35;transform:scaleX(1.06)}to{opacity:1;transform:scaleX(1)}}@keyframes nameplateTargetGlow{0%,to{opacity:.78}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.wb-nameplate-target-frame,.wb-nameplate-target-frame:before,.wb-nameplate-target-frame:after{animation:none}}.gs-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:2vh 2vw;background:#0806048c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.gs-modal-wrap{width:100%;max-width:1080px;height:min(760px,96vh)}.gs-layout{position:relative;height:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:26px;padding:6px 4px 4px}.gs-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px;border-bottom:2px solid rgba(120,80,30,.35);margin-bottom:8px}.gs-title{font-family:Alegreya SC,Georgia,serif;font-weight:900;font-size:30px;line-height:1;color:#3a2410;margin:0}.gs-close{width:38px;height:38px;border-radius:50%;border:2px solid #9a6a30;background:#fffaeb66;font-size:18px;font-weight:900;line-height:1;color:#6a3a12;cursor:pointer;transition:background .12s}.gs-close:hover{background:#fffaebcc}.gs-tabs{display:flex;flex-direction:column;gap:4px;overflow:auto;min-width:0}.gs-tab{transition:padding .15s,background .15s,color .15s;display:flex;align-items:center;height:42px;padding:0 14px;border-radius:8px;text-align:left;cursor:pointer;font-family:Alegreya SC,Georgia,serif;font-size:17px;font-weight:800;border:2px solid transparent;background:transparent;color:#5a3e22}.gs-tab:hover{background:#f0aa3238;color:#3a1802;padding-left:18px}.gs-tab--active{border-color:#d38a14;background:linear-gradient(90deg,#f0aa3280,#f0aa321a);color:#3a1802;box-shadow:inset 4px 0 #b0700f}.gs-content{overflow-y:auto;overflow-x:hidden;padding-right:8px;min-width:0}.gs-tabtitle{font-family:Alegreya SC,Georgia,serif;font-weight:900;font-size:24px;color:#3a2410;margin:0 0 6px}.gs-head{margin-top:16px;padding-bottom:6px;font-size:11.5px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#8a5a22;border-bottom:1px solid rgba(120,80,30,.3)}.gs-head:first-child{margin-top:2px}.gs-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px 2px;border-bottom:1px dashed rgba(120,80,30,.28)}.gs-row--disabled .gs-row-label,.gs-row--disabled .gs-row-hint{opacity:.55}.gs-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.gs-row-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;color:#3a2410}.gs-row-hint{font-size:12.5px;font-weight:600;line-height:1.35;color:#6a4a26}.gs-row-control{display:flex;align-items:center;gap:10px;justify-content:flex-end}.gs-dot{width:10px;height:10px;border-radius:50%}.gs-soon{flex:none;font-size:10.5px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#8a5a22;background:#9a6a302e;border:1px solid rgba(154,106,48,.4);border-radius:999px;padding:2px 7px}.gs-slider{width:min(220px,18vw);accent-color:#b0700f;cursor:pointer}.gs-slider:disabled{cursor:not-allowed;opacity:.6}.gs-slider-val{min-width:52px;text-align:right;font-family:Alegreya SC,Georgia,serif;font-weight:900;font-size:18px;color:#6a3a12}.gs-toggle{position:relative;width:52px;height:28px;flex:none;border-radius:15px;border:2px solid #9a6a30;background:#78501e33;box-shadow:inset 0 2px 3px #3c1e054d;cursor:pointer;padding:0;transition:background .15s,border-color .15s}.gs-toggle:hover:not(:disabled){box-shadow:inset 0 2px 3px #3c1e054d,0 0 0 3px #f0a02859}.gs-toggle:disabled{cursor:not-allowed}.gs-toggle--on{border-color:#5a2a04;background:linear-gradient(180deg,#ffd35e,#e0960f)}.gs-toggle-knob{position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#fffaf0,#e8d8b8);box-shadow:0 2px 3px #3c1e0573;transition:left .15s}.gs-toggle--on .gs-toggle-knob{left:27px}.gs-seg{display:flex;flex-wrap:wrap;justify-content:flex-end;border-radius:9px;border:2px solid #9a6a30;overflow:hidden}.gs-seg-opt{min-height:36px;padding:0 13px;border:0;border-right:1px solid rgba(120,80,30,.35);background:#fffaeb59;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;color:#4a3018;cursor:pointer}.gs-seg-opt:last-child{border-right:0}.gs-seg-opt:hover:not(:disabled){filter:brightness(1.12)}.gs-seg-opt--on{background:#6a3a12;color:#fff3d6}.gs-seg-opt:disabled{cursor:not-allowed}.gs-footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;margin-top:6px;border-top:2px solid rgba(120,80,30,.35)}.gs-keys-hint{font-size:13px;font-weight:600;color:#6a4a26;margin:0 0 8px}.gs-keys-table{display:grid;grid-template-columns:minmax(0,1fr) 106px 106px;gap:0 10px;align-items:center}.gs-keys-col-head{padding:6px 2px;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#8a5a22;border-bottom:1px solid rgba(120,80,30,.3)}.gs-keys-row{display:grid;grid-template-columns:minmax(0,1fr) 106px 106px;gap:10px;align-items:center;padding:5px 0;border-bottom:1px dashed rgba(120,80,30,.28);grid-column:1 / -1}.gs-key-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#3a2410;min-width:0}.gs-key-icon{width:26px;height:26px;flex:none;border-radius:6px;background:#2a1c10 center/cover no-repeat;box-shadow:0 0 0 1.5px #7a5024}.gs-keycap{width:100%;box-sizing:border-box;height:36px;border-radius:7px;border:2px solid #9a6a30;background:#fffaeb8c;box-shadow:inset 0 -3px #78501e40;font-family:Nunito,sans-serif;font-size:13px;font-weight:900;color:#3a2410;cursor:pointer}.gs-keycap:hover{border-color:#d38a14;background:#ffecaacc}.gs-keycap--empty{color:#a08a6a}.gs-keycap--listening{border-color:#d38a14;background:#ffd35e8c;animation:gs-blink 1s ease-in-out infinite}.gs-keys-note{margin-top:10px;font-size:13.5px;font-weight:800;color:#8a1f14}@keyframes gs-blink{0%,to{opacity:1}50%{opacity:.35}}.gs-account-block{display:flex;flex-direction:column;gap:0}.gs-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px dashed rgba(120,80,30,.28)}.gs-account-value{font-size:15px;font-weight:900;color:#3a2410}.gs-account-status{font-size:13px;font-weight:800}.gs-account-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding:10px 0}.gs-account-input{height:40px;border-radius:8px;background:#fffaebb3;border:2px solid #9a6a30;padding:0 12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;color:#3a2410;outline:none;min-width:0;box-sizing:border-box;width:100%}.gs-account-input:hover{border-color:#b07a30;background:#fffcf2d9}.gs-account-input:focus{border-color:#d38a14;box-shadow:0 0 0 3px #f0a02859}.gs-account-note{font-size:13px;font-weight:800;color:#8a6a44}.gs-account-note--ok{color:#2f6a12}.gs-account-note--err{color:#a3200f}.gs-account-danger-head{color:#8a1f14;border-bottom-color:#8a1f1459}.gs-account-signin{font-size:14px;font-weight:700;color:#6a4a26;padding:12px 2px}.gs-blacklist-row{display:flex;align-items:center;justify-content:space-between;padding:8px 2px;border-bottom:1px dashed rgba(120,80,30,.28)}@media(max-width:779px){.gs-backdrop{padding:0}.gs-modal-wrap{max-width:none;height:100dvh}.gs-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:0}.gs-title{font-size:24px}.gs-tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-bottom:6px;scrollbar-width:none}.gs-tab{flex:none;height:36px;padding:0 12px;font-size:15px}.gs-tab:hover{padding-left:12px}.gs-tab--active{box-shadow:inset 0 -3px #b0700f}.gs-row{gap:10px}.gs-slider{width:34vw}.gs-keys-table,.gs-keys-row{grid-template-columns:minmax(0,1fr) 76px 76px;gap:6px}.gs-footer{flex-wrap:wrap}}.cw-screen{position:absolute;inset:0;overflow:hidden;isolation:isolate;color:#fff5dd;font-family:Nunito,sans-serif;pointer-events:auto;outline:none}.cw-screen button,.cw-screen input{font:inherit}.cw-screen button{cursor:pointer}.cw-screen button:disabled{cursor:default}.cw-screen button:focus-visible{outline:2px solid #ffe5a4;outline-offset:5px}.cw-backdrop{position:absolute;inset:-4px;z-index:-3;background:url(/img/character-create/overlook.webp) center/cover no-repeat}.cw-screen--class .cw-backdrop,.cw-screen--review .cw-backdrop{filter:blur(1.5px)}.cw-screen--name .cw-backdrop{filter:blur(5px)}.cw-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#0e10166b,transparent 42%),linear-gradient(90deg,transparent 34%,#10151e69 75%,#0c131c5c)}.cw-screen--gender .cw-shade{background:linear-gradient(0deg,#11151f60,transparent 40%)}.cw-screen--review .cw-shade{background:linear-gradient(0deg,#0c1420b3,transparent 70%)}.cw-stage{position:relative;width:100%;height:100%;max-width:1920px;margin:auto}.cw-header{position:absolute;top:4.5%;left:50%;transform:translate(-50%);width:40%;z-index:5;text-align:center}.cw-brand{display:block;color:#efc77c;font-size:clamp(10px,1.1vw,17px);letter-spacing:.55em;text-shadow:0 2px 5px #152333}.cw-progress{position:relative;display:flex;justify-content:space-between;margin:16px auto 0;width:75%}.cw-progress:before{content:"";position:absolute;top:calc(clamp(32px,4vw,62px)/2);height:2px;left:12%;right:12%;background:#9c987a7d;z-index:-1}.cw-progress-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;color:#ced1d2;min-width:25%;text-shadow:0 2px 3px #102136}.cw-progress-step>span{display:grid;place-items:center;width:clamp(32px,4vw,62px);aspect-ratio:1;border:2px solid #a8b3b780;border-radius:50%;background:#223547e6;color:#acb4b9;font:600 clamp(17px,2.2vw,32px)/1 Georgia,serif}.cw-progress-step strong{font-weight:600;font-size:clamp(13px,1.5vw,23px)}.cw-progress-step[aria-current=step]>span{color:#fff4c6;border-color:#fff0b8;background:#654619;box-shadow:0 0 0 2px #987543,0 0 22px #f8c967a8,inset 0 0 12px #3c260f}.cw-progress-step[aria-current=step] strong{color:#ffebae}.cw-progress-step[data-complete=true]>span{border-color:#d8bd83;color:#eee0be}.cw-hero{position:absolute;width:50%;height:80%;bottom:4%;left:2%;pointer-events:none}.cw-hero-art,.cw-cast-shadow{position:absolute;bottom:0;left:50%;height:100%;width:auto;max-width:none;transform:translate(-50%);transform-origin:50% 100%;-webkit-user-select:none;user-select:none}.cw-hero-art{filter:drop-shadow(1px 3px 2px #2c211929)}.cw-cast-shadow{transform:translate(-50%) skew(-54deg) scaleY(-.16);filter:brightness(0) blur(4px);opacity:.3;-webkit-mask-image:linear-gradient(0deg,#000,transparent 95%);mask-image:linear-gradient(0deg,#000,transparent 95%)}.cw-contact-shadow{position:absolute;width:42%;height:3.5%;bottom:-1%;left:28%;border-radius:50%;background:radial-gradient(ellipse,#20180f8c,transparent 70%)}.cw-class-info{position:absolute;left:60%;right:5%;top:34%;text-shadow:0 2px 4px #14202e}.cw-class-title{display:flex;gap:clamp(14px,2vw,32px);align-items:flex-start}.cw-class-title>img{flex:none;width:clamp(48px,7vw,110px);height:auto;filter:drop-shadow(0 3px 4px #18150e80)}.cw-class-title h1{margin:0 0 9px;font:700 clamp(25px,3.1vw,48px)/1.05 "Alegreya SC",Georgia,serif;letter-spacing:.04em;text-transform:uppercase}.cw-class-title p{margin:0;font-size:clamp(14px,1.55vw,24px);line-height:1.5;color:#f2eadf}.cw-skills{display:flex;gap:clamp(12px,1.9vw,32px);margin-top:clamp(20px,3vw,48px);justify-content:space-between}.cw-skill{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;color:#fff4d7;min-width:0}.cw-skill>span,.cw-skill-icon{position:relative;display:grid;place-items:center;width:clamp(54px,7vw,122px);aspect-ratio:1;border:2px solid #bd9251;border-radius:50%;background:radial-gradient(circle at 45% 30%,#9d1d11,#260909 75%);box-shadow:inset 0 0 0 3px #1c1210,0 3px 8px #0008}.cw-skill img,.cw-skill-icon img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 2px 2px #0008)}.cw-skill:hover>span,.cw-skill[aria-pressed=true]>span{border-color:#ffe4a0;box-shadow:0 0 0 2px #b88636,0 0 18px #f6ba535e}.cw-class-arrow{position:absolute;top:45%;width:5%;padding:0;border:0;background:none;color:#f9dda0;font:400 clamp(52px,7vw,105px)/1 Georgia,serif!important;text-shadow:0 3px 3px #34281c,0 0 2px #fff1b1}.cw-class-arrow--previous{left:10%}.cw-class-arrow--next{left:47%}.cw-class-footer{position:absolute;left:3.5%;right:3.5%;bottom:5%;display:grid;grid-template-columns:3.3fr 1fr;gap:4%;align-items:end;z-index:4}.cw-classes{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.3vw,22px)}.cw-class-card{position:relative;min-width:0;height:clamp(78px,16dvh,172px);overflow:hidden;border:1px solid #aa8d58;border-radius:4px;color:#fff7de;background:#10151bbd;box-shadow:inset 0 0 0 3px #10151a66,0 3px 6px #0e151c80}.cw-class-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10151be6,transparent 70%);pointer-events:none}.cw-card-portrait{position:absolute;height:140%;width:88%;object-fit:cover;object-position:50% 10%;top:-12%;right:-5%;opacity:.85}.cw-card-emblem{position:absolute;z-index:1;top:12%;left:7%;width:25%;max-height:45%;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}.cw-class-card strong{position:absolute;z-index:2;bottom:8%;left:0;right:0;text-align:center;font:700 clamp(15px,1.8vw,28px)/1 "Alegreya SC",Georgia,serif;text-shadow:0 2px 4px #000;text-transform:uppercase}.cw-class-card[aria-checked=true]{border:2px solid #ffedb4;box-shadow:0 0 0 2px #ae8742,0 0 20px #ffd76b8c,inset 0 0 15px #c9a45c4d}.cw-class-card[aria-checked=true] .cw-card-portrait{opacity:1}.cw-leave{position:absolute;bottom:1%;left:4%;padding:0;border:0;background:none;color:#e5dcc9;font-size:clamp(12px,1.1vw,17px)!important;text-shadow:0 2px 4px #172338}.cw-button{width:100%}.cw-button>.wood-button-face>span{display:flex;align-items:center;justify-content:center;gap:12px}.cw-button b{font-size:1.25em;line-height:1;font-weight:400}.cw-bottom{position:absolute;bottom:8%;left:3%;right:3%;display:flex;justify-content:space-between;pointer-events:none;z-index:4}.cw-bottom>button{width:22%;pointer-events:auto}.cw-bottom .cw-button--back{width:17%;min-height:clamp(42px,8dvh,74px);font-size:clamp(16px,1.7vw,26px)!important}.cw-genders{position:absolute;inset:0}.cw-gender{position:absolute;bottom:17%;top:17%;width:40%;border:0;padding:0;background:none}.cw-gender--m{left:10%}.cw-gender--f{left:50%}.cw-gender .cw-hero{inset:0 0 5%;width:100%;height:95%}.cw-gender-symbol{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);display:grid;place-items:center;width:clamp(50px,7vw,110px);aspect-ratio:1;border-radius:50%;color:#c6c8c2;font-size:clamp(36px,5vw,78px);line-height:1;border:2px solid #aaa388;background:#202722e6;box-shadow:0 4px 9px #16201e85}.cw-gender[aria-checked=true] .cw-gender-symbol{color:#fff0b3;border-color:#ffebb0;background:#665020e6;box-shadow:0 0 0 2px #b38a3c,0 0 28px #ffce6b99,inset 0 0 20px #4b310c}.cw-gender:not([aria-checked=true]) .cw-hero-art{filter:brightness(.92)}.cw-gender-arrow.cw-class-arrow--previous{left:13%}.cw-gender-arrow.cw-class-arrow--next{left:auto;right:14%}.cw-hero--closeup{top:8%;bottom:auto;height:145%;width:65%;left:-7%}.cw-name-form{position:absolute;top:29%;left:57%;right:7%;text-align:center}.cw-name-form>.cw-brand{margin-bottom:clamp(14px,2.4dvh,26px)}.cw-avatar{position:relative;display:block;width:clamp(60px,8vw,130px);aspect-ratio:1;border:3px solid #dcba73;border-radius:50%;overflow:hidden;margin:0 auto 12px;background:#38463d;box-shadow:0 0 0 3px #273b3c,0 4px 12px #0c192c}.cw-avatar img{position:absolute;height:350%;width:auto;max-width:none;top:-5%;left:50%;transform:translate(-50%)}.cw-eyebrow{display:block;margin-bottom:8px;text-transform:uppercase;color:#f6d28c;font-size:clamp(12px,1.3vw,20px);letter-spacing:.09em;text-shadow:0 2px 4px #172236}.cw-name-form label{display:block;font:700 clamp(27px,3vw,46px)/1.2 "Alegreya SC",Georgia,serif;color:#fff2d5;margin:0 0 18px;text-shadow:0 2px 5px #0a1527}.cw-name-row{display:flex;gap:clamp(8px,1.2vw,18px)}.cw-name-row input{width:0;min-width:0;flex:1;height:clamp(48px,8dvh,78px);box-sizing:border-box;border:2px solid #c19d58;outline:none;border-radius:3px;background:#111a20e6;color:#fff0cd;padding:10px 18px;font-size:clamp(18px,1.8vw,28px);box-shadow:inset 0 0 0 2px #11191e;-webkit-user-select:text;user-select:text}.cw-screen .cw-name-row input::placeholder{color:#b8b5ab}.cw-name-row input:focus{border-color:#ffe0a2;box-shadow:0 0 0 2px #c49d5566}.cw-name-row input[aria-invalid=true]{border-color:#f1a082}.cw-dice{display:grid;place-items:center;aspect-ratio:1;height:clamp(48px,8dvh,78px);padding:8px;color:#e4c58b;border:2px solid #ae8b4e;border-radius:5px;background:#152229de}.cw-dice svg{width:100%;height:100%}.cw-name-hint{margin:9px 0 14px;min-height:2.6em;font-size:clamp(12px,1.15vw,18px);line-height:1.35;color:#e3d7be;text-align:left;text-shadow:0 1px 4px #131c29}.cw-name-hint[data-error=true]{color:#ffd0af}.cw-name-hint[data-valid=true]{color:#d3edac}.cw-review{position:absolute;left:50%;transform:translate(-50%);width:min(660px,70%);bottom:10%;text-align:center}.cw-review h1{margin:0 0 8px;font:700 clamp(30px,3.2vw,50px)/1.1 "Alegreya SC",Georgia,serif;text-shadow:0 2px 5px #152036}.cw-review p{margin:0 0 22px;font-size:clamp(16px,1.7vw,25px);text-shadow:0 2px 5px #152036}.cw-hero--review{left:25%;bottom:33%;height:62%}.cw-edit{display:block;margin:20px auto 0;padding:4px 20px;background:none;border:0;color:#e9dfc6;font-size:clamp(15px,1.5vw,23px)!important;text-shadow:0 2px 4px #152036}.cw-skill-heading{display:flex;align-items:center;gap:18px;padding-right:22px}.cw-skill-heading .cw-skill-icon{flex:none;width:78px;border-radius:10px}.cw-skill-heading h2{margin:0 0 8px;font:700 28px/1 Alegreya SC,Georgia,serif}.cw-skill-heading p{display:flex;flex-wrap:wrap;gap:10px;margin:0;font-size:14px}.cw-skill-heading em{padding:2px 12px;background:#a32e1c;color:#ffe2ba;border-radius:3px;font-size:12px;font-style:normal}.cw-skill-help{font-size:15px;line-height:1.45;margin:16px 0;text-align:center;color:#d5cbb8}.cw-demo{position:relative;border:1px solid #8d7952;background:#172019}.cw-screen .cw-demo .ws-skill-preview canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:0;background:url(/img/character-create/overlook.webp) center 73%/cover}.cw-demo .ws-skill-preview p{display:none}.cw-demo-arrow{position:absolute;top:40%;background:none;border:0;color:#f4d492;font:400 42px/1 Georgia,serif!important;text-shadow:0 2px 3px #10151f;padding:5px 12px}.cw-demo-arrow--previous{left:0}.cw-demo-arrow--next{right:0}.cw-demo-dots{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;gap:8px}.cw-demo-dots i{width:6px;height:6px;border:1px solid #e3c586;border-radius:50%;background:#20262a}.cw-demo-dots i[data-active=true]{background:#ffe5a0;box-shadow:0 0 6px #ffcb63}.cw-skills--dialog{gap:12px;margin-top:20px}.cw-skills--dialog .cw-skill{flex:1}.cw-skills--dialog .cw-skill>span{width:60px;border-radius:8px}.cw-skills--dialog .cw-skill strong{margin-top:9px;font-size:14px;font-weight:500;text-align:center}@media(min-width:1600px)and (min-aspect-ratio:2/1){.cw-stage{max-width:190dvh}}@media(max-width:780px)and (orientation:portrait){.cw-header{top:3.5%;width:82%}.cw-brand{font-size:11px}.cw-progress{width:76%;margin-top:12px}.cw-progress-step strong{font-size:14px}.cw-progress-step>span{width:34px;font-size:20px}.cw-progress:before{top:17px}.cw-backdrop{background-position:50% 50%}.cw-class-info{top:50%;left:8%;right:8%}.cw-class-title{gap:14px}.cw-class-title>img{width:44px}.cw-class-title h1{font-size:27px;margin-bottom:6px}.cw-class-title p{font-size:14px;line-height:1.4}.cw-hero--class{height:47%;bottom:45%;left:0;width:100%}.cw-class-arrow{top:29%;font-size:64px!important;width:10%}.cw-class-arrow--previous{left:5%}.cw-class-arrow--next{left:auto;right:5%}.cw-skills{margin-top:16px;gap:16px;justify-content:center}.cw-skill>span{width:54px}.cw-class-footer{left:5%;right:5%;bottom:5%;display:flex;flex-direction:column;align-items:stretch;gap:15px}.cw-classes{gap:8px}.cw-class-card{height:78px}.cw-class-card strong{font-size:13px;bottom:9%}.cw-card-emblem{width:26%}.cw-next{align-self:center;width:70%}.cw-button{min-height:52px;font-size:20px!important}.cw-leave{bottom:1%;left:6%;font-size:13px!important}.cw-gender{width:50%;top:24%;bottom:25%}.cw-gender--m{left:0}.cw-gender--f{left:50%}.cw-gender .cw-hero{height:100%;bottom:0}.cw-gender-symbol{width:52px;font-size:38px}.cw-gender-arrow.cw-class-arrow--previous{left:1%}.cw-gender-arrow.cw-class-arrow--next{right:1%}.cw-bottom{bottom:7%;left:5%;right:5%}.cw-bottom>button{width:47%}.cw-bottom .cw-button--back{width:39%;min-height:48px;font-size:17px!important}.cw-hero--closeup{left:-17%;width:100%;top:16%;height:112%;opacity:.65}.cw-screen--name .cw-shade{background:linear-gradient(0deg,#0e1824f0 15%,#0c17248a 65%,#14223533)}.cw-name-form{top:38%;left:7%;right:7%}.cw-name-form>.cw-brand{display:none}.cw-avatar{width:68px;margin-bottom:12px}.cw-eyebrow{font-size:12px}.cw-name-form label{font-size:29px;margin-bottom:16px}.cw-name-row input{font-size:18px;height:50px;padding-inline:12px}.cw-dice{height:50px}.cw-name-hint{font-size:12px;margin-bottom:15px;min-height:34px}.cw-hero--review{left:0;width:100%;height:53%;bottom:38%}.cw-review{bottom:16%;width:88%}.cw-review h1{font-size:31px}.cw-review p{font-size:16px;margin-bottom:22px}.cw-edit{font-size:16px!important;margin-top:18px}.cw-modal-backdrop{padding:16px}.cw-skill-dialog{width:100%;padding:20px 16px}.cw-skill-heading{gap:12px}.cw-skill-heading .cw-skill-icon{width:58px}.cw-skill-heading h2{font-size:24px}.cw-skill-heading p{font-size:12px;gap:5px}.cw-skill-help{font-size:14px}.cw-skills--dialog .cw-skill>span{width:48px}.cw-skills--dialog .cw-skill strong{font-size:11px}}@media(max-height:700px)and (orientation:portrait){.cw-hero--class{height:43%;bottom:46%}.cw-class-info{top:49%}.cw-class-title p{font-size:12px}.cw-class-title h1{font-size:24px}.cw-class-title>img{width:32px}.cw-skill>span{width:46px}.cw-skills{margin-top:10px}.cw-class-card{height:65px}.cw-class-footer{gap:12px;bottom:5%}.cw-name-form{top:31%}}@media(max-height:600px)and (orientation:landscape){.cw-header{top:4%}.cw-progress{margin-top:10px}.cw-name-form{top:25%}.cw-name-form>.cw-brand{margin-bottom:14px}.cw-name-form label{margin-bottom:10px}.cw-name-hint{margin:6px 0 9px;font-size:11px}.cw-avatar{width:60px;margin-bottom:10px}.cw-skill-dialog{width:480px;padding:18px 22px}.cw-skill-heading .cw-skill-icon{width:54px}.cw-skill-heading h2{font-size:23px}.cw-skill-help{font-size:13px;margin:8px 0}.cw-demo{width:85%;margin:auto}.cw-skills--dialog{margin-top:12px}.cw-skills--dialog .cw-skill>span{width:44px}.cw-skills--dialog .cw-skill strong{margin-top:5px;font-size:12px}}.cw-progress-step>span{text-shadow:none}.cw-screen--review .cw-stage{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:9dvh 0 10dvh;gap:16px}.cw-screen--review .cw-hero--review{position:relative;left:auto;bottom:auto;flex:1;width:70%;height:0;min-height:0}.cw-screen--review .cw-review{position:relative;left:auto;bottom:auto;transform:none;flex:none}@media(max-width:780px)and (orientation:portrait){.cw-hero--class{height:35%;bottom:50%}.cw-class-info{top:52%}.cw-screen--review .cw-stage{padding-bottom:14dvh}}.cw-class-title h1{font-family:Georgia,serif;font-size:clamp(23px,2.8vw,44px);letter-spacing:.045em}.cw-class-title>img{width:clamp(48px,8vw,125px)}.cw-class-title p{font-size:clamp(13px,1.52vw,23px);line-height:1.42;text-shadow:0 1px 2px #172334}.cw-class-card strong{font-family:Georgia,serif;font-size:clamp(14px,1.55vw,24px);letter-spacing:.025em}.cw-gender{top:21%;bottom:26%}.cw-gender .cw-hero{height:100%;bottom:0}.cw-name-form label{font-family:Georgia,serif;font-size:clamp(25px,2.8vw,44px)}.cw-review h1{font-family:Georgia,serif;font-size:clamp(28px,3vw,46px)}.cw-screen .cw-button.wood-button{--wood-radius:12px;--wood-face-radius:8px;min-width:0;min-height:clamp(48px,9dvh,82px);clip-path:none;filter:none;font-family:Nunito,sans-serif;font-size:clamp(18px,1.8vw,28px)!important}.cw-screen .cw-button.wood-button:not(:disabled){--wood-face-gradient:linear-gradient(135deg,#ffe49b,#e9bc61 35%,#c18a30 78%,#ae7622);color:#4c2e0b!important;text-shadow:0 1px 0 #fff0c3!important}.cw-screen .cw-button.wood-button:before{content:none}.cw-screen .cw-button.wood-button:after{inset:-2.5px;z-index:2;clip-path:none;background:linear-gradient(180deg,#fff2b0,#e9ba57 12%,#a46a21 35%,#73420f 49%,#bf8631 62%,#f1c66a 83%,#9a5f1a);box-shadow:inset 0 1px #fff7cda0,inset 0 -1px #60350b}.cw-screen .cw-button.wood-button>.wood-button-face{gap:12px;text-shadow:0 1px 0 #fff0c3}.cw-screen .cw-button.wood-button:not(:disabled) span{text-shadow:0 1px 0 #fff0c3}.cw-screen .cw-button--back.wood-button{min-height:clamp(42px,8dvh,70px);font-size:clamp(16px,1.6vw,24px)!important}.cw-class-info--skill{inset:20% 4% 23% 59%;display:flex;flex-direction:column;box-sizing:border-box;padding:clamp(10px,1.1vw,20px);border:1px solid #b99b6280;border-radius:4px;background:#12202cd9;box-shadow:inset 0 0 0 3px #17212a80,0 8px 24px #10203133;text-shadow:none}.cw-inline-close{position:absolute;right:6px;top:5px;padding:0 5px;border:0;background:none;color:#e7c88b;font:300 28px/1 Georgia,serif!important;z-index:2}.cw-class-info--skill .cw-skill-heading{flex:none;gap:clamp(10px,1vw,18px);padding-right:12px}.cw-class-info--skill .cw-skill-heading .cw-skill-icon{width:clamp(36px,4.5vw,70px);border-radius:6px}.cw-class-info--skill .cw-skill-heading h2{font-family:Georgia,serif;font-size:clamp(20px,2.3vw,32px);margin-bottom:6px}.cw-class-info--skill .cw-skill-heading p{gap:7px;font-size:clamp(10px,1.1vw,16px)}.cw-class-info--skill .cw-skill-heading em{font-size:clamp(9px,.9vw,13px);padding:1px 7px}.cw-class-info--skill .cw-skill-help{flex:none;margin:8px 0 10px;font-size:clamp(12px,1.2vw,18px);line-height:1.35;text-align:left}.cw-class-info--skill .cw-demo{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;background:url(/img/character-create/overlook.webp) center 73%/cover}.cw-class-info--skill .cw-demo .ws-skill-preview{height:100%;width:auto;max-width:100%;aspect-ratio:16/9}.cw-screen .cw-class-info--skill .cw-demo .ws-skill-preview canvas{height:100%;width:100%;background:none}.cw-class-info--skill .cw-demo-arrow{top:30%;font-size:32px!important;padding:3px 6px}.cw-class-info--skill .cw-skills--dialog{flex:none;margin-top:12px;gap:8px}.cw-class-info--skill .cw-skills--dialog .cw-skill>span{width:clamp(34px,4.7vw,72px);border-radius:5px}.cw-class-info--skill .cw-skills--dialog .cw-skill strong{font-size:clamp(10px,1vw,15px);line-height:1.2;margin-top:7px}@media(max-width:780px)and (orientation:portrait){.cw-class-title>img{width:44px}.cw-class-title h1{font-size:25px}.cw-class-title p{font-size:14px}.cw-class-card strong{font-size:12px}.cw-gender{top:25%;bottom:27%}.cw-gender .cw-hero{height:100%}.cw-screen .cw-button.wood-button{min-height:52px;font-size:20px!important}.cw-screen .cw-button--back.wood-button{min-height:46px;font-size:17px!important}.cw-name-form label{font-size:28px}.cw-review h1{font-size:29px}.cw-class-info--skill{inset:34% 5% 25%;padding:12px}.cw-class-info--skill .cw-skill-heading .cw-skill-icon{width:40px}.cw-class-info--skill .cw-skill-heading h2{font-size:22px}.cw-class-info--skill .cw-skill-heading p{font-size:11px}.cw-class-info--skill .cw-skill-heading em{font-size:10px}.cw-class-info--skill .cw-skill-help{font-size:13px}.cw-class-info--skill .cw-skills--dialog .cw-skill>span{width:42px}.cw-class-info--skill .cw-skills--dialog .cw-skill strong{font-size:10px}}@media(max-height:700px)and (orientation:portrait){.cw-class-info--skill{top:26%;bottom:27%}.cw-class-title p{font-size:12px}.cw-class-title>img{width:32px}}.cw-backdrop--layered{inset:0;background:none;overflow:hidden;pointer-events:none;--cw-sunlight:1}.cw-world{position:absolute;left:50%;top:50%;width:max(100vw,177.6833dvh);aspect-ratio:1672/941;transform:translate(-50%,-50%) scale(1.035)}.cw-world-sky{position:absolute;inset:0;background:radial-gradient(ellipse 48% 42% at 88% 8%,#fff0aa5e,transparent),linear-gradient(124deg,#0474e9,#1680f3 18%,#3b92f8 32%,#6eaaf5 44%,#b3b9dc,#efc4ae 76%,#fed48a)}.cw-world-sun{position:absolute;inset:0;pointer-events:none}.cw-world-sun>img{position:absolute;left:85%;top:4%;width:34%;height:auto;transform:translate(-50%,-50%);mix-blend-mode:screen;opacity:var(--cw-sunlight)}.cw-world-sun>span{position:absolute;left:85%;top:4%;width:75%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff0bc99,#ffdf9436 28%,transparent 62%);mix-blend-mode:screen;opacity:calc(.3 + .7 * var(--cw-sunlight))}.cw-world-clouds{position:absolute;left:0;right:0;background-size:auto 100%;background-repeat:repeat-x;pointer-events:none}.cw-world-clouds--far{top:-5%;height:28%;background-image:url(/img/warshards/menu/clouds-far.webp);opacity:.83;filter:sepia(.1)}.cw-world-clouds--near{top:2%;height:31%;background-image:url(/img/warshards/menu/clouds-near.webp);opacity:.87}.cw-world-layer{position:absolute;inset:0;will-change:transform}.cw-world-layer>img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.cw-world-layer--forest{translate:0 350px}.cw-world-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 87% 4%,#ffeac32c,transparent 62%);mix-blend-mode:screen;opacity:var(--cw-sunlight)}.cw-shade{background:linear-gradient(0deg,#0a111b4d,transparent 42%)}.cw-class-card{overflow:visible;isolation:isolate;background:none;border:0;box-shadow:none;height:clamp(72px,14.5dvh,156px)}.cw-class-card:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid #b4a07899;border-radius:3px;background:linear-gradient(120deg,#102235c2,#07131ab3);box-shadow:inset 0 0 0 2px #0b152766}.cw-class-card:after{z-index:1;background:linear-gradient(0deg,#07101af5 0%,#0b152b85 35%,transparent 78%);border-radius:3px}.cw-card-portrait{top:-25%;height:125%;width:88%;right:-2%;z-index:0;object-fit:cover;object-position:50% 5%;opacity:.9;-webkit-mask-image:linear-gradient(0deg,transparent,#000 36%);mask-image:linear-gradient(0deg,transparent,#000 36%)}.cw-card-emblem{z-index:2;top:17%;left:7%;width:23%}.cw-class-card strong{z-index:2;bottom:9%;font-size:clamp(12px,1.4vw,23px)}.cw-class-card[aria-checked=true]{border:0;box-shadow:none;filter:drop-shadow(0 0 5px #f8d67f88)}.cw-class-card[aria-checked=true]:before{border:2px solid #ffedac;box-shadow:inset 0 0 0 1px #b88f4b,0 0 0 1px #cba04d}.cw-class-title{position:relative;isolation:isolate}.cw-class-title:before{content:"";position:absolute;inset:-22px -20px -22px -18px;z-index:-1;background:radial-gradient(ellipse,#07132085,#0a172747 48%,transparent 74%);filter:blur(7px);pointer-events:none}.cw-class-title p{font-size:clamp(12px,1.4vw,21px);line-height:1.4}.cw-class-title h1{font-size:clamp(21px,2.65vw,42px)}.cw-screen .cw-button{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;min-width:0;min-height:clamp(42px,8.5dvh,76px);padding:9px 22px;border:0;border-radius:0;background:none;box-shadow:none;color:#3b270c;font:700 clamp(16px,1.65vw,26px)/1.15 Nunito,sans-serif;text-shadow:0 1px 0 #fff1c4;filter:drop-shadow(0 3px 2px #0c172780)}.cw-button-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.cw-button-red,.cw-button--red .cw-button-gold{display:none}.cw-button--red .cw-button-red{display:block}.cw-screen .cw-button--red{color:#fff4da;text-shadow:0 1px 2px #5c200e}.cw-button-label,.cw-button-label>span{display:flex;align-items:center;justify-content:center;gap:12px}.cw-button-label{position:relative}.cw-button:not(:disabled):hover .cw-button-gold,.cw-button:not(:disabled):hover .cw-button-red{filter:brightness(1.07)}.cw-button:not(:disabled):active .cw-button-label{transform:translateY(1px)}.cw-screen .cw-button:disabled{filter:saturate(.35) brightness(.8);cursor:default}.cw-screen .cw-button--back{min-height:clamp(38px,7.4dvh,64px);font-size:clamp(14px,1.4vw,22px);color:#fff7e6;background:#17232d45;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);text-shadow:0 1px 3px #101a25;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.cw-button--back .cw-button-gold,.cw-button--back .cw-button-red{display:none}.cw-button--back .cw-button-base{fill:#101e2930;stroke:#e2d7b875;stroke-width:1}.cw-button--back .cw-button-glint{opacity:.25}.cw-gender-symbol{width:clamp(40px,5.5vw,78px);border-width:1px;background:#1d2932a3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 3px 7px #0a17234d;color:#d5d5ca}.cw-gender-symbol>svg{width:56%;height:56%;display:block}.cw-gender[aria-checked=true] .cw-gender-symbol{background:#634a20a6;border-color:#ffe6a9;box-shadow:0 0 0 1px #b18c4f,0 0 18px #f1c05c65,inset 0 0 9px #332712;color:#fff0c9}.cw-cast-shadow{transform:translate(-50%) skew(-48deg) scaleY(-.22);filter:brightness(0) blur(3px);opacity:calc(.28 + .25 * var(--cw-sunlight,1));-webkit-mask-image:linear-gradient(0deg,#000 10%,#0009 60%,transparent 98%);mask-image:linear-gradient(0deg,#000 10%,#0009 60%,transparent 98%)}.cw-contact-shadow{height:4%;bottom:-1.1%;width:46%;left:27%;background:radial-gradient(ellipse,#15140fc9,#1b180e60 40%,transparent 72%)}.cw-name-form label{font-size:clamp(24px,2.7vw,40px)}.cw-name-form .cw-name-row input{height:clamp(42px,7.2dvh,70px);font-size:clamp(16px,1.65vw,26px)}.cw-name-form .cw-dice{height:clamp(42px,7.2dvh,70px)}.cw-name-form .cw-name-hint{font-size:clamp(11px,1vw,16px);min-height:1.35em;margin:5px 0 10px}.cw-class-info--skill{inset:19% 4% 24% 59%;padding:0;background:none;border:0;box-shadow:none;gap:12px}.cw-skill-card{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding:clamp(10px,1vw,18px);border:1px solid #a88e5880;border-radius:4px;background:linear-gradient(140deg,#0d1a26e8,#0b151feb);box-shadow:inset 0 0 0 3px #10203066,0 6px 16px #101a2940;box-sizing:border-box}.cw-class-info--skill .cw-skill-heading{gap:10px}.cw-class-info--skill .cw-skill-heading h2{font-size:clamp(17px,1.9vw,29px);letter-spacing:.015em;text-transform:uppercase}.cw-class-info--skill .cw-skill-heading .cw-skill-icon{width:clamp(32px,4.1vw,64px);border-radius:50%}.cw-class-info--skill .cw-skill-heading p{font-size:clamp(10px,1vw,15px)}.cw-class-info--skill .cw-skill-heading em{display:none}.cw-class-info--skill .cw-skill-help{font-size:clamp(11px,1.1vw,17px);line-height:1.35;margin:7px 0 10px}.cw-class-info--skill .cw-demo{width:100%;margin:0;overflow:hidden;flex:1;min-height:0;display:block;background:linear-gradient(#09131ea8,#13251c33),url(/img/character-create/overlook.webp) 50% 83%/260% auto no-repeat;box-shadow:inset 0 -10px 18px #0d181c45;border-color:#b39c6485}.cw-class-info--skill .cw-demo .ws-skill-preview{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto}.cw-screen .cw-class-info--skill .cw-demo .ws-skill-preview canvas{width:100%;height:100%;background:none;aspect-ratio:auto;object-fit:contain}.cw-class-info--skill .cw-skills--dialog{margin:0;justify-content:space-between;gap:14px}.cw-class-info--skill .cw-skills--dialog .cw-skill{flex:none}.cw-class-info--skill .cw-skills--dialog .cw-skill>span{width:clamp(45px,6vw,100px);border-radius:50%}.cw-class-info--skill .cw-skill[aria-pressed=true]>span{box-shadow:0 0 0 1px #ffda7a,0 0 16px #ffb8309c;border-color:#ffe4a0}@media(max-width:780px)and (orientation:portrait){.cw-class-card{height:72px}.cw-card-portrait{top:-22%;height:122%}.cw-class-card strong{font-size:11px}.cw-class-title h1{font-size:24px}.cw-class-title p{font-size:13px}.cw-class-title:before{inset:-14px -16px}.cw-screen .cw-button{min-height:48px;font-size:18px}.cw-screen .cw-button--back{min-height:42px;font-size:15px}.cw-gender-symbol{width:43px}.cw-name-form label{font-size:26px}.cw-class-info--skill{inset:34% 5% 25%;padding:0;gap:12px}.cw-skill-card{padding:11px}.cw-class-info--skill .cw-skill-heading .cw-skill-icon{width:36px}.cw-class-info--skill .cw-skill-heading h2{font-size:19px}.cw-class-info--skill .cw-skill-help{font-size:12px}.cw-class-info--skill .cw-skills--dialog .cw-skill>span{width:48px}}@media(max-height:700px)and (orientation:portrait){.cw-class-card{height:62px}.cw-class-info--skill{top:27%;bottom:27%}}@media(prefers-reduced-motion:reduce){.cw-world-layer{will-change:auto}}.cw-card-portrait,.cw-card-emblem,.cw-class-card strong{pointer-events:none}@media(max-height:400px)and (orientation:landscape){.cw-class-info{top:33%}.cw-class-title{gap:10px}.cw-class-title>img{width:42px}.cw-class-title h1{font-size:20px;margin-bottom:6px}.cw-class-title p{font-size:11px;line-height:1.3}.cw-skills{margin-top:13px;gap:10px}.cw-skill>span{width:40px}.cw-class-card{height:58px}.cw-class-card strong{font-size:10px}.cw-class-info--skill{top:22%;bottom:24%;gap:8px}.cw-skill-card{padding:8px}.cw-class-info--skill .cw-skill-heading h2{font-size:15px}.cw-class-info--skill .cw-skill-heading .cw-skill-icon{width:27px}.cw-class-info--skill .cw-skill-help{font-size:10px;margin:5px 0}.cw-class-info--skill .cw-skills--dialog .cw-skill>span{width:34px}.cw-avatar{width:46px;margin-bottom:5px}.cw-name-form>.cw-brand{margin-bottom:8px}.cw-eyebrow{font-size:10px}.cw-name-form label{font-size:22px;margin-bottom:8px}}.cw-scene-heading,.cw-scene-brand,.cw-scene-back,.cw-card-frame,.cw-skills-caption{display:none}@media(orientation:landscape){.cw-screen--gender .cw-gender--m{left:16%}.cw-screen--gender .cw-gender--f{left:44%}}.cw-screen--gender .cw-gender--m .cw-hero[data-class=archer]{translate:0 4px}.cw-screen--class .cw-stage{max-width:none}.cw-screen--class .cw-world{top:54%;width:max(112vw,199.01dvh)}.cw-screen--class .cw-backdrop{filter:none}.cw-screen--class .cw-shade{background:linear-gradient(0deg,#0c131e4d,transparent 29%)}.cw-screen--class .cw-header{top:2.5%;width:28%;z-index:5}.cw-screen--class .cw-header>.cw-brand{display:none}.cw-screen--class .cw-progress{width:76%;margin:0 auto}.cw-screen--class .cw-progress-step>span{width:clamp(25px,2.5vw,43px);font-size:clamp(15px,1.5vw,25px);border-width:1px}.cw-screen--class .cw-progress:before{top:clamp(13px,1.25vw,22px)}.cw-screen--class .cw-progress-step strong{font-size:clamp(11px,1.2vw,20px);font-weight:500}.cw-scene-heading{display:flex;align-items:center;gap:clamp(16px,2.4vw,40px);position:absolute;left:3.3%;top:3%;z-index:6;color:#f4dc9c;text-shadow:0 2px 5px #171b20}.cw-scene-heading button{padding:0;border:0;background:none;color:inherit;font:400 clamp(26px,3vw,48px)/1 Georgia,serif}.cw-scene-heading h2{margin:0;font:700 clamp(18px,1.9vw,32px)/1.15 Georgia,serif;text-transform:uppercase;letter-spacing:.025em}.cw-scene-brand{display:block;position:absolute;right:2%;top:4%;font-size:clamp(10px,1.25vw,20px);letter-spacing:.55em;color:#f4ca79;text-shadow:0 2px 4px #111c29;z-index:5}.cw-scene-scrim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 28% 58% at 91% 47%,#191910e8 8%,#1d1b12d4 47%,#25201859 74%,transparent 100%),radial-gradient(ellipse 19% 47% at 4% 42%,#20190f86,transparent 100%)}.cw-screen--class .cw-hero--class{left:25%;width:44%;height:69%;bottom:16%;z-index:1}.cw-screen--class .cw-hero-art{filter:drop-shadow(0 1px 1px #251b1440)}.cw-screen--class .cw-cast-shadow{transform:translate(-50%) skew(-54deg) scaleY(-.19);filter:brightness(0) blur(2px);opacity:calc(.36 + .22 * var(--cw-sunlight,1));-webkit-mask-image:linear-gradient(0deg,#000 8%,#000b 45%,transparent 100%);mask-image:linear-gradient(0deg,#000 8%,#000b 45%,transparent 100%)}.cw-hero{container-type:size}.cw-ground-shadow{position:absolute;max-width:none;pointer-events:none;opacity:calc(.7 + .3 * var(--cw-sunlight,1));visibility:visible}.cw-foot-shadow{display:block;position:absolute;height:1.7cqh;transform:translate(-50%,48%);border-radius:50%;background:radial-gradient(ellipse,#19110de6 9%,#241b0f99 43%,transparent 75%);pointer-events:none}.cw-screen--class .cw-class-arrow{top:45%;z-index:2;font-size:clamp(44px,5.5vw,88px)!important;width:4%}.cw-screen--class .cw-class-arrow--previous{left:28%}.cw-screen--class .cw-class-arrow--next{left:63%}.cw-screen--class .cw-classes{position:absolute;left:2.5%;top:15%;bottom:33%;width:19.4%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:1.5dvh;z-index:4}.cw-screen--class .cw-class-card{height:auto;width:100%;min-height:0;overflow:visible;isolation:isolate;filter:none;background:none;border:0;border-radius:0;box-shadow:none;padding:0}.cw-screen--class .cw-class-card:not(:disabled):hover,.cw-screen--class .cw-class-card:not(:disabled):active{filter:none;transform:none}.cw-class-card:hover .cw-card-glare{opacity:1}.cw-screen--class .cw-class-card:before{content:none}.cw-screen--class .cw-class-card:after{content:none}.cw-card-surface{position:absolute;inset:0;background:linear-gradient(115deg,#201d19b8,#171815cc);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none;z-index:-1}.cw-card-glare{position:absolute;inset:0;background:radial-gradient(ellipse 30% 110% at 99% 20%,#efb86919,transparent 76%),linear-gradient(128deg,transparent 60%,#e9b96409 76%,transparent 88%);opacity:.7}.cw-class-card[aria-checked=true] .cw-card-surface{background:radial-gradient(ellipse 80% 140% at 100% 5%,#a86b2540,transparent 73%),linear-gradient(115deg,#2b210ec4,#241a0cd4)}.cw-class-card[aria-checked=true] .cw-card-glare{opacity:1}.cw-card-frame{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:3;pointer-events:none}.cw-card-metal{fill:none;stroke:#968366;stroke-width:1.4;stroke-linejoin:round}.cw-card-inlay{fill:none;stroke:#b6996438;stroke-width:.8}.cw-card-corners{fill:none;stroke:#b3a078;stroke-width:1.8}.cw-card-scars{fill:none;stroke:#0e0b0799;stroke-width:.9;stroke-linecap:round}.cw-screen--class .cw-class-card[aria-checked=true]{filter:none}.cw-class-card[aria-checked=true] .cw-card-frame{filter:drop-shadow(0 0 1px #ffd87d) drop-shadow(0 0 5px #ffae37b3)}.cw-class-card[aria-checked=true] .cw-card-metal{fill:none;stroke:#ffe9aa;stroke-width:2.3}.cw-class-card[aria-checked=true] .cw-card-inlay{stroke:#dd9f4059}.cw-class-card[aria-checked=true] .cw-card-corners{stroke:#fff0bb;stroke-width:2.8}.cw-card-mote{position:absolute;right:1%;top:20%;width:2px;height:2px;border-radius:50%;background:#ffe5a0;box-shadow:0 0 4px #ffb743;opacity:0;pointer-events:none}.cw-class-card[aria-checked=true] .cw-card-mote{animation:cw-frame-ember 5.8s linear infinite}.cw-card-mote:nth-of-type(3){top:58%;animation-delay:-2s!important}.cw-card-mote:nth-of-type(4){top:84%;animation-delay:-4s!important}@keyframes cw-frame-ember{0%,8%,to{opacity:0;transform:translate(0) scale(.5)}17%{opacity:.7}62%{opacity:.2}83%{opacity:0;transform:translate(-60px,-14px) scale(.3)}}.cw-screen--class .cw-world-light{background:radial-gradient(ellipse 62% 80% at 92% 0%,#ffd48c40,transparent 76%)}@media(prefers-reduced-motion:reduce){.cw-class-card[aria-checked=true] .cw-card-mote{animation:none}}.cw-card-portrait-window{position:absolute;inset:-8% 2px 2px;display:block;overflow:hidden;pointer-events:none;z-index:4}.cw-screen--class .cw-card-portrait{left:-3%;right:auto;top:0;width:44%;height:145%;object-fit:cover;object-position:50% 0;opacity:1;-webkit-mask-image:none;mask-image:none;clip-path:none;filter:drop-shadow(2px 2px 2px #1e130d55)}.cw-screen--class .cw-card-emblem{left:auto;right:5%;top:34%;width:12%;height:auto;z-index:5;filter:drop-shadow(0 2px 2px #0008)}.cw-screen--class .cw-class-card strong{inset:43% 18% auto 39%;z-index:5;text-align:left;font:500 clamp(12px,1.35vw,23px)/1.1 Georgia,serif;text-transform:uppercase;letter-spacing:0;text-shadow:0 2px 4px #000}.cw-screen--class .cw-class-info{inset:24% 0 32% 71%;display:flex;flex-direction:column;gap:0;padding:0 2.5vw 0 0;box-sizing:border-box;border:0;background:none;box-shadow:none;z-index:3}.cw-screen--class .cw-class-title{flex:none;gap:clamp(12px,1.5vw,25px)}.cw-screen--class .cw-class-title:before{content:none}.cw-screen--class .cw-class-title>img{width:clamp(46px,6vw,100px)}.cw-screen--class .cw-class-title h1{font:700 clamp(20px,2.2vw,37px)/1.1 Georgia,serif;letter-spacing:.025em;margin:0 0 10px}.cw-screen--class .cw-class-title p{font-size:clamp(10px,1.25vw,21px);line-height:1.45;color:#f2ece5;text-shadow:0 1px 3px #0a131c}.cw-skills-caption{display:block;position:relative;flex:none;margin:clamp(16px,2.5dvh,28px) 0 0;padding-top:clamp(16px,2.5dvh,26px);border-top:1px solid #b4985e9c;color:#f3d384;font:500 clamp(13px,1.4vw,23px)/1.2 Georgia,serif}.cw-skills-caption:before{content:"◇";position:absolute;top:-.6em;left:49%;font-size:14px;line-height:1;background:#1a2327;color:#c5a161}.cw-screen--class .cw-skills{gap:clamp(8px,1vw,18px);margin-top:clamp(18px,2.8dvh,30px);align-items:flex-start}.cw-screen--class .cw-skill{width:22%;flex:none}.cw-screen--class .cw-skill>span{width:100%;box-sizing:border-box;max-width:96px}.cw-screen--class .cw-skill strong{margin-top:8px;font-size:clamp(9px,.9vw,15px);line-height:1.2;font-weight:500;text-align:center;color:#f2ece2}.cw-screen--class .cw-class-footer{left:71%;right:0;padding-right:2.5vw;bottom:20.5%;display:block;z-index:4}.cw-screen--class .cw-next{width:100%;min-height:clamp(42px,8.5dvh,80px);font:700 clamp(18px,1.9vw,32px)/1 Georgia,serif;letter-spacing:0}.cw-screen--class .cw-next b{font:400 1.4em/1 Georgia,serif}.cw-screen .cw-scene-back{display:inline-flex;position:absolute;left:2.5%;bottom:5.5%;width:13%;min-height:clamp(36px,7.3dvh,68px);padding-inline:10px;white-space:nowrap;font-family:Georgia,serif;z-index:4}.cw-screen--class .cw-class-info--skill{top:21%;bottom:23%;gap:12px}.cw-screen--class:has(.cw-class-info--skill) .cw-class-footer{bottom:9%}.cw-selected-meta{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px;font-size:clamp(10px,.95vw,16px);color:#f3d384}.cw-selected-meta strong{font-family:Georgia,serif}.cw-selected-meta>span{font-size:.85em;color:#d9d2c1}.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:clamp(38px,4.7vw,78px)}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:clamp(18px,1.8vw,30px);margin-bottom:5px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:clamp(10px,1vw,17px);line-height:1.35}.cw-screen--class .cw-skill-card{flex:1;min-height:0;gap:0;padding:clamp(8px,.65vw,12px);border:1px solid #bd9b60;background:#0c151b80;box-shadow:inset 0 0 0 2px #1a222880}.cw-screen--class .cw-skill-heading{gap:8px;padding-right:12px}.cw-screen--class .cw-skill-heading .cw-skill-icon{width:clamp(25px,2.4vw,40px)}.cw-screen--class .cw-skill-heading h2{font-size:clamp(13px,1.15vw,19px);margin-bottom:4px}.cw-screen--class .cw-skill-heading p{font-size:clamp(9px,.8vw,13px)}.cw-screen--class .cw-skill-help{font-size:clamp(9px,.85vw,14px);margin:6px 0;line-height:1.3}.cw-screen--class .cw-demo{border:0;background:linear-gradient(#09131ea8,#13251c33),url(/img/character-create/overlook.webp) 50% 83%/260% auto no-repeat}.cw-screen--class .cw-inline-close{right:3px;top:1px;z-index:3;font-size:24px!important;text-shadow:0 2px 4px #000}.cw-screen--class .cw-class-info--skill .cw-skills{margin:0}.cw-screen--class .cw-class-info--skill .cw-skill{width:22%;flex:none}.cw-screen--class .cw-class-info--skill .cw-skill>span{width:100%;max-width:90px}.cw-screen--class .cw-class-info--skill .cw-skill strong{display:none}@media(max-height:450px)and (orientation:landscape){.cw-scene-heading{gap:12px;top:3%}.cw-scene-heading h2{font-size:15px}.cw-scene-brand{font-size:10px}.cw-screen--class .cw-header{top:2%;width:29%}.cw-screen--class .cw-progress-step>span{width:25px;font-size:15px}.cw-screen--class .cw-progress-step strong{font-size:10px}.cw-screen--class .cw-progress-step{gap:3px}.cw-screen--class .cw-classes{top:17%;bottom:28%}.cw-screen--class .cw-class-card strong{font-size:11px}.cw-screen--class .cw-class-info{top:25%;bottom:31%}.cw-screen--class .cw-class-title{gap:9px}.cw-screen--class .cw-class-title>img{width:35px}.cw-screen--class .cw-class-title h1{font-size:18px;margin-bottom:6px}.cw-screen--class .cw-class-title p{font-size:10px;line-height:1.35}.cw-screen--class .cw-skills-caption{font-size:12px;margin-top:12px;padding-top:12px}.cw-screen--class .cw-skills{margin-top:12px}.cw-screen--class .cw-skill strong{font-size:8px;margin-top:5px}.cw-screen--class .cw-class-info--skill{top:21%;bottom:25%;gap:7px}.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:28px}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:16px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:9px}.cw-screen--class .cw-class-info--skill .cw-skill-card{padding:5px}.cw-screen--class .cw-class-info--skill .cw-skill-heading h2{font-size:11px}.cw-screen--class .cw-class-info--skill .cw-skill-heading p{font-size:8px}.cw-screen--class .cw-class-info--skill .cw-skill-help{font-size:8px;margin:3px 0}.cw-screen--class .cw-class-footer{bottom:12%}.cw-screen .cw-scene-back{bottom:5%;width:17%}}@media(max-width:780px)and (orientation:portrait){.cw-screen--class .cw-world{top:52%;width:max(100vw,177.6833dvh)}.cw-scene-heading{top:2%;left:5%;gap:10px}.cw-scene-heading h2{font-size:17px}.cw-scene-heading button{font-size:26px}.cw-scene-brand{display:none}.cw-screen--class .cw-header{top:8%;width:80%}.cw-screen--class .cw-progress{width:70%}.cw-screen--class .cw-hero--class{left:18%;width:80%;height:37%;bottom:44%}.cw-screen--class .cw-classes{left:3%;top:22%;bottom:42%;width:25%;gap:10px}.cw-screen--class .cw-card-portrait{left:-3%;width:100%;top:-3%;height:120%}.cw-screen--class .cw-card-emblem{left:auto;right:5%;top:10%;width:21%}.cw-screen--class .cw-class-card strong{inset:auto 3% 8%;font-size:10px;text-align:center}.cw-screen--class .cw-class-arrow{top:36%;font-size:48px!important}.cw-screen--class .cw-class-arrow--previous{left:31%}.cw-screen--class .cw-class-arrow--next{left:91%}.cw-scene-scrim{background:linear-gradient(0deg,#0a151de8 8%,#0c192484 33%,transparent 55%)}.cw-screen--class .cw-class-info{inset:59% 7% 17%}.cw-screen--class .cw-class-title>img{width:41px}.cw-screen--class .cw-class-title h1{font-size:22px;margin-bottom:6px}.cw-screen--class .cw-class-title p{font-size:12px;line-height:1.35}.cw-screen--class .cw-skills-caption{display:none}.cw-screen--class .cw-skills{margin-top:16px;gap:12px}.cw-screen--class .cw-skill>span{max-width:57px}.cw-screen--class .cw-skill strong{font-size:9px;margin-top:5px}.cw-screen--class .cw-class-footer{left:43%;right:5%;bottom:5.5%}.cw-screen--class .cw-next{min-height:45px;font-size:21px}.cw-screen .cw-scene-back{left:5%;width:32%;bottom:5.5%;min-height:45px}.cw-screen--class .cw-class-info--skill{inset:18% 4% 17% 33%;gap:10px;z-index:4;background:linear-gradient(#0b1724b3,#0b1724ed);padding:10px;border-radius:4px}.cw-screen--class .cw-class-info--skill .cw-class-title{display:flex}.cw-screen--class .cw-class-info--skill .cw-class-title>img{display:none}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:19px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:11px}.cw-screen--class .cw-class-info--skill .cw-skill-card{padding:8px}.cw-screen--class .cw-class-info--skill .cw-skills{gap:8px}.cw-screen--class .cw-class-info--skill .cw-skill>span{max-width:48px}.cw-screen--class:has(.cw-class-info--skill) .cw-class-footer{bottom:5.5%}}.cw-screen--class .cw-skill>.cw-skill-tile{position:relative;display:block;width:100%;aspect-ratio:1;max-width:96px;box-sizing:border-box;border:0;border-radius:16%;background:none;box-shadow:none;overflow:visible;isolation:isolate}.cw-skill-tile:before{content:"";position:absolute;inset:2.56%;border-radius:18%;z-index:0;background:repeating-linear-gradient(115deg,#ffeccd00 0 9px,#ffeccd0f 9px 11px,#ffeccd00 11px 26px,#ffeccd0a 26px 27px,#ffeccd00 27px 41px),radial-gradient(ellipse 90% 70% at 30% 20%,#785f4659,transparent 70%),linear-gradient(#1a120de0,#120c09f0),url(/img/warshards/skills/paper.webp) center/100% 100%;box-shadow:inset 0 0 0 1px #ffd79647,inset 0 4px 7px #000d,inset 0 1px 1px #000e,inset 3px 0 5px #0008,inset -3px 0 5px #0008,inset 0 -2px #ffd79638,0 1px #fff6de,0 2px #fff6de8c}.cw-skill-active{position:absolute;inset:0;z-index:1;opacity:0;transform:translateY(0);background:url(/img/warshards/skills/active.webp) center/100% 100% no-repeat;transition:opacity .2s,transform .2s;filter:drop-shadow(0 8px 8px #0009) drop-shadow(0 0 8px #ffc85059);pointer-events:none}.cw-screen--class .cw-skill .cw-skill-tile>img{position:absolute;inset:8%;width:84%;height:84%;z-index:2;filter:grayscale(.8) sepia(.25) brightness(.95) drop-shadow(0 2px 3px #000b);transform:translateY(0);transition:transform .2s,filter .2s;pointer-events:none}.cw-screen--class .cw-skill:hover>.cw-skill-tile{filter:brightness(1.08)}.cw-skill[aria-pressed=true] .cw-skill-active{opacity:1;transform:translateY(-6px)}.cw-screen--class .cw-skill[aria-pressed=true] .cw-skill-tile>img{transform:translateY(-6px);filter:drop-shadow(0 4px 5px #0009) brightness(1.1)}.cw-screen--class .cw-skill[aria-pressed=true]>.cw-skill-tile{box-shadow:none;border:0}@media(prefers-reduced-motion:reduce){.cw-skill-active,.cw-screen--class .cw-skill .cw-skill-tile>img{transition:none}}.cw-screen .cw-button--ornate{--cw-cut:14px;--cw-inner-cut:12px;clip-path:none;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 3px 3px #12160fa6)}.cw-button--ornate>.cw-button-art{display:none}.cw-button--ornate:before,.cw-button--ornate:after{content:"";position:absolute;pointer-events:none;z-index:-1;clip-path:polygon(var(--cw-cut) 0,calc(100% - var(--cw-cut)) 0,100% 50%,calc(100% - var(--cw-cut)) 100%,var(--cw-cut) 100%,0 50%)}.cw-button--ornate:before{inset:0;background:linear-gradient(0deg,#91622b,#e1bb72 24%,#8d5e29 50%,#e3bd72 78%,#fff1bd);box-shadow:inset 0 1px #fff4d4}.cw-button--ornate:after{inset:3px;--cw-cut:var(--cw-inner-cut);background:linear-gradient(0deg,#7d1609,#ab2411 62%,#cc4322);box-shadow:inset 0 1px #ffcf8a,inset 0 -2px 3px #390c0866}.cw-button-trim{position:absolute;inset:7px 18px;border-top:1px solid #ffe1a270;border-bottom:1px solid #ffce7866;pointer-events:none;z-index:0}.cw-screen .cw-button--back.cw-button--ornate{--cw-cut:9px;--cw-inner-cut:7px;color:#fff0d3}.cw-button--back.cw-button--ornate:before{background:linear-gradient(#b9a379aa,#534d3b,#a78b5b99)}.cw-button--back.cw-button--ornate:before,.cw-button--back.cw-button--ornate:after{clip-path:polygon(var(--cw-cut) 0,calc(100% - var(--cw-cut)) 0,100% var(--cw-cut),100% calc(100% - var(--cw-cut)),calc(100% - var(--cw-cut)) 100%,var(--cw-cut) 100%,0 calc(100% - var(--cw-cut)),0 var(--cw-cut))}.cw-button--back.cw-button--ornate:after{inset:2px;background:linear-gradient(120deg,#28302abb,#18211dc9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #e7d4aa2b}.cw-button--back .cw-button-trim{inset:5px 12px;border-color:#e2cf9d26}.cw-screen .cw-button--ornate:not(:disabled):hover{filter:drop-shadow(0 3px 3px #12160fa6)}.cw-button--ornate:not(:disabled):hover:after{filter:brightness(1.08)}.cw-screen--name .cw-name-form{left:55%;right:auto;width:min(38vw,560px)}.cw-screen--name .cw-name-form>.cw-button--red{height:clamp(38px,10dvh,86px);min-height:0;padding:8px 22px;font-size:clamp(16px,1.7vw,26px)}.cw-screen--name .cw-bottom .cw-button--back{width:clamp(110px,17vw,230px);height:clamp(36px,8.5dvh,62px);min-height:0;font-size:clamp(15px,1.5vw,22px)!important}.cw-screen--name .cw-dice{position:relative;isolation:isolate;flex:none;box-sizing:border-box;padding:9px;border:0;border-radius:0;background:none;color:#f3d18c;filter:drop-shadow(0 2px 2px #11190b80)}.cw-dice:before,.cw-dice:after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.cw-dice:before{background:linear-gradient(140deg,#ffe6a5,#94713a 45%,#c5a16a 75%,#806135)}.cw-dice:after{inset:2px;background:linear-gradient(135deg,#30372ed9,#17201de6)}.cw-screen--name .cw-dice>svg{width:100%;height:100%;max-width:35px;max-height:35px;filter:drop-shadow(0 1px 1px #0009)}@media(max-width:780px)and (orientation:portrait){.cw-screen--name .cw-name-form{left:7%;right:7%;width:auto}.cw-screen--name .cw-name-form>.cw-button--red{height:52px;font-size:19px}.cw-screen--name .cw-bottom .cw-button--back{width:125px;height:42px;font-size:16px!important}}.cw-screen--select>.cw-backdrop,.cw-screen--select>.cw-stage{filter:blur(0);transition:filter .45s ease}.cs-roster-pending>.cw-backdrop,.cs-roster-pending>.cw-stage{filter:blur(5px);pointer-events:none}.cs-roster-pending .cs-roster,.cs-roster-pending .cs-no-character{visibility:hidden}.cs-roster-loading{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#fff3d6;font:900 clamp(22px,2.5vw,38px)/1.3 "Alegreya SC",Georgia,serif;text-align:center;text-shadow:0 2px 8px #000;padding:24px}@media(prefers-reduced-motion:reduce){.cw-screen--select>.cw-backdrop,.cw-screen--select>.cw-stage{transition:none}}.cw-screen--select .cw-world{top:54%}.cs-heading{position:absolute;left:3.3%;top:3%;display:flex;align-items:center;gap:3vw;z-index:5;color:#f4dc9c;text-shadow:0 2px 5px #171b20}.cs-heading h1{margin:0;font:700 clamp(18px,1.9vw,32px)/1.15 Georgia,serif;text-transform:uppercase;letter-spacing:.025em}.cs-heading button{border:0;padding:0;background:none;color:inherit;font:400 clamp(26px,3vw,48px)/1 Georgia,serif}.cs-wallet>span{display:flex;align-items:center;gap:10px;min-width:0}.cs-wallet img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 2px #0009)}.cs-gem{display:inline-block;width:20px;height:20px;background:linear-gradient(135deg,#b48cf0,#6b3fd4 60%,#4a2a99);clip-path:polygon(50% 0,100% 35%,78% 100%,22% 100%,0 35%);flex:none}.cs-wallet b{font:500 clamp(19px,1.6vw,27px)/1 Georgia,serif;color:#ffe3a0}.cs-roster{position:absolute;left:2.3%;top:13%;width:25%;height:75%;z-index:4}.cw-screen--select .cw-classes{position:relative;inset:auto;width:100%;height:94%;grid-template-rows:repeat(5,minmax(0,1fr));gap:1.3dvh}.cs-roster>p{margin:12px 9px 0;font-size:clamp(13px,1.25vw,21px);text-shadow:0 2px 5px #000}.cw-screen--select .cw-card-portrait-window{inset:-3% 2px 2px}.cw-screen--select .cw-card-portrait{left:-3%;top:0;width:44%;height:145%;object-position:50% 0}.cs-character-copy{position:absolute;inset:13% 4% 10% 39%;display:flex;flex-direction:column;justify-content:center;gap:7px;z-index:5;text-align:left;min-width:0;text-shadow:0 2px 4px #000}.cs-character-copy small{font:400 clamp(12px,1.15vw,19px)/1 Georgia,serif;color:#e9ddc6}.cw-screen--select .cs-character-copy strong{position:static;font:500 clamp(18px,1.8vw,30px)/1.05 Georgia,serif;text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-character-copy>span{font-size:clamp(10px,1.05vw,17px);line-height:1.2;color:#dddcd5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-character-copy>span>b{color:#ffe6a9;font-size:1.2em}.cs-character[aria-selected=true] .cs-character-copy small{color:#ffdc83}.cs-add{position:absolute;left:5%;top:14%;height:72%;width:auto;aspect-ratio:1;box-sizing:border-box;border:2px solid #b3ae9766;border-radius:50%;display:grid;place-items:center;font:400 clamp(35px,4vw,65px)/1 Georgia,serif;color:#e6e2d0;z-index:5}.cw-screen--select .cs-empty .cs-character-copy{left:38%}.cw-screen--select .cs-empty strong{color:#c6c3b7}.cw-screen--select .cs-hero{left:29%;width:38%;height:69%;bottom:16%}.cw-screen--select .cw-class-arrow--previous{left:28.8%}.cw-screen--select .cw-class-arrow--next{left:63.5%}.cw-screen--select .cw-class-arrow:disabled{opacity:.3}.cw-screen--select .cw-scene-scrim{background:radial-gradient(ellipse 31% 61% at 93% 47%,#151913ed 12%,#171c17d9 45%,#20231966 74%,transparent 100%),radial-gradient(ellipse 28% 58% at 5% 45%,#171b148c,transparent)}.cs-details{position:absolute;inset:17% 2.5% 16% 72.5%;display:flex;flex-direction:column;z-index:4;text-shadow:0 1px 3px #11180e;min-height:0}.cs-details h2{margin:0 0 1.5dvh;display:flex;gap:1.5vw;font:500 clamp(20px,2vw,34px)/1.2 Georgia,serif;color:#f3eee0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-details h2>span{color:#f6d17d;flex:none}.cs-xp{position:relative;flex:none;height:clamp(17px,2.8dvh,28px);box-sizing:border-box;border:2px solid #9d9478;background:#111a1bcc;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);box-shadow:inset 0 0 0 2px #101712}.cs-xp i{position:absolute;inset:3px auto 3px 3px;background:linear-gradient(0deg,#dc9a24,#ffdc62 65%,#fff1a9);border-right:2px solid #ffe9a3;box-shadow:0 0 7px #f2b93399;min-width:0}.cs-xp>span{position:absolute;inset:0 8px 0 0;display:flex;align-items:center;justify-content:flex-end;font-size:clamp(11px,.95vw,16px);text-shadow:0 1px 3px #000}.cs-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2.5dvh 0;flex:none}.cs-metrics>div{min-width:0;text-align:center}.cs-metrics>div>span{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.cs-metrics img{width:clamp(18px,1.65vw,28px);height:clamp(18px,1.65vw,28px);object-fit:contain}.cs-metrics b{font:400 clamp(12px,1.15vw,19px)/1 Georgia,serif}.cs-metrics small{display:block;margin-top:10px;font-size:clamp(9px,.9vw,15px);color:#d6d4ca}.cs-attributes,.cs-social{position:relative;border-top:1px solid #ad966460;padding-block:1.6dvh;flex:1;min-height:0}.cs-attributes{flex:1.6}.cs-attributes:before,.cs-social:before{content:"◇";position:absolute;top:-.65em;left:49%;color:#9e8758;font-size:12px;background:#21271b}.cs-details h3{margin:0 0 1.3dvh;font:500 clamp(14px,1.35vw,23px)/1.1 Georgia,serif;color:#f2d28a}.cs-attributes>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cs-attributes>div>span{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.cs-attributes img{width:clamp(22px,2.1vw,35px);height:clamp(22px,2.1vw,35px);object-fit:contain}.cs-attributes>div>span:nth-child(1)>img{filter:sepia(1) saturate(3) hue-rotate(332deg)}.cs-attributes>div>span:nth-child(2)>img,.cs-attributes>div>span:nth-child(3)>img{filter:sepia(1) saturate(2.5) hue-rotate(45deg)}.cs-attributes>div>span:nth-child(4)>img{filter:sepia(1) saturate(3) hue-rotate(155deg)}.cs-attributes small{font-size:clamp(9px,.85vw,14px)}.cs-attributes b{font-size:clamp(12px,1vw,17px);font-weight:500}.cs-social{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1vw;align-items:center}.cs-clan,.cs-rating{display:flex;align-items:center;gap:.7vw;min-width:0}.cs-clan>img,.cs-rating>img{width:clamp(25px,2.6vw,44px);height:clamp(30px,4.5dvh,48px);object-fit:contain;flex:none}.cs-clan>div,.cs-rating>div{min-width:0}.cs-social h3{margin:0 0 6px;font-size:clamp(14px,1.2vw,21px)}.cs-clan strong{font:500 clamp(14px,1.2vw,21px)/1.15 Georgia,serif;white-space:nowrap}.cs-rating strong{font-size:clamp(16px,1.35vw,23px);font-weight:500;color:#f4d88f}.cw-screen .cs-play{flex:none;width:100%;margin-top:1.2dvh;font:700 clamp(22px,2vw,34px)/1 Georgia,serif;min-height:clamp(42px,8.4dvh,78px)}.cs-account{position:absolute;left:3%;right:3%;bottom:3%;display:flex;gap:20px;align-items:center;z-index:4;font-size:clamp(11px,.9vw,15px);color:#d7d1bd;text-shadow:0 1px 3px #000}.cs-account button{border:0;padding:3px;background:none;color:inherit}.cs-account button:last-child{margin-left:auto}.cs-no-character{position:absolute;left:35%;top:35%;width:40%;text-align:center}.cs-no-character h2{font:500 34px Georgia,serif}@media(max-height:550px)and (orientation:landscape){.cs-character-copy{gap:4px}.cs-character-copy small{font-size:10px}.cw-screen--select .cs-character-copy strong{font-size:16px}.cs-character-copy>span{font-size:9px}.cs-wallet img{width:25px;height:25px}.cs-wallet b{font-size:17px}.cs-details{top:17%;bottom:14%}.cs-details h2{font-size:19px}.cs-metrics{margin:1.8dvh 0;gap:4px}.cs-metrics>div>span{gap:3px}.cs-metrics b{font-size:11px}.cs-metrics small{margin-top:5px;font-size:8px}.cs-attributes,.cs-social{padding-block:1.2dvh}.cs-details h3{font-size:13px}.cs-attributes>div>span{gap:2px}.cs-attributes small{font-size:8px}.cs-attributes img{width:21px;height:21px}.cs-attributes b{font-size:11px}.cs-social h3{margin-bottom:4px}.cs-clan strong{font-size:13px}.cs-rating strong{font-size:14px}.cs-clan>img,.cs-rating>img{width:25px;height:27px}.cw-screen .cs-play{min-height:37px;font-size:21px}}@media(max-width:780px)and (orientation:portrait){.cw-screen--select .cw-world{top:40%;width:max(116vw,206.113dvh)}.cs-heading{left:5%;gap:15px;top:2%}.cs-heading h1{font-size:19px}.cs-wallet img{width:26px;height:26px}.cs-wallet b{font-size:18px}.cs-roster{left:5%;top:16%;width:90%;height:13%}.cw-screen--select .cw-classes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;gap:5px;height:85%}.cw-screen--select .cs-character .cw-card-portrait{left:0;width:100%;height:120%}.cs-character-copy{inset:auto 4% 6%;gap:0}.cs-character-copy small,.cs-character-copy>span{display:none}.cw-screen--select .cs-character-copy strong{font-size:11px;text-align:center}.cs-add{left:50%;top:12%;height:64%;width:auto;transform:translate(-50%);font-size:32px}.cs-roster>p{font-size:11px;margin:6px 0}.cw-screen--select .cs-hero{left:0;width:100%;height:37%;bottom:32%}.cw-screen--select .cw-class-arrow{top:43%;font-size:48px!important}.cw-screen--select .cw-class-arrow--previous{left:5%}.cw-screen--select .cw-class-arrow--next{left:90%}.cs-details{inset:71% 6% 7%}.cs-details h2{font-size:21px;justify-content:center;gap:20px;margin-bottom:8px}.cs-xp{height:18px}.cs-metrics{margin:12px 0;gap:8px}.cs-metrics b{font-size:14px}.cs-metrics small{font-size:10px;margin-top:5px}.cs-metrics img{width:22px;height:22px}.cs-attributes,.cs-social{display:none}.cw-screen .cs-play{margin-top:auto;min-height:47px;font-size:25px}.cs-account{bottom:1.8%;font-size:10px;gap:12px}.cs-no-character{left:8%;width:84%;top:40%}}.cw-screen{font-family:Nunito,sans-serif}.cw-screen h1,.cw-screen h2,.cw-screen h3,.cw-screen .cw-class-card strong,.cw-screen .cs-character-copy strong,.cw-screen .cw-name-form label,.cw-screen .cw-progress-step>span{font-family:Alegreya SC,Georgia,serif!important}.cw-screen h1,.cw-screen h2,.cw-screen h3,.cw-screen .cw-name-form label{font-weight:900}.cw-screen .cw-class-card strong,.cw-screen .cs-character-copy strong{font-weight:700}.cw-screen .cs-wallet b,.cw-screen .cs-metrics b,.cw-screen .cs-details h2>span,.cw-screen .cs-character-copy small{font-family:Nunito,sans-serif}.cw-screen .cw-action.wood-button{min-width:0;width:100%;min-height:clamp(46px,8.5dvh,76px);font:400 clamp(18px,1.6vw,26px)/1.2 Nunito,sans-serif;letter-spacing:0}.cw-screen .cw-action>.wood-button-face>span{display:flex;align-items:center;justify-content:center;gap:12px}.cw-action b{font-size:1.2em;font-weight:400;line-height:1}.cw-screen--name .cw-name-form>.cw-action{height:clamp(44px,9dvh,78px);min-height:0}.cw-screen--gender .cw-bottom{justify-content:flex-end}.cw-screen--gender .cw-bottom>.cw-action{width:clamp(165px,22vw,380px)}.cw-back-arrow{position:absolute;left:3.3%;top:3%;z-index:8;display:grid;place-items:center;width:44px;height:40px;padding:3px;border:0;background:none;color:#f4dc9c;filter:drop-shadow(0 2px 3px #1b180d80)}.cw-back-arrow>svg{display:block;width:100%;height:100%}.cw-screen .cw-scene-heading{left:9%}.cw-screen .cw-gender:not(:disabled):hover,.cw-screen .cw-gender:not(:disabled):active{filter:none;transform:none}.cw-screen .cw-gender-symbol{bottom:calc(-1*(clamp(40px,5.5vw,78px)/2 + 12px))}.cw-card-frame>path{vector-effect:non-scaling-stroke}.cw-card-rim{fill:none;stroke:#080e10c7;stroke-width:4.2;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #0009)}.cw-screen .cw-card-metal{stroke-width:2.5;stroke-linejoin:bevel}.cw-screen .cw-card-inlay{stroke:#d8d3b823;stroke-width:.7}.cw-screen .cw-card-corners{stroke:#c1bda88c;stroke-width:1.1}.cw-screen .cw-card-scars{stroke:#101919c7;stroke-width:1;stroke-linecap:butt}.cw-card-edge-glints{fill:none;stroke:#fff2c7;stroke-width:.8;opacity:.48}.cw-screen .cw-class-card[aria-checked=true] .cw-card-metal{stroke-width:2.7}.cw-screen .cw-class-card[aria-checked=true] .cw-card-rim{stroke:#b97d3599}.cw-screen .cw-class-card[aria-checked=true] .cw-card-corners{stroke:#fff3be;stroke-width:1.7}.cw-screen .cw-class-card[aria-checked=true] .cw-card-inlay{stroke:#ffd38040}.cw-screen .cw-class-card[aria-checked=true] .cw-frame-stop--light{stop-color:#fff2b6}.cw-screen .cw-class-card[aria-checked=true] .cw-frame-stop--mid{stop-color:#efb54e}.cw-screen .cw-class-card[aria-checked=true] .cw-frame-stop--dark{stop-color:#d29132}.cw-screen .cw-class-card[aria-checked=true] .cw-card-frame{filter:drop-shadow(0 0 1px #fff0bf) drop-shadow(0 0 5px #ffb43ccc)}.cw-screen .cw-card-glare{background:radial-gradient(ellipse 65% 100% at 5% 0%,#f5d9981c,transparent 68%),radial-gradient(ellipse 30% 110% at 99% 20%,#efb8690c,transparent 76%);opacity:.85}.cw-screen--class .cw-skill .cw-skill-tile>img{filter:drop-shadow(0 2px 3px #000b)}.cw-screen--select .cs-no-character{left:55%;top:auto;bottom:9%;width:min(340px,34vw);transform:translate(-50%)}.cw-screen--select .cs-no-character h2{margin:0 0 14px;font-size:clamp(16px,1.35vw,24px)}.cw-screen--select .cs-no-character>.cw-action{min-height:48px;font-size:20px}.cw-name-input-frame{position:relative;isolation:isolate;display:flex;flex:1;min-width:0;--name-frame-color:linear-gradient(140deg,#ffe6a5,#94713a 45%,#c5a16a 75%,#806135)}.cw-name-input-frame:before,.cw-name-input-frame:after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.cw-name-input-frame:before{background:var(--name-frame-color)}.cw-name-input-frame:after{inset:2px;background:#111a20e6}.cw-screen .cw-name-input-frame>input{width:100%;border:0;border-radius:0;background:transparent;box-shadow:none}.cw-name-input-frame:focus-within{--name-frame-color:#ffe0a2}.cw-name-input-frame:has(input[aria-invalid=true]){--name-frame-color:#f1a082}@media(max-height:450px)and (orientation:landscape){.cw-back-arrow{width:34px;height:30px;top:2%}.cw-screen .cw-scene-heading{left:10%}.cw-screen .cw-action.wood-button{min-height:40px;font-size:17px}.cw-screen--gender .cw-gender-symbol{width:38px;bottom:-28px}}@media(max-width:780px)and (orientation:portrait){.cw-screen--select .cs-no-character{left:50%;top:auto;bottom:10%;width:min(300px,80vw)}.cw-back-arrow{left:4%;top:2%;width:34px;height:30px}.cw-screen .cw-scene-heading{left:15%}.cw-screen .cw-action.wood-button{min-height:46px;font-size:19px}.cw-screen--gender .cw-bottom>.cw-action{width:55%}.cw-screen--name .cw-name-form>.cw-action{height:52px}.cw-screen .cw-gender-symbol{bottom:-34px}}.cw-screen--class .cw-scene-heading h2,.cw-screen--class .cw-class-title h1,.cw-screen--class .cw-class-card strong,.cw-screen .cw-progress-step>span,.cw-screen .cw-progress-step strong{font-family:var(--font-display),sans-serif!important;text-transform:none;letter-spacing:0}.cw-screen--class .cw-class-card strong{font-size:clamp(14px,1.5vw,26px);font-weight:800}.cw-screen--class .cw-class-title h1{font-weight:800}.cw-screen .cw-progress-step>span{font-weight:800}.cw-screen .cw-progress-step strong{font-weight:700}.cw-screen--class .cw-scene-heading h2{font-weight:800}.cw-screen--class .cw-selected-meta strong{font-family:var(--font-display),sans-serif}.cw-screen--class:has(.cw-class-info) .cw-scene-scrim{background:linear-gradient(90deg,transparent 65%,#111819d9 73%,#111819f5 100%),radial-gradient(ellipse 19% 47% at 4% 42%,#20190f86,transparent 100%)}.cw-screen--class .cw-class-info{inset:10.5% 2% 15.8% 71.7%;padding:0;gap:0}.cw-screen--class .cw-class-title{flex:1.05;min-height:0;gap:1.2vw}.cw-screen--class .cw-class-title>img{width:clamp(40px,5.3vw,90px)}.cw-screen--class .cw-class-title h1{font-size:clamp(20px,2.15vw,36px);margin-bottom:8px}.cw-screen--class .cw-class-title p{font-size:clamp(11px,1.05vw,18px);line-height:1.4}.cw-class-details{display:flex;flex-direction:column;flex:3.55;min-height:0}.cw-detail-section{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;border-top:1px solid #bc984e;padding:1.1dvh 0;box-sizing:border-box}.cw-detail-section:before,.cw-screen--class .cw-skills-caption:before{content:"";position:absolute;top:-3px;left:50%;width:4px;height:4px;background:#181c18;border:1px solid #d9b563;transform:rotate(45deg)}.cw-screen .cw-detail-section h2{display:flex;align-items:center;justify-content:space-between;margin:0 0 1.1dvh;color:#f5d581;font:700 clamp(11px,1.05vw,18px)/1.2 Nunito,sans-serif!important;letter-spacing:0;text-transform:none}.cw-detail-help{display:grid;place-items:center;width:1.5em;height:1.5em;padding:0;border:1px solid #e4ba57;border-radius:50%;background:transparent;color:#f5d581;font-size:.85em;font-weight:600;cursor:pointer}.cw-detail-help:focus-visible{outline:2px solid #ffe5a0;outline-offset:3px}.cw-mastery-copy{display:flex;align-items:center;gap:1.2vw}.cw-mastery-copy>img{width:clamp(30px,3.6vw,60px);height:clamp(30px,3.6vw,60px);object-fit:contain;flex:none}.cw-detail-icon--crit,.cw-detail-icon--heart{filter:sepia(1) saturate(5) hue-rotate(315deg)}.cw-mastery-copy p{margin:0;color:#e6e5e0;font-size:clamp(10px,.94vw,16px);line-height:1.4}.cw-class-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1dvh 1vw}.cw-class-metrics>div{display:flex;align-items:center;gap:.65vw;min-width:0}.cw-class-metrics img{width:clamp(22px,2.5vw,42px);height:clamp(22px,2.5vw,42px);object-fit:contain}.cw-class-metrics b{color:#fff9eb;font:700 clamp(11px,1.05vw,18px)/1.1 Nunito,sans-serif}.cw-class-metrics small{display:block;margin-top:2px;color:#cccfc8;font-size:clamp(9px,.78vw,14px);line-height:1.2}.cw-combat-features{display:grid;grid-template-columns:1fr 1fr;gap:.7vw}.cw-combat-features>div{display:flex;align-items:flex-start;gap:.6vw;padding:.8dvh .6vw;border:1px solid #968b6d80;background:#131b1c66;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.cw-combat-features img{flex:none;width:clamp(24px,2.8vw,46px);height:clamp(24px,2.8vw,46px);object-fit:contain}.cw-combat-features strong{font-size:clamp(9px,.83vw,14px);font-weight:600;color:#fff8e7;line-height:1.3}.cw-combat-features strong b{font-size:1.5em;line-height:1;color:#f7d783}.cw-combat-features p{font-size:clamp(8px,.75vw,13px);line-height:1.3;color:#dedbd1;margin:4px 0 0}.cw-screen--class .cw-skills-caption{margin:0;padding:1.1dvh 0 .6dvh;border-color:#bc984e;font:700 clamp(11px,1.05vw,18px)/1.2 Nunito,sans-serif!important;color:#f5d581}.cw-screen--class .cw-skills{flex:none;margin-top:.8dvh;justify-content:space-between;gap:.8vw}.cw-screen--class .cw-skill strong{font-size:clamp(8px,.82vw,14px);margin-top:.7dvh}.cw-screen--class .cw-skill>.cw-skill-tile{max-width:78px}.cw-screen--class .cw-class-footer{left:71.7%;right:2%;bottom:5.5%;padding:0;display:flex;justify-content:center}.cw-screen--class .cw-class-footer .cw-next{width:72%;min-height:clamp(38px,5.8dvh,56px);font-size:clamp(17px,1.35vw,23px)}.cw-screen--class .cw-class-info--skill{top:10.5%;bottom:15.8%;gap:1.4dvh}.cw-screen--class .cw-class-info--skill .cw-class-title{flex:none}.cw-screen--class .cw-class-info--skill .cw-skill-card{flex:1}.cw-screen--class .cw-skill-back{align-self:flex-start;flex:none;border:0;background:none;color:#f4dc9c;font-size:32px;line-height:1;padding:0 5px 3px;filter:drop-shadow(0 2px 2px #0008)}.cw-screen--class .cw-class-info--skill .cw-skill-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.cw-screen--class .cw-class-info--skill .cw-demo{border:0;box-shadow:none;clip-path:polygon(1% 2%,7% 1%,12% 2%,18% 0,25% 1.5%,32% .5%,40% 1.8%,49% 0,55% 1%,63% 0,70% 1.7%,79% .7%,87% 2%,94% .3%,99% 1.5%,98.7% 12%,100% 20%,98.8% 29%,99.7% 40%,98.5% 51%,100% 63%,98.9% 73%,99.7% 85%,98.5% 98%,91% 99%,84% 98%,77% 100%,68% 98.5%,61% 99.5%,54% 98%,45% 100%,37% 98.6%,29% 99.7%,21% 98.5%,14% 100%,7% 98.5%,.7% 99%,1.4% 89%,0 78%,1.2% 67%,.3% 55%,1.5% 45%,0 35%,1.1% 24%,.2% 13%)}.cw-stats-help{position:absolute;inset:0;z-index:10;overflow:auto;padding:20px;box-sizing:border-box;background:#141d1bf7;border:1px solid #a48b58;box-shadow:0 8px 24px #0007;text-shadow:none;color:#eee8d8;scrollbar-width:thin;scrollbar-color:#92764a #17201e}.cw-stats-help header{display:flex;align-items:center;gap:12px}.cw-screen .cw-stats-help h2{margin:0;color:#f4d58c;font:800 clamp(17px,1.4vw,24px)/1.2 Nunito,sans-serif!important}.cw-help-back{padding:0;border:0;background:none;font-size:29px!important;color:#f4d58c}.cw-help-intro,.cw-help-unit{font-size:clamp(12px,.95vw,16px);line-height:1.5}.cw-help-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:16px 0}.cw-help-tabs button{padding:7px 2px;border:1px solid #7a795859;border-radius:4px;background:#1e2826;color:#dad8c6;font-size:clamp(9px,.75vw,13px)}.cw-help-tabs button[aria-pressed=true]{background:#5e4725;border-color:#d9b866;color:#fff0c2}.cw-screen .cw-stats-help h3{font:800 clamp(16px,1.2vw,21px)/1.2 Nunito,sans-serif!important;margin:16px 0 8px;color:#ffdda1}.cw-stats-help h4{font-size:14px;color:#e1c78f;margin:20px 0 8px}.cw-stats-help table{width:100%;border-collapse:collapse;font-size:clamp(11px,.85vw,14px)}.cw-stats-help th,.cw-stats-help td{padding:10px 8px;border-bottom:1px solid #bda16335;text-align:left}.cw-stats-help th{color:#ebcc8f}.cw-stats-help tbody th{width:42px;font-size:1.2em}.cw-help-note,.cw-stats-help footer{font-size:clamp(10px,.8vw,13px);line-height:1.5;color:#c4c8b9;margin-top:14px}.cw-stats-help footer{border-top:1px solid #bda16335;padding-top:12px}.cw-screen--class:has(.cw-class-info--skill) .cw-class-footer{bottom:5.5%}@media(max-height:450px)and (orientation:landscape){.cw-screen--class .cw-class-info{top:15%;bottom:16%}.cw-screen--class .cw-class-title h1{font-size:17px;margin-bottom:3px}.cw-screen--class .cw-class-title p{font-size:9px;line-height:1.25}.cw-screen--class .cw-class-title>img{width:32px}.cw-screen .cw-detail-section h2,.cw-screen--class .cw-skills-caption{font-size:9px!important}.cw-mastery-copy>img{width:22px;height:22px}.cw-mastery-copy p{font-size:8px;line-height:1.2}.cw-class-metrics img{width:18px;height:18px}.cw-class-metrics b{font-size:9px}.cw-class-metrics small{font-size:7px}.cw-class-metrics{gap:3px 6px}.cw-stats-help{padding:10px}.cw-combat-features img{width:20px;height:20px}.cw-combat-features strong{font-size:7px}.cw-combat-features p{font-size:6px;margin-top:2px}.cw-screen--class .cw-skill>.cw-skill-tile{max-width:36px}.cw-screen--class .cw-skill strong{font-size:7px}.cw-screen--class .cw-class-footer .cw-next{min-height:30px;font-size:15px}}@media(max-width:780px)and (orientation:portrait){.cw-screen--class:has(.cw-class-info) .cw-scene-scrim{background:linear-gradient(0deg,#111819f5 10%,#111819e8 40%,transparent 58%)}.cw-screen--class .cw-class-info{inset:59% 5% 12%}.cw-screen--class .cw-class-info:not(.cw-class-info--skill) .cw-class-title{display:none}.cw-screen--class .cw-class-title{flex:none;gap:10px;margin-bottom:8px}.cw-screen--class .cw-class-title>img{width:32px}.cw-screen--class .cw-class-title h1{font-size:18px;margin-bottom:3px}.cw-screen--class .cw-class-title p{font-size:10px;line-height:1.2}.cw-class-details{flex:1;justify-content:space-between}.cw-detail-section{flex:none;padding:4px 0}.cw-screen .cw-detail-section h2{font-size:10px!important;margin-bottom:4px}.cw-mastery-copy{gap:8px}.cw-mastery-copy>img{width:25px;height:25px}.cw-mastery-copy p{font-size:9px;line-height:1.2}.cw-class-metrics img{width:22px;height:22px}.cw-class-metrics b{font-size:11px}.cw-class-metrics small{font-size:8px;margin-top:2px}.cw-class-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.cw-class-metrics>div{gap:4px}.cw-class-metrics img{width:18px;height:18px}.cw-combat-features{gap:8px}.cw-combat-features>div{padding:4px 6px;gap:6px}.cw-combat-features img{width:23px;height:23px}.cw-combat-features strong{font-size:9px}.cw-combat-features p{font-size:8px;line-height:1.2;margin-top:2px}.cw-screen--class .cw-skills-caption{display:none}.cw-screen--class .cw-skills{margin-top:7px;gap:12px}.cw-screen--class .cw-skill>.cw-skill-tile{max-width:42px}.cw-screen--class .cw-skill strong{font-size:8px;margin-top:3px}.cw-screen--class .cw-class-footer{left:50%;right:5%;bottom:3%}.cw-screen--class .cw-class-footer .cw-next{width:100%}.cw-stats-help{position:fixed;inset:15% 5%;padding:16px}.cw-screen--class .cw-class-info--skill{inset:32% 4% 14% 32%;padding:10px;background:#101b1de8}.cw-screen--class:has(.cw-class-info--skill) .cw-class-footer{bottom:3%}}.cw-screen{--cw-title-font:"Alegreya SC",Georgia,serif}.cw-screen .cw-scene-heading h2,.cw-screen .cs-heading h1,.cw-screen .cw-class-title h1,.cw-screen .cw-class-card strong,.cw-screen .cs-details h2,.cw-screen .cs-empty-title,.cw-screen .cs-clan h3,.cw-screen .cw-name-form label,.cw-screen .cw-stats-help h2{font-family:var(--cw-title-font)!important;font-weight:900;text-transform:none;letter-spacing:.01em}.cw-screen .cs-heading h1{text-transform:none}.cw-scene-heading{isolation:isolate}.cw-scene-heading:before{content:"";position:absolute;inset:-14px -28px -14px calc(-5.7vw - 16px);z-index:-1;pointer-events:none;background:#111b1d99;-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat}@media(max-height:550px)and (orientation:landscape){.cw-scene-heading:before{left:calc(-6.7vw - 16px)}}@media(max-width:780px)and (orientation:portrait){.cw-scene-heading:before{left:calc(-11vw - 16px)}}.cw-screen .cs-empty-title{position:static;font-size:clamp(19px,1.8vw,30px);line-height:1.1;color:#d4d1bf;margin:0}.cw-screen .cs-clan h3{font-size:clamp(18px,1.4vw,24px);color:#f4d58c;margin:0 0 5px}.cs-profile-heading{display:flex;align-items:center;gap:10px;flex:none;margin-bottom:1.5dvh}.cs-profile-copy{flex:1;min-width:0;align-self:center}.cw-screen .cs-identity{align-items:center;gap:10px;overflow:visible;margin:0 0 4px}.cs-clan-line{display:flex;align-items:center;gap:6px;color:#ded8c8;font-size:clamp(11px,1vw,17px);line-height:1.2}.cs-clan-line img{width:20px;height:25px;object-fit:contain;flex:none}.cs-clan-line span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-screen .cs-profile-heading .cs-personal-flag{--personal-flag-scale:.075;position:relative;top:6px;width:calc(800px * var(--personal-flag-scale));height:calc(1160px * var(--personal-flag-scale));flex:none;transform-origin:50% 0;animation:cs-cloth-breeze 4.8s ease-in-out infinite;filter:drop-shadow(0 3px 3px #0009)}.cs-personal-flag:before{content:"";position:absolute;inset:0;background-color:#aa2339;background-image:linear-gradient(90deg,#22132038,#22132030 38%,#5c28230c,#ffe1a322 58%,#ffdfa336),url(/img/character-create/personal-flag-cloth.png);background-size:100% 100%,calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale));background-position:0 0,calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale));background-repeat:no-repeat;background-blend-mode:normal,multiply;-webkit-mask:url(/img/character-create/personal-flag-cloth.png) calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale))/calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale)) no-repeat;mask:url(/img/character-create/personal-flag-cloth.png) calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale))/calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale)) no-repeat;clip-path:polygon(1% 0,14% 0,14% 7%,30% 9%,42% 9%,42% 0,57% 0,57% 9%,70% 9%,86% 6%,86% 0,99% 0,99% 100%,0 100%)}.cs-personal-flag:after{content:"";position:absolute;left:25%;top:23%;width:50%;height:38%;background:url(/img/warshards/class/swordsman-icon.webp) center/contain no-repeat;filter:drop-shadow(0 1px 1px #4b1b0b99) drop-shadow(0 0 3px #ffdb7866)}@keyframes cs-cloth-breeze{0%,to{transform:rotate(-.35deg) skew(-.5deg) scaleX(1)}45%{transform:rotate(.4deg) skew(.7deg) scaleX(.975)}75%{transform:rotate(-.6deg) skew(-.3deg) scaleX(.99)}}@media(prefers-reduced-motion:reduce){.cw-screen .cs-profile-heading .cs-personal-flag{animation:none}}@media(max-height:550px),(max-width:780px)and (orientation:portrait){.cw-screen .cs-profile-heading .cs-personal-flag{--personal-flag-scale:.05}}.cw-screen .cs-identity .cs-name{font-family:Alegreya SC,Georgia,serif;color:#f3eee0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.cw-screen .cs-identity .cs-level{margin-left:auto;font-size:.8em;white-space:nowrap}.cw-screen .cs-social h3{font-size:clamp(14px,1.2vw,21px);color:#f4d58c;margin:0 0 6px}.cw-screen .cs-social{display:flex;justify-content:flex-end}.cw-screen .cs-wallet{position:relative;inset:auto;display:flex;justify-content:flex-end;align-items:center;gap:clamp(16px,2vw,34px);flex:0 0 auto;margin-top:auto;padding-block:1.6dvh}.cw-screen .cs-wallet img{width:28px;height:28px}.cw-screen .cs-wallet b{font-size:clamp(16px,1.4vw,24px);white-space:nowrap;font-variant-numeric:tabular-nums}.cw-screen .cw-card-surface{background:#111b1db3;box-shadow:inset 0 1px 2px #e0dbbd24,inset 0 -4px 9px #050a0b66}.cw-card-surface:before{content:"";position:absolute;inset:0;background:url(/img/character-create/card-stone.webp) center/cover;opacity:.24;pointer-events:none;transition:opacity .18s}.cw-screen .cw-class-card:nth-child(2) .cw-card-surface{background-position:22% 40%}.cw-screen .cw-class-card:nth-child(3) .cw-card-surface{background-position:65% 70%}.cw-screen .cw-class-card:nth-child(4) .cw-card-surface{background-position:85% 20%}.cw-screen .cw-class-card[aria-checked=true] .cw-card-surface{background:linear-gradient(115deg,#70511dab,#24231eb8);box-shadow:inset 0 0 22px #c58d2333}.cw-class-card[aria-checked=true] .cw-card-surface:before{opacity:.3}.cw-screen .cw-class-card:hover .cw-card-surface:before,.cw-screen .cw-class-card:focus-visible .cw-card-surface:before{opacity:.4}.cw-screen .cw-class-card:hover .cw-card-surface,.cw-screen .cw-class-card:focus-visible .cw-card-surface{box-shadow:inset 0 0 20px #f0d18a24,inset 0 1px #ffe2a34d}.cw-screen .cw-class-card:not([aria-checked=true]):hover .cw-card-frame,.cw-screen .cw-class-card:not([aria-checked=true]):focus-visible .cw-card-frame{filter:drop-shadow(0 0 3px #d9b87580)}.cw-screen .cw-class-card .cw-card-portrait{transition:translate .2s,filter .2s}.cw-screen .cw-class-card:hover .cw-card-portrait{translate:2px -2px;filter:drop-shadow(2px 3px 3px #100d0966) brightness(1.06)}.cw-screen .cw-card-portrait[src*="/character-create/portraits/"]{height:210%;width:52%;left:-4%;object-position:50% 0}.cw-screen .cw-card-portrait[src$="/portraits/healer-f.webp"]{height:180%;width:46%;left:-3%}.cw-screen .cw-avatar img{height:160%;top:-2%}.cw-screen .cw-avatar img[src*="/character-create/portraits/"]{height:220%;top:-4%}.cw-screen .cw-avatar img[src$="/portraits/healer-f.webp"]{height:185%;top:-2%}.cw-screen .cw-card-glare{background:radial-gradient(ellipse 70% 100% at 7% 0%,#f6dcaa1a,transparent 70%);opacity:1}.cw-screen .cs-add{border:0;border-radius:0;background:none;box-shadow:none;padding:0;display:block}.cs-add>svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 2px #0007)}.cw-screen .cs-play.wood-button{width:100%;align-self:stretch;min-height:64px;font:600 clamp(20px,1.7vw,28px)/1.2 Nunito,sans-serif;margin-top:auto}.cs-play-position{position:absolute;left:50%;bottom:6%;width:25%;transform:translate(-50%);z-index:5}@media(orientation:landscape){.cw-screen .cs-wallet{margin-bottom:64px}}@media(max-height:550px)and (orientation:landscape){.cw-screen .cs-wallet{margin-bottom:37px}}@media(max-width:780px)and (orientation:portrait){.cs-play-position{bottom:7%;width:88%;display:flex;justify-content:center}.cw-screen .cs-wallet{margin-bottom:44px}}.cw-screen .cs-xp{height:26px;border:0;clip-path:none;background:none;box-shadow:none;overflow:visible}.cs-xp .wb-nameplate-hp{position:relative;inset:auto;width:100%;height:100%;border-radius:0;-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;background:#1a2428;box-shadow:none}.cs-xp .wb-nameplate-hp-stroke{-webkit-mask-size:100% 100%;mask-size:100% 100%}.cs-xp .wb-nameplate-hp-fill,.cs-xp .wb-nameplate-hp .wb-nameplate-hp-feedback{background:linear-gradient(180deg,#fff098,#f3c34b 42%,#c9871d);box-shadow:inset 0 1px #fff4bb88}.cs-xp .wb-nameplate-hp-fill:after{background:linear-gradient(179deg,#fff4ab33,transparent 40%,#9b641422)}.cs-xp>span{font-weight:800;font-variant-numeric:tabular-nums}.cs-health{margin-bottom:6px}.cs-health .wb-nameplate-hp-fill,.cs-health .wb-nameplate-hp .wb-nameplate-hp-feedback{background:linear-gradient(180deg,#ffb093,#e9553b 42%,#9e251f);box-shadow:inset 0 1px #ffd8bb88}.cs-health .wb-nameplate-hp-fill:after{background:linear-gradient(179deg,#ffe3bb33,transparent 40%,#741b1422)}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){display:grid;grid-template-rows:clamp(92px,14dvh,140px) minmax(0,1fr) auto auto}.cw-class-details{display:grid;grid-template-rows:.85fr 1.2fr 1.2fr;min-height:0}.cw-screen .cw-detail-section{padding:8px 0;min-height:0;justify-content:center}.cw-screen .cw-detail-section h2{margin-bottom:9px;line-height:1.2}.cw-class-metrics{gap:7px 12px}.cw-class-metrics img{width:32px;height:32px}.cw-combat-features img{width:29px;height:29px}.cw-combat-features strong b{font-size:1.2em}.cw-combat-features p{font-size:clamp(10px,.75vw,13px);line-height:1.35;margin-top:4px}.cw-combat-features>div{padding:7px 0;gap:10px;border:0;background:none;clip-path:none}.cw-screen--class .cw-class-info--skill{gap:10px}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(92px,14dvh,140px);flex:none}.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:clamp(40px,5.3vw,90px)}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:clamp(20px,2.15vw,36px);margin-bottom:8px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:clamp(11px,1.05vw,18px);line-height:1.4}.cw-screen--class .cw-skill-back{position:absolute;top:-35px;left:0;margin:0;font-size:30px}.cw-screen .cw-back-control{display:grid;place-items:center;box-sizing:border-box;width:44px;height:40px;flex:none;padding:3px;border:0;background:none;color:#f4dc9c;filter:drop-shadow(0 2px 3px #1b180d80)}.cw-screen .cw-back-control>svg{display:block;width:100%;height:100%}.cw-screen--class .cw-skill-back.cw-back-control{top:-43px}@media(max-height:550px),(max-width:780px)and (orientation:portrait){.cw-screen .cw-back-control{width:34px;height:30px}.cw-screen--class .cw-skill-back.cw-back-control{top:-33px}}@media(orientation:landscape){.cw-screen--class{--cw-class-top:8dvh;--cw-back-height:40px}.cw-screen--class .cw-back-arrow{top:calc(var(--cw-class-top) / 2 - var(--cw-back-height) / 2)}.cw-screen--class .cw-skill-back.cw-back-control{top:calc(var(--cw-class-top) / -2 - var(--cw-back-height) / 2)}}@media(max-height:550px)and (orientation:landscape){.cw-screen--class{--cw-back-height:30px}}.cw-skill-description{flex:none;color:#eee8db;font-size:clamp(11px,.98vw,17px);line-height:1.4}.cw-skill-description p{margin:4px 0 0}.cw-screen .cw-skill-description .cw-skill-title{font-size:clamp(18px,1.6vw,27px);line-height:1.15;margin:0 0 8px;color:#f4d58c}.cw-screen--class .cw-class-info--skill .cw-demo{clip-path:none;-webkit-mask:none;mask:none;background:none}.cw-screen--class .cw-class-info--skill .cw-demo .ws-skill-preview{-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;background:linear-gradient(#09131ea8,#13251c33),url(/img/character-create/overlook.webp) 50% 83%/260% auto no-repeat}.cw-stats-help{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(760px,90vw);max-height:86dvh;overflow:auto;padding:30px 32px 25px;border:14px solid transparent;border-image:url(/img/warshards/party/border.webp) 288 112 256 112 fill / 36px 14px 32px / 0 stretch;background:#eed3a0 url(/img/warshards/party/paper.webp) center/100% 100%;box-shadow:0 12px 35px #0008;color:#493015;text-shadow:none}.cw-screen .cw-stats-help h2{font-size:clamp(21px,2vw,30px);color:#493015}.cw-stats-help .cw-help-back{color:#62451f}.cw-stats-help .cw-stat-sheet{width:100%;margin-top:15px;font-size:14px;line-height:1.35}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:12px 9px;border-bottom:1px solid #93703b50;color:#493015;vertical-align:middle}.cw-stats-help .cw-stat-sheet tbody th{width:auto;font-size:16px;white-space:nowrap}.cw-stat-sheet thead th:nth-last-child(-n+2){font-size:19px}.cw-stat-sheet td:nth-last-child(-n+2){font-weight:800;width:16%}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:12px;color:#72532a;line-height:1.4;margin-top:12px}.cw-stats-help footer{border-color:#93703b50;padding-top:10px}@media(orientation:landscape){.cs-roster{width:21%;height:66%;top:15%;left:2.5%}.cw-screen--select .cw-classes{height:94%;gap:1.5dvh}.cw-screen--select .cs-character-copy{left:36%;gap:5px}.cw-screen--select .cs-empty .cs-character-copy{left:32%}.cw-screen--select .cs-character-copy strong,.cw-screen .cs-empty-title{font-size:clamp(18px,1.55vw,27px)}.cw-screen--select .cs-character-copy small{font-size:clamp(11px,.95vw,16px)}.cw-screen--select .cs-character-copy>span{font-size:clamp(10px,.88vw,15px)}.cw-screen--select .cw-card-portrait{width:41%}.cw-screen--select .cw-card-portrait[src*="/character-create/portraits/"]{width:46%;height:210%}.cw-screen--select .cw-card-portrait[src$="/portraits/healer-f.webp"]{width:43%;height:180%}.cs-details{top:17%;bottom:9%;padding-bottom:0}.cw-screen--class .cw-class-info,.cw-screen--class .cw-class-info--skill{top:8%;bottom:14%}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:clamp(104px,15dvh,152px) minmax(0,1fr) auto auto}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(104px,15dvh,152px)}.cw-screen .cw-detail-section h2{margin-bottom:12px}.cw-screen--class .cw-skill>.cw-skill-tile,.cw-screen--class .cw-class-info--skill .cw-skill>.cw-skill-tile{max-width:94px}.cw-screen--class .cw-class-footer .cw-next{width:100%;min-height:62px;font-size:clamp(20px,1.7vw,28px)}}@media(max-height:550px)and (orientation:landscape){.cw-screen--class .cw-class-title h1,.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:18px;margin-bottom:4px}.cw-screen--class .cw-class-title p,.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:9px;line-height:1.25}.cw-screen--class .cw-class-title>img,.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:32px}.cw-class-details{grid-template-rows:1fr 1.2fr 1.2fr}.cw-mastery-copy p{font-size:8px;line-height:1.25}.cw-mastery-copy>img{width:22px;height:22px}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:clamp(62px,14dvh,85px) minmax(0,1fr) auto auto}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(62px,14dvh,85px)}.cw-screen .cw-detail-section{padding:4px 0}.cw-screen .cw-detail-section h2{font-size:10px!important;margin-bottom:4px}.cw-class-metrics{gap:3px 6px}.cw-class-metrics img{width:16px;height:16px}.cw-class-metrics b{font-size:9px}.cw-class-metrics small{font-size:7px}.cw-combat-features img{display:none}.cw-combat-features>div{padding:4px;gap:4px}.cw-combat-features strong{font-size:9px}.cw-combat-features p{font-size:7.5px;line-height:1.2}.cw-screen .cs-play.wood-button{min-height:37px;font-size:20px}.cw-screen .cs-xp{height:19px}.cw-stats-help{padding:17px 22px;max-height:94dvh}.cw-stats-help .cw-stat-sheet{margin-top:6px;font-size:12px}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:6px}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:10px;margin-top:7px}}@media(max-width:780px)and (orientation:portrait){.cw-screen--select .cs-details{top:63%}.cw-screen--select .cs-hero{height:33%;bottom:38%}.cw-screen .cs-wallet{display:flex;padding-block:4px;gap:24px;border-top:0}.cs-wallet:before{content:none}.cw-screen .cs-wallet img{width:22px;height:22px}.cw-screen .cs-wallet b{font-size:15px}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:minmax(0,1fr) auto}.cw-class-details{grid-template-rows:auto auto auto}.cw-screen .cw-detail-section{padding:4px 0}.cw-screen .cw-detail-section h2{margin-bottom:4px}.cw-class-metrics{gap:4px}.cw-class-metrics img{width:18px;height:18px}.cw-class-metrics b{font-size:11px}.cw-class-metrics small{font-size:8px}.cw-combat-features img{width:23px;height:23px}.cw-combat-features p{font-size:8px}.cw-combat-features>div{padding:4px 5px;gap:5px}.cw-screen--class .cw-class-card strong{font-size:12px}.cw-screen .cs-empty-title{font-size:13px}.cw-screen .cs-play.wood-button{width:70%;min-height:44px;margin-top:auto}.cw-screen .cs-xp{height:19px}.cw-stats-help{width:96vw;max-height:88dvh;padding:18px 12px;border-width:8px}.cw-screen .cw-stats-help h2{font-size:22px}.cw-stats-help .cw-stat-sheet{font-size:11px}.cw-stats-help .cw-stat-sheet tbody th{font-size:12px;white-space:normal}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:9px 4px}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:10px}.cw-screen--class .cw-class-info--skill .cw-class-title{height:auto;min-height:65px}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:20px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:10px}.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:28px}}.cw-stats-help-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;background:#080c102e;padding:12px;box-sizing:border-box}.cw-stats-help.spot-window{position:relative;inset:auto;transform:none;width:min(800px,96vw);--game-window-padding:44px 36px 32px;--game-window-max-height: calc(100dvh - 24px) ;outline:none}.cw-stats-help-content{max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin}.cw-stats-help h2{margin:0;color:#493015;font:900 clamp(20px,2vw,30px)/1.2 "Alegreya SC",Georgia,serif}@media(max-width:600px){.cw-stats-help.spot-window{--game-window-padding:38px 24px 28px}.cw-stats-help .cw-stat-sheet{font-size:11px}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:8px 4px}.cw-stats-help .cw-stat-sheet tbody th{font-size:12px;white-space:normal}}.cw-screen{--menu-action-width:clamp(220px,22vw,320px);--menu-action-height:56px;--menu-action-font:20px}.cw-screen .cw-action.wood-button{width:var(--menu-action-width);max-width:100%;height:var(--menu-action-height);min-height:var(--menu-action-height);flex:0 0 auto;box-sizing:border-box;margin-inline:auto;padding:8px 18px;font:600 var(--menu-action-font)/1.2 Nunito,sans-serif;letter-spacing:0}.cw-screen .cs-play-position,.cw-screen .cs-no-character{width:var(--menu-action-width);max-width:90%}@media(max-height:450px)and (orientation:landscape){.cw-screen{--menu-action-height:44px;--menu-action-font:17px}}@media(max-width:780px)and (orientation:portrait){.cw-screen{--menu-action-width:min(280px,80vw);--menu-action-height:52px;--menu-action-font:19px}.cw-screen--class .cw-class-footer{left:5%;right:5%;flex-direction:row}.cw-screen--gender .cw-bottom{justify-content:center}}.vh-location-heading{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:12;width:min(520px,70vw);padding:8px 35px 13px;text-align:center;pointer-events:none;background:radial-gradient(ellipse,#100d08a8,#100d0800 72%);text-shadow:0 2px 3px #000,0 0 12px #000a}.vh-location-heading h1{margin:0;color:#fff3d6;font-family:Alegreya SC,Georgia,serif;font-size:28px;font-weight:900;line-height:1.2;letter-spacing:.5px;text-shadow:0 3px 0 #3a2208,0 10px 30px rgba(0,0,0,.6),0 0 40px rgba(240,150,40,.25)}.vh-location-heading p{margin:5px 0 0;color:#e3d8bd;font-size:12px;font-weight:700}@keyframes vh-footer-menu-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){[data-testid=more-menu]{animation:none!important}}.vh-root .navi:hover{color:#f2b632!important}.vh-root .navi:hover .navi-ring{border-color:#ffe49a #e0a530 #b06f08 #f0c050!important;background:radial-gradient(circle at 50% 35%,#ffd875,#d08c10)!important;box-shadow:inset 0 1px 3px #78460066,0 0 12px #f0962880!important;color:#4a3103!important}.vh-root .bplq{cursor:pointer;transition:transform .15s ease}.vh-root .bplq-box{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.vh-root .bplq:hover{transform:translate(-50%,-3px)}.vh-root .bplq:hover .bplq-box{border-color:#ffe49a #e0a530 #b06f08 #f0c050;box-shadow:0 0 0 1px #0e0c0a,0 0 18px #f096288c;background:linear-gradient(180deg,#14120e9e,#0c0a089e)!important}.vh-root .bplq:hover .bplq-title{color:#f2b632}.vh-root .bplq-fly{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe9a3;box-shadow:0 0 6px 2px #ffdc8ce6;opacity:0;pointer-events:none}.vh-root .bplq:hover .bplq-fly-1{animation:vh-flyA 9s ease-in-out infinite}.vh-root .bplq:hover .bplq-fly-2{animation:vh-flyB 10.5s ease-in-out -3s infinite}.vh-root .bplq:hover .bplq-fly-3{animation:vh-flyC 8s ease-in-out -5s infinite}.vh-root .locpeek:hover .loctip{opacity:1!important}.vh-root .vh-tree-crown:hover .bplq-fly-1{animation:vh-flyA 9s ease-in-out infinite}.vh-root .vh-tree-crown:hover .bplq-fly-2{animation:vh-flyB 10.5s ease-in-out -3s infinite}.vh-root .vh-tree-crown:hover .bplq-fly-3{animation:vh-flyC 8s ease-in-out -5s infinite}.vh-root .vh-tree-crown:hover .vh-tree-glow{opacity:1}.vh-root .vh-goblin-hotspot:hover~.vh-goblin-sprite{filter:brightness(1.32) drop-shadow(0 0 20px rgba(255,70,30,.65))}.vh-root .vh-goblin-hotspot:hover .vh-goblin-tooltip{opacity:1!important}.vh-root .g-wisp{position:absolute;width:5px;height:5px;border-radius:50%;background:#ff6a4a;box-shadow:0 0 9px 3px #ff4628d9;opacity:0;pointer-events:none}.vh-root .vh-goblin-hotspot:hover .g-wisp-1{animation:vh-flyA 7s ease-in-out infinite}.vh-root .vh-goblin-hotspot:hover .g-wisp-2{animation:vh-flyB 8.5s ease-in-out -2.5s infinite}.vh-root .vh-goblin-hotspot:hover .g-wisp-3{animation:vh-flyC 6.5s ease-in-out -4s infinite}.vh-root .vh-jar-hotspot:hover .vh-jar-halo{opacity:1!important}.vh-root .vh-lamp-hotspot:hover~.vh-lamp-sprite{animation:vh-lampFlickerHover 1.8s ease-in-out infinite!important}.vh-root .vh-icon-btn{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}.vh-root .vh-icon-btn:hover{border-color:#ffe49a #e0a530 #b06f08 #f0c050!important;background:radial-gradient(circle at 50% 35%,#ffd875,#d08c10)!important;box-shadow:inset 0 1px 3px #78460066,0 0 14px #f0b4328c!important;color:#4a3103!important}.vh-root .vh-cta-btn{transition:filter .15s ease}.vh-root .vh-cta-btn:hover{filter:brightness(1.08)}.vh-hover-brighten{transition:filter .15s ease}.vh-hover-brighten:hover{filter:brightness(1.18)}.vh-root .vh-chat-strip{transition:border-color .15s ease}.vh-root .vh-chat-strip:hover{border-color:#6a5426!important}.vh-root .vh-footer-btn{transition:background .15s ease,color .15s ease,box-shadow .15s ease}.vh-root .vh-footer-btn:hover{background:radial-gradient(circle at 50% 35%,#6a4210,#331f05 75%)!important;color:#ffb632!important;box-shadow:inset 0 1px 4px #0009,0 0 12px #f0962866!important}.vh-root .vh-ghost-btn{transition:background .15s ease,color .15s ease}.vh-root .vh-ghost-btn:hover{background:#ffffff29!important;color:#f0eadb!important}.vh-root .vh-outline-btn{transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.vh-root .vh-outline-btn:hover{border-color:#e0a530!important;color:#f2b632!important;box-shadow:0 0 12px #f0962859}@keyframes vh-flyA{0%,to{transform:translate(0);opacity:0}10%{opacity:.9}30%{transform:translate(4px,-5px)}55%{transform:translate(-2px,-8px);opacity:1}80%{transform:translate(4px,-3px);opacity:.7}92%{opacity:0}}@keyframes vh-flyB{0%,to{transform:translate(0);opacity:0}12%{opacity:.8}35%{transform:translate(-5px,-3px)}60%{transform:translate(-3px,3px);opacity:1}82%{transform:translate(-6px,-2px);opacity:.6}94%{opacity:0}}@keyframes vh-flyC{0%,to{transform:translate(0);opacity:0}10%{opacity:.9}32%{transform:translate(3px,5px)}58%{transform:translate(6px,1px);opacity:1}84%{transform:translate(2px,4px);opacity:.65}95%{opacity:0}}@keyframes vh-torchFlick{0%,to{opacity:.8;transform:scale(1)}30%{opacity:1;transform:scale(1.18)}60%{opacity:.65;transform:scale(.9)}80%{opacity:.95;transform:scale(1.1)}}@keyframes vh-windowGlow{0%,to{opacity:.55;filter:blur(2px) brightness(1)}50%{opacity:.95;filter:blur(2px) brightness(1.3)}}@keyframes vh-fireflyA{0%,to{transform:translate(0);opacity:0}15%{opacity:.9}50%{transform:translate(26px,-34px);opacity:.5}85%{opacity:.9}}@keyframes vh-fireflyB{0%,to{transform:translate(0);opacity:0}20%{opacity:.8}55%{transform:translate(-30px,-22px);opacity:.6}90%{opacity:.7}}@keyframes vh-sparkle{0%,to{opacity:1;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes vh-badgePulse{0%,to{box-shadow:0 0 #f064288c}60%{box-shadow:0 0 0 8px #f0642800}}@keyframes vh-greenBadgePulse{0%,to{box-shadow:0 0 #8cdc3c99}60%{box-shadow:0 0 0 8px #8cdc3c00}}@keyframes vh-cloudDrift{0%{transform:translate(0)}to{transform:translate(2600px)}}@keyframes vh-flagSway{0%,to{transform:rotate(-1.5deg) skew(0)}50%{transform:rotate(2deg) skew(-4deg)}}@keyframes vh-smokeRise{0%{transform:translate(0) scale(.5);opacity:0}12%{opacity:.7}55%{opacity:.4}to{transform:translate(22px,-140px) scale(2.4);opacity:0}}@keyframes vh-emberRiseA{0%{opacity:0;transform:translate(0) scale(.6)}15%{opacity:1}70%{opacity:.6}to{opacity:0;transform:translate(18px,-72px) scale(.3)}}@keyframes vh-emberRiseB{0%{opacity:0;transform:translate(0) scale(.5)}15%{opacity:1}45%{transform:translate(-10px,-30px) scale(.8)}70%{opacity:.6}to{opacity:0;transform:translate(-26px,-64px) scale(.25)}}@keyframes vh-emberRiseC{0%{opacity:0;transform:translate(0) scale(.7)}15%{opacity:1}50%{transform:translate(14px,-34px) scale(.9)}70%{opacity:.6}to{opacity:0;transform:translate(30px,-80px) scale(.3)}}@keyframes vh-emberRiseD{0%{opacity:0;transform:translate(0) scale(.55)}15%{opacity:1}40%{transform:translate(-16px,-22px) scale(.75)}70%{opacity:.6}to{opacity:0;transform:translate(-6px,-58px) scale(.28)}}@keyframes vh-emberRiseE{0%{opacity:0;transform:translate(0) scale(.65)}15%{opacity:1}55%{transform:translate(6px,-40px) scale(.85)}70%{opacity:.6}to{opacity:0;transform:translate(-20px,-76px) scale(.3)}}@keyframes vh-hearthFlicker{0%,to{opacity:.82;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes vh-fallShimmer{0%{background-position:0 -90px}to{background-position:0 0}}@keyframes vh-fallFastFlow{0%{background-position:0 -24px}to{background-position:0 0}}@keyframes vh-shimmer{0%,to{opacity:.1}50%{opacity:.28}}@keyframes vh-fallDropA{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes vh-fallDropB{0%{top:0%;transform:translate(0);opacity:0}10%{opacity:1}50%{top:50%;transform:translate(3px)}90%{opacity:1}to{top:100%;transform:translate(-2px);opacity:0}}@keyframes vh-fallDropC{0%{top:0%;transform:translate(0);opacity:0}10%{opacity:1}50%{top:50%;transform:translate(-3px)}90%{opacity:1}to{top:100%;transform:translate(2px);opacity:0}}@keyframes vh-locBannerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes vh-locFade{0%{opacity:0}to{opacity:1}}@keyframes vh-dropFall{0%{opacity:0;transform:translateY(0)}16%{opacity:.9}to{opacity:0;transform:translateY(30px)}}@keyframes vh-zipA{0%{opacity:0;transform:translateY(0)}10%{opacity:.6}88%{opacity:.6}to{opacity:0;transform:translateY(38px)}}@keyframes vh-zipB{0%{opacity:0;transform:translate(0)}10%{opacity:.6}50%{transform:translate(2px,19px)}88%{opacity:.6}to{opacity:0;transform:translate(-2px,38px)}}@keyframes vh-zipC{0%{opacity:0;transform:translate(0)}10%{opacity:.6}50%{transform:translate(-2px,19px)}88%{opacity:.6}to{opacity:0;transform:translate(2px,38px)}}@keyframes vh-buffReceivePulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes vh-chatNudge{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes vh-npcSwaySoft{0%,to{transform:translate(-50%,-100%) rotate(0)}50%{transform:translate(-50%,-100%) rotate(1.4deg)}}@keyframes vh-goblinBreathSoft{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 1.5px))}}@keyframes vh-jarFireflyA{0%,to{transform:translate(-6px,-19px) scale(.85);opacity:.55}50%{transform:translate(-4px,-22px) scale(1.05);opacity:1}}@keyframes vh-jarFireflyB{0%,to{transform:translate(5px,-33px) scale(1);opacity:.6}50%{transform:translate(3px,-30px) scale(.8);opacity:1}}@keyframes vh-jarFireflyC{0%,to{transform:translate(-2px,-45px) scale(.9);opacity:.5}50%{transform:translate(-1px,-42px) scale(1.1);opacity:.95}}@keyframes vh-badgeArrive{0%{transform:scale(.15) translateY(60px);opacity:0}45%{transform:scale(1.12) translateY(0);opacity:1}62%{transform:scale(.94);opacity:1}to{transform:scale(1);opacity:1}}@keyframes vh-successPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes vh-successFlyAway{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(.9)}}@keyframes vh-btnFireflyA{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(10px,-14px);opacity:1}}@keyframes vh-btnFireflyB{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(-12px,10px);opacity:1}}@keyframes vh-btnFireflyC{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(8px,12px);opacity:1}}@keyframes vh-particleFlyA{0%{opacity:0;transform:translate(0) scale(.3)}14%{opacity:1;transform:translate(-30px,-10px) scale(1.15)}82%{opacity:1;transform:translate(calc(var(--dx) + 10px),calc(var(--dy) + 8px)) scale(.5)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.05)}}@keyframes vh-particleFlyB{0%{opacity:0;transform:translate(0) scale(.3)}14%{opacity:1;transform:translate(20px,-30px) scale(1.15)}82%{opacity:1;transform:translate(calc(var(--dx) - 8px),calc(var(--dy) - 6px)) scale(.5)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.05)}}@keyframes vh-particleFlyC{0%{opacity:0;transform:translate(0) scale(.3)}14%{opacity:1;transform:translate(-40px,10px) scale(1.15)}82%{opacity:1;transform:translate(calc(var(--dx) + 7px),calc(var(--dy) + 5px)) scale(.5)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.05)}}@keyframes vh-particleFlyD{0%{opacity:0;transform:translate(0) scale(.3)}14%{opacity:1;transform:translate(10px,30px) scale(1.15)}82%{opacity:1;transform:translate(calc(var(--dx) - 6px),calc(var(--dy) - 4px)) scale(.5)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.05)}}@keyframes vh-particleFlyE{0%{opacity:0;transform:translate(0) scale(.3)}14%{opacity:1;transform:translate(-20px,-35px) scale(1.15)}82%{opacity:1;transform:translate(calc(var(--dx) + 4px),calc(var(--dy) + 2px)) scale(.5)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.05)}}@keyframes vh-particleFlyF{0%{opacity:0;transform:translate(0) scale(.3)}14%{opacity:1;transform:translate(35px,5px) scale(1.15)}82%{opacity:1;transform:translate(calc(var(--dx) - 3px),calc(var(--dy) - 2px)) scale(.5)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.05)}}@keyframes vh-lampGlow{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}@keyframes vh-lampFlicker{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.18) saturate(1.15)}}@keyframes vh-lampFlickerHover{0%,to{filter:brightness(1.15) saturate(1.1) drop-shadow(0 0 10px rgba(255,190,80,.55))}50%{filter:brightness(1.4) saturate(1.3) drop-shadow(0 0 18px rgba(255,190,80,.8))}}@keyframes vh-lampFireflyA{0%,to{transform:translate(0);opacity:0}15%{opacity:.9}50%{transform:translate(8px,-10px);opacity:.5}85%{opacity:.9}}@keyframes vh-lampFireflyB{0%,to{transform:translate(0);opacity:0}20%{opacity:.8}55%{transform:translate(-9px,-7px);opacity:.6}90%{opacity:.7}}@keyframes vh-buffPop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes vh-questPulse{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes vh-slideDownIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes vh-slideInFromLeft{0%{opacity:0;transform:translate(-160px)}to{opacity:1;transform:translate(0)}}@keyframes vh-slideInFromRight{0%{opacity:0;transform:translate(160px)}to{opacity:1;transform:translate(0)}}@keyframes vh-slideOutRight{0%{transform:translate(0)}to{transform:translate(160px)}}@keyframes vh-slideInFromBottom{0%{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translateY(0)}}@keyframes vh-slideUpIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes vh-waterShimmer{0%{background-position:0 -70px}to{background-position:0 0}}@keyframes vh-mistPuff{0%,to{opacity:.85;transform:scale(.99) translateY(0)}50%{opacity:.95;transform:scale(1.01) translateY(-.5px)}}@keyframes vh-fireflyTakeA{0%{opacity:1;transform:translate(0)}12%{transform:translate(14px,-8px)}24%{transform:translate(-10px,10px)}36%{transform:translate(8px,-12px)}48%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(172px,352px) scale(.5)}to{opacity:0;transform:translate(176px,354px) scale(.05)}}@keyframes vh-fireflyTakeB{0%{opacity:1;transform:translate(0)}12%{transform:translate(-12px,-10px)}24%{transform:translate(10px,8px)}36%{transform:translate(-8px,-6px)}48%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(180px,356px) scale(.5)}to{opacity:0;transform:translate(176px,354px) scale(.05)}}@keyframes vh-fireflyTakeC{0%{opacity:1;transform:translate(0)}12%{transform:translate(10px,12px)}24%{transform:translate(-14px,-6px)}36%{transform:translate(6px,10px)}48%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(172px,352px) scale(.5)}to{opacity:0;transform:translate(176px,354px) scale(.05)}}@keyframes vh-fireflyTakeD{0%{opacity:1;transform:translate(0)}12%{transform:translate(-8px,10px)}24%{transform:translate(12px,-10px)}36%{transform:translate(-10px,6px)}48%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(178px,353px) scale(.5)}to{opacity:0;transform:translate(176px,354px) scale(.05)}}@keyframes vh-arrowPoint{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@keyframes vh-treeReleaseJourney{0%{opacity:0;transform:translate(0) scale(.3)}10%{opacity:1;transform:translate(calc(var(--tx) * .08),calc(var(--ty) * .08)) scale(1.1)}80%,to{opacity:1;transform:translate(var(--tx),var(--ty)) scale(1)}}@keyframes vh-fireflyWanderA{0%,to{transform:translate(0);opacity:.85}25%{transform:translate(5px,-4px);opacity:1}50%{transform:translate(-3px,-6px);opacity:.9}75%{transform:translate(-5px,2px);opacity:1}}@keyframes vh-fireflyWanderB{0%,to{transform:translate(0);opacity:.85}30%{transform:translate(-4px,-5px);opacity:1}55%{transform:translate(4px,-3px);opacity:.9}80%{transform:translate(3px,4px);opacity:1}}@keyframes vh-goblinFlyQuest{0%{opacity:0;transform:translate(0) scale(.3)}14%{opacity:1;transform:translate(30px,-10px) scale(1.15)}to{opacity:0;transform:translate(1120px,378px) scale(.05)}}@keyframes vh-burstFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--bx),var(--by)) scale(.3)}}@keyframes vh-bpBounceA{0%,to{transform:scale(1)}40%{transform:scale(1.32)}70%{transform:scale(.94)}}@keyframes vh-bpBounceB{0%,to{transform:scale(1)}40%{transform:scale(1.32)}70%{transform:scale(.94)}}@keyframes vh-navDropIn{0%{transform:translate(-50%,-130px)}to{transform:translate(-50%)}}@keyframes vh-plaqueIn{0%{opacity:0;transform:translate(-50%) scale(.7) translateY(10px)}60%{opacity:1;transform:translate(-50%) scale(1.06) translateY(-2px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes vh-sunRayA{0%,to{opacity:.35}50%{opacity:.85}}@keyframes vh-sunRayB{0%,to{opacity:.35}50%{opacity:.85}}@keyframes vh-dustDrift{0%{opacity:0;transform:translate(0)}15%{opacity:.8}85%{opacity:.8}to{opacity:0;transform:translate(-40px,120px)}}@keyframes vh-sunPool{0%,to{opacity:.55;transform:skew(-24deg) scale(1)}50%{opacity:.8;transform:skew(-24deg) scale(1.08)}}@keyframes vh-bookSlideIn{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}@keyframes vh-bookSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(120px)}}@keyframes vh-rewardModalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes vh-rewardTilePop{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes stampIn{0%{opacity:0;transform:rotate(-9deg) scale(1.7)}60%{opacity:1;transform:rotate(-9deg) scale(.94)}to{opacity:1;transform:rotate(-9deg) scale(1)}}@keyframes trot3{0%{background-position:0 0}33.4%{background-position:50% 0}66.7%{background-position:100% 0}to{background-position:0 0}}.vh-root .npc-frame-idle{opacity:1}.vh-root .npc-frame-hover,.vh-root .npc:hover .npc-frame-idle{opacity:0}.vh-root .npc:hover .npc-frame-hover{opacity:1}.vh-root .npc-sprite-dim{filter:contrast(.92) saturate(.82) brightness(.97)}.vh-root .npc-fly{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe9a3;box-shadow:0 0 9px 2px #ffdc8ce6;opacity:0;pointer-events:none}.vh-root .npc:hover .npc-fly-1{animation:vh-flyA 6.5s ease-in-out infinite}.vh-root .npc:hover .npc-fly-2{animation:vh-flyB 7.5s ease-in-out -2s infinite}.vh-root .npc:hover .npc-fly-3{animation:vh-flyC 7s ease-in-out -3.5s infinite}.vh-root .npc:hover .npc-fly-4{animation:vh-flyB 8.5s ease-in-out -1s infinite}.vh-root .npc-nameplate{position:absolute;left:50%;top:-8%;transform:translate(-50%,-6px);white-space:nowrap;padding:6px 16px;border-radius:10px;border:3px solid;border-color:#b0aa9a #7c7666 #57524a #948e7e;background:linear-gradient(180deg,#28241df0,#171410f0);font-size:13px;font-weight:800;color:#f2b632;letter-spacing:.3px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.vh-root .npc:hover .npc-nameplate{opacity:1;transform:translate(-50%,-14px)}.vh-root .vh-qring{--qc: rgba(230, 222, 202, .5);--qcs: rgba(230, 222, 202, .1);--qg: rgba(255, 215, 130, 0)}.vh-root .npc:hover .vh-qring[data-state=idle][data-tone=neutral],.vh-root .vh-qring[data-state=give]{--qc: #ffce5c;--qcs: rgba(255, 190, 80, .22);--qg: rgba(255, 190, 80, .55)}.vh-root .vh-qring[data-state=turnIn]{--qc: #a8e64f;--qcs: rgba(150, 220, 70, .22);--qg: rgba(150, 220, 70, .55)}.vh-root .vh-goblin-hotspot:hover~.vh-goblin-ringbox .vh-qring[data-state=idle][data-tone=hostile]{--qc: #ff5a3c;--qcs: rgba(255, 70, 40, .2);--qg: rgba(255, 70, 40, .5)}.vh-root .vh-qring-glow{background:radial-gradient(circle,transparent 40%,var(--qcs) 62%,transparent 76%);transition:background .25s}.vh-root .vh-qring-dash circle{stroke:var(--qc);transition:stroke .25s;filter:drop-shadow(0 0 3px var(--qg))}.vh-root .npc:hover .vh-qring[data-state=idle] .vh-qd1,.vh-root .vh-qring[data-state=give] .vh-qd1,.vh-root .vh-qring[data-state=turnIn] .vh-qd1,.vh-root .vh-goblin-hotspot:hover~.vh-goblin-ringbox .vh-qring[data-state=idle] .vh-qd1{animation:vh-qRingSpin 9s linear infinite}.vh-root .npc:hover .vh-qring[data-state=idle] .vh-qd2,.vh-root .vh-qring[data-state=give] .vh-qd2,.vh-root .vh-qring[data-state=turnIn] .vh-qd2,.vh-root .vh-goblin-hotspot:hover~.vh-goblin-ringbox .vh-qring[data-state=idle] .vh-qd2{animation:vh-qRingSpin 15s linear infinite reverse}.vh-root .vh-qspark{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#ffe9a3;box-shadow:0 0 9px 3px var(--qg);opacity:0}.vh-root .vh-qring[data-state=turnIn] .vh-qspark{background:#d6ffa0}.vh-root .npc:hover .vh-qring[data-state=idle] .vh-qspark-1,.vh-root .vh-qring[data-state=give] .vh-qspark-1,.vh-root .vh-qring[data-state=turnIn] .vh-qspark-1,.vh-root .vh-goblin-hotspot:hover~.vh-goblin-ringbox .vh-qring[data-state=idle] .vh-qspark-1{animation:vh-qOrbit 4.5s linear infinite}.vh-root .npc:hover .vh-qring[data-state=idle] .vh-qspark-2,.vh-root .vh-qring[data-state=give] .vh-qspark-2,.vh-root .vh-qring[data-state=turnIn] .vh-qspark-2,.vh-root .vh-goblin-hotspot:hover~.vh-goblin-ringbox .vh-qring[data-state=idle] .vh-qspark-2{animation:vh-qOrbit 6.2s linear -2.4s infinite}.vh-root .npc:hover .vh-qring[data-state=idle] .vh-qspark-3,.vh-root .vh-qring[data-state=give] .vh-qspark-3,.vh-root .vh-qring[data-state=turnIn] .vh-qspark-3,.vh-root .vh-goblin-hotspot:hover~.vh-goblin-ringbox .vh-qring[data-state=idle] .vh-qspark-3{animation:vh-qOrbit 5.3s linear -3.6s infinite}@keyframes vh-qRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vh-qOrbit{0%{transform:rotate(0) translate(62px);opacity:0}8%,92%{opacity:1}to{transform:rotate(360deg) translate(62px);opacity:0}}.vh-root .vh-qmark{font-size:38px;font-weight:900;line-height:1;color:#ffd45e;text-shadow:0 2px 0 #6d4506,0 0 16px rgba(255,190,60,.85),0 0 34px rgba(255,160,30,.5);animation:vh-qMarkBounce 1.6s ease-in-out infinite}.vh-root .vh-qmark[data-state=turnIn]{color:#c2f36e;text-shadow:0 2px 0 #2e5207,0 0 16px rgba(160,230,80,.85),0 0 34px rgba(120,200,50,.5)}@keyframes vh-qMarkBounce{0%,to{transform:translate(-50%) translateY(0) scale(1)}45%{transform:translate(-50%) translateY(-13px) scale(1.06)}65%{transform:translate(-50%) translateY(-2px) scale(.98)}}@keyframes vh-npcDlgIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes vh-npcDlgInPortrait{0%{opacity:0;transform:translate(-50%) translateY(40px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vh-root .npc-dlg-btn,.npc-conversation .npc-dlg-btn{height:46px;border-radius:10px;border:3px solid;border-color:#6a655a #4a463c #35322a #57534a;background:linear-gradient(180deg,#28241de6,#171410e6);color:#f0eadb;font-size:14.5px;font-weight:800;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s ease,box-shadow .15s ease}.vh-root .npc-dlg-btn:hover:not(:disabled),.npc-conversation .npc-dlg-btn:hover:not(:disabled){border-color:#ffe49a #e0a530 #b06f08 #f0c050;box-shadow:0 0 14px #f0962873}.vh-root .npc-dlg-btn-locked{opacity:.55;cursor:default}.vh-root .npc-dlg-badge{font-size:12px;font-weight:800;color:#c8a24a;border:1px solid #6a5a32;border-radius:6px;padding:2px 8px}@keyframes vh-badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tutorial-overlay{position:fixed;inset:0;z-index:800;pointer-events:none;font-family:Nunito,sans-serif;color:#49331e}.tutorial-shade{position:absolute;inset:0;pointer-events:none}.tutorial-copy{--game-window-padding:30px 34px 40px;--game-window-scale:1.3;position:absolute;left:22px;top:110px;width:min(370px,calc(100vw - 44px));box-sizing:border-box;pointer-events:auto}.tutorial-copy-content{max-height:calc(100dvh - 190px);overflow-y:auto;scrollbar-width:thin}.tutorial-copy h2{margin:0 0 12px;font:900 24px/1.1 Alegreya SC,Georgia,serif}.tutorial-copy p{margin:0 0 18px;font-size:16px;line-height:1.45}.tutorial-copy .wood-button{width:100%;min-height:44px}.tutorial-chalk{position:absolute;inset:0;overflow:visible;pointer-events:none}.tutorial-chalk path{fill:none;stroke:#fffced;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:tutorial-draw 1.05s ease-in-out forwards}.tutorial-chalk .tutorial-chalk-head{stroke-width:4.7;animation-duration:.32s;animation-delay:.86s}.tutorial-chalk-dust{opacity:.19}.tutorial-chalk-dust path{stroke-width:6.5}@keyframes tutorial-draw{to{stroke-dashoffset:0}}.tutorial-progress{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid #a16d2e55;font-size:14px;font-weight:800}.tutorial-progress b{flex:none;font-size:27px;color:#7d4918;animation:tutorial-bounce .4s ease-out}.tutorial-pending{font-weight:800;color:#8b5926}@keyframes tutorial-bounce{40%{transform:scale(1.25)}75%{transform:scale(.95)}}.tutorial-exit{position:fixed;right:16px;bottom:24px;z-index:900}.tutorial-dialog-overlay{position:fixed;inset:0;z-index:900;display:grid;place-items:center;background:#080a10bb;padding:20px;box-sizing:border-box;font-family:Nunito,sans-serif;color:#49331e}.tutorial-dialog{--game-window-padding:32px 38px 50px;--game-window-max-height:90dvh;position:relative;width:min(570px,100%);box-sizing:border-box}.tutorial-dialog h2{font:900 28px Alegreya SC,Georgia,serif;margin:0 25px 16px 0}.tutorial-dialog p{line-height:1.5}.tutorial-dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.tutorial-dialog-actions .wood-button{min-height:44px;flex:1;min-width:160px}.arena-training-dummies-position{position:absolute;left:42%;top:47%;width:22%;height:24%;transform:translate(-50%,-100%);z-index:4}.vh-root .arena-training-dummies,.vh-root .arena-training-dummies:is(:hover,:active,:focus-visible){position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer;transform:none;filter:none;transition:none;overflow:visible}.arena-dummy-slot{position:absolute;bottom:0;width:35%;aspect-ratio:1145/1374;pointer-events:none}.arena-dummy-slot:nth-child(1){left:0}.arena-dummy-slot:nth-child(2){left:34%;bottom:18%;width:32%;z-index:-1}.arena-dummy-slot:nth-child(3){left:68%}.arena-dummy-slot>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.arena-dummy-contact-shadow{position:absolute;left:52%;top:93.5%;width:46%;height:8%;transform:translate(-50%,-50%) rotate(-4deg);background:radial-gradient(ellipse,#21180dc2,#21180d66 35%,#21180d00 73%);filter:blur(.6px);pointer-events:none}.arena-dummy-slot .v3-cast-shadow .npc-frame-idle{opacity:1!important}.arena-dummy-slot .v3-cast-shadow .npc-frame-hover{display:none}.arena-training-dummies:focus-visible{outline:2px solid #ffde88;outline-offset:8px}.tutorial-world-upgrades{display:flex;gap:12px;flex-wrap:wrap}.tutorial-world-upgrades .wood-button{flex:1}.tutorial-respawn-note,.tutorial-error{position:fixed;left:50%;top:85px;transform:translate(-50%);z-index:950;padding:8px 16px;background:#1b160eee;color:#ffe2a1;font:700 15px Nunito,sans-serif;text-align:center;max-width:80vw}.tutorial-error{top:130px;color:#ffc3a1}@media(max-width:700px){.tutorial-copy{--game-window-padding:22px 24px 34px;--game-window-scale:1.6;left:12px;top:55px;width:min(310px,calc(100vw - 24px))}.tutorial-copy h2{font-size:20px}.tutorial-copy p{font-size:14px}.tutorial-progress{font-size:12px;margin-bottom:10px}.tutorial-progress b{font-size:23px}.tutorial-dialog{--game-window-padding:25px 25px 44px}.tutorial-exit{right:10px;bottom:8px}}@media(max-width:700px)and (orientation:portrait){.arena-tutorial-battle [data-testid=battle-action-dock]{--hk:var(--tutorial-dock-scale);bottom:65px!important}.arena-tutorial-battle [data-turn-mode=S]{left:1218px!important;top:5px!important}.arena-tutorial-battle [data-turn-mode=D]{display:none}}@media(max-height:500px){.tutorial-copy{--game-window-padding:16px 22px;--game-window-scale:1.6;top:75px;width:300px}.tutorial-copy h2{font-size:19px}.tutorial-copy p{font-size:13px;margin-bottom:10px}.tutorial-exit{bottom:6px}}@media(prefers-reduced-motion:reduce){.tutorial-chalk path{animation:none;stroke-dashoffset:0}.tutorial-progress b{animation:none}}.starter-reward-overlay{z-index:2400}.starter-reward{width:min(650px,100%);max-height:90dvh;overflow:auto!important}.starter-reward-reason{font-weight:800}.starter-reward-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:20px 0}.starter-reward-items>div{display:flex;align-items:center;gap:10px;padding:10px;background:#a66b1b15;border:1px solid #9e6f2938;border-radius:7px}.starter-reward-items img{width:48px;height:48px;object-fit:contain}.starter-reward-items span{display:block}.starter-reward-items strong{font-size:23px;color:#715022}.starter-reward>.wood-button{width:100%}.starter-shop{width:min(760px,100%)}.starter-shop-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}.starter-shop-card{padding:14px;border:1px solid #af7b3c66;border-radius:8px;background:#9c651b12;text-align:center}.starter-shop-card>img{width:65px;height:65px;object-fit:contain;margin:0 auto 8px}.starter-shop-card strong{display:block;min-height:42px}.starter-shop-card .wood-button{width:100%;margin-top:12px}.starter-objective{position:fixed;left:20px;top:100px;z-index:700;width:min(300px,calc(100vw - 40px));--game-window-scale:2;--game-window-padding:20px 25px 24px;font-family:Nunito,sans-serif;color:#49331e}.starter-objective strong{display:block;font-size:17px}.starter-objective p{font-size:13px;margin:5px 0 0}.starter-objective button{margin-top:8px}.starter-spots{position:absolute;left:22%;top:62%;width:31%;height:22%;z-index:4}.starter-spot{position:absolute;left:0;top:0;width:42%;height:100%;border:0;background:none!important;filter:none!important;transform:none!important;padding:0;cursor:pointer}.starter-spot+.starter-spot{left:58%}.starter-spot-ground{position:absolute;left:50%;top:64%;width:92%;aspect-ratio:1;transform:translate(-50%,-50%) scaleY(.45);border:4px solid #b5ce99;border-radius:50%;background:#54783a25;box-shadow:0 0 0 3px #23361e66,inset 0 0 12px #d5e8bb44}.starter-spot[data-owned] .starter-spot-ground{border-color:#e5b648;background:#9b761c22}.starter-spot>img{position:absolute;left:22%;bottom:15%;width:60%;height:100%;object-fit:contain;pointer-events:none}.starter-spot-caption{position:absolute;top:87%;left:50%;transform:translate(-50%);width:150px;font:800 12px/1.3 Nunito,sans-serif;color:#fff1c3;text-shadow:0 2px 2px #000;text-align:center}.starter-spots-link{position:absolute;left:40%;top:64%;width:23%;border-top:3px dashed #ffe7a6;opacity:.8;pointer-events:none}.starter-lesson-banner{position:fixed;top:105px;left:20px;z-index:700;max-width:300px;padding:14px;color:#49331e;--game-window-padding:20px 25px 30px;--game-window-scale:2}.starter-lesson-banner p{margin:0;font:800 14px/1.4 Nunito,sans-serif}@media(max-width:700px){.starter-objective{left:12px;top:88px;width:260px}.starter-reward-items{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-reward-items>div{padding:7px;font-size:12px}.starter-reward-items img{width:35px;height:35px}.starter-reward-items strong{font-size:19px}.starter-shop-card{padding:9px}.starter-lesson-banner{left:12px;top:55px;max-width:240px}}.starter-spots{inset:0;width:auto;height:auto;pointer-events:none}.starter-spot-position{position:absolute;top:63%;width:12%;height:18%;transform:translate(-50%,-70%);pointer-events:auto}.starter-spot-position .starter-spot,.starter-spot-position .starter-spot+.starter-spot{left:0;top:0;width:100%;height:100%}.starter-spot-position .starter-spot-ground{top:70%}.starter-home-welcome{position:fixed;inset:0;z-index:920;display:grid;align-items:center;justify-items:center;padding:24px;font-family:Nunito,sans-serif;color:#49331e;background:transparent}.starter-welcome-stage{position:relative;width:min(540px,100%);transform:translateY(-4vh)}.starter-welcome-paper{width:100%;box-sizing:border-box;--game-window-padding:38px 42px 46px;animation:starter-welcome-in .5s ease-out both}.starter-welcome-paper h2{font:900 29px/1.12 Alegreya SC,Georgia,serif;margin:0 0 20px}.starter-welcome-paper p{font-size:17px;line-height:1.55;margin:0 0 16px}.starter-welcome-paper>.wood-button{width:100%;margin-top:8px;min-height:48px}@keyframes starter-welcome-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@property --starter-dissolve{syntax:"<percentage>";inherits:false;initial-value:0%}.starter-home-welcome[data-leaving] .starter-welcome-paper{pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 50% 70%,transparent var(--starter-dissolve),#000 calc(var(--starter-dissolve) + 22%));mask-image:radial-gradient(ellipse at 50% 70%,transparent var(--starter-dissolve),#000 calc(var(--starter-dissolve) + 22%));animation:starter-paper-wisps 1s ease-in forwards}@keyframes starter-paper-wisps{0%{--starter-dissolve:0%;opacity:1}45%{opacity:.85}to{--starter-dissolve:140%;opacity:0;filter:blur(2px)}}.starter-welcome-wisps{position:absolute;inset:0;pointer-events:none;overflow:visible}.starter-welcome-wisps i{position:absolute;width:var(--wisp-size);height:var(--wisp-size);border-radius:50%;background:#fff5cb;box-shadow:0 0 7px 2px #ffe4a7,0 0 17px 4px #e0c05f88;animation:starter-wisp-away 1s var(--wisp-delay) cubic-bezier(.2,.6,.3,1) both}.starter-welcome-wisps i:nth-child(3n){background:#d7f5e4;box-shadow:0 0 7px 2px #b8e4d7,0 0 16px 3px #8fcdb85c}.starter-welcome-wisps i:after{content:"";position:absolute;right:1px;top:0;width:27px;height:3px;border-radius:50%;transform:rotate(-32deg);transform-origin:right;background:linear-gradient(90deg,transparent,#fff0b89c);filter:blur(1px)}@keyframes starter-wisp-away{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:1}55%{opacity:.85;transform:translate(calc(var(--wisp-x)*.45),calc(var(--wisp-y)*.3)) scale(1)}to{opacity:0;transform:translate(var(--wisp-x),var(--wisp-y)) scale(.15)}}.tutorial-overlay--home .tutorial-copy{left:50%;top:39vh;transform:translate(-50%);width:min(390px,calc(100vw - 40px));animation:starter-welcome-in .45s ease-out both}.loctrail[data-starter-route] .loctrail-gold-disc{animation:starter-route-bounce 1.8s ease-in-out infinite}.loctrail[data-starter-route] .loctrail-gold-name{color:#fff1b7}.interior-stone[data-quest] .interior-stone-body{animation:starter-rune-bounce 2.2s ease-in-out infinite}.interior-stone[data-quest]:nth-child(2n) .interior-stone-body{animation-delay:.25s}@keyframes starter-route-bounce{0%,60%,to{translate:0 0}74%{translate:0 -7px}88%{translate:0 -2px}}@keyframes starter-rune-bounce{0%,70%,to{translate:0 0}82%{translate:0 -4px}93%{translate:0 -1px}}@media(max-width:700px){.starter-home-welcome{padding:18px}.starter-welcome-stage{transform:translateY(-2vh)}.starter-welcome-paper{--game-window-padding:30px 28px 40px}.starter-welcome-paper h2{font-size:25px}.starter-welcome-paper p{font-size:15px}.tutorial-overlay--home .tutorial-copy{top:34vh;width:calc(100vw - 40px)}}@media(prefers-reduced-motion:reduce){.starter-welcome-paper,.tutorial-overlay--home .tutorial-copy{animation:none}.starter-home-welcome[data-leaving] .starter-welcome-paper{animation:starter-welcome-fade .15s linear forwards;-webkit-mask-image:none;mask-image:none}.starter-welcome-wisps{display:none}.loctrail[data-starter-route] .loctrail-gold-disc,.interior-stone[data-quest] .interior-stone-body{animation:none}}@keyframes starter-welcome-fade{to{opacity:0}}.vh-qmark{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid #ffe192;background:radial-gradient(circle at 40% 25%,#70501f,#30200b);color:#ffedaa!important;font-size:24px!important;line-height:1!important;text-shadow:0 1px 2px #000;box-shadow:0 2px 6px #0009,0 0 9px #ebbf5255}.arena-training-dummies:hover .arena-dummy-slot>img,.arena-training-dummies:focus-visible .arena-dummy-slot>img{filter:brightness(1.15) drop-shadow(0 0 3px #ffe39c88)}.starter-spot-position{top:22%;width:136px;height:136px}.starter-native-ring{position:absolute;inset:0;width:136px;height:136px;overflow:visible;pointer-events:none}.starter-spot-caption{top:95%;font-size:11px}.starter-spot-position .vh-qmark{top:8px!important}.world-help-window{position:fixed;right:24px;top:140px;z-index:850;width:min(350px,calc(100vw - 40px));--game-window-padding:26px 30px 36px;--game-window-scale:1.4;font-family:Nunito,sans-serif;color:#49331e}.world-help-window h2{font-size:21px;margin:0 0 12px}.world-help-window p{line-height:1.5}.world-help-window button.wood-button{width:100%}.inventory-shard-items{padding:8px 12px;color:#49331e}.inventory-shard-items h3{margin:0 0 6px}.inventory-shard-items article{display:flex;align-items:center;gap:12px}.inventory-shard-items img{width:42px;height:42px;object-fit:contain}.inventory-shard-items article span{flex:1}@media(max-width:700px){.world-help-window{right:12px;top:100px;width:calc(100vw - 24px)}.npc-conversation-portrait{z-index:0}.npc-conversation-bubble{z-index:1}}.inventory-shard-items{flex:none;max-height:150px;overflow-y:auto}.mobile-inventory-screen .inventory-shard-items{max-height:none;color:#f0eadb}@keyframes hx-locFade{0%{opacity:0}to{opacity:1}}@keyframes hx-panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hx-sheetIn{0%{transform:translateY(102%)}to{transform:translateY(0)}}@keyframes hx-fade{0%{opacity:0}to{opacity:1}}@keyframes hx-toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes hx-pinBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hx-ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hx-ringBreathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes hx-ringFlash{0%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes hx-ringFlashFlat{0%{opacity:0;transform:scale(.42,.285)}45%{opacity:1;transform:scale(.756,.513)}to{opacity:1;transform:scale(.7,.475)}}@keyframes hx-framePulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes hx-hexBounce{0%{transform:scale(1)}30%{transform:scale(1.14)}60%{transform:scale(.94)}to{transform:scale(1)}}@keyframes hx-freeBeacon{0%,to{box-shadow:0 0 #9cd45a73;opacity:.75}50%{box-shadow:0 0 0 9px #9cd45a00;opacity:1}}@keyframes hx-fightGlow{0%,to{filter:drop-shadow(0 0 6px rgba(255,90,70,.55))}50%{filter:drop-shadow(0 0 15px rgba(255,90,70,.95))}}@keyframes hx-ringSpinR{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes hx-bossBreath{0%,to{filter:brightness(1)}50%{filter:brightness(1.12) saturate(1.07)}}@keyframes hx-bossSway{0%,to{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}@keyframes hx-bossAura{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.12)}}@keyframes hx-bossEmberA{0%{transform:translate(0) scale(1);opacity:0}8%{opacity:1}55%{opacity:.95}to{transform:translate(14px,-175px) scale(.3);opacity:0}}@keyframes hx-bossEmberB{0%{transform:translate(0) scale(1);opacity:0}8%{opacity:1}55%{opacity:.9}to{transform:translate(-16px,-160px) scale(.35);opacity:0}}@keyframes hx-bossEmberC{0%{transform:translate(0) scale(1);opacity:0}8%{opacity:1}50%{transform:translate(-8px,-90px) scale(.7);opacity:.95}to{transform:translate(10px,-185px) scale(.25);opacity:0}}@keyframes hx-emberGlow{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.85;transform:translate(-50%) scale(1.12,1.2)}}@keyframes hx-bossAuraRed{0%,to{opacity:.4;transform:translate(-50%) scale(1)}50%{opacity:.85;transform:translate(-50%) scale(1.12,1.06)}}@keyframes hx-auraPulse{0%,to{opacity:.5;transform:scale(.92)}50%{opacity:.9;transform:scale(1.06)}}@keyframes hx-bonusStamp{0%{opacity:0;transform:translate(-50%,-50%) scale(2.8)}30%{opacity:1;transform:translate(-50%,-50%) scale(.9)}42%{transform:translate(-50%,-50%) scale(1.12)}52%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@keyframes hx-wispA{0%,to{transform:translate(0);opacity:0}12%{opacity:.95}35%{transform:translate(22px,-26px)}60%{transform:translate(-12px,-46px);opacity:.8}85%{transform:translate(8px,-18px);opacity:.4}95%{opacity:0}}@keyframes hx-wispB{0%,to{transform:translate(0);opacity:0}14%{opacity:.85}40%{transform:translate(-26px,-18px)}65%{transform:translate(16px,-40px);opacity:.9}88%{transform:translate(-7px,-12px);opacity:.3}96%{opacity:0}}@keyframes hx-wispC{0%,to{transform:translate(0);opacity:0}10%{opacity:.9}38%{transform:translate(18px,22px)}62%{transform:translate(-20px,8px);opacity:.85}86%{transform:translate(5px,26px);opacity:.35}95%{opacity:0}}@keyframes hx-wispFall{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.95}80%{opacity:.5}to{transform:translateY(42px) scale(.5);opacity:0}}@keyframes hx-wispRise{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.9}80%{opacity:.4}to{transform:translateY(-54px) scale(.5);opacity:0}}@keyframes hx-fxFloat{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.7)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-72px) scale(.95)}}@keyframes hx-fxCrit{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.4)}14%{opacity:1;transform:translate(-50%) translateY(0) scale(1.45)}28%{transform:translate(-50%) translateY(-4px) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-80px) scale(1.05)}}.hx-root .hx-hex-body{transition:fill .15s ease}.hx-root .hx-hex-free:hover .hx-hex-body{fill:#8cd25a29}.hx-root .hx-btn{transition:filter .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}.hx-root .hx-btn:hover:not(:disabled){filter:brightness(1.08)}.hx-root .hx-btn:active:not(:disabled){transform:translateY(2px);filter:brightness(.95)}.hx-root .hx-btn:disabled{cursor:default;opacity:.9}.hx-root .hx-btn-dark:hover:not(:disabled){border-color:#ffe49a #e0a530 #b06f08 #f0c050;color:#f2b632;box-shadow:0 0 14px #f0962859}.hx-root .hx-mob-port{transition:transform .15s ease,box-shadow .15s ease}.hx-root .hx-mob-port:hover{transform:scale(1.08);box-shadow:0 0 0 1.5px #171410,0 0 12px #f0a03299,inset 0 1px 3px #00000073}.hx-root .hx-icon-btn{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.hx-root .hx-icon-btn:hover{transform:scale(1.1);border-color:#c99a3a;box-shadow:0 0 0 2px #0c0b09,0 0 12px #f0a03280}.hx-root .hx-icon-btn-elite:hover{border-color:#b48cf0;box-shadow:0 0 0 2px #0c0b09,0 0 14px #8c5af099}.hx-root .hx-pill-btn{transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.hx-root .hx-pill-btn:hover{color:#f2b632;border-color:#f0b63266;box-shadow:0 0 14px #f096284d}.hx-root .hx-pill-btn:active{transform:scale(.96)}.hx-root .hx-close:hover{color:#f2b632;border-color:#f0b63280}.hx-root .hx-exit{transition:transform .15s ease}.hx-root .hx-exit:hover{transform:translate(-50%,-3px)}.hx-root .hx-exit-plate{transition:border-color .2s ease,box-shadow .2s ease}.hx-root .hx-exit:hover .hx-exit-plate{border-color:#ffe49a #e0a530 #b06f08 #f0c050;box-shadow:0 0 0 1px #0e0c0a,0 0 18px #f096288c}.hx-root .hx-navi:hover{color:#f2b632!important}.hx-root .hx-navi:hover .hx-navi-ring{border-color:#ffe49a #e0a530 #b06f08 #f0c050!important;background:radial-gradient(circle at 50% 35%,#ffd875,#d08c10)!important;box-shadow:inset 0 1px 3px #78460066,0 0 12px #f0962880!important;color:#4a3103!important}.hx-root .hx-gather-body{transition:filter .25s ease}.hx-root .hx-gather-body:hover{filter:brightness(1.12) drop-shadow(0 6px 12px rgba(5,7,3,.5))!important}@keyframes hx-pfEmber{0%,to{opacity:.55}50%{opacity:1}}@keyframes hx-pfRipOut{0%{opacity:0;transform:scale(.3)}18%{opacity:.9}72%{opacity:.55}to{opacity:0;transform:scale(1.6)}}@keyframes hx-bossInhale{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.016)}}.restored-painted-vitals{display:grid;gap:4px;width:100%;font-family:Nunito,system-ui,sans-serif}.restored-painted-bar{position:relative;height:15px;min-width:0}.restored-painted-bar .wb-nameplate-hp{position:relative;inset:auto;width:100%;height:100%}.restored-painted-bar .wb-nameplate-hp-stroke{-webkit-mask-size:100% 100%;mask-size:100% 100%}.restored-painted-bar>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9df;font-size:10px;font-weight:900;line-height:1;text-shadow:0 1px 2px #000,0 0 3px #000;font-variant-numeric:tabular-nums;pointer-events:none}.restored-painted-xp{height:12px}.restored-painted-xp .wb-nameplate-hp-fill,.restored-painted-xp .wb-nameplate-hp .wb-nameplate-hp-feedback{background:linear-gradient(180deg,#fff098,#f3c34b 42%,#c9871d);box-shadow:inset 0 1px #fff4bb88}.restored-painted-xp .wb-nameplate-hp-fill:after{background:linear-gradient(179deg,#fff4ab33,transparent 40%,#9b641422)}@media(max-width:440px){.restored-painted-bar{height:12px}.restored-painted-xp{height:10px}.restored-painted-bar>span{font-size:8px}}.hud-skills-entry{display:flex;align-items:center;gap:7px;padding:0 9px;pointer-events:auto;font-family:Nunito,system-ui,sans-serif;color:#6d4519}.hud-skills-button{display:grid;place-items:center;width:28px;height:28px;flex:none;padding:2px;border:0;background:none;cursor:pointer;border-radius:5px}.hud-skills-button img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px #78501d88)}.hud-skills-button:hover{background:#c18c292b}.hud-skills-button:focus-visible{outline:2px solid #8d611d;outline-offset:2px}.hud-skills-entry>span{max-width:94px;font-size:11px;line-height:1.15;font-weight:900}.hud-skills-entry[data-upgrade] .hud-skills-button{animation:hud-skill-ready 2s ease-in-out infinite}@keyframes hud-skill-ready{0%,to{filter:drop-shadow(0 0 2px #ffcf5680)}50%{filter:drop-shadow(0 0 6px #ffd558) brightness(1.2)}}@media(prefers-reduced-motion:reduce){.hud-skills-entry[data-upgrade] .hud-skills-button{animation:none;filter:drop-shadow(0 0 4px #ffd558)}}@media(max-width:1080px){.hud-skills-entry{padding-inline:5px;gap:4px}.hud-skills-entry>span{max-width:73px;font-size:9px}}.mobile-skills-entry{position:absolute;left:14px;bottom:112px;z-index:40;pointer-events:auto;background:#251a0bdd;border:1px solid #a77c36;border-radius:25px;padding:4px 12px 4px 4px;max-width:190px}.mobile-skills-entry>span{font-size:11px;max-width:120px}.hud-development-button{position:fixed;left:clamp(210px,22vw,355px);bottom:92px;z-index:900;display:flex;align-items:center;gap:9px;padding:5px 11px 5px 5px;border:1px solid #b9914d88;border-radius:28px;background:#241a0ddd;color:#ffe8af;font-family:Nunito,sans-serif;text-align:left;cursor:pointer;pointer-events:auto;box-shadow:0 2px 5px #0006}.hud-development-icon{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;box-sizing:border-box;border:2px solid #ddb956;border-radius:50%;background:linear-gradient(#5b4423,#241a0e);box-shadow:inset 0 1px 2px #fff2b044}.hud-development-icon img{width:29px;height:29px;object-fit:contain}.hud-development-icon i{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #ffe1a0;border-radius:50%;background:#be4425;font:700 12px Nunito,sans-serif;color:#fff0b6}.hud-development-button b{display:block;font-size:13px;line-height:1.3}.hud-development-button small{display:block;font-size:11px;line-height:1.4;color:#f6d874}.hud-development-button:hover{background:#4b341ce8}.hud-development-button:focus-visible{outline:2px solid #ffe69b;outline-offset:3px}.hud-development-button[data-upgrade] .hud-development-icon{animation:hud-skill-ready 2s ease-in-out infinite}.hud-development-button.is-mobile{left:14px;bottom:112px;z-index:40}.hud-development-button.is-mobile b{font-size:12px}.hud-development-button.is-mobile small{font-size:10px}@media(prefers-reduced-motion:reduce){.hud-development-button[data-upgrade] .hud-development-icon{animation:none}}.hud-development-actions{position:fixed;left:clamp(210px,22vw,355px);bottom:92px;z-index:900;display:flex;gap:10px;pointer-events:auto}.hud-development-actions .hud-development-button{position:relative;inset:auto;z-index:auto;padding:0;border:0;background:none;box-shadow:none;border-radius:50%}.hud-development-actions .hud-development-icon{width:48px;height:48px}.hud-development-actions .hud-development-icon img{width:32px;height:32px}.hud-development-actions.is-mobile{left:14px;bottom:112px;z-index:40}.level-up-screen-glow{display:none;position:fixed;inset:0;z-index:9996;pointer-events:none;background:radial-gradient(ellipse at center,transparent 46%,#f5c35309 64%,#ffd36a33 83%,#ffcf6b80 100%);box-shadow:inset 0 0 65px #f5bd4b44}.level-up-screen-glow[data-active]{display:block;animation:levelUpScreenGold 4.8s ease-out both}.level-up-reward-focus{position:fixed;inset:0;z-index:9997;pointer-events:none;color:#ffe7a2;font-family:Nunito,sans-serif}.level-up-reward-focus>svg{position:absolute;inset:0}.level-up-reward-focus>div{position:absolute;width:270px;text-shadow:0 2px 5px #120b03}.level-up-reward-focus strong{display:block;font:900 38px/1.1 Alegreya SC,Georgia,serif;animation:levelRewardPop .5s ease-out both}.level-up-reward-focus p{font-size:15px;font-weight:800;margin:8px 0}@keyframes levelRewardPop{0%{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:none}}@keyframes levelUpScreenGold{0%{opacity:0}12%{opacity:.9}26%{opacity:.6}62%{opacity:.22}87%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.level-up-screen-glow[data-active]{animation:none;opacity:.18}}@keyframes inv-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.inventory-screen{position:relative;z-index:100;width:100vw;height:100dvh;overflow:hidden;background:#100c08;color:#eee8dc;font-family:Nunito,Arial,sans-serif}.inventory-screen--overlay{position:absolute;inset:0;width:auto;height:auto;background:transparent}.inventory-background{position:absolute;inset:0;background-size:cover;background-position:center}.inventory-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.inventory-stage{position:relative;width:1920px;height:1080px;flex:0 0 auto}.inventory-layout{position:absolute;width:1672px;height:941px;zoom:1.14832536;animation:inventory-reveal .25s ease-out}@keyframes inventory-reveal{0%{opacity:0}to{opacity:1}}.inventory-error{position:absolute;top:12px;left:50%;z-index:10;transform:translate(-50%);padding:8px 20px;background:#24140fee;border:1px solid #bc7657;border-radius:8px;color:#ffb6a0}.inventory-hero{position:absolute;left:92px;top:80px;width:615px;height:811px}.inventory-plaque{border:solid transparent;border-width:13px 16px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 13px 16px / 0 stretch;box-sizing:border-box}.inventory-power{position:absolute;top:0;left:104px;height:52px;width:456px;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 23px;white-space:nowrap;font-weight:800;font-size:16px}.inventory-power>img{width:31px;height:31px;object-fit:contain}.inventory-power>b{font-size:27px;color:#ffd76c}.inventory-class{display:flex;align-items:center;gap:10px;margin-left:9px;padding-left:20px;border-left:1px solid #8b7146;color:#ffd365;font-size:18px}.inventory-class svg{width:27px;height:27px}.inventory-doll{position:absolute;left:28px;right:28px;top:80px;height:596px}.inventory-silhouette{position:absolute;left:94px;top:17px;width:310px;height:586px;object-fit:contain;filter:drop-shadow(1px 0 #b57943) drop-shadow(-1px 0 #b57943) drop-shadow(0 1px #b57943) drop-shadow(0 -1px #b57943) drop-shadow(0 9px 12px #0006)}.inventory-equipment{position:absolute;top:0;bottom:50px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.inventory-equipment--left{left:0}.inventory-equipment--right{right:0}.inventory-equipment>div{width:100px!important;height:100px!important;box-sizing:border-box;border:2px solid #cdb481!important;border-radius:12px!important;background:#17130f!important;box-shadow:0 0 0 2px #15120d,inset 0 0 0 2px #786346,0 3px 5px #0009!important}.inventory-equipment>div>div{border-radius:9px!important}.inventory-attributes{position:absolute;bottom:0;left:0;right:0;min-height:128px;display:grid;grid-template-columns:1fr 1fr;padding:9px 19px;column-gap:25px}.inventory-attribute{display:flex;align-items:center;gap:13px;min-width:0;font-size:16px;border-bottom:1px solid #9f7c3b55}.inventory-attribute:nth-last-child(-n+2){border-bottom:0}.inventory-attribute strong{flex:1;white-space:nowrap;font-weight:700}.inventory-attribute>b{font-size:22px;color:#ffda79}.inventory-attribute small{font-size:12px;color:#aca38e;white-space:nowrap}.inventory-attribute small span{color:#a4db73}.inventory-stat-icon{display:grid;place-items:center;flex:none;width:44px;height:43px;box-sizing:border-box;border:1px solid #9b7a43;border-radius:9px;background:radial-gradient(ellipse at top,#342d20,#17140f);box-shadow:inset 0 0 0 2px #0b0907;color:#f2d794}.inventory-stat-icon svg{width:34px;height:34px}.spot-window.inventory-backpack{position:absolute;left:752px;top:80px;width:860px;height:811px;box-sizing:border-box;display:flex;flex-direction:column;padding:54px 44px 40px!important;color:#eee8dc}.inventory-title{position:absolute;z-index:4;top:-43px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:332px;height:80px;margin:0;box-sizing:border-box;border:solid transparent;border-width:13px 16px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 13px 16px / 0 stretch;background:none;color:#fff0c8;font:900 39px/1 Alegreya SC,Georgia,serif;text-shadow:0 3px 2px #0b0703}.inventory-tabs{display:flex;align-items:stretch;gap:3px;height:60px;flex:none;margin:0 0 9px}.inventory-tabs>button{display:flex;align-items:center;justify-content:center;gap:11px;flex:1;min-width:0;padding:9px 12px;border:2px solid #625340;border-bottom:1px solid #17120b;border-radius:11px 11px 0 0;background:linear-gradient(#342e27,#191612);box-shadow:inset 0 1px 2px #ffffff1f,0 -2px 3px #0004;color:#dbd7cf;font:800 16px Nunito,Arial,sans-serif;cursor:pointer;white-space:nowrap}.inventory-tabs>button:first-child{flex:.65}.inventory-tabs>button[aria-selected=true]{background:radial-gradient(ellipse at top,#f9d278,#e5ac32 72%,#ad771d);border-color:#efd69a;color:#17120b;text-shadow:0 1px #ffe0a177;box-shadow:inset 0 0 0 2px #a77427,inset 0 2px 4px #fff6}.inventory-tabs>button:hover{filter:brightness(1.13)}.inventory-tabs>button img{width:27px;height:27px;object-fit:contain;flex:none}.inventory-tabs>button:focus-visible{outline:2px solid #ffe0a1;outline-offset:2px}.inventory-capacity{align-self:center;flex:none;min-width:101px;margin-left:25px;padding:7px 6px;text-align:center;box-sizing:border-box;border:1px solid #91713f;border-radius:9px;background:#120f0be6;box-shadow:inset 0 2px 4px #000;color:#ddd8cb;font-size:20px;font-weight:800}.inventory-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c09544 #21190e;border:1px solid #ba9753;border-radius:16px;padding:12px;box-shadow:inset 0 0 0 2px #1c150d,inset 0 5px 14px #0008;background:#0e0d0a80}.inventory-grid{display:grid;height:100%;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;align-content:start}.inventory-grid>div{box-sizing:border-box;min-width:0;border-radius:11px!important;aspect-ratio:auto!important;min-height:0}.inventory-grid>div[data-empty=true]{border:2px solid #6e6250!important;background:radial-gradient(ellipse at top,#2a251c99,#110f0ce6)!important;box-shadow:inset 0 0 0 2px #100d08,0 2px 3px #0009}.inventory-grid>div:hover:not([data-empty=true]){filter:brightness(1.15)}.inventory-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;flex:none;padding:7px 9px 0;box-sizing:border-box;color:#4b3015}.inventory-rarities{display:flex;gap:17px;flex-wrap:wrap}.inventory-rarities>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;white-space:nowrap}.inventory-rarities i{display:block;width:17px;height:17px;border-radius:5px;box-shadow:inset 0 0 0 1px #000a,0 1px 2px #000}.inventory-currencies{display:flex;gap:24px;flex:none}.inventory-currencies>span{display:flex;align-items:center;gap:9px;font-size:19px;color:#ffdc78;white-space:nowrap}.inventory-currencies>span+span{border-left:1px solid #8e7447;padding-left:24px;color:#e7dcfb}.inventory-currencies img{width:26px;height:26px;object-fit:contain}.inventory-crystal{display:block;width:25px;height:27px;background:conic-gradient(from 25deg,#d8baff,#8e45d3,#ca9cf8,#7035b3,#d8baff);clip-path:polygon(50% 0,98% 38%,74% 100%,26% 100%,2% 38%)}.inventory-materials{display:flex;flex-direction:column;min-height:100%;gap:25px}.inventory-resource-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;flex:1;align-content:start}.inventory-resource{position:relative;aspect-ratio:1;border:2px solid #97805a;border-radius:10px;background:#302619}.inventory-resource img{width:100%;height:100%;object-fit:contain}.inventory-resource b{position:absolute;bottom:5px;right:6px;padding:2px 8px;border-radius:5px;background:#100b05e6;color:#ffdb8c}.inventory-unload{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px;font-weight:700}.inventory-empty{grid-column:1/-1;text-align:center;margin:60px 10px;color:#baaf97}.inventory-currencies b{color:#503413}@media(prefers-reduced-motion:reduce){.inventory-layout{animation:none}}@media(max-width:779px){.inventory-center{display:block;overflow:auto;padding:20px 12px;box-sizing:border-box}.inventory-stage{width:100%;height:auto;zoom:1!important}.inventory-layout{position:relative;zoom:1;width:100%;height:auto;display:flex;flex-direction:column;gap:52px;padding-top:15px}.inventory-hero{position:relative;left:auto;top:auto;width:100%;height:570px}.inventory-power{left:0;top:0;width:100%;height:48px;padding:0 10px;font-size:12px;gap:9px}.inventory-power>b{font-size:23px}.inventory-power>img{width:24px;height:24px}.inventory-class{gap:7px;padding-left:10px;margin-left:0;font-size:14px}.inventory-class svg{width:21px;height:21px}.inventory-doll{left:4px;right:4px;top:66px;height:365px}.inventory-silhouette{left:22%;top:8px;width:56%;height:365px}.inventory-equipment{bottom:0}.inventory-equipment>div{width:62px!important;height:62px!important}.inventory-attributes{padding:7px 10px;column-gap:12px;min-height:116px}.inventory-attribute{gap:6px;font-size:11px}.inventory-attribute>b{font-size:18px}.inventory-attribute small{font-size:9px}.inventory-stat-icon{width:30px;height:34px}.inventory-stat-icon svg{width:21px;height:21px}.spot-window.inventory-backpack{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:570px;padding:42px 25px 28px!important}.inventory-title{width:248px;height:65px;top:-36px;font-size:31px}.inventory-tabs{height:auto;flex-wrap:wrap;gap:4px}.inventory-tabs>button,.inventory-tabs>button:first-child{flex:1 1 40%;font-size:12px;padding:8px 5px;border-radius:7px;gap:5px}.inventory-tabs>button img{width:20px;height:20px}.inventory-capacity{margin:0 0 0 auto;min-width:72px;padding:3px;font-size:13px}.inventory-content{overflow:visible;flex:none;min-height:340px;padding:8px}.inventory-grid{height:auto;grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-grid>div{aspect-ratio:1!important}.inventory-grid>div>div:last-child span{font-size:9px!important}.inventory-footer{flex-wrap:wrap;gap:14px;padding:12px 0 0}.inventory-rarities{gap:10px}.inventory-rarities>span{font-size:10px;gap:4px}.inventory-rarities i{width:12px;height:12px}.inventory-currencies{margin-left:auto}.inventory-currencies>span{font-size:17px}.inventory-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-unload{font-size:12px;flex-wrap:wrap}.inventory-mobile-tooltip{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:12px;background:#130d09aa}.inventory-mobile-tooltip>[data-testid=item-tooltip]{position:relative!important;left:auto!important;top:auto!important;max-height:calc(100dvh - 24px);overflow-y:auto}.inventory-mobile-tooltip>[data-testid=item-tooltip]>div{width:min(280px,calc(100vw - 66px))!important}}.spot-window.inventory-backpack:before{background-size:100% 100%;background-repeat:no-repeat}.inventory-tabs>button{transform:none!important;transition:filter .15s ease}.inventory-content{scrollbar-gutter:stable}.inventory-title:before{content:"";position:absolute;left:-16px;top:-1px;bottom:-1px;width:16px;box-sizing:border-box;border:solid transparent;border-width:0 0 0 16px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 0 26 32 / 0 0 0 16px / 0 stretch;pointer-events:none}@media(max-width:779px){.inventory-center{overflow-x:hidden}.spot-window.inventory-backpack:before{inset:10px 14px 12px}}.inventory-hero{isolation:isolate;contain:layout style}.spot-window.inventory-backpack{filter:none}.inventory-backpack:after,.inventory-equipment{isolation:isolate}.inventory-stack-quantity{position:absolute;right:7px;bottom:6px;padding:1px 7px;border:1px solid #b18d46;border-radius:7px;background:#130d08eb;color:#ffe08b;font-size:15px;font-weight:900;text-shadow:0 1px 2px #000}.inventory-tabs>.inventory-capacity--full{color:#ffe1a0;background:#8f251c;border-color:#ecab61}.inventory-full-warning{position:relative;flex:none;margin:0 9px 8px;padding:7px 11px;border:1px solid #b84c2a;border-radius:6px;background:#77281c;color:#ffe4b2;font-size:13px;font-weight:800}.spot-window.inventory-attributes{min-height:calc(var(--game-frame-top) + var(--game-frame-bottom));padding:16px 28px!important;color:#44260f;filter:none}.inventory-attributes .inventory-attribute{color:#44260f;border-bottom-color:#ae81514d}.inventory-attributes .inventory-attribute>b{color:#633716}.inventory-attributes .inventory-attribute small{color:#877354}.inventory-attributes .inventory-attribute small span{color:#53852e}@media(max-width:779px){.spot-window.inventory-attributes{padding:16px 18px!important}}.scene-burst{position:absolute;left:50%;top:50%;pointer-events:none}.scene-burst i{position:absolute;display:block;width:3px;height:1px;background:#ffe0a0;border-radius:1px;animation:scene-click-burst .34s ease-out both}.scene-burst--wood{left:75.56%;top:26.56%}.scene-burst--wood i{width:3px;height:2px;background:#89603e;border-radius:0;animation-duration:.4s}.scene-burst--wood i:nth-child(2n){background:#614128}.scene-burst--wood.scene-burst--strong i{width:4px;height:2px;animation-duration:.55s}@keyframes scene-click-burst{0%{transform:translate(0) rotate(var(--burst-angle));opacity:1}65%{transform:translate(var(--burst-x),var(--burst-y)) rotate(calc(var(--burst-angle) + 45deg));opacity:.8}to{transform:translate(var(--burst-x),calc(var(--burst-y) + 9px)) rotate(calc(var(--burst-angle) + 80deg));opacity:0}}@media(prefers-reduced-motion:reduce){.scene-burst i{animation-duration:.15s}}.lupin-mushroom{position:absolute;pointer-events:none}.lupin-mushroom button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:inherit;pointer-events:auto;outline:none}.lupin-mushroom button,.lupin-mushroom button:not(:disabled):hover,.lupin-mushroom button:active{filter:none;box-shadow:none;transform:none;transition:none}.lupin-mushroom button:focus-visible{outline:1px solid #e4c986;outline-offset:3px}.lupin-mushroom button:disabled{pointer-events:none}.lupin-mushroom img{display:block;width:100%;height:100%;transform-origin:50% 100%;-webkit-user-select:none;user-select:none}.lupin-mushroom__shadow{position:absolute;left:18%;bottom:-3%;width:64%;height:14%;background:radial-gradient(ellipse,#35291661,#35291630 48%,#35291600 72%)}.lupin-mushroom--burst img{animation:mushroom-prepare .42s ease-in-out forwards}.lupin-mushroom--burst .lupin-mushroom__shadow{animation:mushroom-shadow-out .42s forwards}.lupin-mushroom--growing img{animation:mushroom-grow .85s ease-out both}.lupin-mushroom--growing .lupin-mushroom__shadow{animation:mushroom-shadow-in .85s both}.lupin-mushroom__dust{position:absolute;left:50%;top:28%;pointer-events:none}.lupin-mushroom__cloud{position:absolute;left:-33px;top:-25px;width:66px;height:50px;border-radius:50%;background:radial-gradient(ellipse,#e0c994df,#bea57899 42%,#b9a17c00 72%);animation:mushroom-dust-cloud 2.5s .35s ease-out both}.lupin-mushroom__dust i{position:absolute;width:4px;height:4px;border-radius:50%;background:#dac799;animation:mushroom-dust-mote 2s var(--dust-delay) ease-out both}@keyframes mushroom-prepare{0%{transform:scale(1);opacity:1}35%{transform:scale(1.13,.79) rotate(-2deg);opacity:1}50%{transform:scale(1.12,.8) rotate(2deg)}63%{transform:scale(1.12,.8) rotate(-2deg)}75%{transform:scale(1.12,.8) rotate(1.5deg);opacity:1}88%{transform:scale(1.15,1.12);opacity:1}to{transform:scale(1.25,.65);opacity:0}}@keyframes mushroom-grow{0%{transform:scale(.86,0);opacity:1}70%{transform:scale(.99,1.055)}88%{transform:scale(1.005,.987)}to{transform:scale(1);opacity:1}}@keyframes mushroom-shadow-out{0%,75%{opacity:1}to{opacity:0}}@keyframes mushroom-shadow-in{0%{opacity:0}to{opacity:1}}@keyframes mushroom-dust-cloud{0%{transform:scale(.15);opacity:0}8%{transform:scale(1.18);opacity:.95}22%{transform:scale(1.32);opacity:.65}65%{transform:translate(4px,5px) scale(1.42);opacity:.25}to{transform:translate(6px,12px) scale(1.5);opacity:0}}@keyframes mushroom-dust-mote{0%{transform:translate(0) scale(.6);opacity:0}15%{opacity:.65}55%{transform:translate(var(--dust-x),var(--dust-y)) scale(1);opacity:.35}to{transform:translate(var(--dust-x),calc(var(--dust-y) + 22px)) scale(.5);opacity:0}}@media(prefers-reduced-motion:reduce){.lupin-mushroom--burst img{animation-name:mushroom-shadow-out}.lupin-mushroom--growing img{animation-name:mushroom-shadow-in}.lupin-mushroom__dust i{display:none}}.loctrail{cursor:image-set(url(/img/ws/cursors/pointer.png) 1x,url(/img/ws/cursors/x2/pointer.png) 2x) 7 0,pointer}.loctrail-destination{position:relative;display:block}.loctrail-hourglass{display:none;position:absolute;color:#382004}.loctrail[data-transitioning=true] .loctrail-hourglass{display:block;animation:lt-hourglass-turn .65s ease-in-out forwards}.loctrail[data-transitioning=true] :is(.loctrail-gold-arrow,.loctrail-ic){visibility:hidden}.loctrail-progress{display:none;position:absolute;top:calc(100% + 4px);left:10%;width:80%;height:3px;border-radius:3px;background:#100d09aa;overflow:hidden}.loctrail[data-transitioning=true] .loctrail-progress{display:block}.loctrail-progress>span{display:block;height:100%;background:linear-gradient(90deg,#bd7b19,#ffe48c);transform-origin:left;animation:lt-progress .65s linear forwards}.loctrail-lbl{position:relative}body[data-scene-transition] [data-location-world],body:has(.loctrail[data-transitioning=true]) .loctrail{pointer-events:none}@keyframes lt-hourglass-turn{0%,20%{transform:rotate(0)}75%,to{transform:rotate(180deg)}}@keyframes lt-progress{0%{transform:scaleX(0)}80%,to{transform:scaleX(1)}}.scene-transition-layer{z-index:18;overflow:hidden;pointer-events:auto;font-family:Nunito,sans-serif}.scene-transition-picture{position:absolute;inset:0}.scene-transition-picture *{animation-play-state:paused!important}.scene-transition-badge{z-index:19!important;pointer-events:none}.scene-transition-layer .loctrail-progress>span{animation:lt-progress-out .2s linear forwards}body[data-scene-transition=in] .scene-transition-layer .loctrail-progress>span{animation:lt-progress-in .4s ease-out forwards}.scene-transition-layer[data-waiting=true] .loctrail-hourglass{animation:lt-hourglass-turn .9s ease-in-out infinite}@keyframes lt-progress-out{0%{transform:scaleX(0)}to{transform:scaleX(.35)}}@keyframes lt-progress-in{0%{transform:scaleX(.35)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.loctrail-progress>span{animation:none;transform:scaleX(1)}.loctrail[data-transitioning=true] .loctrail-hourglass{animation:none}.scene-transition-layer .loctrail-progress>span,body[data-scene-transition=in] .scene-transition-layer .loctrail-progress>span{animation:none;transform:scaleX(1)}}.loctrail-gold{width:110px;padding:0;border:0;background:none;color:#382004;display:flex;flex-direction:column;align-items:center;gap:8px;font:inherit;cursor:image-set(url(/img/ws/cursors/pointer.png) 1x,url(/img/ws/cursors/x2/pointer.png) 2x) 7 0,pointer;touch-action:manipulation;outline:none;-webkit-tap-highlight-color:transparent}.loctrail-gold-disc{width:54px;height:54px;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;border:3px solid #74400b;background:radial-gradient(ellipse at 36% 23%,#ffe899,#ffd057 32%,#f7ab23 65%,#de820b);box-shadow:inset 0 2px 1px #fff1a9,inset 0 -4px #bf6d08,0 4px #482908,0 6px 7px #1e180955;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.loctrail-gold-arrow{transition:translate .16s ease}.loctrail-gold-caption{display:flex;flex-direction:column;align-items:center;max-width:110px;padding:5px 12px 6px;border-radius:5px;background:#302611dc;box-shadow:0 2px 4px #15100450;text-shadow:0 1px 2px #0009;transition:background .16s ease;pointer-events:none}.loctrail-gold-name{font-family:Ruslan Display,Georgia,serif;font-size:13px;font-weight:800;line-height:1.15;color:#fff0c4}.loctrail-gold-detail{font-size:10px;font-weight:700;line-height:1.2;color:#c7ba91;margin-top:3px}.loctrail-gold-warning{font-size:10px;color:#ff9480;margin-top:3px}.loctrail-gold:is(:hover,:focus-visible) .loctrail-gold-disc{transform:translateY(-3px) scale(1.06);filter:brightness(1.1);box-shadow:inset 0 2px 1px #fff6c8,inset 0 -4px #bf6d08,0 4px #482908,0 0 18px #ffc04d80}.loctrail-gold:is(:hover,:focus-visible) .loctrail-gold-caption{background:#431e}.loctrail-gold:focus-visible .loctrail-gold-disc{outline:2px solid #fff0ab;outline-offset:4px}.loctrail-gold:active .loctrail-gold-disc{transform:translateY(3px) scale(.96);filter:brightness(.96);box-shadow:inset 0 3px 5px #8a480855,inset 0 -1px #bf6d08,0 1px #482908}@media(prefers-reduced-motion:reduce){.loctrail-gold *,.loctrail-gold{transition:none!important;animation:none!important}}.loctrail-ink{fill:#faf5e4f2;transition:fill .2s}.loctrail-chev{stroke:#faf5e4f2;transition:stroke .2s}.loctrail:hover .loctrail-ink{fill:#ffce5c}.loctrail:hover .loctrail-chev{stroke:#ffce5c;filter:drop-shadow(0 0 6px rgba(255,190,80,.7))}.loctrail-d1,.loctrail-d2,.loctrail-d3,.loctrail-chev{transform-box:fill-box;transform-origin:center}.loctrail-d1{translate:var(--d1x, 0px) var(--d1y, 0px)}.loctrail-d2{translate:var(--d2x, 0px) var(--d2y, 0px)}.loctrail-d3{translate:var(--d3x, 0px) var(--d3y, 0px)}.loctrail-chev{translate:var(--chx, 0px) var(--chy, 0px)}.loctrail:hover .loctrail-d1{animation:lt-stepWave 1.4s ease-in-out infinite}.loctrail:hover .loctrail-d2{animation:lt-stepWave 1.4s ease-in-out .15s infinite}.loctrail:hover .loctrail-d3{animation:lt-stepWave 1.4s ease-in-out .3s infinite}.loctrail:hover .loctrail-chev{animation:lt-stepWave 1.4s ease-in-out .45s infinite}.loctrail:hover .loctrail-spin{opacity:1!important;animation:lt-ringSpin 9s linear infinite}.loctrail[data-variant=exit]:hover .loctrail-ic{animation:lt-stepsWalk .9s steps(1) infinite}.loctrail:hover .loctrail-lbl{color:#f2b632!important;border-color:#e0a530!important}@keyframes lt-stepWave{0%,45%,to{transform:translate(0)}20%{transform:translate(var(--lift-x, 0px),var(--lift-y, -8px))}}@keyframes lt-stepsWalk{0%,to{transform:rotate(-10deg) scaleX(1)}50%{transform:rotate(-10deg) scaleX(-1)}}@keyframes lt-ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lt-ringBreathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.09)}}@keyframes lt-badgePulse{0%,to{box-shadow:0 0 #f064288c}60%{box-shadow:0 0 0 8px #f0642800}}@keyframes lt-pop{0%{opacity:0;transform:scale(.7) translateY(10px)}60%{opacity:1;transform:scale(1.06) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.loctrail-gold[data-transitioning=true] .loctrail-gold-disc{transform:none;transition:none}.v3-paper,.vh-root .npc-nameplate.v3-paper{padding:7px 14px;border:2px solid #866133;border-radius:5px;background:#f2d9a7 url(/img/warshards/party/paper.webp) center / 100% 100% no-repeat;box-shadow:0 3px 6px #291b1650;font-family:Georgia,serif;color:#493015;text-shadow:0 1px #fff3ce88}.vh-root .npc-nameplate.v3-paper{top:auto;bottom:calc(100% + 2px);z-index:10}.loctrail-gold .loctrail-gold-caption,.loctrail-gold:is(:hover,:focus-visible) .loctrail-gold-caption{position:relative;isolation:isolate;padding:6px 11px 7px;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:0 1px 2px #000b}.loctrail-gold-name,.loctrail-gold-detail,.loctrail-gold-warning{position:relative;isolation:isolate}.loctrail-gold .loctrail-gold-detail,.loctrail-gold .loctrail-gold-warning{margin-top:12px}.loctrail-gold-name:before,.loctrail-gold-detail:before,.loctrail-gold-warning:before{content:"";position:absolute;inset:-9px -23px -8px -21px;z-index:-1;pointer-events:none;background:#080603ab;--brush-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 64' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='ink' x='-10%25' y='-25%25' width='120%25' height='150%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045 .16' numOctaves='2' seed='17' result='grain'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='grain' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='white' filter='url(%23ink)'%3E%3Cpath d='M7 13L31 9 52 11 73 7 103 10 139 6 172 9 205 11 230 16 225 25 234 28 222 34 228 40 216 43 219 49 192 52 162 50 137 55 111 52 85 56 61 51 38 53 21 46 24 40 10 37 15 30 5 26 11 22Z'/%3E%3Cpath d='M3 18L37 14 56 17 17 21ZM183 47L232 43 225 46 190 50ZM14 41L42 44 38 48 19 45Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:var(--brush-name, var(--brush-default));mask-image:var(--brush-name, var(--brush-default));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:blur(.7px)}.loctrail-gold-detail:before,.loctrail-gold-warning:before{inset:-8px -20px -8px -24px;-webkit-mask-image:var(--brush-detail, var(--brush-default));mask-image:var(--brush-detail, var(--brush-default));transform:rotate(180deg);opacity:.9}.loctrail-gold .loctrail-gold-name{color:#fff0c4}.loctrail-gold .loctrail-gold-detail{color:#d7c9a5}.loctrail-gold .loctrail-gold-warning{color:#ff9480}.boss-ring-halo{filter:drop-shadow(0 0 3px #ff6300) drop-shadow(0 0 7px #ff2400) drop-shadow(0 0 11px #ff1800cc)}.boss-ring-base{filter:drop-shadow(0 0 1px #fff3a0) drop-shadow(0 0 3px #ff9d16)}.boss-ring-orbit{animation:boss-ring-turn 24s linear infinite;transform-origin:0 0}.boss-ring-glint{opacity:0}.boss-ring-markers{filter:drop-shadow(0 0 2px #ffe68b) drop-shadow(0 0 5px #ff7d29)}@keyframes boss-ring-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.boss-ring-orbit{animation:none}.boss-ring-glint{opacity:.4}}@keyframes gather-resource-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes gather-resource-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gather-resource-border{animation:gather-resource-spin 24s linear infinite;transform-box:fill-box;transform-origin:center}.gather-resource-border-html{position:absolute;inset:-2px;border:2px dashed #e1f49b;border-radius:50%}.gather-resource-pointer-html{position:absolute;left:50%;top:calc(100% - 1px);margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #e1f49b}.gather-resource-marker{animation:gather-resource-bob 2.6s ease-in-out infinite;pointer-events:none}.scene-claim [data-sprite-art]{pointer-events:visiblePainted;transition:filter .25s ease;filter:drop-shadow(0 6px 10px rgba(5,7,3,.45))}.scene-claim:hover [data-sprite-art]{filter:brightness(1.12) drop-shadow(0 6px 12px rgba(5,7,3,.5))}.scene-claim [data-soft-ground] [data-sprite-art]{filter:none}.scene-claim:hover [data-soft-ground] [data-sprite-art]{filter:brightness(1.12)}.game-claim [data-claim-ground-ring]{transition:filter .18s ease}.game-claim [data-sprite-art]{pointer-events:none}.game-claim:hover [data-claim-ground-ring]{filter:brightness(1.5) drop-shadow(0 0 5px #bbd855)}.game-claim:hover .gather-resource-marker{filter:brightness(1.15)}@media(prefers-reduced-motion:reduce){.gather-resource-marker,.gather-resource-border{animation:none}}.wood-window-leaves{position:absolute;inset:0;pointer-events:none;z-index:4}.wood-window-leaves svg{position:absolute;top:-12px;width:94px;height:50px;filter:drop-shadow(-1px 2px 1px #30230a70)}.wood-leaves-left{left:24px}.wood-leaves-right{right:42px;transform:scaleX(-1)}.paper-section-heading{display:flex;align-items:center;gap:10px;margin:4px 0 8px;color:#67431f;font:800 17px/1.3 Nunito,system-ui,sans-serif}.paper-section-heading span{flex:none}.paper-divider{display:flex;flex:1;min-width:40px;align-items:center;gap:5px;color:#b88741;opacity:.65}.paper-divider svg{height:20px;stroke:currentColor;stroke-width:1.1;stroke-linecap:round}.paper-divider-line{flex:1;min-width:0;fill:none}.paper-divider-diamond{width:20px;flex:none}.spot-window .wood-button--close{position:absolute;right:4px;top:4px;z-index:5}.spot-window .wood-button--close>.wood-button-face{border-radius:50%;background-image:linear-gradient(145deg,#c16631,#8b2c16 55%,#521609)}.spot-window .wood-button--close:after{border-radius:50%}.spot-legacy-body{display:contents}.spot-legacy-body :is(span,p,b,strong){color:#573819!important}.spot-legacy-body .wood-button-face{color:#fff2d2!important}.spot-legacy-body>div{color:#573819!important;border-color:#b8874140!important}.spot-legacy-body .wood-button:not(.wood-button--close){width:100%}.spot-gather-body [data-testid=hx-gather-drops]>div{padding:10px 12px;border:1px solid #bc915054;border-radius:7px;background:linear-gradient(110deg,#eecb9350,#f6e0b735)}.spot-gather-body [data-testid=hx-gather-drops]>div>span:first-child{width:38px!important;height:38px!important}.spot-gather-body [data-testid=hx-gather-guard]>span{width:72px!important;height:72px!important;border:3px solid #b89347!important;box-shadow:-2px 3px 3px #38220c50}.spot-gather-body [data-testid=hx-gather-guard]>div>div:first-child{font-size:16px!important}.spot-gather-body .gather-guard-hp{height:22px}.spot-gather-body [data-testid=hx-gather-guard-note]{color:#a63e23!important;font-size:14px!important}.spot-mobile-window{width:calc(100% - 16px)!important;left:8px!important;right:8px!important;bottom:8px!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;padding:40px 26px 28px!important}.spot-mobile-window:after{border-width:32px 22px;border-image-width:32px 22px}.spot-mobile-window .spot-banner{padding-left:52px}.spot-mobile-window .spot-banner span{font-size:20px}.spot-mobile-window .spot-neighbors{gap:10px;font-size:14px!important}.spot-mobile-window .spot-wheel{width:80px;height:80px}.spot-mobile-window .spot-body .hx-mob-port{width:64px!important;height:64px!important}.spot-mobile-window .spot-monster-heading{gap:12px!important}.spot-mobile-window .spot-monster-heading>div:first-child{width:82px!important;height:82px!important}.spot-mobile-window .spot-monster-stats{flex-wrap:wrap;gap:12px}.paper-dialog{max-width:calc(100vw - 24px)}.paper-dialog-content{position:relative;z-index:1}.paper-dialog :is(.text-parchment,.text-gold,.text-gold-dim,.text-parchment-dim){color:#60401f!important}.paper-dialog :is(.bg-panel,.bg-panel2){background:#eecb9345!important;border-color:#bc915054!important}.paper-dialog .paper-section-heading span{white-space:normal;flex:initial}.paper-dialog .wood-button-face{color:#fff3d8!important}.wood-dialog-button{min-width:90px;min-height:44px;font-size:16px;padding:0 18px;--wood-radius:12px;--wood-face-radius:8px}.wood-dialog-button--sm{min-width:64px;min-height:34px;font-size:13px;padding:0 12px}.wood-dialog-button--ghost{--wood-face-gradient:linear-gradient(145deg,#8a7350,#604422 55%,#3d2915)}.wood-dialog-button[data-active]{--wood-face-gradient:linear-gradient(145deg,#95b954,#548824 55%,#28570f)}.spot-legacy-window :is(span,p,label,h2,h3,b,strong):not(.wood-button-face){color:#67431f!important}.spot-legacy-window input{color:#573819!important;background:#eecb9350!important;border-color:#bc915078!important}.spot-legacy-window input::placeholder{color:#9b805d!important}.spot-legacy-window button:not(.wood-button){color:#67431f!important;background:#eecb9350!important;border-color:#bc915054!important}@keyframes al-qDot{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes al-dashSpin{to{transform:rotate(360deg)}}@keyframes al-glowBreath{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:.95;transform:translate(-50%) scale(1.08)}}@keyframes al-modalIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes al-modalInC{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes al-chestShake{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}@keyframes al-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes al-rewardIn{0%{opacity:0;transform:translateY(30px) scale(.6)}60%{opacity:1;transform:translateY(-6px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes al-deltaIn{0%{opacity:0;transform:translateY(14px) scale(.7)}50%{opacity:1;transform:translateY(0) scale(1.15)}to{transform:scale(1)}}@keyframes al-streakFlash{0%,to{text-shadow:0 0 10px rgba(255,206,86,.4),0 1px 2px #000}50%{text-shadow:0 0 26px rgba(255,206,86,1),0 1px 2px #000}}@keyframes al-countPulse{0%{transform:scale(1.3);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes al-ringDrain{0%{stroke-dashoffset:0}to{stroke-dashoffset:339}}@keyframes al-raySpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes al-sealSpin{to{transform:rotate(360deg)}}@keyframes al-heroIdle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.012)}}@keyframes al-wispUp{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),-200px) scale(1)}}@keyframes al-heroRing{0%,to{box-shadow:0 0 0 2px #000c,0 0 14px #ffce568c}50%{box-shadow:0 0 0 2px #000c,0 0 28px #ffce56}}@keyframes al-crownBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}.al-hover-bright:hover{filter:brightness(1.1)}.al-hover-bright:active{transform:translateY(2px)}.al-hover-gold:hover{border-color:#f2b632b3!important;background:#1e1a12bf!important}.al-hover-x:hover{color:#f2b632!important}.al-link:hover{color:#feb!important}.al-hero-gold:hover{border-color:#ffce56f2!important}.al-hero-blue:hover{border-color:#9cc8fff2!important}@keyframes pm-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes pm-spin{to{transform:rotate(360deg)}}@keyframes pm-dot{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 7px #f0b63200}to{box-shadow:0 0 #f0b63200}}@keyframes pm-frame{0%,to{opacity:.55;stroke-width:5}50%{opacity:1;stroke-width:7}}@keyframes pm-panel{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes pm-fade{0%{opacity:0}to{opacity:1}}@keyframes pm-join{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:scale(1.06)}28%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(1.04)}}.pm-blink{animation:pm-blink 1.8s ease-in-out infinite}.pm-spin{animation:pm-spin 2.6s linear infinite}.pm-dot{animation:pm-dot 1.6s ease-out infinite}.pm-frame{animation:pm-frame 3s ease-in-out infinite}.pm-panel{animation:pm-panel .26s cubic-bezier(.2,1,.3,1)}.pm-fade{animation:pm-fade .22s ease}.pm-join{animation:pm-join 2.5s cubic-bezier(.2,1,.3,1) forwards}.pm-ring-slow{animation:pm-spin 9s linear infinite}.pm-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a463c transparent}.pm-scroll::-webkit-scrollbar{width:8px}.pm-scroll::-webkit-scrollbar-thumb{background:#4a463c;border-radius:4px}.pm-scroll::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){.pm-blink,.pm-spin,.pm-dot,.pm-frame,.pm-panel,.pm-fade,.pm-ring-slow{animation:none}.pm-join{animation:pm-fade .2s ease forwards}}@keyframes fg-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes fg-fade{0%{opacity:0}to{opacity:1}}@keyframes fg-sheet{0%{transform:translateY(103%)}to{transform:translateY(0)}}@keyframes fg-toast{0%{opacity:0;transform:translateY(14px)}12%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fg-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fg-wisp-in{0%{opacity:0}}@keyframes fg-flicker{0%,to{opacity:.15}50%{opacity:.95}}@keyframes fg-glow-pulse{0%{transform:translate(-50%,-50%) scale(.85)}to{transform:translate(-50%,-50%) scale(1.12)}}@keyframes fg-fire-pulse{0%{opacity:.68;transform:translate(-50%,-50%) scale(.96)}to{opacity:.95;transform:translate(-50%,-50%) scale(1.04)}}@keyframes fg-spark-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes fg-hit-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}32%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes fg-burst-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes fg-ring-out{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}20%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes fg-smoke-rise{0%{opacity:0;transform:translate(-50%,-38%) scale(.5)}22%{opacity:.95}to{opacity:0;transform:translate(-50%,-95%) scale(1.3)}}@keyframes fg-res-pop{0%{opacity:0;transform:scale(.68) translateY(16px)}70%{opacity:1;transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fg-anvil-pulse{0%{filter:brightness(1.05) drop-shadow(0 0 7px rgba(255,150,30,.35))}to{filter:brightness(1.7) drop-shadow(0 0 26px rgba(255,170,40,.85))}}@keyframes fg-rise-a{0%{opacity:0;transform:translateY(6px) scale(.7)}12%{opacity:.85}55%{transform:translate(9px,-62px)}to{opacity:0;transform:translate(2px,-125px) scale(1.05)}}@keyframes fg-rise-b{0%{opacity:0;transform:translateY(6px) scale(.7)}12%{opacity:.8}55%{transform:translate(-10px,-60px)}to{opacity:0;transform:translate(-3px,-122px) scale(1.05)}}@keyframes fg-meet-l{0%,8%{transform:translate(0) scale(1)}26%{transform:translate(146px,-6px) scale(.62)}30%{transform:translate(146px,4px) scale(.59)}33%{transform:translate(146px,1px) scale(.61)}36%,to{transform:translate(146px,3px) scale(.6)}}@keyframes fg-meet-r{0%,8%{transform:translate(0) scale(1)}26%{transform:translate(-146px,-6px) scale(.62)}30%{transform:translate(-146px,4px) scale(.59)}33%{transform:translate(-146px,1px) scale(.61)}36%,to{transform:translate(-146px,3px) scale(.6)}}@keyframes fg-anvil-grow{0%{transform:translateY(0) scale(1)}16%,34%{transform:translateY(0) scale(1.9)}36.5%{transform:translateY(6px) scale(1.86)}39%,60%{transform:translateY(0) scale(1.9)}62.5%{transform:translateY(6px) scale(1.86)}65%,88%{transform:translateY(0) scale(1.9)}90.5%{transform:translateY(10px) scale(1.82)}94%,to{transform:translateY(0) scale(1.9)}}@keyframes fg-hammer-swing{0%,28%{opacity:0;transform:translate(-29%,-210px) rotate(46deg)}32%{opacity:1;transform:translate(-29%,-160px) rotate(36deg)}33%{transform:translate(-29%,-163px) rotate(38deg)}36%{transform:translate(-29%,-67px) rotate(-8deg)}38%{transform:translate(-29%,-84px) rotate(2deg)}44%{transform:translate(-29%,-140px) rotate(26deg)}52%{transform:translate(-29%,-157px) rotate(34deg)}56%{transform:translate(-29%,-165px) rotate(38deg)}59%{transform:translate(-29%,-160px) rotate(36deg)}62%{transform:translate(-29%,-67px) rotate(-8deg)}64%{transform:translate(-29%,-84px) rotate(2deg)}70%{transform:translate(-29%,-147px) rotate(28deg)}79%{transform:translate(-29%,-168px) rotate(38deg)}83%{transform:translate(-29%,-176px) rotate(42deg)}87%{transform:translate(-29%,-171px) rotate(40deg)}90%{transform:translate(-29%,-59px) rotate(-14deg)}92%{transform:translate(-29%,-78px) rotate(0)}96%,to{opacity:1;transform:translate(-29%,-133px) rotate(20deg)}}@keyframes fg-shard-1{0%{opacity:0;transform:translateY(0) scaleY(.3)}20%{opacity:1;transform:translateY(-10px) scaleY(1)}to{opacity:0;transform:translateY(-32px) scaleY(1.25)}}@keyframes fg-shard-2{0%{opacity:0;transform:translateY(0) scaleY(.3)}20%{opacity:1;transform:translateY(-13px) scaleY(1)}to{opacity:0;transform:translateY(-42px) scaleY(1.3)}}@keyframes fg-shard-3{0%{opacity:0;transform:translateY(0) scaleY(.3)}20%{opacity:1;transform:translateY(-17px) scaleY(1)}to{opacity:0;transform:translateY(-54px) scaleY(1.35)}}@keyframes fg-shake{0%,35%{transform:translate(0)}37%{transform:translate(-7px,4px)}38.5%{transform:translate(7px,-4px)}40%{transform:translate(-4px,3px)}41.5%{transform:translate(3px,-2px)}43%,61%{transform:translate(0)}63%{transform:translate(-7px,4px)}64.5%{transform:translate(7px,-4px)}66%{transform:translate(-4px,3px)}67.5%{transform:translate(3px,-2px)}69%,89%{transform:translate(0)}91%{transform:translate(-12px,8px)}92.5%{transform:translate(12px,-7px)}94%{transform:translate(-8px,5px)}95.5%{transform:translate(5px,-3px)}97%,to{transform:translate(0)}}@keyframes fg-bridge-a{0%{transform:translate(-50%,-50%) translate(164px,140px) scale(.7);opacity:0}12%,88%{opacity:.95}to{transform:translate(-50%,-50%) translate(456px,140px) scale(1);opacity:0}}@keyframes fg-bridge-b{0%{transform:translate(-50%,-50%) translate(456px,154px) scale(.7);opacity:0}12%,88%{opacity:.95}to{transform:translate(-50%,-50%) translate(164px,154px) scale(1);opacity:0}}@keyframes fg-bridge-c{0%{transform:translate(-50%,-50%) translate(164px,158px) scale(.6);opacity:0}12%,88%{opacity:.85}to{transform:translate(-50%,-50%) translate(456px,158px) scale(.95);opacity:0}}@keyframes fg-bridge-d{0%{transform:translate(-50%,-50%) translate(456px,136px) scale(.6);opacity:0}12%,88%{opacity:.85}to{transform:translate(-50%,-50%) translate(164px,136px) scale(.95);opacity:0}}@keyframes fgm-anvil-pulse{0%{filter:brightness(1.05) drop-shadow(0 0 5px rgba(255,150,30,.35))}to{filter:brightness(1.7) drop-shadow(0 0 20px rgba(255,170,40,.85))}}@keyframes fgm-rise-a{0%{opacity:0;transform:translateY(5px) scale(.7)}12%{opacity:.85}55%{transform:translate(7px,-42px)}to{opacity:0;transform:translate(2px,-85px) scale(1.05)}}@keyframes fgm-rise-b{0%{opacity:0;transform:translateY(5px) scale(.7)}12%{opacity:.8}55%{transform:translate(-8px,-40px)}to{opacity:0;transform:translate(-2px,-83px) scale(1.05)}}@keyframes fgm-meet-l{0%,8%{transform:translate(0) scale(1)}26%{transform:translate(103px,-4px) scale(.62)}30%{transform:translate(103px,3px) scale(.59)}33%{transform:translate(103px,1px) scale(.61)}36%,to{transform:translate(103px,2px) scale(.6)}}@keyframes fgm-meet-r{0%,8%{transform:translate(0) scale(1)}26%{transform:translate(-103px,-4px) scale(.62)}30%{transform:translate(-103px,3px) scale(.59)}33%{transform:translate(-103px,1px) scale(.61)}36%,to{transform:translate(-103px,2px) scale(.6)}}@keyframes fgm-anvil-grow{0%{transform:translateY(0) scale(1)}16%,34%{transform:translateY(0) scale(2.05)}36.5%{transform:translateY(5px) scale(2)}39%,60%{transform:translateY(0) scale(2.05)}62.5%{transform:translateY(5px) scale(2)}65%,88%{transform:translateY(0) scale(2.05)}90.5%{transform:translateY(8px) scale(1.95)}94%,to{transform:translateY(0) scale(2.05)}}@keyframes fgm-hammer-swing{0%,28%{opacity:0;transform:translate(-29%,-150px) rotate(46deg)}32%{opacity:1;transform:translate(-29%,-115px) rotate(36deg)}33%{transform:translate(-29%,-117px) rotate(38deg)}36%{transform:translate(-29%,-48px) rotate(-8deg)}38%{transform:translate(-29%,-60px) rotate(2deg)}44%{transform:translate(-29%,-100px) rotate(26deg)}52%{transform:translate(-29%,-112px) rotate(34deg)}56%{transform:translate(-29%,-118px) rotate(38deg)}59%{transform:translate(-29%,-114px) rotate(36deg)}62%{transform:translate(-29%,-48px) rotate(-8deg)}64%{transform:translate(-29%,-60px) rotate(2deg)}70%{transform:translate(-29%,-105px) rotate(28deg)}79%{transform:translate(-29%,-120px) rotate(38deg)}83%{transform:translate(-29%,-126px) rotate(42deg)}87%{transform:translate(-29%,-122px) rotate(40deg)}90%{transform:translate(-29%,-42px) rotate(-14deg)}92%{transform:translate(-29%,-56px) rotate(0)}96%,to{opacity:1;transform:translate(-29%,-95px) rotate(20deg)}}@keyframes fgm-shard-1{0%{opacity:0;transform:translateY(0) scaleY(.3)}20%{opacity:1;transform:translateY(-7px) scaleY(1)}to{opacity:0;transform:translateY(-22px) scaleY(1.25)}}@keyframes fgm-shard-2{0%{opacity:0;transform:translateY(0) scaleY(.3)}20%{opacity:1;transform:translateY(-9px) scaleY(1)}to{opacity:0;transform:translateY(-29px) scaleY(1.3)}}@keyframes fgm-shard-3{0%{opacity:0;transform:translateY(0) scaleY(.3)}20%{opacity:1;transform:translateY(-12px) scaleY(1)}to{opacity:0;transform:translateY(-38px) scaleY(1.35)}}@keyframes fgm-shake{0%,35%{transform:translate(0)}37%{transform:translate(-5px,3px)}38.5%{transform:translate(5px,-3px)}40%{transform:translate(-3px,2px)}41.5%{transform:translate(2px,-1px)}43%,61%{transform:translate(0)}63%{transform:translate(-5px,3px)}64.5%{transform:translate(5px,-3px)}66%{transform:translate(-3px,2px)}67.5%{transform:translate(2px,-1px)}69%,89%{transform:translate(0)}91%{transform:translate(-9px,6px)}92.5%{transform:translate(9px,-5px)}94%{transform:translate(-6px,4px)}95.5%{transform:translate(4px,-2px)}97%,to{transform:translate(0)}}@keyframes fgm-bridge-a{0%{transform:translate(-50%,-50%) translate(76px,86px) scale(.7);opacity:0}12%,88%{opacity:.95}to{transform:translate(-50%,-50%) translate(282px,86px) scale(1);opacity:0}}@keyframes fgm-bridge-b{0%{transform:translate(-50%,-50%) translate(282px,96px) scale(.7);opacity:0}12%,88%{opacity:.95}to{transform:translate(-50%,-50%) translate(76px,96px) scale(1);opacity:0}}@keyframes fgm-bridge-c{0%{transform:translate(-50%,-50%) translate(76px,99px) scale(.6);opacity:0}12%,88%{opacity:.85}to{transform:translate(-50%,-50%) translate(282px,99px) scale(.95);opacity:0}}@keyframes fgm-bridge-d{0%{transform:translate(-50%,-50%) translate(282px,83px) scale(.6);opacity:0}12%,88%{opacity:.85}to{transform:translate(-50%,-50%) translate(76px,83px) scale(.95);opacity:0}}[data-forge-scroll]::-webkit-scrollbar{width:8px}[data-forge-scroll]::-webkit-scrollbar-thumb{background:#6b5a2e;border-radius:4px}[data-forge-sheet-scroll]{scrollbar-width:none}[data-forge-sheet-scroll]::-webkit-scrollbar{width:0;height:0;display:none}@keyframes shop-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shop-tipPop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shop-toastUp{0%{opacity:0;transform:translateY(14px)}12%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes shop-qtyDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-catsUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-sheet{0%{transform:translateY(103%)}to{transform:translateY(0)}}@keyframes shop-fade{0%{opacity:0}to{opacity:1}}[data-shop-scroll]::-webkit-scrollbar{width:10px}[data-shop-scroll]::-webkit-scrollbar-track{background:#00000047;border-radius:6px}[data-shop-scroll]::-webkit-scrollbar-thumb{border-radius:6px;background:linear-gradient(180deg,#7d6b3a,#4e4223);border:1px solid rgba(0,0,0,.55)}[data-shop-scroll]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9a8446,#5e5029)}[data-shop-scroll-m]{scrollbar-width:none;-ms-overflow-style:none}[data-shop-scroll-m]::-webkit-scrollbar{width:0;height:0;display:none}.location-v3-house:not(:disabled){cursor:image-set(url(/img/ws/cursors/pointer.png) 1x,url(/img/ws/cursors/x2/pointer.png) 2x) 7 0,pointer}.vh-root .v3-scenery-npc{padding:0;border:0;background:none;overflow:visible;cursor:image-set(url(/img/ws/cursors/pointer.png) 1x,url(/img/ws/cursors/x2/pointer.png) 2x) 7 0,pointer;outline:none;z-index:3}.npc-conversation{position:fixed;inset:0;z-index:900;font-family:Nunito,sans-serif;animation:fadeIn .25s ease}.npc-conversation-portrait{position:absolute;left:17%;bottom:0;height:82%;max-width:45%;object-fit:contain;transform:translate(-50%);filter:drop-shadow(0 18px 30px #0009);pointer-events:none;animation:vh-npcDlgInPortrait .35s ease}.npc-conversation-bubble{position:absolute;left:31.5%;width:40%;bottom:24%;border:3px solid;border-color:#b0aa9a #7c7666 #57524a #948e7e;border-radius:16px;background:linear-gradient(180deg,#28241df5,#171410f5);box-shadow:0 14px 30px #0009;padding:26px 30px;box-sizing:border-box;color:#f0eadb}.npc-conversation-bubble:before{content:"";position:absolute;left:-15px;top:54px;border-style:solid;border-width:10px 13px 10px 0;border-color:transparent #948e7e transparent transparent}.npc-conversation-bubble h2{position:absolute;left:20px;top:-22px;padding:4px 16px;border-radius:8px;background:linear-gradient(#f7c948,#e09b1a);color:#3a2a08;font:800 15px Nunito,sans-serif;margin:0}.npc-conversation-reply{font-size:19px;font-weight:700;line-height:1.55;max-height:45vh;overflow:auto}.npc-conversation-reply p{margin:0 0 12px}.npc-conversation-options{display:flex;flex-direction:column;gap:10px;margin-top:18px}.npc-conversation-options button{text-align:left}.npc-conversation-options .wood-button{width:100%}@media(max-width:700px){.npc-conversation-portrait{left:30%;height:68%;max-width:90%}.npc-conversation-bubble{left:5%;width:90%;bottom:6%;padding:26px 22px}.npc-conversation-reply{font-size:16px;max-height:35vh}}.location-v3-background,.location-v3-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.location-v3-object{pointer-events:none}.location-v3-house>img,.location-v3-shards>img{display:block;width:100%}.location-v3-house{padding:0;border:0;background:none;overflow:visible}.location-v3-house:not(:disabled){cursor:image-set(url(/img/ws/cursors/pointer.png) 1x,url(/img/ws/cursors/x2/pointer.png) 2x) 7 0,pointer}.location-v3-house:disabled{pointer-events:none}.location-v3-house-body{position:relative;transition:filter .2s ease}.location-v3-house:not(:disabled):is(:hover,:focus-visible) .location-v3-house-body{filter:brightness(1.12)}.location-v3-house .v3-cast-shadow{filter:brightness(0) blur(6px);opacity:.46}.location-v3-shards-hover{position:absolute;inset:0;opacity:0;transition:opacity .2s ease}.location-v3-shards:hover .location-v3-shards-hover{opacity:1}@media(prefers-reduced-motion:reduce){.location-v3-art *{transition:none!important}}.v3-living-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.v3-cast-shadow{position:absolute;inset:0;pointer-events:none;filter:brightness(0) blur(1.8px);opacity:.22;mix-blend-mode:multiply}.v3-contact-shadow{position:absolute;left:50%;bottom:-.6%;width:62%;height:5%;transform:translate(-50%);background:radial-gradient(ellipse,#1c191257,#1c191200 72%);pointer-events:none}.vh-root .v3-scenery-npc{padding:0;border:0;background:none;overflow:visible;cursor:image-set(url(/img/ws/cursors/pointer.png) 1x,url(/img/ws/cursors/x2/pointer.png) 2x) 7 0,pointer;outline:none;z-index:3}.v3-npc-body{position:relative;display:block;pointer-events:none;transform-origin:50% 99%}.v3-npc-body>img{display:block;width:100%}.v3-npc-body>.npc-frame-hover{position:absolute;inset:0}.v3-cast-shadow span,.npc>.npc-frame{pointer-events:none}.vh-root .npc:focus-visible{outline:none}.vh-root .npc:is(:hover,:focus-visible) .npc-frame-idle{opacity:0}.vh-root .npc:is(:hover,:focus-visible) .npc-frame-hover{opacity:1}.vh-root .v3-scenery-stone:is(:hover,:focus-visible) .v3-npc-body>img,.vh-root .v3-scenery-grove:is(:hover,:focus-visible) .v3-npc-body>img{opacity:1}.vh-root .npc:focus-visible .npc-nameplate{opacity:1;transform:translate(-50%,-14px)}.vh-root .npc>.v3-npc-body{filter:none}.vh-root .npc .npc-frame-idle,.vh-root .npc .npc-frame-hover{transition:none}.vh-root .npc:has(.v3-npc-body>.npc-frame-hover) .npc-frame-idle{opacity:1;visibility:visible}.vh-root .npc:has(.v3-npc-body>.npc-frame-hover) .npc-frame-hover{opacity:1;visibility:hidden}.vh-root .npc:has(.v3-npc-body>.npc-frame-hover):is(:hover,:focus-visible) .npc-frame-idle{visibility:hidden}.vh-root .npc:has(.v3-npc-body>.npc-frame-hover):is(:hover,:focus-visible) .npc-frame-hover{visibility:visible}.v3-stone-rune{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.v3-stone-rune path{fill:none;stroke:#c8efb5;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #88d39b);opacity:.55;animation:v3-rune-breathe 5.3s ease-in-out infinite}.v3-scenery-stone:is(:hover,:focus-visible) .v3-stone-rune path,.v3-npc-active .v3-stone-rune path{stroke:#f3ffda;stroke-width:10}.v3-grove-eye{position:absolute;width:7%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#fff4b660,#ffb23325 45%,#ffad2300 72%);filter:blur(1px);mix-blend-mode:screen;animation:v3-eyes-breathe 4.7s ease-in-out infinite}.v3-grove-eye-left{left:60%;top:38%;rotate:-30deg}.v3-grove-eye-right{left:73%;top:43%;rotate:32deg}.v3-scenery-grove .v3-npc-body{animation:v3-npc-breathe 6.8s ease-in-out infinite}.v3-scenery-grove .v3-cast-shadow{animation:v3-shadow-breathe 6.8s ease-in-out infinite}.v3-scenery-grove:is(:hover,:focus-visible) .v3-grove-eye,.v3-scenery-grove.v3-npc-active .v3-grove-eye{filter:blur(1px) brightness(1.6)}[data-v3-scene=stone]:has(.vh-tree-crown:hover) .v3-scenery-stone .npc-nameplate{opacity:1;transform:translate(-50%,-14px)}[data-v3-scene=stone]:has(.vh-tree-crown:hover) .v3-stone-rune path{stroke:#f3ffda;stroke-width:10}@keyframes v3-rune-breathe{0%,to{opacity:.3}50%{opacity:.7}}@keyframes v3-eyes-breathe{0%,to{opacity:.5}50%{opacity:.9}}@keyframes v3-npc-breathe{0%,to{scale:1 1}50%{scale:1.004 1.008}}@keyframes v3-shadow-breathe{0%,to{opacity:.21}50%{opacity:.23}}.vh-burst-dot[data-material=leaf]{width:5px!important;height:9px!important;border-radius:90% 10%!important}.vh-burst-dot[data-material=wood],.vh-burst-dot[data-material=dirt]{width:4px!important;height:3px!important;border-radius:1px!important}.vh-burst-dot[data-material=stone]{width:4px!important;height:4px!important;clip-path:polygon(15% 0,85% 10%,100% 60%,50% 100%,0 70%)}.vh-burst-dot[data-material=water]{width:3px!important;height:5px!important;opacity:.8;border:1px solid #dff8ff99}.v3-water-click-ring{position:absolute;width:20px;height:12px;border:1px solid #d1f3ffcc;border-radius:50%;animation:v3-water-click .55s ease-out forwards}@keyframes v3-water-click{0%{transform:translate(-50%,-50%) scale(.4);opacity:.7}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@media(prefers-reduced-motion:reduce){.location-v3-art *,.v3-stone-rune path,.v3-cast-shadow,.v3-npc-body{animation:none!important;transition:none!important}}.v3-map-viewport{container-type:size;overflow:hidden}.v3-map-world{position:absolute;left:50%;top:50%;width:max(100cqw,calc(100cqh * 1672 / 941));height:max(100cqh,calc(100cqw * 941 / 1672));transform:translate(-50%,-50%)}button.location-v3-house:not(:disabled):is(:hover,:active){filter:none;transform:none}.location-v3-house .location-v3-door{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .18s ease;filter:brightness(1.12)}.location-v3-house:not(:disabled):is(:hover,:focus-visible) .location-v3-door{opacity:1}.vh-root .v3-scenery-npc,.vh-root .v3-scenery-npc:is(:hover,:active,:focus-visible){filter:none;transition:none;scale:1;translate:none}.interior-viewport{position:absolute;inset:0;container-type:size;overflow:hidden}.interior-world{isolation:isolate}.interior-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.interior-clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none}.interior-clouds>div{position:absolute;left:0;top:0;width:200%;background-repeat:repeat-x;background-size:50% 100%;animation:interior-cloud-drift 360s linear infinite}.interior-clouds-far{height:27.1%;background-image:url(/img/warshards/menu/clouds-far.webp);opacity:.8}.interior-clouds>.interior-clouds-near{top:6%;height:37.6%;background-image:url(/img/warshards/menu/clouds-near.webp);opacity:.85;animation-duration:240s;animation-delay:-75s}.interior-door-zone{position:absolute;left:32.895%;top:37.194%;width:14.653%;height:37.832%}.interior-door-closed{transition:opacity .18s ease}.interior-water-fx{position:absolute;pointer-events:none;mix-blend-mode:screen}.interior-window-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.interior-window-dust>circle{animation:interior-dust-drift 10s ease-in-out infinite}.interior-window-fireflies{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.interior-window-fly{animation:interior-window-fly 9s ease-in-out infinite}@keyframes interior-window-fly{0%,to{transform:translate(-3px,4px);opacity:.12}26%{transform:translate(4px,-3px);opacity:.8}55%{transform:translate(-4px,-8px);opacity:.28}78%{transform:translate(6px);opacity:.65}}@keyframes interior-dust-drift{0%,to{transform:translate(-4px,9px);opacity:.12}35%{transform:translate(4px,-5px);opacity:.72}70%{transform:translate(-3px,-13px);opacity:.3}}.interior-door-fireflies{position:absolute;inset:2% 28% 11% 14%;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .18s ease}.interior-door-fireflies>i{position:absolute;width:3px;height:3px;border-radius:50%;background:#e1f5a5;box-shadow:0 0 5px 1px #c8ec8acc,0 0 10px 2px #c8ec8a60;animation:interior-firefly 6s ease-in-out infinite paused}.interior-world:has(.interior-door-zone[data-interactive=true]:is(:hover,:focus-within)) .interior-door-fireflies{opacity:1}.interior-world:has(.interior-door-zone[data-interactive=true]:is(:hover,:focus-within)) .interior-door-fireflies>i{animation-play-state:running}@keyframes interior-firefly{0%,to{transform:translate(-5px,9px);opacity:.15}24%{transform:translate(7px,-5px);opacity:.95}52%{transform:translate(-3px,-19px);opacity:.4}78%{transform:translate(-11px,-3px);opacity:.85}}.interior-world:has(.interior-door-zone[data-interactive=true]:is(:hover,:focus-within))>.interior-door-closed{opacity:0}.vh-root .interior-door-hit,.vh-root .interior-chest-hit{position:absolute;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}.vh-root .interior-door-hit{inset:0 9% 8% 12%}.vh-root :is(.interior-door-hit,.interior-chest-hit):is(:hover,:active){background:transparent;filter:none;transform:none}.vh-root :is(.interior-door-hit,.interior-chest-hit):focus-visible{outline:2px solid #f2ca7e;outline-offset:3px}.interior-chest{position:absolute;left:4.784689%;top:58.660999%;width:12.559809%;aspect-ratio:520 / 430;pointer-events:none;clip-path:polygon(-40% -20%,110% -20%,110% 74.285714%,-40% 74.285714%)}.interior-chest img{position:absolute;inset:0;width:100%;height:auto;pointer-events:none}.interior-chest-soft-shadow{position:absolute;left:-30%;top:35%;width:52%;height:48%;border-radius:50%;background:radial-gradient(ellipse at 70% 75%,#1e11097a,#1e110952 30%,#1e11091f 55%,#1e110900 78%);filter:blur(4px);pointer-events:none;mix-blend-mode:multiply}.interior-chest-fireflies{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .2s ease}.interior-chest-fireflies>i{position:absolute;width:2px;height:2px;border-radius:50%;background:#e5f7aa;box-shadow:0 0 4px 1px #cde889aa,0 0 8px 2px #d8ef9440;animation:interior-chest-fly 4.4s ease-in-out infinite paused}.interior-chest[data-open=true] .interior-chest-fireflies,.interior-chest[data-interactive=true]:is(:hover,:focus-within) .interior-chest-fireflies{opacity:1}.interior-chest[data-open=true] .interior-chest-fireflies>i,.interior-chest[data-interactive=true]:is(:hover,:focus-within) .interior-chest-fireflies>i{animation-play-state:running}@keyframes interior-chest-fly{0%,to{transform:translateY(3px);opacity:0}20%{transform:translate(3px,-4px);opacity:.85}55%{transform:translate(-5px,-17px);opacity:.65}85%{transform:translate(5px,-29px);opacity:0}}.interior-chest-open{opacity:0;translate:-.595238125% .86378775%}.interior-chest[data-open=true] .interior-chest-closed,.interior-chest[data-interactive=true]:is(:hover,:focus-within) .interior-chest-closed{opacity:0}.interior-chest[data-open=true] .interior-chest-open,.interior-chest[data-interactive=true]:is(:hover,:focus-within) .interior-chest-open{opacity:1}.vh-root .interior-chest-hit{inset:31% 2% 24.8%;pointer-events:auto}.interior-chest:is(:hover,:focus-within) .interior-chest-hit,.interior-chest[data-open=true] .interior-chest-hit{top:2%}.interior-stone{position:absolute;pointer-events:none}.vh-root .interior-stone-hit{position:absolute;inset:0;z-index:3;padding:0;border:0;border-radius:35%;background:transparent;box-shadow:none;pointer-events:auto;cursor:pointer}.vh-root .interior-stone-hit:is(:hover,:active){background:transparent;transform:none}.vh-root .interior-stone-hit:focus-visible{outline:1px solid #f2ca7e;outline-offset:2px}.interior-stone:has(.interior-stone-hit:hover) .interior-stone-body{filter:contrast(.88) saturate(.94) brightness(1.09)}.interior-pickup-status{position:absolute;left:2%;bottom:4%;max-width:27%;z-index:4;color:#fff0c4;font-size:14px;text-shadow:0 1px 3px #241509;pointer-events:none}.interior-stone-body{position:relative;z-index:2;display:block;width:100%;filter:contrast(.88) saturate(.94)}.interior-stone-shadow{position:absolute;z-index:1;inset:0;width:100%;height:100%;transform-origin:50% 96%;transform:matrix(1,0,.75,.3,-6,0);filter:brightness(0) blur(1.8px);opacity:.38}.interior-stone-contact{position:absolute;z-index:1;left:4%;bottom:-2%;width:92%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#24150999,#24150900 72%)}@keyframes interior-cloud-drift{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.interior-clouds>div{animation:none}.interior-door-closed,.interior-door-fireflies{transition:none}.interior-door-fireflies>i{animation:none;opacity:.45}.interior-window-dust>circle{animation:none;opacity:.3}.interior-window-fly{animation:none;opacity:.35}.interior-chest img,.interior-chest-fireflies{transition:none}.interior-chest-fireflies>i{animation:none;opacity:.35}}:root{--paper-panel-fill: #eecb9345;--paper-panel-border: #bc915054;--paper-panel-radius: 5px}.quest-book{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;overflow:hidden;background:#37251b;isolation:isolate}.quest-book::backdrop{background:#1c140d}.quest-book img{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.quest-back,.quest-front{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quest-back{z-index:0}.quest-front{z-index:5;object-fit:fill}.quest-stage{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--quest-scale));transform-origin:center;z-index:1}.quest-crate{position:absolute;left:170px;top:727px;width:1332px;height:auto;z-index:1}.quest-shadow{position:absolute;left:400px;top:821px;width:872px;height:34px;border-radius:50%;background:radial-gradient(ellipse,#160a04dd,#160a04aa 45%,#160a0400 76%);filter:blur(5px);z-index:2;transform-origin:center}.quest-drop{position:absolute;inset:0;z-index:3}.quest-pages{position:absolute;left:176px;top:84px;width:1320px;height:auto;z-index:3;filter:drop-shadow(0 12px 10px #21120e55)}.quest-stand{position:absolute;left:386px;top:705px;width:900px;height:auto;z-index:4;filter:drop-shadow(0 12px 7px #160a0499)}.quest-close{position:absolute;z-index:6;top:20px;right:24px;width:46px;height:46px;border:2px solid #dbb062;border-radius:50%;background:#37200de8;color:#ffe5a0;font:30px/1 Georgia,serif;cursor:pointer;box-shadow:0 3px 12px #0006}.quest-close:hover{background:#754820}.quest-close:focus-visible{outline:3px solid #fff0b2;outline-offset:4px}.quest-enter .quest-back,.quest-enter .quest-front{animation:quest-reveal .3s ease-out both}.quest-enter .quest-crate{animation:quest-table-rise .32s .02s cubic-bezier(.2,.75,.3,1) both}.quest-enter .quest-stand{animation:quest-fall .5s .35s cubic-bezier(.22,.65,.3,1) both}.quest-enter .quest-volume{animation:quest-fall .55s .87s cubic-bezier(.22,.65,.3,1) both}.quest-enter .quest-shadow{animation:quest-land-shadow .5s .35s ease-out both}@keyframes quest-table-rise{0%{transform:translateY(1100px)}to{transform:translateY(0)}}@keyframes quest-reveal{0%{opacity:0}to{opacity:1}}@keyframes quest-fall{0%{transform:translateY(var(--quest-fall-distance,-2000px))}to{transform:translateY(0)}}@keyframes quest-land-shadow{0%{opacity:0;transform:scale(1.35)}60%{opacity:.35;transform:scale(1.15)}75%,to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.quest-enter *{animation:none!important}}@media(max-aspect-ratio:3/4){.quest-stage{top:65%}}.quest-volume{position:absolute;left:176px;top:84px;width:1320px;height:725px;z-index:3}.quest-lift{position:relative;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.65,.3,1);color:#43240f;font:700 20px/1.25 Nunito,system-ui,sans-serif}.quest-lift .quest-pages{left:0;top:0;width:100%;z-index:0}@media(hover:hover){.quest-volume:hover .quest-lift{transform:translateY(-9px)}}.quest-volume:focus-within .quest-lift{transform:translateY(-9px)}.quest-lift *{box-sizing:border-box}.quest-lift button{font:inherit;color:inherit;cursor:pointer}.quest-lift button:focus-visible,.quest-list:focus-visible{outline:3px solid #bc791c;outline-offset:3px}.quest-left-page{position:absolute;left:195px;top:85px;width:410px;height:554px;z-index:2;transform:none;transform-origin:center}.quest-list{height:492px;margin-top:10px;overflow-y:scroll;padding:4px 28px 4px 4px;scrollbar-width:auto;scrollbar-color:auto;overscroll-behavior:contain}.quest-list::-webkit-scrollbar{width:5px}.quest-list::-webkit-scrollbar-track{margin:14px 0;background:transparent;box-shadow:none}.quest-list::-webkit-scrollbar-thumb{background:#a16c3380;border:0;border-radius:5px}.quest-list::-webkit-scrollbar-thumb:hover{background:#8c5929b3}.quest-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:78px;margin:0 0 9px;padding:8px 10px;border:2px solid #b7894c88;border-radius:13px 7px;background:linear-gradient(100deg,#fff5d03d,#c5904620);box-shadow:inset 0 1px #fff5d877,0 2px 1px #7c461014;text-align:left;transition:background .18s,border-color .18s}.quest-card:hover{background:#f0d7a6;border-color:#d8a044;box-shadow:0 0 0 1px #ffdd80,0 0 9px #ffd06255,-2px 3px 4px #7c461026}.quest-card[aria-pressed=true]{border-color:#e8a52c;background:#f4dfa9;box-shadow:0 0 0 1px #ffe4a2,inset 0 0 0 1px #fff0be,-2px 3px 4px #8e550630}.quest-card[aria-pressed=true]:before{content:"◆";position:absolute;left:-11px;color:#ed9c1a;text-shadow:0 0 2px #fff5ba}.quest-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#184262,#06131c 70%);border:3px solid #aa783a;box-shadow:0 0 0 1px #5d371f,inset 0 0 0 1px #f8daa0,0 2px 2px #61381055}.quest-icon svg{width:44px;height:44px;fill:none;stroke:#e9bb67;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.quest-icon.sword svg{stroke:#e1e7e2}.quest-icon.crystal{background:radial-gradient(#132c67,#08112b)}.quest-card-copy{flex:1;min-width:0}.quest-card-copy b{display:block;font-size:20px;line-height:1.12}.quest-card-copy small{display:block;font-size:17px;margin-top:4px;color:#624123}.quest-card-done{font-size:12px;font-weight:800;padding:5px 7px;border-radius:12px;background:linear-gradient(#83af40,#518326);color:#fffbd1;box-shadow:inset 0 1px #b4d65e;white-space:nowrap}.quest-count{text-align:center;font-size:17px;margin:10px 0 0;color:#7b4d22}.quest-right-page{position:absolute;left:705px;top:74px;width:460px;height:563px;z-index:2;transform:none;transform-origin:center}.quest-picture{position:relative;height:160px;margin:0 3px}.quest-lift .quest-landscape{position:absolute;inset:8px 10px;width:calc(100% - 20px);height:calc(100% - 16px);object-fit:cover;border-radius:5px;clip-path:polygon(8% 0,92% 0,100% 18%,100% 82%,92% 100%,8% 100%,0 82%,0 18%);z-index:0}.quest-lift .quest-frame{position:absolute;inset:0;z-index:1;pointer-events:none;border:solid transparent;border-width:35px 42px;border-image-source:url(/img/restored-hud-v1/assets/quests/frame.png);border-image-slice:150 180;border-image-width:35px 42px;border-image-repeat:stretch}.quest-heading{height:68px;margin:10px 12px 4px;background:url(/img/restored-hud-v1/assets/quests/heading.png) center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 32px;gap:3px;text-align:center}.quest-heading h2{font:800 28px/1.05 Alegreya SC,Georgia,serif;margin:0;text-shadow:0 1px 0 #fff2bd}.quest-status{font-size:17px;font-weight:700;background:linear-gradient(#83ad3c,#548525);color:#fffbd8;padding:4px 28px;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}.quest-status.pending{background:linear-gradient(#bd8436,#966123)}.quest-section{position:relative;border-top:1px solid #b382425e;margin:3px 0;padding:0 12px}.quest-section:before{content:"◆";position:absolute;left:49%;top:-10px;color:#b87c28;font-size:14px;background:#e9c488;padding:0 5px}.quest-section h3{font:800 18px/1.25 Nunito,system-ui,sans-serif;margin:4px 0 3px}.quest-reward-items{display:flex;gap:8px}.quest-reward-items>div{flex:1;display:flex;align-items:center;gap:8px;padding:3px 7px;border:1px solid var(--paper-panel-border);border-radius:var(--paper-panel-radius);background:var(--paper-panel-fill)}.quest-reward-items b{display:block;font-size:22px}.quest-reward-items small{display:block;font-size:17px}.reward-icon{width:43px;height:43px;flex:0 0 43px;border:3px solid #b38440;border-radius:8px;display:grid;place-items:center;background:linear-gradient(#212528,#080d14);box-shadow:0 0 0 1px #72491c,inset 0 0 4px #000;color:#f7bc2e;font:38px/1 Georgia,serif;text-shadow:0 1px 2px #9c4c00}.reward-icon.gem{color:#ac45f0;text-shadow:2px 0 0 #582289,-2px -1px 0 #eb98ff}.reward-icon.potion{color:#dc3035;text-shadow:1px -3px 0 #ffbdb6;position:relative}.reward-icon.potion:before{content:"";position:absolute;width:11px;height:8px;left:22px;top:3px;background:#be8a43;border:1px solid #714720;transform:rotate(25deg)}.quest-description{min-height:100px}.quest-description p{font-size:16px;line-height:1.22;margin:4px 0 6px}.quest-objective{min-height:64px}.quest-objective p{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.22;margin:3px 0}.quest-check{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:5px;border:1px solid #997c3b;color:#a0803f;background:#d6b77b;line-height:1;font-family:system-ui;font-weight:700;font-size:26px}.quest-check.completed{color:#fffbdc;background:linear-gradient(#93b959,#507b2d);border-color:#719744}.quest-claim{display:block;width:338px;min-height:46px;margin:6px auto 0;border:2px solid #ae6b1d;border-radius:26px;background:linear-gradient(#ffe27b,#edb237 48%,#d38719);box-shadow:inset 0 0 0 2px #ffd77a,0 0 0 2px #8d5b2280,0 3px 2px #87561d50;font-weight:700!important;font-size:23px!important;text-shadow:0 1px 0 #ffe6a2;transition:filter .18s,transform .18s}.quest-claim:hover:enabled{filter:brightness(1.1);transform:translateY(-2px)}.quest-claim:disabled{cursor:default;filter:saturate(.45);opacity:.8;font-size:21px!important}.quest-feedback{margin:8px 0 0;text-align:center;font-size:16px;color:#517529;min-height:20px}.quest-bookmarks{position:absolute;left:1260px;top:254px;width:160px;display:flex;flex-direction:column;gap:5px;z-index:3;transform:none;transform-origin:top left}.quest-bookmark{position:relative;width:145px;height:64px;padding:0 15px 0 28px;border:0;background:var(--bookmark) center/100% 100% no-repeat;filter:drop-shadow(2px 3px 2px #3b1b1655);transition:filter .25s ease;transform:translate(0)}.quest-bookmark:nth-child(2),.quest-bookmark:nth-child(3){margin-left:0}.quest-bookmark span{display:block;transform:none;font-size:17px;font-weight:700;white-space:nowrap;text-shadow:0 1px 0 #fff0b9}.quest-bookmark:hover,.quest-bookmark:focus-visible{filter:drop-shadow(0 0 7px #ffd368b0) brightness(1.14)}.quest-bookmark[aria-selected=true]{filter:drop-shadow(0 0 5px #ffc85599) brightness(1.1)}@media(prefers-reduced-motion:reduce){.quest-lift,.quest-lift *{transition:none!important}}.quest-heading h2.long-title{font-size:21px;line-height:1.05}.quest-feedback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quest-section{font-family:Nunito,system-ui,sans-serif;font-stretch:normal;letter-spacing:normal;word-spacing:normal;text-align:left}.quest-section p{font-weight:600;letter-spacing:normal;word-spacing:normal;text-align:left}.quest-reward-items small{font-weight:600}.quest-lift .quest-frame{filter:drop-shadow(-4px 6px 2px #4b291b99) drop-shadow(-7px 10px 5px #4b291b55)}.quest-heading{filter:drop-shadow(-4px 6px 2px #59321588) drop-shadow(-7px 9px 4px #59321544)}.quest-claim{position:relative;padding:4px 31px;background:linear-gradient(225deg,#ffe18b,#f9bd43 40%,#e69821 75%,#cf7c16);border-color:#95601c;box-shadow:inset 0 0 0 2px #ffdc84,inset -1px 2px 0 3px #ffe69c66,0 0 0 2px #bd883c,-3px 5px 3px #67401a80,-6px 8px 7px #67401a40;font-family:Alegreya SC,Georgia,serif!important;font-weight:900!important;font-size:25px!important}.quest-claim:before,.quest-claim:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:#b87619;text-shadow:0 1px 0 #ffe397;font:12px/1 Georgia,serif}.quest-claim:before{left:11px}.quest-claim:after{right:11px}.quest-claim:active:enabled{transform:translateY(1px);box-shadow:inset 0 0 0 2px #ffdc84,0 0 0 2px #bd883c,-1px 2px 2px #67401a80}.quest-claim{min-height:50px;border:3px solid #88521b;border-radius:28px;background:radial-gradient(ellipse at 82% 10%,#ffefad80,transparent 62%),linear-gradient(#ffd36b,#f8b53b 48%,#e7981b 88%,#cf7910);box-shadow:inset 0 0 0 2px #ffdd84,inset 0 -3px #ba680e88,inset -1px 3px #fff0a866,0 0 0 1px #d2a660,-4px 6px 2px #492912aa,-7px 10px 6px #49291255;font-family:Georgia,Times New Roman,serif!important;font-weight:700!important;font-size:23px!important;text-shadow:0 1px 0 #ffe49b}.quest-claim:before,.quest-claim:after{color:#b87515;text-shadow:1px -1px 0 #ffe394,-1px 1px 0 #a56b17;font-size:11px}.quest-heading h2.long-title{font-size:18px}.quest-heading:has(h2.long-title) .quest-status{font-size:13px;padding:2px 22px}.quest-right-page{height:552px}.quest-details-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:10px 20px 20px 10px;scrollbar-width:auto;scrollbar-color:auto}.quest-details-scroll::-webkit-scrollbar{width:5px}.quest-details-scroll::-webkit-scrollbar-track{margin:14px 0;background:transparent}.quest-details-scroll::-webkit-scrollbar-thumb{background:#a16c3380;border:0;border-radius:5px}.quest-details-scroll::-webkit-scrollbar-thumb:hover{background:#8c5929b3}.quest-details-scroll:focus-visible{outline:2px solid #b47d34;outline-offset:3px}.quest-heading{display:grid;place-items:center;margin:14px 12px 8px;padding:5px 32px;text-align:center}.quest-heading h2{width:100%;text-align:center;font-stretch:normal;letter-spacing:normal;word-spacing:normal}.quest-heading h2.long-title{font-size:22px;line-height:1.1}.quest-status{display:block;width:max-content;max-width:100%;margin:10px auto 14px;text-align:center;font:800 16px/1.25 Nunito,system-ui,sans-serif;padding:5px 28px}.quest-list,.quest-details-scroll{scrollbar-width:none;-ms-overflow-style:none}.quest-list::-webkit-scrollbar,.quest-details-scroll::-webkit-scrollbar{display:none}.quest-scroll-dot{position:absolute;right:-20px;width:48px;height:36px;cursor:grab;touch-action:none;z-index:4;outline:none;filter:drop-shadow(-4px 6px 3px #4b291b88)}.quest-scroll-dot{transition:top .1s ease-out}.quest-scroll-dot.is-dragging{transition:none}.quest-scroll-dot[hidden]{display:none}.quest-butterfly{display:block;width:48px;height:36px;background:url(/img/restored-hud-v1/assets/quests/butterfly-flight.png) 0 0/480px 36px no-repeat;transform:rotate(var(--butterfly-angle,0deg));transition:transform .28s ease;pointer-events:none;animation:quest-butterfly-flap .7s steps(10) infinite paused}.quest-scroll-dot.is-flying .quest-butterfly,.quest-scroll-dot.is-idle-flap .quest-butterfly{animation-play-state:running}.quest-scroll-dot:hover,.quest-scroll-dot:focus-visible{filter:drop-shadow(-4px 6px 3px #4b291baa) drop-shadow(0 0 4px #ffdb7c88)}.quest-scroll-dot:active{cursor:grabbing}.quest-scroll-dot:before{content:"";position:absolute;inset:-6px;border-radius:50%}@keyframes quest-butterfly-flap{to{background-position:-480px 0}}@media(prefers-reduced-motion:reduce){.quest-scroll-dot .quest-butterfly{animation:none}}.quest-book{z-index:40}.quest-book.closing{opacity:0;transition:opacity .45s ease;pointer-events:none}.quest-book .quest-lift .quest-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.quest-book .quest-lift .quest-landscape{left:10px;top:8px}.quest-empty{padding:30px 10px;text-align:center}.quest-reward-items img{width:40px;height:40px;border-radius:6px}.quest-description p{margin-bottom:10px}.quest-claim{max-width:100%}.quest-book .quest-icon svg{width:34px;height:34px}.quest-book .quest-close{font-size:30px}.quest-book .quest-count{font-size:16px}.quest-book .quest-close{right:max(8px,calc(50% - 660px * var(--quest-scale) - 4px));top:max(8px,calc(50% - 386.5px * var(--quest-scale) - 12px))}@media(max-aspect-ratio:3/4){.quest-book .quest-close{top:max(8px,calc(65% - 386.5px * var(--quest-scale) - 12px))}}@keyframes cl-boardIn{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes cl-arrowNudge{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(4px)}}@keyframes cl-doneGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,200,90,.35)) brightness(1.04)}50%{filter:drop-shadow(0 0 13px rgba(255,205,95,.7)) brightness(1.09)}}@keyframes cl-lanternFlick{0%,to{opacity:.5;transform:scale(1)}28%{opacity:.9;transform:scale(1.1)}52%{opacity:.42;transform:scale(.94)}76%{opacity:.78;transform:scale(1.04)}}.cl-title{background:linear-gradient(180deg,#fff3cf 8%,#f2d894 45%,#d8ab52 78%,#c2913c);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(30,14,4,.85)) drop-shadow(0 -1px 0 rgba(40,20,6,.6))}.cl-hover:hover{filter:brightness(1.15)}.cl-card{transition:transform .15s,filter .15s}.cl-card:hover{transform:translateY(-2px)}.cl-grid{scrollbar-width:thin;scrollbar-color:rgba(160,130,80,.55) rgba(20,15,10,.4);scrollbar-gutter:stable}.cl-detail{scrollbar-width:none}.cl-detail::-webkit-scrollbar{width:0;height:0}.cl-panel{clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}.battle-art-window{position:relative;width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 72px);box-sizing:border-box;padding:24px 8px 18px;border-style:solid;border-width:42px 40px 46px;border-image:url(/img/warshards/battle-windows/frame.webp) 85 95 80 95 fill stretch;color:#412b14;background:none;font:17px/1.4 Nunito,sans-serif;isolation:isolate}.battle-art-content{max-height:calc(100dvh - 160px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#a27a39 transparent;padding:6px 4px 4px}.battle-art-title{position:absolute;box-sizing:border-box;left:50%;top:-28px;transform:translate(-50%);width:68%;height:86px;pointer-events:none;display:grid;place-items:center;border:solid transparent;border-width:22px 62px;border-image:url(/img/warshards/battle-windows/title.webp) 44 124 fill / 22px 62px / 0 stretch;background:none;z-index:4}.battle-art-title h2{margin:0 30px;font:bold clamp(22px,3.4vw,38px)/1.05 Georgia,serif;color:#ffe3a3;text-align:center;text-shadow:0 2px 1px #281203,1px 0 #281203,-1px 0 #281203}.battle-art-window>.wood-button--close{position:absolute;right:-14px;top:-14px;z-index:4;transform:scale(1.15)}.battle-art-window p{margin:10px 0}.battle-art-window h3{margin:0 0 12px;font:700 23px/1.15 Georgia,serif;color:#38210d}.battle-art-icon{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0;-webkit-user-select:none;user-select:none}.battle-art-card{border:1px solid #b48b4b88;background:#a87d2a08;box-shadow:inset 0 0 0 3px #f4dca32e;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);padding:15px}.battle-art-divider{position:relative;height:1px;background:#b7904a99;margin:24px 0}.battle-art-divider:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;transform:rotate(45deg);border:2px solid #b7904a;background:#f2d394;box-shadow:0 0 0 6px #f1d496}.battle-info-symbol{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border:2px solid #c49d4b;border-radius:50%;background:linear-gradient(#855b22,#52310e);color:#f4dd9d;font:700 20px Georgia,serif;box-shadow:0 0 0 1px #5d3c17}.battle-art-note{display:flex;align-items:center;gap:15px;padding:14px 18px;background:#aa7d2e20;border-radius:12px;color:#75552c;font-size:16px}.battle-art-intro{display:flex;align-items:center;gap:20px;font-size:19px;line-height:1.55;padding:6px 8px 22px;border-bottom:1px solid #b68b4e77}.battle-art-intro .battle-info-symbol{width:34px;height:34px;font-size:27px;margin:0 8px}.torch-backdrop,.seal-dialog-backdrop{padding:36px 12px;box-sizing:border-box;background:#1b130a80;z-index:1900;overflow-y:auto;display:grid;place-items:center}.torch-art-tabs{display:flex;border-bottom:1px solid #b08b4a99;margin:0 0 22px;padding-bottom:0}.torch-art-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;width:235px;height:65px;border:0;background:url(/img/warshards/battle-windows/tab.webp) center/100% 100% no-repeat;color:#d8c5a3;font:700 25px Georgia,serif;text-shadow:0 2px 1px #271106;cursor:pointer}.torch-art-tabs button[aria-pressed=true]{color:#fff0bb;box-shadow:inset 0 -5px 4px -4px #ffb92d;background-color:#c27c0020}.torch-art-tabs .battle-art-icon{width:42px;height:47px}.torch-art-overview{display:grid;grid-template-columns:26% 39% 1fr;gap:12px;align-items:stretch}.torch-art-portrait{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.torch-art-portrait>img{display:block;width:100%;max-height:260px;object-fit:contain}.torch-art-portrait>b{display:block;position:relative;width:100%;box-sizing:border-box;margin-top:-5px;padding:9px 5px;border:5px ridge #8c887a;border-radius:5px;background:linear-gradient(#413d32,#272820);color:#b5e78d;font-size:18px;text-align:center;text-shadow:0 2px #15190c}.torch-art-levels{text-align:center;display:flex;flex-direction:column;justify-content:space-between}.torch-art-levels h3{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.torch-art-levels>strong{font-size:27px;color:#2e1807;margin-top:10px}.torch-art-flames{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #af864c66;border-radius:6px;padding:10px 4px;background:#b0884214;gap:2px}.torch-art-flames button{border:0;background:none;padding:0;cursor:pointer;border-radius:5px}.torch-art-flames .battle-art-icon{width:100%;height:66px;filter:sepia(1) saturate(.6) brightness(.65);opacity:.55}.torch-art-flames .is-filled .battle-art-icon{filter:none;opacity:1}.torch-art-flames button[aria-pressed=true]{box-shadow:inset 0 -2px #a8762d}.torch-art-flames button:focus-visible{outline:2px solid #81551b}.torch-art-bonuses{position:relative}.torch-art-bonuses h3{text-align:center;font-size:22px}.torch-art-bonuses>.battle-art-icon{position:absolute;left:6px;top:52px;width:70px;height:75px}.torch-art-bonuses>div{padding-left:65px}.torch-art-bonuses p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:3px 0;border-bottom:1px solid #b8873d22;white-space:nowrap;font-size:16px}.torch-art-bonuses b{color:#2b5724;font-size:19px}.torch-art-fuel{grid-column:2/4;display:grid;grid-template-columns:1.15fr 1fr;padding:12px 8px}.torch-art-fuel>div{display:flex;align-items:center;gap:12px;padding:0 8px}.torch-art-fuel>div+div{border-left:1px solid #ac843b77}.torch-art-fuel .battle-art-icon{width:65px;height:70px}.torch-art-fuel span{font-size:16px;line-height:1.25}.torch-art-fuel strong{display:block;font-size:21px;margin:5px 0;color:#38200e}.torch-art-fuel small{font-size:12px}.torch-art-purchase{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 36px 12px}.torch-premium-button{position:relative;isolation:isolate;display:grid;place-items:center;min-height:104px;padding:10px 24px;border:0;background:url(/img/warshards/battle-windows/purchase-blue.webp) center/100% 100% no-repeat;color:#f5e8ce;cursor:pointer;text-shadow:0 2px 2px #0d1c27;font:700 24px Georgia,serif;overflow:hidden;transition:transform .1s}.torch-premium-button.is-gold{background-image:url(/img/warshards/battle-windows/purchase-gold.webp);color:#fff3c5;text-shadow:0 2px 2px #402006}.torch-premium-button>span{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px}.torch-premium-button span>span{display:flex;align-items:center;gap:8px}.torch-premium-button .battle-art-icon{width:25px;height:32px}.torch-premium-button:disabled{filter:saturate(.25) brightness(.8);cursor:default}.torch-premium-button:enabled:active{transform:translateY(2px)}.torch-premium-button:focus-visible{outline:3px solid #9c732a;outline-offset:3px}.torch-premium-button.is-gold:enabled:after{content:"";position:absolute;z-index:1;inset:8px;background:linear-gradient(110deg,transparent 35%,#fff5b500 42%,#fff5b56b 50%,#fff5b500 58%,transparent 65%);transform:translate(-150%);animation:torchGoldSheen 9s ease-in-out infinite;pointer-events:none}@keyframes torchGoldSheen{0%,72%{transform:translate(-150%)}92%,to{transform:translate(150%)}}.torch-art-footer{justify-content:center}.torch-art-footer>span{height:25px;width:1px;background:#9d7438;flex:none;margin:0 18px}.torch-art-wallet{display:block;text-align:center;color:#846033}.torch-art-controls{padding:8px 12px}.torch-art-controls>.wood-dialog-button{min-height:42px}.torch-art-controls .torch-fuel-row{display:flex;align-items:end;gap:16px}.torch-art-controls .torch-fuel-row>label{flex:1}.torch-art-controls select,.torch-market-form input{display:block;width:100%;box-sizing:border-box;padding:8px;border:1px solid #ac844a;border-radius:5px;background:#fff4da77;color:#493017;font:inherit}.torch-art-controls .wood-dialog-button,.torch-market-form .wood-dialog-button,.torch-market-list .wood-dialog-button{min-width:170px;height:43px}.torch-art-renew{display:flex;align-items:center;gap:12px}.torch-art-renew .torch-premium-button{min-height:55px;font-size:17px;flex:1}.torch-art-window .torch-note{font-size:12px;line-height:1.45;color:#816238}.torch-art-window [role=alert]{color:#9b301e}.seal-art-window{width:min(920px,calc(100vw - 32px))}.seal-art-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.seal-art-choices .seal-stone-choice{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:20px 15px 18px;border:3px double #bc924c;border-radius:10px;background:#b88a3310}.seal-art-choices .seal-stone-choice>.battle-art-icon{width:88px;height:108px;align-self:start}.seal-art-choices .seal-stone-choice>div{display:contents}.seal-art-choices .seal-stone-choice strong{align-self:center;font:700 22px/1.2 Georgia,serif}.seal-art-choices .seal-stone-choice>div>div{grid-column:1/3;text-align:center;color:#76532c;font-size:17px}.seal-art-choices .seal-stone-choice>div>div b{font-size:24px;color:#36210b}.seal-art-choices p{grid-column:1/3;min-height:66px;text-align:center;margin:8px 0;padding:15px 0 0;border-top:1px solid #bb924b88;font-size:18px}.seal-art-choices .seal-stone-choice .wood-dialog-button{grid-column:1/3;width:100%;height:54px;font-size:21px}.soul-art-window{width:min(1000px,calc(100vw - 32px));padding-top:40px}.soul-art-window .battle-art-title{left:2%;transform:none;top:0;width:57%;height:67px}.soul-art-window .battle-art-title h2{font-size:27px}.soul-art-window .battle-art-content{padding-top:40px;max-height:calc(100dvh - 250px)}.soul-art-overview{display:grid;grid-template-columns:42% 25% 1fr;align-items:center;gap:10px}.soul-art-overview>p{font-size:20px;line-height:1.5}.soul-art-illustration{width:100%;height:230px}.soul-art-balance{display:flex;align-items:center;gap:12px;margin:15px 0;padding:5px 10px;background:linear-gradient(90deg,#33425100,#334251c9 12%,#334251b3 85%,#33425100);color:#fff3dd}.soul-art-balance.is-red{background:linear-gradient(90deg,#80301c00,#80301cbf 12%,#80301c99 85%,#80301c00)}.soul-art-balance>.battle-art-icon{width:57px;height:77px}.soul-art-balance>strong{font-size:30px;text-shadow:0 2px 2px #1e130c;white-space:nowrap}.soul-art-balance>span{margin-left:auto;color:#a4cbe4;font-weight:900;font-size:20px;white-space:nowrap}.soul-art-balance.is-red>span{color:#e59684}.soul-art-balance i{font-style:normal;font-size:24px}.soul-art-cost{display:flex;align-items:center;gap:15px;margin:26px 10px;font-size:23px;color:#2c210d}.soul-art-cost>b{margin-right:12px;font-weight:800}.soul-art-cost>.battle-art-icon{width:43px;height:57px}.soul-art-cost>strong{font-size:28px}.soul-stamina-icon{display:grid;place-items:center;flex:none;width:65px;height:65px;margin-right:10px;border:4px double #be953c;border-radius:50%;background:linear-gradient(#4b4a39,#242b29);color:#a5eb22;font:700 58px/1 Georgia,serif;text-shadow:0 2px 2px #192b00}.soul-cost-separator{width:1px;height:38px;margin:0 10px;background:#b2935b}.soul-art-details{font-size:13px;color:#77552b}.soul-art-details summary{cursor:pointer;text-align:center}.soul-art-details ul{columns:2;padding-left:25px}@media(prefers-reduced-motion:reduce){.torch-premium-button.is-gold:enabled:after{animation:none}.torch-premium-button{transition:none}}@media(max-width:760px){.battle-art-window{padding:16px 4px 12px;border-width:38px 24px 36px;font-size:14px}.battle-art-title{height:72px;width:80%;top:-56px}.battle-art-window>.wood-button--close{right:-6px;top:-12px;transform:none}.battle-art-content{max-height:calc(100dvh - 160px)}.torch-art-overview{grid-template-columns:28% 1fr}.torch-art-portrait{grid-row:1/3}.torch-art-levels{grid-column:2}.torch-art-bonuses{grid-column:2;display:none}.torch-art-fuel{grid-column:1/3}.torch-art-tabs button{height:52px;font-size:21px}.torch-art-tabs .battle-art-icon{width:30px;height:35px}.torch-art-purchase{margin:16px 0;gap:12px}.torch-premium-button{font-size:20px;min-height:90px;padding:10px}.torch-art-footer{font-size:13px;gap:6px;padding:10px}.torch-art-footer>span{margin:0 5px}.torch-art-portrait>b{font-size:13px}.torch-art-levels h3{font-size:20px}.torch-art-fuel .battle-art-icon{width:44px;height:55px}.torch-art-fuel strong{font-size:18px}.torch-art-fuel span{font-size:13px}.soul-art-overview{grid-template-columns:1fr 40%}.soul-art-overview>p{grid-column:1/3;font-size:17px}.soul-art-window .battle-art-title{top:-10px;width:75%;left:5%;height:65px}.soul-art-window .battle-art-title h2{font-size:22px}.soul-art-window .battle-art-content{padding-top:40px}.soul-art-balance>strong{font-size:24px}.soul-art-balance>span{font-size:15px}.soul-art-balance i{display:none}.soul-art-cost{gap:8px;font-size:17px;margin:22px 0;flex-wrap:wrap}.soul-art-cost>b{margin-right:0}.soul-stamina-icon{width:45px;height:45px;font-size:40px;margin:0}.soul-art-cost>.battle-art-icon{width:30px;height:40px}.battle-art-intro{font-size:16px;gap:8px}.battle-art-intro .battle-info-symbol{margin:0}.seal-art-choices .seal-stone-choice{grid-template-columns:65px 1fr;padding:15px 10px}.seal-art-choices .seal-stone-choice>.battle-art-icon{width:65px;height:80px}.seal-art-choices .seal-stone-choice strong{font-size:18px}.seal-art-choices .seal-stone-choice .wood-dialog-button{font-size:17px}}@media(max-width:470px){.battle-art-window{width:calc(100vw - 16px);padding:14px 0 10px;border-width:36px 20px 34px}.battle-art-title h2{font-size:22px}.battle-art-title{width:85%}.battle-art-card{padding:10px}.torch-art-tabs{margin-bottom:14px}.torch-art-tabs button{font-size:18px;gap:5px}.torch-art-flames .battle-art-icon{height:43px}.torch-art-levels h3{font-size:17px}.torch-art-levels>strong{font-size:22px}.torch-art-levels .battle-info-symbol{display:none}.torch-art-portrait>b{padding:5px 1px;font-size:11px;border-width:3px}.torch-art-fuel{gap:0}.torch-art-fuel>div{gap:5px;padding:0 3px}.torch-art-fuel .battle-art-icon{width:32px;height:44px}.torch-art-fuel strong{font-size:15px}.torch-art-fuel small{font-size:10px}.torch-premium-button{min-height:78px;font-size:17px}.torch-art-controls .torch-fuel-row{flex-wrap:wrap}.torch-art-controls .torch-fuel-row .wood-dialog-button{width:100%}.torch-art-renew{flex-wrap:wrap}.torch-art-renew>small{width:100%}.torch-art-footer{flex-wrap:wrap}.torch-art-footer>span{display:none}.battle-art-intro{font-size:14px;padding:5px 0 14px}.battle-art-intro .battle-info-symbol{display:none}.seal-art-choices{gap:9px;margin-top:14px}.seal-art-choices .seal-stone-choice{display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:8px}.seal-art-choices .seal-stone-choice strong{text-align:center;font-size:17px}.seal-art-choices p{font-size:14px;min-height:65px;margin:0}.seal-art-choices .seal-stone-choice>div>div{font-size:12px}.seal-art-choices .seal-stone-choice .wood-dialog-button{height:48px;font-size:14px}.soul-art-overview{grid-template-columns:1fr}.soul-art-balance{gap:8px;margin:8px 0}.soul-art-balance>strong{font-size:25px}.soul-art-illustration{height:160px}.soul-art-overview>p{grid-column:auto;font-size:15px}.soul-art-cost>b{font-size:16px}.soul-cost-separator{margin:0 3px}.battle-art-note{font-size:13px;padding:10px;gap:10px}.soul-art-cost>strong{font-size:23px}.soul-art-window .battle-art-title h2{font-size:20px}.soul-art-window .battle-art-title{height:58px}}.torch-art-xp-wrap{position:absolute;left:6px;top:52px;width:70px;height:75px;display:grid;place-items:center}.torch-art-xp-wrap .battle-art-icon{width:70px;height:75px}.torch-art-xp-wrap>b{position:absolute;color:#ffdf90;text-shadow:0 2px 1px #211100;font:900 21px Georgia,serif}.soul-art-balance{background:url(/img/warshards/battle-windows/brush-blue.webp) center/100% 100% no-repeat}.soul-art-balance.is-red{background-image:url(/img/warshards/battle-windows/brush-red.webp)}.battle-art-window>.wood-button--close{top:-50px;right:-48px}.battle-art-window:focus{outline:none}@media(max-width:760px){.battle-art-window>.wood-button--close{top:-46px;right:-32px}}@media(max-width:470px){.battle-art-window>.wood-button--close{top:-44px;right:-24px}}.development-window>.wood-button--close{right:-48px}@media(max-width:760px){.development-window>.wood-button--close{right:-32px}}@media(max-width:540px){.development-window>.wood-button--close{right:-20px;top:-40px}}.storage-transfer-backdrop{position:fixed;inset:0;z-index:6100;display:grid;place-items:center;padding:48px 22px 24px;box-sizing:border-box;background:#100c0aa6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#49321b}.spot-window.storage-transfer-window{position:relative;width:min(1360px,100%);height:min(920px,calc(100dvh - 102px));padding:62px 36px 34px!important;outline:none;filter:drop-shadow(0 12px 22px #100b0780)}.spot-window.storage-transfer-window:before,.spot-window.storage-split-window:before,.spot-window.storage-delete-window:before{background-size:100% 100%;background-repeat:no-repeat}.storage-transfer-window>.battle-art-title,.storage-split-window>.battle-art-title,.storage-delete-window>.battle-art-title{top:-29px;width:360px;height:78px;box-sizing:border-box;border:solid transparent;border-width:12px 16px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 12px 16px / 0 stretch;background:none;z-index:5}.storage-transfer-window>.battle-art-title h2{font-size:37px;margin:0;color:#fff1d1}.storage-transfer-window>.wood-button--close{top:-3px;right:-3px;z-index:6}.storage-transfer-window>.battle-art-content{height:100%;max-height:none;overflow:hidden;padding:0}.storage-transfer-body{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.storage-transfer-columns{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);gap:12px;min-height:0;flex:1}.storage-pane{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #9d7b4d88;border-radius:12px;padding:5px 7px 6px;box-shadow:inset 0 0 0 3px #fff0bf50,0 1px 1px #fff6;background:#c4a57520}.storage-pane-heading{display:flex;align-items:center;gap:10px;min-height:47px;padding:1px 13px;color:#fbe7b8;border:solid transparent;border-width:5px 7px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 5px 7px / 0 stretch;box-sizing:border-box}.storage-pane-heading img{width:34px;height:34px;object-fit:contain;flex:none}.storage-transfer-window .storage-pane-heading h3{margin:0;flex:1;color:#f6dfae;font:700 26px/1.1 Georgia,serif}.storage-pane-heading>span{font-weight:800;font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.storage-pane-tabs{display:flex;gap:5px;padding:8px 3px;flex:none;min-width:0}.storage-pane-tabs>button{flex:1;min-width:0;height:34px;padding:0 5px;border:1px solid #6b512f;border-radius:6px;background:linear-gradient(#56432a,#2e241a);box-shadow:inset 0 0 0 2px #b79a6c44,0 1px 2px #704b2b55;color:#edb;font:700 13px Nunito,sans-serif;cursor:pointer;white-space:nowrap}.storage-pane-tabs>button[aria-selected=true]{color:#31200a;background:linear-gradient(#ffe5a0,#d59c3d);border-color:#a7762b;box-shadow:inset 0 0 0 2px #ffe6a080,0 1px 2px #704b2b55}.storage-pane-tabs>button:hover{filter:brightness(1.08)}.storage-pane-tabs>button:active{transform:none}.storage-pane-tabs>button:focus-visible{outline:2px solid #a46e1c;outline-offset:2px}.storage-slot-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#aa8549 #36261a;padding:6px;background:#392b1edb;border-radius:8px;border:1px solid #8a714b;box-shadow:inset 0 2px 7px #1f140baa}.storage-slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:7px;min-width:0}.storage-slot{position:relative;display:block;width:100%;aspect-ratio:1;box-sizing:border-box;min-width:0;padding:0;border:0;background:none;cursor:pointer;border-radius:8px;isolation:isolate;outline:none}.storage-slot--empty{border:1px solid #9882644d;background:#201b1680;box-shadow:inset 0 1px 6px #08060560;cursor:default}.storage-item-art{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:8px;box-sizing:border-box;border-radius:7px;background:#201a13 url(/img/warshards/card/slot/background.webp) center/100% 100% no-repeat;box-shadow:0 2px 4px #0008;isolation:isolate;min-width:0;min-height:0}.storage-item-art:after{content:"";position:absolute;inset:0;box-sizing:border-box;pointer-events:none;z-index:2;border:solid transparent;border-width:6px;border-image:url(/img/warshards/card/slot/frame.webp) 17 / 6px / 0 stretch;filter:var(--frame-filter,grayscale(1));border-radius:8px}.storage-item-art>img{display:block;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0;filter:drop-shadow(0 2px 2px #0008)}.storage-slot.is-selected{outline:2px solid #ffd477;outline-offset:1px}.storage-slot:focus-visible{outline:2px solid #fff2be;outline-offset:2px}.storage-slot:hover:not(:disabled) .storage-item-art>img{filter:drop-shadow(0 2px 2px #0008) brightness(1.08)}.storage-slot:disabled{cursor:wait}.storage-enchant{position:absolute;top:4px;left:5px;padding:1px 4px;border:1px solid #d4af65;border-radius:5px;background:#1c1711e8;color:#ffe098;font:800 12px Nunito,sans-serif;z-index:3}.storage-quantity{position:absolute;right:5px;bottom:4px;padding:1px 5px;border:1px solid #9e7b3e66;border-radius:5px;background:#17120bea;color:#ffe4a4;font:800 13px/1.2 Nunito,sans-serif;z-index:3;font-variant-numeric:tabular-nums}.storage-empty-label{position:absolute;top:30px;left:0;right:0;text-align:center;color:#c5b18c;font-size:15px;pointer-events:none}.storage-pane-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:27px;flex:none;padding:3px 3px 0;color:#73532f;font-size:12px}.storage-pane-footer>button{border:0;padding:2px 4px;background:none;color:#69451b;text-decoration:underline;font:inherit;cursor:pointer}.storage-transfer-controls{display:flex;flex-direction:column;justify-content:center;gap:32px;padding:3px 2px;text-align:center;min-width:0}.storage-transfer-controls>div{display:flex;flex-direction:column;gap:12px;align-items:center}.storage-transfer-controls .wood-button{min-width:0;width:76px;min-height:61px;padding:0;font:700 44px/1 Georgia,serif;--wood-radius:9px;--wood-face-radius:5px}.storage-gold-button:not(.wood-button--inactive){--wood-face-gradient:linear-gradient(135deg,#b27a25,#875219 45%,#55300e)}.storage-dark-button:not(.wood-button--inactive){--wood-face-gradient:linear-gradient(135deg,#625243,#403429 50%,#292017)}.storage-transfer-controls .storage-bulk-actions{gap:8px}.storage-bulk-actions>span{font-size:12px;font-weight:800;line-height:1.2;min-height:31px}.storage-bulk-actions>.wood-button{min-height:48px;font-size:38px}.storage-selected-detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 230px;gap:18px;align-items:center;flex:none;min-height:165px;box-sizing:border-box;padding:13px 15px;border:1px solid #9b8056;border-radius:10px;background:linear-gradient(110deg,#39291a,#2a2119 75%,#33271b);box-shadow:inset 0 0 0 3px #d7b3792b;color:#eadcc0}.storage-detail-summary{display:flex;align-items:center;gap:16px;min-width:0}.storage-detail-summary>.storage-item-art{flex:none;width:112px;height:123px;padding:10px}.storage-detail-summary>div{min-width:0}.storage-transfer-window .storage-detail-summary h3{font:700 23px/1.1 Georgia,serif;margin:0 0 7px;overflow-wrap:anywhere}.storage-detail-summary>div>span{font-size:13px;color:#c9b797}.storage-detail-summary ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:2px 12px;color:#efd38d;font-size:14px}.storage-detail-description{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:10px;border-left:1px solid #9a7c4c77;padding-left:18px;min-width:0;color:#c7b99f}.storage-transfer-window .storage-detail-description p{font-size:14px;font-style:italic;line-height:1.45;margin:0}.storage-detail-description small{font-size:12px}.storage-detail-actions{display:flex;flex-direction:column;gap:7px;min-width:0}.storage-detail-actions>.wood-button{width:100%;min-width:0;min-height:42px;font-size:17px;--wood-radius:8px;--wood-face-radius:4px}.storage-detail-actions .wood-button-face{gap:17px;white-space:nowrap}.storage-detail-actions .storage-transfer-stack{min-height:34px;font-size:13px}.storage-select-placeholder{grid-column:1/-1;text-align:center;color:#cfbea0}.storage-transfer-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;min-height:20px;padding:0 4px;font-size:11px;color:#765634}.storage-transfer-hint>[role=alert]{color:#922d1c;font-weight:800}.storage-transfer-hint>[role=status]{font-weight:700;text-align:right}.storage-split-backdrop{position:fixed;inset:0;z-index:6200;display:grid;place-items:center;box-sizing:border-box;padding:35px 15px;background:#100c0b9c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spot-window.storage-split-window{position:relative;width:min(410px,100%);padding:54px 30px 62px!important;outline:none;filter:none}.storage-split-window>.battle-art-title{width:100%;height:60px;top:-12px;border-image-width:9px 14px}.storage-split-window>.battle-art-title h2{margin:0 12px;color:#fce9be;font-size:23px;white-space:nowrap}.storage-split-window>.wood-button--close{top:-9px;right:-4px;z-index:7;transform:scale(.85)}.storage-split-window>.battle-art-content{max-height:calc(100dvh - 160px);overflow-y:auto;overflow-x:hidden;padding:0 3px 3px}.storage-split-item{display:flex;align-items:center;gap:13px}.storage-split-item>.storage-item-art{width:78px;height:84px;flex:none}.storage-split-item>div{display:flex;flex-direction:column;gap:6px;min-width:0}.storage-split-item b{font-size:15px}.storage-split-item>div>span{font-size:14px;color:#715231}.storage-paper-rule{display:flex;align-items:center;gap:7px;height:22px;margin:10px 0;color:#b08a4d}.storage-paper-rule:before,.storage-paper-rule:after{content:"";height:1px;background:#b08a4d99;flex:1}.storage-paper-rule>span{font:20px Georgia,serif}.storage-split-label{display:block;text-align:center;font-weight:800;font-size:14px;margin:0 0 14px;color:#6e4e29}.storage-split-stepper{display:flex;align-items:center;justify-content:center;gap:9px}.storage-split-stepper .wood-button{width:42px;min-width:42px;min-height:42px;padding:0;font:700 25px Georgia,serif;--wood-radius:8px;--wood-face-radius:4px;--wood-face-gradient:linear-gradient(#554127,#2a2116)}.storage-split-stepper>input{width:100px;height:42px;box-sizing:border-box;text-align:center;border:2px solid #7d6545;border-radius:8px;background:linear-gradient(#776852,#473b2b);box-shadow:inset 0 2px 3px #20160c99;color:#fff1cf;font:800 21px Nunito,sans-serif;appearance:textfield;-moz-appearance:textfield}.storage-split-stepper>input::-webkit-inner-spin-button,.storage-split-stepper>input::-webkit-outer-spin-button{appearance:none;margin:0}.storage-split-range{display:block;appearance:none;-webkit-appearance:none;width:100%;height:12px;box-sizing:border-box;margin:19px 0 24px;border:1px solid #4b351b;border-radius:20px;background:linear-gradient(to right,#efbe59 0 var(--split-fill),#3a3025 var(--split-fill) 100%);box-shadow:inset 0 1px 2px #281b1099,0 1px #ffefc060;cursor:pointer}.storage-split-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid #785019;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffe5a1,#d79b32 60%,#9b6318);box-shadow:0 0 0 1px #f7d784,0 2px 3px #35210b80}.storage-split-range::-moz-range-thumb{width:19px;height:19px;border:2px solid #785019;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffe5a1,#d79b32);box-shadow:0 1px 3px #35210b80}.storage-split-actions{display:flex;gap:10px;margin-top:15px}.storage-split-actions>.wood-button{flex:1;min-width:0;min-height:44px;padding:0 10px;font-size:16px;--wood-radius:9px;--wood-face-radius:5px}.spot-window.storage-delete-window,.spot-window.storage-transfer-loading{position:relative;width:min(520px,calc(100vw - 35px));padding:65px 34px 35px!important}.storage-delete-window>.battle-art-title{width:90%;height:70px;top:-20px}.storage-delete-window>.battle-art-title h2{font-size:26px}.storage-delete-window>.wood-button--close{top:-4px;right:0}@media(max-width:1150px){.storage-transfer-backdrop{padding-inline:14px}.spot-window.storage-transfer-window{padding-inline:28px!important}.storage-transfer-columns{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:8px}.storage-transfer-controls .wood-button{width:62px;min-height:53px}.storage-pane-tabs{gap:3px}.storage-pane-tabs>button{font-size:11px;padding:0 3px}.storage-pane-heading{padding-inline:7px;gap:7px}.storage-transfer-window .storage-pane-heading h3{font-size:23px}.storage-pane-heading>span{font-size:14px}.storage-pane-heading img{width:27px;height:29px}.storage-slot-grid{gap:5px}.storage-slot-scroll{padding:4px}.storage-item-art{padding:7px}.storage-selected-detail{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 185px;gap:13px;padding:12px;min-height:145px}.storage-detail-summary{gap:11px}.storage-detail-summary>.storage-item-art{width:86px;height:98px}.storage-transfer-window .storage-detail-summary h3{font-size:21px}.storage-detail-summary ul,.storage-transfer-window .storage-detail-description p{font-size:12px}.storage-detail-description{padding-left:12px}.storage-detail-actions>.wood-button{font-size:15px;min-height:38px}.storage-detail-actions .storage-transfer-stack{font-size:11px}.storage-transfer-hint{font-size:10px}.storage-bulk-actions>span{font-size:10px}}@media(max-height:800px)and (min-width:801px){.storage-transfer-backdrop{padding-top:40px}.spot-window.storage-transfer-window{height:calc(100dvh - 80px);padding-top:54px!important;padding-bottom:28px!important}.storage-selected-detail{min-height:134px;padding-block:10px}.storage-detail-summary>.storage-item-art{width:85px;height:99px}.storage-detail-summary ul{font-size:12px}.storage-pane-heading{min-height:41px}.storage-pane-heading img{width:27px;height:27px}.storage-pane-tabs{padding-block:6px}.storage-pane-tabs>button{height:30px}.storage-transfer-controls{gap:20px}}@media(max-width:800px){.storage-transfer-backdrop{padding:36px 8px 12px}.spot-window.storage-transfer-window{height:calc(100dvh - 60px);padding:55px 24px 36px!important}.storage-transfer-window>.battle-art-title{width:min(320px,78%);height:73px;top:-23px}.storage-transfer-window>.battle-art-title h2{font-size:31px}.storage-transfer-window>.battle-art-content{overflow-y:auto;overflow-x:hidden}.storage-transfer-body{height:auto;gap:15px}.storage-transfer-columns{grid-template-columns:1fr;gap:12px;flex:none}.storage-pane{height:370px}.storage-transfer-controls{flex-direction:row;justify-content:space-between;gap:15px;padding:0 3px}.storage-transfer-controls>div{flex-direction:row;gap:8px}.storage-transfer-controls .wood-button{min-height:42px;height:42px;width:57px;font-size:32px}.storage-transfer-controls .storage-bulk-actions{display:grid;grid-template-columns:45px 1fr 45px 1fr;align-items:center;gap:6px}.storage-bulk-actions>span{min-height:0;text-align:left;font-size:10px}.storage-transfer-controls .storage-bulk-actions>.wood-button{width:42px}.storage-selected-detail{grid-template-columns:1fr 180px;min-height:0;gap:12px}.storage-detail-description{grid-row:2;grid-column:1/-1;padding:10px 0 0;border-left:0;border-top:1px solid #9a7c4c77}.storage-detail-summary>.storage-item-art{width:83px;height:95px}.storage-transfer-hint{flex-wrap:wrap;font-size:10px}.storage-transfer-hint>span{flex-basis:100%;text-align:left!important}.storage-pane-tabs>button{font-size:12px}}@media(max-width:480px){.spot-window.storage-transfer-window{padding-inline:21px!important}.storage-pane{padding:4px;height:345px}.storage-pane-heading{padding-inline:4px}.storage-transfer-window .storage-pane-heading h3{font-size:22px}.storage-pane-heading>span{font-size:13px}.storage-pane-tabs{gap:3px}.storage-pane-tabs>button{font-size:9px;height:29px;padding:0 2px}.storage-slot-grid{gap:4px}.storage-quantity{font-size:10px;padding:1px 3px;right:4px;bottom:3px}.storage-enchant{font-size:9px;padding:0 2px}.storage-item-art{padding:6px}.storage-item-art:after{border-image-width:5px}.storage-transfer-controls{flex-wrap:wrap;justify-content:center;gap:8px}.storage-transfer-controls .storage-bulk-actions{flex:1;grid-template-columns:38px 1fr 38px 1fr}.storage-transfer-controls .storage-bulk-actions>.wood-button{width:35px;height:37px;min-height:37px;font-size:28px}.storage-bulk-actions>span{font-size:9px}.storage-selected-detail{grid-template-columns:1fr;padding:12px}.storage-detail-summary>.storage-item-art{width:80px;height:90px}.storage-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.storage-detail-actions>.wood-button{font-size:14px;min-height:39px;padding:0 7px}.storage-detail-actions .wood-button-face{gap:8px}.storage-detail-actions .storage-transfer-stack{grid-column:1/-1;font-size:12px}.storage-detail-description{grid-row:auto}.storage-transfer-window .storage-detail-summary h3{font-size:21px}.storage-split-backdrop{padding-inline:10px}.spot-window.storage-split-window{padding-inline:25px!important}.storage-split-window>.battle-art-title h2{font-size:21px}}.storage-split-error{font-size:13px;color:#922d1c;text-align:center}.storage-pane--full{border-color:#a83e25;box-shadow:inset 0 0 0 2px #a83e2530}.storage-pane-heading>.storage-capacity--full{color:#ffe2a2;background:#8f251c;border:1px solid #efaa62;border-radius:5px;padding:3px 7px;box-shadow:0 1px 3px #1b0e0999}.storage-full-warning{flex:none;display:flex;flex-direction:column;gap:2px;margin:0 3px 7px;padding:7px 9px;border:1px solid #a64024;border-radius:6px;color:#762717;background:#efc89c;box-shadow:inset 0 1px #ffe6b7;font-size:11px;line-height:1.3}.storage-full-warning>b{font-size:14px}.storage-full-warning>span{color:#713c29}.storage-transfer-alert{flex:none;display:flex;align-items:center;gap:12px;border:1px solid #b64729;border-radius:7px;padding:9px 13px;background:#77281c;color:#ffe5b9;font-size:14px;box-shadow:inset 0 1px #d28454}.storage-transfer-alert>strong{white-space:nowrap}.storage-notice--warning{color:#8b2e19!important;font-weight:800}@media(max-width:800px){.storage-transfer-alert{flex-wrap:wrap;gap:4px;font-size:12px}}.storage-split-range::-webkit-slider-thumb{width:26px;height:26px;border:0;background:radial-gradient(circle at 50% 50%,#fff2bd 0,#f3d27c 25%,#d59a36 53%,#9a601e 62%,#704719 65%,#deb965 69%,#deb96500 74%);box-shadow:none;image-rendering:auto}.storage-split-range::-moz-range-thumb{width:26px;height:26px;border:0;background:radial-gradient(circle at 50% 50%,#fff2bd 0,#f3d27c 25%,#d59a36 53%,#9a601e 62%,#704719 65%,#deb965 69%,#deb96500 74%);box-shadow:none}.storage-keyboard-hints{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;min-height:24px}.storage-keyboard-hints>b{color:#5b3616}.storage-shift-hint,.storage-split-cue{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-weight:900;color:#533313}.storage-shift-hint>img,.storage-split-cue>img{width:18px;height:18px;object-fit:contain;image-rendering:auto}.storage-split-cue{position:absolute;left:50%;bottom:7px;transform:translate(-50%);z-index:4;pointer-events:none;white-space:nowrap;font-size:11px;padding:3px 6px;border:1px solid #a5792c;border-radius:5px;background:#f9d57af5;box-shadow:0 2px 5px #10090080;opacity:0}.storage-slot:hover .storage-split-cue,.storage-slot.is-selected .storage-split-cue{opacity:1}@media(max-width:480px){.storage-split-cue{font-size:9px;gap:2px;padding:2px 3px}.storage-split-cue>img{width:12px;height:12px}}.storage-transfer-window .storage-pane-heading h3,.storage-transfer-window>.battle-art-title h2{font-family:Alegreya SC,Georgia,serif;font-weight:900}.restored-painted-vitals{position:relative}.health-vessel-mount{position:absolute;left:12px;bottom:100%;width:66px;height:82px;margin-bottom:34px;pointer-events:auto;z-index:2}.health-vessel{position:relative;display:block;width:66px;height:82px;border:0;padding:0;background:none;cursor:pointer;color:#fff4d6;filter:drop-shadow(0 2px 2px #0008)}.health-vessel:before{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:url(/img/warshards/consumables/board.webp) center/contain no-repeat}.health-vessel-glass{position:absolute;inset:0 8px 7px;transition:transform .25s;transform-origin:50% 75%}.health-vessel-glass>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.health-vessel-liquid{position:absolute;z-index:1;left:14%;right:14%;bottom:9%;height:59%;overflow:hidden;border-radius:46% 46% 44% 44%;clip-path:polygon(38% 0,62% 0,65% 15%,86% 35%,100% 60%,98% 81%,85% 95%,66% 100%,34% 100%,15% 95%,2% 81%,0 60%,14% 35%,35% 15%)}.health-vessel-liquid>i{position:absolute;bottom:0;left:0;right:0;background:radial-gradient(ellipse at 62% 28%,#ff526b66,transparent 65%),linear-gradient(90deg,#8d0025,#e00932 45%,#fa2346 68%,#a90029);box-shadow:inset 2px 0 4px #72002180,inset -2px 0 3px #ff6c8666;transition:height .65s cubic-bezier(.22,.61,.36,1);overflow:hidden}.health-vessel-wave{position:absolute;left:-40%;top:-3px;width:180%;height:6px;border-radius:45%;background:#ff8293;box-shadow:0 1px 3px #ffcad1;animation:vessel-wave 2.6s ease-in-out infinite alternate}.health-vessel-wave-back{top:-4px;background:#ff315c;animation-delay:-1.3s;animation-direction:alternate-reverse;opacity:.7}.health-vessel-spark{position:absolute;inset:0;background:radial-gradient(circle at 28% 65%,#ffc1cf 0 1px,transparent 1.4px),radial-gradient(circle at 64% 85%,#ff8fa8 0 .7px,transparent 1.3px),radial-gradient(circle at 75% 30%,#fff0f4 0 .6px,transparent 1px);animation:vessel-shimmer 3.4s ease-in-out infinite}.health-vessel-gain{position:absolute;left:30px;top:42px;pointer-events:none}.health-vessel-gain i{position:absolute;width:5px;height:7px;background:#ff4e73;border-radius:50%;box-shadow:0 0 7px #ff225f;animation:vessel-gain .7s ease-out both}.health-vessel-gain i:nth-child(2){animation-delay:.07s;width:3px;height:4px}.health-vessel-gain i:nth-child(3){animation-delay:.13s;width:2px;height:3px}.health-vessel b{position:absolute;z-index:2;left:0;right:0;bottom:16px;text-align:center;font:900 12px Nunito,sans-serif;text-shadow:0 1px 3px #000,0 0 3px #000}.health-vessel:disabled{cursor:default}.health-vessel:focus-visible{outline:2px solid #f8cf75;border-radius:12px}.health-vessel:enabled:hover .health-vessel-glass{transform:rotate(-8deg) translateY(-2px)}.health-vessel-mount[data-pouring] .health-vessel-glass{animation:vessel-tip 1s ease-in-out}.health-vessel-pour{position:absolute;left:36px;top:20px;width:90px;height:100px;pointer-events:none;transform:rotate(-22deg);transform-origin:top left}.health-vessel-pour i{position:absolute;left:0;top:0;width:5px;height:14px;border-radius:50%;background:#ff9c6d;box-shadow:0 0 8px #f65031;animation:vessel-drop .7s ease-in both}.health-vessel-pour i:nth-child(2){animation-delay:.1s}.health-vessel-pour i:nth-child(3){animation-delay:.2s}.health-vessel-pour i:nth-child(4){animation-delay:.3s}.health-vessel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.health-vessel-mount[data-pouring]+.restored-painted-bar{filter:drop-shadow(0 0 7px #f47846)}@keyframes vessel-tip{25%,60%{transform:rotate(65deg) translate(12px,-5px)}to{transform:none}}@keyframes vessel-drop{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(25px,72px) scale(.7)}}@keyframes vessel-wave{0%{transform:translate(-6%) rotate(-5deg)}to{transform:translate(6%) rotate(5deg)}}@keyframes vessel-shimmer{0%,to{opacity:.3;transform:translateY(2px)}50%{opacity:.8;transform:translateY(-3px)}}@keyframes vessel-gain{0%{opacity:0;transform:translate(85px,-65px) scale(.5)}20%{opacity:1}55%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translateY(3px) scale(.2)}}@media(prefers-reduced-motion:reduce){.health-vessel-glass,.health-vessel-liquid>i{transition:none}.health-vessel-mount[data-pouring] .health-vessel-glass,.health-vessel-pour i,.health-vessel-wave,.health-vessel-spark,.health-vessel-gain i{animation:none}.health-vessel-pour,.health-vessel-gain{display:none}}.swamp-entry-scene,.swamp-entry-npcs{position:absolute;inset:0}.swamp-entry-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.swamp-entry-foreground{position:absolute;left:0;bottom:0;width:100%;height:auto;z-index:6;pointer-events:none}.swamp-entry-scene>.v3-living-fx{z-index:2}.swamp-foreground-base{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.swamp-foreground-reed{position:absolute;pointer-events:none;animation:swamp-reed-sway var(--reed-duration) ease-in-out var(--reed-delay) infinite}@keyframes swamp-reed-sway{0%,to{transform:rotate(calc(var(--reed-angle) * -.65))}50%{transform:rotate(var(--reed-angle))}}@media(prefers-reduced-motion:reduce){.swamp-foreground-reed{animation:none;transform:none}}.swamp-entry-scene .npc{touch-action:manipulation}.swamp-entry-npcs>.npc:first-child:before{content:"";position:absolute;left:58%;bottom:11%;width:27%;height:4%;transform:translate(-50%) rotate(-8deg);background:radial-gradient(ellipse,#21170f99,transparent 72%);filter:blur(.6px);pointer-events:none}.vh-root .swamp-entry-scene .npc:focus-visible .npc-frame-idle{opacity:0}.vh-root .swamp-entry-scene .npc:focus-visible .npc-frame-hover{opacity:1}.swamp-herbalist-overlay{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.swamp-herbalist-dialog{position:relative;width:min(500px,100%);--game-window-padding:38px 38px 52px;outline:none}.swamp-herbalist-content{max-height:calc(100dvh - 140px);overflow:auto;color:#493015}.swamp-herbalist-content h2{font:900 30px/1.15 Alegreya SC,Georgia,serif;margin:0 0 20px;text-align:center}.swamp-herbalist-content p{font-size:16px;line-height:1.4;margin:0}.herbalist-vessel-reward{display:flex;align-items:center;gap:24px;padding:0 8px 20px}.herbalist-vessel-art{position:relative;flex:0 0 96px;height:128px;filter:drop-shadow(0 5px 5px #65441b44)}.herbalist-vessel-art .health-vessel-glass{inset:0}.herbalist-vessel-summary{min-width:0}.swamp-herbalist-content .herbalist-vessel-goal{font-size:18px;font-weight:800;line-height:1.3;margin-bottom:12px}.swamp-herbalist-content .herbalist-vessel-hint{font-size:14px;color:#72502c}.herbalist-vessel-progress{margin:0 8px 20px}.herbalist-vessel-progress p{font-weight:800;margin-bottom:8px}.herbalist-vessel-progress progress{display:block;width:100%;height:12px;border:1px solid #8c642e;border-radius:6px;overflow:hidden;background:#a7814940;accent-color:#657c29}.herbalist-vessel-progress progress::-webkit-progress-bar{background:#a7814940}.herbalist-vessel-progress progress::-webkit-progress-value{background:linear-gradient(#9eb34e,#5a7628)}.herbalist-vessel-progress progress::-moz-progress-bar{background:#657c29}.swamp-herbalist-content .herbalist-vessel-state{margin-bottom:20px;text-align:center;font-size:14px}.herbalist-vessel-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:4px 4px 0}.herbalist-vessel-actions>.wood-button{min-width:156px;flex:1}@media(max-width:480px){.swamp-herbalist-dialog{--game-window-padding:34px 28px 46px}.swamp-herbalist-content h2{font-size:26px}.herbalist-vessel-reward{gap:16px;padding:0 0 20px}.herbalist-vessel-art{flex-basis:78px;height:104px}.swamp-herbalist-content .herbalist-vessel-goal{font-size:16px}.herbalist-vessel-actions{gap:14px}.herbalist-vessel-actions>.wood-button{min-width:125px}}