@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}.visible\!{visibility:visible!important}.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:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.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%}.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}}.tutorial-help-button{position:fixed;left:12px;top:12px;z-index:1100;width:48px;height:48px;cursor:pointer;font-size:32px}.tutorial-help-button:focus-visible{outline:3px solid #fff3c4;outline-offset:3px}.tutorial-help-button:disabled{opacity:.7;cursor:wait}.tutorial-help-button:hover{filter:brightness(1.12)}.tutorial-copy{animation:tutorial-appear .22s ease-out}@keyframes tutorial-appear{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.tutorial-copy{animation:none}}.game-celebration{position:fixed;inset:0;z-index:9900;isolation:isolate;font-family:Nunito,sans-serif;color:#533314}.game-celebration-shade{position:absolute;inset:0;background:#17201575;animation:gc-shade-in .65s both}.game-celebration-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#ffe8a240,transparent 57%);animation:gc-glow-in 1.8s both}.game-celebration-motes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.game-celebration-motes i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:#fff2bc;box-shadow:0 0 9px 2px #f4d886;opacity:0;animation:gc-mote 2.8s var(--delay) ease-out both}.game-celebration-announce{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;text-shadow:0 3px 4px #37220c,0 0 25px #e6c05e75;animation:gc-announce 1.9s both;pointer-events:none}.event-quest .game-celebration-announce{animation-duration:1.1s}.game-celebration-announce>img{width:130px;height:140px;object-fit:contain;filter:drop-shadow(0 0 22px #ffd67b90)}.game-celebration-announce>span{font:900 clamp(30px,4vw,54px)/1.2 "Alegreya SC",serif;color:#fff0bd}.game-celebration-announce>strong{font:900 110px/.95 Alegreya SC,serif;color:#ffe596}.game-celebration-position{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:22px 14px}.spot-window.game-celebration-card{--game-frame-top:54px;--game-frame-bottom:54px;--game-frame-side:40px;position:relative;width:440px;max-width:100%;max-height:calc(100dvh - 44px)!important;min-height:0;display:flex;flex-direction:column;text-align:center;padding:52px 44px 40px!important;animation:gc-window-in .65s cubic-bezier(.16,1,.3,1) both}.spot-window.game-celebration-card:before{inset:12px 20px 18px;background:#f2d9a7 url(/img/warshards/party/paper.webp) center/100% 100% no-repeat}.spot-window.game-celebration-card:after{border-width:54px 40px!important;border-image:url(/img/spot-panels/window-frame.webp) 150 112 150 112 / 54px 40px / 0 stretch!important}.game-celebration-close{position:absolute;top:0;right:0;z-index:6;width:40px;height:54px;padding:0;border:0;background:transparent;line-height:0;cursor:pointer}.game-celebration-close>img{width:100%;height:100%;object-fit:contain}.game-celebration-close:hover{filter:brightness(1.1)}.game-celebration-close:active{filter:brightness(.92)}.game-celebration-close:focus-visible{outline:2px solid #ffe1a0;outline-offset:2px}.game-celebration-ribbon{position:relative;height:64px;flex:none;margin:-48px 5px 0;padding-left:39px;display:grid;place-items:center;z-index:4;animation:gc-ribbon-in .7s .12s both}.game-celebration-ribbon.is-quest{padding-left:0}.game-celebration-cloth{position:absolute;width:100%;height:auto;object-fit:contain;z-index:-1}.game-celebration-heading-badge{position:absolute;width:60px;height:60px;object-fit:contain;left:0;top:2px;filter:drop-shadow(0 3px 2px #35160980)}.game-celebration-ribbon h2{font:900 23px/1.1 Alegreya SC,serif;color:#fff0bb;margin:0 0 4px;padding:0 5px 3px 0;text-shadow:0 2px 1px #681c12,0 0 4px #53120d}.game-celebration-ribbon.is-quest h2{padding-right:0}.game-celebration-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 4px;margin:0 -4px}.game-celebration-center{position:relative;height:166px;margin-top:4px;display:grid;place-items:center;flex:none;background:radial-gradient(ellipse,#fff5c7aa,transparent 66%)}.game-celebration-emblem{width:148px;height:156px;object-fit:contain;filter:drop-shadow(0 4px 5px #67420a70);animation:gc-emblem-in .8s .16s both}.game-celebration-level{position:absolute;top:54px;font:900 65px/1 Alegreya SC,serif;color:#fff1b4;text-shadow:0 2px 0 #69380e,0 0 5px #53240a,2px 0 2px #53240a,-2px 0 2px #53240a;animation:gc-emblem-in .8s .16s both}.game-celebration-quest-art{width:180px;height:155px;object-fit:contain;filter:drop-shadow(0 6px 4px #67420a60);animation:gc-emblem-in .8s .16s both}.game-celebration-card h3{font-size:21px;line-height:1.35;margin:5px 0;font-weight:900;color:#533314}.game-celebration-message{font-size:14px;color:#7c5e33;line-height:1.5;margin:0 auto 18px;max-width:290px}.game-celebration-count{font-size:12px;margin:-10px 0 12px;color:#7c5e33}.game-celebration-rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 10px;margin:0 -4px 22px}.game-celebration-item{flex:1 0 calc(33.33% - 10px);max-width:50%;min-width:0;display:flex;flex-direction:column;align-items:center;animation:gc-loot-in .5s calc(.3s + var(--i)*.08s) both}.game-celebration-icon{display:grid;place-items:center;width:59px;height:59px;flex:none}.game-celebration-icon>img{width:59px;height:59px;object-fit:contain;filter:drop-shadow(0 3px 2px #55321e40)}.game-celebration-item>strong{display:block;height:50px;font:900 44px/1.12 Alegreya SC,serif;font-variant-numeric:lining-nums;color:#713514}.game-celebration-item>span:last-child{font-size:12px;color:#7b5c32;line-height:1.4;overflow-wrap:anywhere;max-width:100%}.is-development.game-celebration-rewards{gap:14px}.is-development .game-celebration-item{padding:9px 3px;flex-basis:calc(50% - 14px)}.is-development .game-celebration-item+.game-celebration-item{border-left:1px solid #b88b4b55}.is-development .game-celebration-item>span:last-child{font-size:13px;font-weight:800}.is-development .game-celebration-icon{width:60px;height:60px;margin:2px 0 5px;border:3px solid transparent;border-radius:50%;background:url(/img/spot-panels/button-wood-grain.svg) center/auto 100% no-repeat padding-box,linear-gradient(135deg,#996034,#75411e 48%,#452410) padding-box,linear-gradient(145deg,#fff0ab,#d2a04b 35%,#80501f 65%,#e8bd64) border-box;box-shadow:inset 0 2px 3px #ffe0a54d,inset 0 -3px 4px #29130780,0 0 0 1px #75471f,0 3px 3px #57301445}.is-development .game-celebration-icon>img{width:36px;height:36px;filter:drop-shadow(0 1px 0 #45220a) drop-shadow(0 -1px 0 #fff0a54d)}.game-celebration-primary{width:100%;flex:none;margin-top:0;animation:gc-loot-in .45s .8s both}.game-celebration-details{text-align:left;font-size:13px;line-height:1.5;margin:0 0 16px;color:#6e4b26}.game-celebration-details summary{cursor:pointer;font-weight:800}.game-celebration-details p{margin:7px 0 0}.game-celebration-error{color:#972f1b;font-size:14px;margin:0 0 12px}.game-celebration.phase-leaving{animation:gc-out .3s both;pointer-events:none}@keyframes gc-shade-in{0%{opacity:0}to{opacity:1}}@keyframes gc-glow-in{0%{opacity:0;transform:scale(.6)}35%{opacity:1}to{opacity:.7;transform:scale(1.1)}}@keyframes gc-announce{0%{opacity:0;transform:translateY(12px) scale(.88)}22%,73%{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px) scale(1.025)}}@keyframes gc-window-in{0%{opacity:0;transform:translateY(30px) scale(.9)}70%{opacity:1;transform:translateY(-3px) scale(1.012)}to{opacity:1;transform:none}}@keyframes gc-ribbon-in{0%{opacity:0;transform:translateY(12px) scale(.93)}to{opacity:1;transform:none}}@keyframes gc-emblem-in{0%{opacity:0;transform:scale(.7)}65%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes gc-loot-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes gc-mote{0%{opacity:0;transform:translateY(30px) scale(.5)}20%{opacity:.85}to{opacity:0;transform:translate(var(--drift),-100px) scale(.2)}}@keyframes gc-out{to{opacity:0}}@media(max-width:760px){.spot-window.game-celebration-card{width:min(420px,100%);padding:48px 35px 34px!important}.game-celebration-ribbon{margin-top:-44px;padding-left:34px;height:58px}.game-celebration-heading-badge{width:54px;height:54px;top:2px}.game-celebration-ribbon h2{font-size:18px;padding-right:3px}.game-celebration-ribbon.is-quest{padding-left:0}.game-celebration-ribbon.is-quest h2{padding-right:0}.game-celebration-message{font-size:13px}.is-development.game-celebration-rewards{gap:7px}.is-development .game-celebration-item>span:last-child{font-size:12px}}@media(max-height:620px){.game-celebration-center{height:116px}.game-celebration-emblem{height:110px}.game-celebration-level{top:38px;font-size:47px}.game-celebration-quest-art{height:110px}}@media(prefers-reduced-motion:reduce){.game-celebration *{animation:none!important;transition:none!important}.game-celebration-motes{display:none}.game-celebration-glow{opacity:.35}.game-celebration.phase-leaving{animation:none;opacity:0}}.wood-button.game-celebration-primary{width:100%;min-width:0;--wood-corner:10px;--wood-height:56px}.game-celebration-details{border:1px solid #a879395c;border-radius:8px;padding:12px 14px;margin:8px 0 18px;background:#fff1c337;text-align:left}.game-celebration-details h4{margin:0;font-size:14px;color:#68451f}.game-celebration-details p{margin:6px 0 0}.game-celebration-scroll{scrollbar-color:#a47332 #dbc28c;scrollbar-width:thin}.game-celebration-scroll::-webkit-scrollbar{width:8px}.game-celebration-scroll::-webkit-scrollbar-track{background:#dbc28c;border-radius:6px}.game-celebration-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#815421,#c39a51,#815421);border:1px solid #90612b;border-radius:6px}.game-celebration-icon>img[src$="upgrade.svg"]{filter:brightness(.58) saturate(2.4);box-shadow:none}.quest-accepted{position:fixed;z-index:9800;top:clamp(88px,15vh,158px);left:50%;width:min(780px,94vw);min-height:210px;transform:translate(-50%);pointer-events:none;isolation:isolate;text-align:center;color:#fff2cf;contain:layout style;font-family:Nunito,sans-serif}.quest-accepted[data-paused]{visibility:hidden}.quest-accepted[data-paused] *,.quest-accepted[data-paused] *:before,.quest-accepted[data-paused] *:after{animation-play-state:paused!important}.quest-accepted-mist{position:absolute;inset:6px -14px -22px;z-index:-1;background:radial-gradient(ellipse at 50% 58%,#0d0906bb,#17100788 35%,#17100700 71%);opacity:0;animation:qa-mist-in .9s both}.quest-accepted-rays{position:absolute;top:43px;left:50%;width:min(92%,710px);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,#c18a3c99 18%,#fff4b7 47%,#fff9d0 53%,#c18a3c99 82%,transparent);box-shadow:0 0 9px #ffd98688;animation:qa-ray-in .95s cubic-bezier(.16,1,.3,1) both}.quest-accepted-rays i{position:absolute;left:50%;top:-1px;width:40%;height:2px;background:linear-gradient(90deg,transparent,#fffbe3,transparent);transform:translate(-50%);opacity:0;animation:qa-ray-sweep 1s .15s both}.quest-accepted-rays i+i{top:5px;width:64%;height:1px;animation-delay:.24s}.quest-accepted-sigil{position:relative;margin:0 auto;width:86px;height:86px;display:grid;place-items:center;animation:qa-sigil-in .9s cubic-bezier(.16,1,.3,1) both}.quest-accepted-sigil span{position:absolute;inset:2px;background:radial-gradient(ellipse,#fff9d08c 0%,#ffbf5433 33%,transparent 70%);filter:blur(7px);animation:qa-breathe 2.3s .8s ease-in-out infinite alternate}.quest-accepted-star{position:relative;width:53px;height:53px;filter:drop-shadow(0 0 3px #fff4bd) drop-shadow(0 0 13px #ffbb4b99);animation:qa-star-focus 1.1s both}.quest-accepted-flare{position:absolute;inset:-10px;width:106px;height:106px;opacity:0;mix-blend-mode:screen;animation:qa-flash .9s .08s both}.quest-accepted-trail{position:absolute;left:50%;top:78px;width:1px;height:37px;background:linear-gradient(#ffd78499,transparent);transform:translate(-50%);animation:qa-mist-in 1s .3s both}.quest-accepted-copy{position:relative;max-width:620px;margin:3px auto 0;padding:0 18px;animation:qa-copy-in .8s .28s both;text-shadow:0 2px 3px #090602,0 0 12px #090602,0 0 24px #090602}.quest-accepted-kind{margin:0 0 6px;color:#e8c88c;font-size:13px;font-weight:800;line-height:1.25}.quest-accepted h2{margin:0;font-family:Alegreya SC,Georgia,serif;font-weight:700;font-size:clamp(25px,3.5vw,36px);line-height:1.1;color:#fff4d5}.quest-accepted-goal{margin:10px auto 0;max-width:530px;font-size:16px;line-height:1.45;font-weight:650;color:#f3e3ba;text-wrap:balance}.quest-accepted-particles{position:absolute;inset:0;overflow:visible}.quest-accepted-particles i{position:absolute;left:50%;top:44px;width:3px;height:3px;border-radius:50%;background:#fff4bf;box-shadow:0 0 5px 1px #efbb59;opacity:0;animation:qa-particle-in 1.15s var(--delay) cubic-bezier(.12,.65,.26,1) both}.quest-accepted-particles i:nth-child(3n){width:2px;height:7px;border-radius:40%;background:#eac573}.quest-accepted[data-phase=hold] .quest-accepted-sigil{animation:none}.quest-accepted[data-phase=hold] .quest-accepted-star{animation:qa-star-live 2s ease-in-out infinite alternate}.quest-accepted[data-phase=exit] .quest-accepted-copy{animation:qa-copy-out .64s ease-in both}.quest-accepted[data-phase=exit] .quest-accepted-rays{animation:qa-ray-out .8s ease-in both}.quest-accepted[data-phase=exit] .quest-accepted-mist{animation:qa-mist-out .7s ease-in both}.quest-accepted[data-phase=exit] .quest-accepted-sigil{animation:qa-sigil-out .8s ease-in both}.quest-accepted[data-phase=exit] .quest-accepted-flare{animation:qa-flash-out .65s both}.quest-accepted[data-phase=exit] .quest-accepted-trail{animation:qa-mist-out .6s both}.quest-accepted[data-phase=exit] .quest-accepted-particles i{animation:qa-particle-out .72s var(--delay) ease-out both}@keyframes qa-mist-in{0%{opacity:0}to{opacity:1}}@keyframes qa-mist-out{to{opacity:0}}@keyframes qa-ray-in{0%{opacity:0;transform:translate(-50%) scaleX(.04)}45%{opacity:1}to{opacity:.7;transform:translate(-50%) scaleX(1)}}@keyframes qa-ray-sweep{20%{opacity:1;transform:translate(-50%) scaleX(.15)}to{opacity:0;transform:translate(-50%) scaleX(1.8)}}@keyframes qa-sigil-in{0%{opacity:0;transform:scale(.45) rotate(-12deg);filter:blur(9px)}45%{opacity:1;filter:blur(0);transform:scale(1.12) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes qa-star-focus{0%{opacity:0;filter:brightness(4) blur(8px)}45%{opacity:1;filter:brightness(2.3) drop-shadow(0 0 18px #ffcf69)}to{opacity:1;filter:brightness(1.15) drop-shadow(0 0 8px #ffcf6977)}}@keyframes qa-flash{0%{opacity:0;transform:scale(.3) rotate(-20deg)}30%{opacity:.9}to{opacity:0;transform:scale(1.8) rotate(20deg)}}@keyframes qa-copy-in{0%{opacity:0;transform:translateY(7px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes qa-breathe{0%{opacity:.45;transform:scale(.94)}to{opacity:.8;transform:scale(1.1)}}@keyframes qa-star-live{0%{filter:brightness(1.05) drop-shadow(0 0 5px #ffcf6977)}to{filter:brightness(1.2) drop-shadow(0 0 11px #ffcf6999)}}@keyframes qa-particle-in{0%{opacity:0;transform:translate(0) scale(.2)}18%{opacity:.9}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--spin)) scale(.35)}}@keyframes qa-copy-out{to{opacity:0;filter:blur(5px);transform:translateY(-5px)}}@keyframes qa-ray-out{to{opacity:0;transform:translate(-50%) scaleX(1.28)}}@keyframes qa-sigil-out{35%{filter:brightness(1.5)}to{opacity:0;transform:scale(.72) translateY(-12px);filter:brightness(2) blur(4px)}}@keyframes qa-flash-out{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(1.4)}}@keyframes qa-particle-out{0%{opacity:0;transform:translate(calc(var(--x)*.25),calc(var(--y)*.3)) scale(.2)}15%{opacity:.85}to{opacity:0;transform:translate(var(--x),calc(var(--y) - 32px)) rotate(var(--spin)) scale(.05)}}@media(max-width:600px){.quest-accepted{top:clamp(66px,12vh,110px);min-height:210px}.quest-accepted-copy{padding:0 14px}.quest-accepted-goal{font-size:14px;max-width:330px}.quest-accepted-kind{font-size:12px}.quest-accepted-rays{width:94%}.quest-accepted-particles{overflow:hidden}.quest-accepted h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.quest-accepted *,.quest-accepted *:before,.quest-accepted *:after{animation-duration:.12s!important;animation-delay:0s!important;animation-iteration-count:1!important}.quest-accepted-particles,.quest-accepted-flare{display:none}.quest-accepted[data-phase=hold] .quest-accepted-star{animation:none}}.combat-item-notices{position:fixed;top:max(112px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));width:358px;display:flex;flex-direction:column;gap:10px;z-index:2100;pointer-events:none}.combat-item-notices[data-paused]{visibility:hidden}.combat-item-notices[data-paused] *{animation-play-state:paused!important}.combat-item-toast.spot-window{--loot-glow:#e9bd55;--game-frame-side:12px;--game-frame-top:30.86px;--game-frame-bottom:27.43px;--game-window-padding:19px 22px 20px 18px;position:relative;display:flex;align-items:center;gap:16px;min-height:120px;filter:drop-shadow(0 8px 16px #0008);font-family:Nunito,sans-serif;transform-origin:85% 50%;will-change:transform,opacity}.combat-item-toast.spot-window:before{inset:4px 6px 5px;border-radius:2px}.combat-item-toast[data-rarity=uncommon]{--loot-glow:#76bf4c}.combat-item-toast[data-rarity=rare]{--loot-glow:#56aff2}.combat-item-toast[data-rarity=epic]{--loot-glow:#c783fa}.combat-item-art{position:relative;flex:0 0 76px;z-index:1;filter:drop-shadow(0 0 12px var(--loot-glow));transform:rotate(-5deg)}.combat-item-art>div{cursor:default!important}.combat-item-copy{position:relative;z-index:1;min-width:0;flex:1}.combat-item-kind{margin:0 0 3px;color:#79542a;font-size:11px;line-height:1.3;font-weight:900}.combat-item-copy h2{margin:0;color:#42270f;font-family:Alegreya SC,Georgia,serif;font-size:22px;font-weight:900;line-height:1.05;overflow-wrap:anywhere;text-shadow:0 1px #fff7}.combat-item-count{white-space:nowrap;color:#80531b;font-size:18px}.combat-item-receipt{margin:6px 0 0;color:#6f593a;font-size:11px;line-height:1.3;font-weight:700}.combat-item-burst{position:absolute;left:-35px;top:-25px;width:180px;height:170px;z-index:0;background:radial-gradient(ellipse,var(--loot-glow),transparent 65%);opacity:.42;pointer-events:none}.combat-item-spark{position:absolute;left:72px;top:5px;width:35px;height:35px;z-index:3;pointer-events:none}.combat-item-spark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--loot-glow))}.combat-item-lifetime{position:absolute;left:24px;right:24px;bottom:13px;height:2px;z-index:2;background:#96713d;opacity:.6;transform-origin:left;animation:combat-loot-life 4s linear both}.combat-item-toast[data-phase=enter]{animation:combat-loot-arrive .48s cubic-bezier(.16,.8,.24,1) both}.combat-item-toast[data-phase=enter] .combat-item-art{animation:combat-loot-pop .48s ease-out both}.combat-item-toast[data-phase=enter] .combat-item-spark{animation:combat-loot-spark .7s ease-out both}.combat-item-toast[data-phase=hold] .combat-item-spark{opacity:0}.combat-item-toast[data-phase=exit]{animation:combat-loot-leave .52s ease-in both}@keyframes combat-loot-arrive{0%{opacity:0;transform:translate(70px) scale(.86)}60%{opacity:1;transform:translate(-6px) scale(1.035)}to{opacity:1;transform:none}}@keyframes combat-loot-pop{0%{transform:rotate(-13deg) scale(.55)}65%{transform:rotate(2deg) scale(1.12)}to{transform:rotate(-5deg) scale(1)}}@keyframes combat-loot-spark{0%{opacity:0;transform:rotate(-50deg) scale(.2)}40%{opacity:1;transform:rotate(20deg) scale(1.25)}to{opacity:0;transform:rotate(80deg) scale(.3)}}@keyframes combat-loot-leave{to{opacity:0;transform:translate(44px) scale(.97)}}@keyframes combat-loot-life{to{transform:scaleX(0)}}@media(max-width:600px){.combat-item-notices{top:max(94px,calc(env(safe-area-inset-top) + 70px));right:12px;width:min(330px,calc(100vw - 24px))}.combat-item-toast.spot-window{--game-window-padding:17px 20px 19px 17px;min-height:110px;gap:12px}.combat-item-art{flex-basis:64px}.combat-item-copy h2{font-size:20px}.combat-item-spark{left:60px}}@media(prefers-reduced-motion:reduce){.combat-item-toast,.combat-item-toast *{animation:none!important;transition:none!important}.combat-item-spark,.combat-item-lifetime{display:none}.combat-item-toast[data-phase=exit]{opacity:0}}.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}.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/runtime-20261101/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/runtime-20261101/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/runtime-20261101/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/runtime-20261101/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/runtime-20261101/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{--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}}.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}.starter-spots{z-index:32}.starter-spot-position .vh-qmark{z-index:5;top:-15px!important}.tutorial-result{text-align:center;--game-window-padding:36px 44px 46px;width:min(510px,100%)}.tutorial-result-art{height:110px;display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 16px}.tutorial-result-art img{height:100%;max-width:110px;object-fit:contain}.tutorial-result-art.is-neighbors img{height:78px}.tutorial-result-art span{font:900 36px Alegreya SC,serif;color:#80602e}.tutorial-result h2{margin:0 0 14px;font-size:30px}.tutorial-result p{max-width:360px;margin:0 auto 22px}.tutorial-result>.wood-button{width:100%}.npc-dlg-quest:before{content:"!";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;border:1px solid #ffdb76;border-radius:50%;background:#573d18;color:#ffe99a;font-weight:900}.starter-coal-pickup{position:absolute;left:38%;top:63%;display:grid;justify-items:center;border:0;background:none;color:#ffe4a0;cursor:pointer}.starter-coal-pickup img{width:65px;height:65px;object-fit:contain}.tutorial-result-art.is-neighbors{gap:32px;position:relative}.tutorial-neighbor-spot{display:block;position:relative;width:110px;height:110px}.tutorial-neighbor-spot svg{position:absolute;inset:0;width:100%;height:100%}.tutorial-neighbor-spot img{position:absolute;left:34px;top:10px;width:45px;height:75px!important;object-fit:contain}.tutorial-neighbor-link{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font:900 30px Alegreya SC,serif;color:#7d642c}@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)}}.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}}@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}.spot-window.forge-picker-window{--game-window-padding:66px 46px 34px;min-height:290px}.forge-picker-rail-joins{position:absolute;inset:calc(var(--game-frame-top) - 2px) 0 calc(var(--game-frame-bottom) - 2px);z-index:2;pointer-events:none;box-sizing:border-box;border:solid transparent;border-width:0 var(--game-frame-side);border-image:url(/img/warshards/party/border-clean-bottom-v2-20261025.webp) 288 112 256 112 / 0 var(--game-frame-side) / 0 stretch}.forge-picker-window>.game-window-title{top:-20px!important;height:72px;width:min(70%,580px)}.forge-picker-window>.game-window-title>div{font-size:32px!important}.forge-picker-window>[data-forge-scroll]{position:relative;z-index:4}.forge-picker-window .forge-picker-empty{padding:0!important;box-sizing:border-box}.forge-picker-sheet .forge-picker-empty{padding:0}.forge-picker-window [data-forge-scroll] button[data-testid=forge-pick]>span{font-size:16px!important;color:#67431f!important}.forge-picker-empty .game-empty-state-art>img{width:150px;height:150px;max-width:none}.forge-picker-sheet .game-empty-state-art>img{width:120px;height:120px}.game-empty-state{box-sizing:border-box;max-width:650px;margin:0 auto;padding:20px 24px 14px;text-align:center;color:#67431f}.game-empty-state-art{position:relative;display:flex;align-items:center;justify-content:center;height:112px;margin:0 auto 12px;isolation:isolate}.game-empty-state-art:before{content:"";position:absolute;inset:0 20%;z-index:-1;background:radial-gradient(ellipse,#e6ad3840,transparent 70%);pointer-events:none}.game-empty-state-art>img{width:95px;height:95px;object-fit:contain;filter:drop-shadow(0 5px 3px #5d391b40)}.game-empty-state-art .shard-art{width:62px;height:96px;object-fit:contain;margin:0 -6px}.game-empty-state-art .shard-art:first-child{transform:translateY(5px) rotate(-12deg)}.game-empty-state-art .shard-art:nth-child(2){width:72px;height:110px;z-index:1}.game-empty-state-art .shard-art:nth-child(3){transform:translateY(5px) rotate(12deg)}.game-empty-state h3{font:900 28px/1.2 Nunito,sans-serif;color:#503117;margin:0 0 12px}.game-empty-state p{font:600 20px/1.45 Nunito,sans-serif;color:#80603a;margin:0 auto;max-width:560px}.game-empty-state-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.game-empty-state-actions .wood-button{--wood-height:46px;--wood-width:240px;--wood-pad:20px;--wood-text:17px;max-width:100%;min-width:0}.game-empty-state--compact{padding:14px 8px 10px}.game-empty-state--compact .game-empty-state-art{height:80px;margin-bottom:10px}.game-empty-state--compact .game-empty-state-art>img{width:74px;height:74px}.game-empty-state--compact h3{font-size:22px}.game-empty-state--compact p{font-size:16px}.game-empty-state--compact .game-empty-state-actions{margin-top:18px}@media(max-width:700px){.game-empty-state{padding:12px 4px 8px}.game-empty-state-art{height:86px;margin-bottom:12px}.game-empty-state-art .shard-art{width:44px;height:72px}.game-empty-state-art .shard-art:nth-child(2){width:50px;height:84px}.game-empty-state h3{font-size:22px}.game-empty-state p{font-size:16px}.game-empty-state-actions{margin-top:20px}.game-empty-state-actions .wood-button{--wood-text:15px;--wood-pad:10px;--wood-width:230px}}.shop-soft-control-group{gap:8px!important;padding:0!important;background:none!important;box-shadow:none!important}.shop-soft-control{position:relative;box-sizing:border-box;min-height:40px;padding:0 18px!important;border:3px solid transparent!important;border-radius:10px!important;background:linear-gradient(#d4bd88,#c3a873) padding-box,linear-gradient(150deg,#ddc591,#b18d51 50%,#a38553) border-box!important;box-shadow:inset 0 1px 2px #fff0c75e,inset 0 -2px 3px #72512e2e,0 1px 1px #fff0c780!important;color:#49321c!important;font-family:inherit!important;font-weight:800!important;line-height:1.1;text-shadow:0 1px #fff0c733;cursor:pointer;transition:filter .12s,box-shadow .12s}.shop-soft-control:is([aria-pressed=true],[data-active=true]){background:linear-gradient(#482a12,#301a0b) padding-box,linear-gradient(145deg,#fff4b7,#e9ba69 32%,#b67429 68%,#ffd48a) border-box!important;box-shadow:0 0 0 1px #9a571f,inset 0 0 0 1px #9b682d,inset 0 3px 5px #12090699,inset 0 -1px 1px #ad71343d,0 2px 3px #693b194d!important;color:#ffe287!important;text-shadow:0 1px 2px #160b05}.shop-soft-control:is([aria-pressed=true],[data-active=true]):after{content:"";position:absolute;inset:-1px;border-radius:7px;border:1px solid #ffe1a280;box-shadow:inset 0 1px 1px #fff3b94d;pointer-events:none}.shop-soft-control:hover{filter:brightness(1.08)}.shop-soft-control:active{filter:brightness(.96);box-shadow:inset 0 3px 6px #26130880,0 1px #ffe1a280!important}.shop-soft-control:focus-visible{outline:2px solid #ffd582!important;outline-offset:3px}input.shop-soft-search{min-height:40px;height:100%;padding-left:32px!important;background:linear-gradient(#f4dfb6,#f9e8c8) padding-box,linear-gradient(145deg,#e6c489,#b28449 55%,#f3d39a) border-box!important;box-shadow:inset 0 2px 4px #71451e45,0 1px 1px #fff1cf!important;color:#5b391c!important;text-shadow:none;cursor:text}input.shop-soft-search::placeholder{color:#927548;opacity:1}[data-testid=mobile-shop] .shop-soft-control{min-height:32px;padding:0 12px!important;border-width:2px!important;border-radius:8px!important}[data-testid=mobile-shop] input.shop-soft-search{min-height:36px;padding-left:32px!important}.shop-soft-search-wrap{position:relative;padding:0!important;background:none!important;box-shadow:none!important}.shop-soft-search-wrap>svg{position:absolute;left:10px;z-index:1;pointer-events:none}.shop-soft-search-wrap>input{width:100%;min-width:0}@media(prefers-reduced-motion:reduce){.shop-soft-control{transition:none}}.shop-soft-control.shop-section-frame{display:grid;place-items:center;position:relative;flex:none;min-height:0;padding:3px!important;border-radius:14px!important;overflow:visible;transition:filter .15s}.shop-section-icon{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;filter:drop-shadow(0 2px 2px #21110455);pointer-events:none}.shop-section-tab:hover .shop-section-frame{filter:brightness(1.1)}.shop-section-tab:focus-visible{outline:2px solid #e7ae4e;outline-offset:5px;border-radius:8px}.shop-section-frame[data-variant=bar],.shop-section-frame[data-variant=panel]{border-radius:10px!important}[data-testid=mobile-shop] .shop-section-tab>span{color:#e6d1a1!important;text-shadow:0 1px #1c1109}[data-testid=mobile-shop] .shop-section-tab[aria-pressed=true]>span{color:#ffe19a!important}.merchant-card{transition:filter .15s,box-shadow .15s;outline:none}.merchant-card:hover:not(:disabled){filter:brightness(1.14);box-shadow:0 0 0 2px #f0ce7590,0 4px 10px #22120660}.merchant-card[data-selected=true],.merchant-card:focus-visible{box-shadow:0 0 0 2px #ffe6a0,0 0 10px 3px #ffb52cbf!important;filter:brightness(1.1)}.merchant-card[data-selected=true]:after{content:"✓";position:absolute;top:9px;right:10px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f4bf41;color:#45280c;font:700 18px/1 Nunito,sans-serif;box-shadow:0 2px 4px #0007;pointer-events:none}[data-testid=mobile-shop] .merchant-card{aspect-ratio:1;box-sizing:border-box;min-width:0}@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}.spot-window.shop-game-window{display:flex;flex:none;flex-direction:column;box-sizing:border-box;--game-window-padding:80px 44px 30px;-webkit-user-select:none;user-select:none}.shop-toolbar{flex:none;min-height:48px}.shop-toolbar input{color:#44260f!important;background:#8b6a3540!important;border:2px solid #765428!important;box-sizing:border-box;font-size:17px!important}.shop-toolbar input::placeholder{color:#715b3e}.shop-catalog-area{flex:1;min-height:0;overflow:hidden;padding-bottom:3px}.shop-catalog-scroll{box-sizing:border-box}.shop-game-window [data-testid=sell-cart]{min-height:0;overflow:hidden;box-sizing:border-box}.shop-wood-header{position:absolute;z-index:5;top:-20px;left:0;right:0;height:90px;display:grid;grid-template-columns:72px 1fr 587px 1fr 72px;align-items:center;pointer-events:none}.shop-wood-header>i,.shop-wood-header>span{display:block;height:49px;background:center/100% 100% no-repeat}.shop-wood-header>i:first-child{background-image:url(/img/shop/hud-20261029/header-left.webp)}.shop-wood-header>i:last-child{background-image:url(/img/shop/hud-20261029/header-right.webp)}.shop-wood-header>span{background-image:url(/img/shop/hud-20261029/header-tile.webp)}.shop-wood-header>i:nth-child(3){height:90px;background-image:url(/img/shop/hud-20261029/header-center.webp)}.shop-wood-title{position:absolute;z-index:6;top:-20px;left:50%;transform:translate(-50%);width:350px;height:90px;margin:0;display:grid;place-items:center;color:#fff0c8;font:900 43px/1 Alegreya SC,Georgia,serif;text-shadow:0 3px 2px #170a03;pointer-events:none}.shop-lantern{position:absolute;left:-26px;top:-75px;width:73px;height:208px;object-fit:contain;z-index:7;pointer-events:none;filter:drop-shadow(0 3px 5px #170a0470)}.shop-categories{flex:none;height:174px!important;margin:24px -20px 0;isolation:isolate;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;box-sizing:border-box}.shop-category-board{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:68px 1fr 68px;pointer-events:none;clip-path:inset(2px 1px 3px round 16px)}.shop-category-board>*{display:block;background:center/100% 100% no-repeat}.shop-category-board>i:first-child{background-image:url(/img/shop/hud-20261029/category-left-v2.webp)}.shop-category-board>span{background-image:url(/img/shop/hud-20261029/category-middle-v2.webp)}.shop-category-board>i:last-child{background-image:url(/img/shop/hud-20261029/category-right-v2.webp)}.shop-sections-heading{position:absolute;z-index:3;left:50%;top:-28px;transform:translate(-50%);width:290px;height:56px;margin:0;display:grid;grid-template-columns:51px 1fr 60px;align-items:center;color:#fff0c8;font:900 24px/1 Alegreya SC,Georgia,serif;text-shadow:0 2px 2px #170a03}.shop-sections-heading>i{display:block;height:56px;background:center/100% 100% no-repeat}.shop-sections-heading>i:first-child{background-image:url(/img/shop/hud-20261029/rail-left.webp)}.shop-sections-heading>i:last-child{background-image:url(/img/shop/hud-20261029/rail-right.webp)}.shop-sections-heading>span{display:grid;place-items:center;height:41px;background:url(/img/shop/hud-20261029/rail-tile.webp) center/100% 100% no-repeat}.shop-categories>div:last-child{position:relative;z-index:1;padding:10px 8px 0!important;align-items:center!important;justify-content:space-around!important;gap:4px!important}.shop-category-rail{position:absolute;bottom:-23px;left:-30px;right:-30px;z-index:0;height:48px;display:grid;grid-template-columns:44px 1fr 52px;align-items:center;pointer-events:none}.shop-category-rail>i{display:block;height:48px;background:center/100% 100% no-repeat}.shop-category-rail>i:first-child{background-image:url(/img/shop/hud-20261029/rail-left.webp)}.shop-category-rail>i:last-child{background-image:url(/img/shop/hud-20261029/rail-right.webp)}.shop-category-rail>span{display:block;height:35px;background:url(/img/shop/hud-20261029/rail-tile.webp) center/100% 100% no-repeat}.shop-game-window:before{background-image:radial-gradient(ellipse 180px 210px at 0 48px,#ffd47755,transparent 85%),url(/img/warshards/party/paper.webp);background-size:100% 100%;background-repeat:no-repeat}.shop-wood-header:after{content:"";position:absolute;left:-16px;top:-18px;width:250px;height:210px;pointer-events:none;background:radial-gradient(ellipse at 20% 45%,#ffbf393b,transparent 67%);mix-blend-mode:screen}.shop-lantern{filter:drop-shadow(0 0 9px #ffc04f75) drop-shadow(0 0 27px #fba82345) drop-shadow(0 3px 5px #170a0470)}.shop-item-card{aspect-ratio:1;box-sizing:border-box;min-width:0}.shop-game-window--sell .shop-item-card{font-size:14px}.shop-game-window--sell .shop-item-card>div>div[style*=font-size]{font-size:14px!important}.shop-lantern{filter:none;overflow:visible}.shop-lantern>img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 3px 5px #170a0470)}.shop-lantern:after{content:"";position:absolute;left:-62px;top:46px;width:197px;height:190px;background:radial-gradient(ellipse,#fff3bc7a 0,#ffcf6152 15%,#ffb52a1c 35%,transparent 68%);mix-blend-mode:screen;pointer-events:none}.shop-light-spill{position:absolute;left:-254px;top:-190px;width:550px;height:550px;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,#ffd77b48 0,#ffbb3c24 26%,#ffa82a0c 47%,transparent 69%);mix-blend-mode:screen}.shop-wood-header:after{display:none}.shop-game-window:before{background-image:url(/img/warshards/party/paper.webp)}.shop-sections-heading>i:first-child{background-image:url(/img/shop/hud-20261029/rail-left-v3.webp)}.shop-sections-heading>i:last-child{background-image:url(/img/shop/hud-20261029/rail-right-v3.webp)}.shop-sections-heading>span{height:56px;background-image:url(/img/shop/hud-20261029/rail-tile-v3.webp)}.shop-sections-heading>i:first-child{clip-path:polygon(0 19%,10% 19%,15% 9%,35% 3%,58% 6%,66% 20%,100% 20%,100% 83%,65% 83%,58% 96%,33% 98%,13% 89%,8% 81%,0 81%)}.shop-sections-heading>i:last-child{clip-path:polygon(0 20%,44% 20%,50% 7%,73% 2%,88% 8%,93% 20%,100% 20%,100% 81%,93% 81%,86% 95%,63% 98%,49% 89%,44% 83%,0 83%)}.shop-sections-heading>span{clip-path:inset(18% 0 16%)}.shop-category-board>*,.shop-sections-heading>*{background-size:calc(100% + 4px) 100%}.shop-game-window .merchant-window-close{position:absolute!important;top:-9px;right:-9px;z-index:12;--wood-width:64px;--wood-height:64px;--wood-corner:50%;--wood-border:4px}.merchant-window-close .wood-button-cross{width:27px;height:27px}.merchant-window-close .wood-button-cross:before,.merchant-window-close .wood-button-cross:after{left:12px;top:-1px;width:3px;height:29px;border-radius:2px}.shop-game-window{--game-window-padding:80px 44px 16px!important}.shop-categories{margin-bottom:-3px;height:178px!important}.shop-game-window:not(.shard-merchant):after{bottom:-12px}.shop-game-window:not(.shard-merchant):before{bottom:16px}.shop-categories>div:last-child{transform:translateY(-8px)}.shop-quantity:focus{background:#fff0aa22!important;outline:none!important;border:0!important;box-shadow:none!important}.shop-quantity::selection{color:inherit;background:#ffeaa73b}.shop-game-window ::selection{color:inherit;background:#b88a3d26}.shop-game-window :focus-visible{outline:none!important;filter:brightness(1.15)}.spot-window.shop-paper-detail{--game-window-padding:44px 48px 38px;box-sizing:border-box;font-family:Nunito,Arial,sans-serif;max-height:720px!important;overflow:visible!important}.shop-paper-detail *{text-shadow:none!important}.shop-paper-detail>div:last-child{border-top-color:#9b6e3440!important}.shop-paper-detail>div:last-child>div:first-child{background:#9c6d2920!important;box-shadow:none!important}.shop-paper-detail .shop-quantity{color:#44260f!important;background:#fff0d56b!important}.shop-paper-detail [style*=border-top]{border-top-color:#9b6e3440!important}.spot-window.shop-paper-detail{display:flex;flex-direction:column;max-height:660px!important}.shop-detail-info{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a87d39 transparent;padding-right:5px}.shop-paper-detail>div:last-child{flex:none}[data-testid=shop-window]{--game-frame-top:0px}[data-testid=shop-window]:before{top:0!important}[data-testid=shop-window] .shop-wood-header>i:nth-child(3){transform:translateY(-5px)}[data-testid=shop-window] .shop-wood-title{top:-25px}[data-testid=shop-window] .shop-categories{height:192px!important;margin-top:26px;margin-bottom:14px}[data-testid=shop-window] .shop-categories>div:last-child{align-items:flex-start!important;flex-wrap:nowrap!important;padding:34px 12px 8px!important;transform:none;gap:8px!important}[data-testid=shop-window] .shop-section-tab{flex:1 1 0;min-width:0;max-width:140px}[data-testid=shop-window] .shop-section-tab>span{color:#f6dfad!important;text-shadow:0 1px 2px #201207;font-size:16px!important}[data-testid=shop-window] .shop-section-tab[aria-pressed=true]>span{color:#ffe4a0!important}[data-testid=shop-window] .shop-category-board{inset:4px 8px 0;clip-path:none}[data-testid=shop-window] .shop-category-board>span{margin-inline:-2px;position:relative;z-index:1}[data-testid=shop-window] .shop-sections-heading{top:-24px;width:340px;height:64px;grid-template-columns:58px 1fr 69px;font-size:28px}[data-testid=shop-window] .shop-sections-heading>i,[data-testid=shop-window] .shop-sections-heading>span{height:64px}[data-testid=shop-window] .shop-item-card>div:first-child{border-radius:15px}[data-testid=shop-window] .shop-item-card>div:first-child{box-shadow:inset 0 1px 2px #0003!important}[data-testid=shop-window] .shop-item-card{border-radius:18px!important}[data-testid=shop-detail].spot-window: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% calc(100% - var(--game-frame-bottom)),calc(100% - var(--game-frame-side)) calc(100% - var(--game-frame-bottom)),calc(100% - var(--game-frame-side)) 100%,0 100%)!important}.shop-detail-bottom-corner{position:absolute;right:0;bottom:0;width:var(--game-frame-side);height:var(--game-frame-bottom);z-index:4;background:url(/img/shop/detail-corner-bottom-right.webp) center/100% 100% no-repeat;pointer-events:none}[data-testid=shop-window]:before{top:24px!important}[data-testid=shop-window] .shop-wood-header>i,[data-testid=shop-window] .shop-wood-header>span{height:90px;transform:none;background-size:100% 100%}[data-testid=shop-window] .shop-wood-header>i:first-child{background-image:url(/img/shop/joined-frame-20261030/header-left.webp)}[data-testid=shop-window] .shop-wood-header>span{background-image:url(/img/shop/joined-frame-20261030/header-tile.webp);margin-inline:-2px}[data-testid=shop-window] .shop-wood-header>i:nth-child(3){transform:none;background-image:url(/img/shop/joined-frame-20261030/header-center.webp)}[data-testid=shop-window] .shop-wood-header>i:last-child{background-image:url(/img/shop/joined-frame-20261030/header-right.webp)}[data-testid=shop-window] .shop-wood-title{top:-20px}[data-testid=shop-window] .shop-sections-heading{top:-18px;grid-template-columns:57px 1fr 66px}[data-testid=shop-window] .shop-sections-heading>i,[data-testid=shop-window] .shop-sections-heading>span{clip-path:none;background-size:100% 100%}[data-testid=shop-window] .shop-sections-heading>i:first-child{background-image:url(/img/shop/joined-frame-20261030/rail-left.webp)}[data-testid=shop-window] .shop-sections-heading>span{background-image:url(/img/shop/joined-frame-20261030/rail-tile.webp);margin-inline:-2px}[data-testid=shop-window] .shop-sections-heading>i:last-child{background-image:url(/img/shop/joined-frame-20261030/rail-right.webp)}[data-testid=shop-window] .shop-categories>div:last-child{padding-top:40px!important}[data-testid=shop-detail].spot-window:after,.shop-detail-bottom-corner{display:none}.shop-detail-frame{position:absolute;inset:0;pointer-events:none;z-index:4;--s:var(--game-frame-side);--t:var(--game-frame-top);--b:var(--game-frame-bottom)}.shop-detail-frame>i{position:absolute;display:block;background:center/100% 100% no-repeat}.shop-detail-frame .tl{left:0;top:0;width:var(--s);height:var(--t);background-image:url(/img/shop/joined-frame-20261030/detail-tl.webp)}.shop-detail-frame .tr{right:0;top:var(--game-close-height);width:var(--s);height:calc(var(--t) - var(--game-close-height));background-image:url(/img/shop/joined-frame-20261030/detail-tr.webp);background-size:100% var(--t);background-position:center bottom}.shop-detail-frame .top{left:calc(var(--s) - 1px);right:calc(var(--s) - 1px);top:0;height:var(--t);background-image:url(/img/shop/joined-frame-20261030/detail-top.webp)}.shop-detail-frame .left{left:0;top:calc(var(--t) - 1px);bottom:calc(var(--b) - 1px);width:var(--s);background-image:url(/img/shop/joined-frame-20261030/detail-left.webp)}.shop-detail-frame .right{right:0;top:calc(var(--t) - 1px);bottom:calc(var(--b) - 1px);width:var(--s);background-image:url(/img/shop/joined-frame-20261030/detail-right.webp)}.shop-detail-frame .bl{left:0;bottom:0;width:var(--s);height:var(--b);background-image:url(/img/shop/joined-frame-20261030/detail-bl.webp)}.shop-detail-frame .br{right:0;bottom:0;width:var(--s);height:var(--b);background-image:url(/img/shop/joined-frame-20261030/detail-br.webp)}.shop-detail-frame .bottom{left:calc(var(--s) - 1px);right:calc(var(--s) - 1px);bottom:0;height:var(--b);background-image:url(/img/shop/joined-frame-20261030/detail-bottom.webp)}[data-testid=shop-window] .shop-sell-cart{--game-frame-side:18px;--game-frame-top:46px;--game-frame-bottom:41px;--game-window-padding:26px 22px 22px;filter:drop-shadow(0 4px 5px #3a210a40);color:#50351c}[data-testid=shop-window] .shop-sell-cart>.shop-sell-cart-title{padding:8px 0 14px!important;color:#56351b!important;font:800 26px/1.2 Alegreya SC,Georgia,serif!important;letter-spacing:0!important;text-align:center;border-bottom-color:#a77a393b!important}[data-testid=shop-window] .shop-sell-cart>[data-shop-scroll]{padding:8px 0!important}[data-testid=shop-window] .shop-sell-cart [data-shop-scroll]>div{color:#796044!important;font-size:18px!important;padding-inline:4px!important}[data-testid=shop-window] .shop-sell-cart [data-shop-scroll]>div>div:first-child{width:54px!important;height:54px!important;background:#e4c58d50!important;border-color:#b78c4b66!important}[data-testid=shop-window] .shop-sell-cart [data-shop-scroll]>div>div:nth-child(2)>div:first-child{font-size:16px!important;color:#4b301a!important;white-space:normal!important}[data-testid=shop-window] .shop-sell-cart [data-shop-scroll]>div>div:nth-child(2)>div:last-child{font-size:15px!important;color:#876540!important}[data-testid=shop-window] .shop-sell-cart [data-shop-scroll]>div>div:nth-child(3)>span{font-size:17px!important;color:#5c3915!important}[data-testid=shop-window] .shop-sell-cart>div:last-child{padding:16px 0 0!important;border-top-color:#a77a393b!important}[data-testid=shop-window] .shop-sell-cart>div:last-child>div>span:first-child{font-size:18px!important;color:#735330!important}[data-testid=shop-window] .shop-sell-cart [data-testid=sell-total]{font-size:25px!important;color:#543410!important;text-shadow:none!important}[data-testid=shop-window] .shop-sell-cart [data-testid=sell-confirm] span{font-size:20px!important}[data-testid=shop-window] .shop-sell-cart:before{inset:8px 9px 9px!important}.shop-sell-cart-corner{position:absolute;right:0;top:0;width:18px;height:46px;z-index:4;pointer-events:none;transform:scaleX(-1);background:url(/img/shop/joined-frame-20261030/detail-tl.webp) center/100% 100% no-repeat}[data-testid=shop-window] .shop-sell-cart{position:relative;padding:16px 20px!important;border:0!important;border-left:1px solid #a77a3950!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none}[data-testid=shop-window] .shop-sell-cart:before,[data-testid=shop-window] .shop-sell-cart:after{content:none!important}.shop-set-badge{position:absolute;left:9px;top:9px;z-index:3;padding:3px 8px;border-radius:5px;background:#344f24;color:#ffe3a1;border:1px solid #b1954c;font-size:12px;font-weight:800;line-height:1.1;box-shadow:0 1px 2px #1e150b66}.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}.vh-root .v3-scenery-stone:is(:active,.v3-npc-active),.vh-root .v3-scenery-stone:is(:active,.v3-npc-active) .v3-npc-body{transform:none!important;scale:1!important;animation:none!important}.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}.interior-stone .vh-qmark{z-index:5}.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}}.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}.shard-merchant-overlay{position:fixed;inset:0;z-index:3100;color:#493015;font-family:Nunito,Arial,sans-serif}.shard-merchant-fit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.shard-merchant.spot-window{position:relative;pointer-events:auto;flex:none;width:1480px;height:980px;--game-window-padding:86px 46px 28px!important;outline:none}.shard-merchant .shop-wood-title{font-size:37px;text-transform:none}.shard-merchant[data-mode=create] .shop-wood-title{font-size:30px}.shard-merchant-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;flex:1;min-height:0}.shard-merchant-left{min-height:0;overflow:auto;padding:5px 10px 15px 5px}.shard-merchant h2{font-size:26px;font-weight:900;margin:12px 0 15px;line-height:1.2}.shard-merchant h3{font-size:20px;margin:12px 0}.shard-resources{display:flex;gap:19px;justify-content:space-between;padding:15px 12px;border-radius:12px;background:#aa75201a;box-shadow:inset 0 1px 3px #b67e2c33;margin-bottom:20px;font-size:15px;font-weight:800}.shard-resources>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.shard-resources img{width:27px;height:40px;object-fit:contain}.shard-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:4px;margin-bottom:20px}.shard-slot,.shard-type-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;box-sizing:border-box;border:2px solid #9c9784;border-radius:16px;background:#2c2925;color:#fff1d0;box-shadow:inset 0 1px 4px #000b,0 2px 5px #3d240850;cursor:pointer;font:800 17px/1.2 Nunito,sans-serif;text-align:center;padding:16px 10px}.shard-slot{min-height:224px}.shard-slot strong{font-size:17px;min-height:40px;display:grid;place-items:center}.shard-slot>.shard-art{height:103px;width:90px}.shard-art{object-fit:contain;filter:drop-shadow(0 3px 4px #10090788);pointer-events:none}.shard-card-state{font-size:13px;border-radius:20px;padding:4px 12px;background:#72501877;color:#f4d788;margin-top:5px}.shard-slot-empty{color:#a39a85;background:#332e26}.shard-slot-empty>b{font-size:60px;opacity:.65;font-weight:700;margin:20px 0 16px}.shard-slot:disabled{cursor:default;opacity:.8}.shard-owned-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:5px;margin-bottom:18px}.shard-owned-grid .shard-slot{min-height:178px;padding:12px 6px}.shard-owned-grid .shard-art{height:65px}.shard-owned{margin:0 0 15px}.shard-owned>summary{cursor:pointer;font-size:18px;font-weight:800;padding:7px 0}.shard-owned-grid{max-height:200px;overflow:auto}.shard-description{border-radius:15px;padding:8px 20px 20px;background:#b1802910;box-shadow:inset 0 0 0 2px #b8842829;min-height:250px}.shard-description h2{padding-bottom:12px;border-bottom:1px solid #c0975755}.shard-description-main{display:flex;gap:24px;align-items:center;background:#fff0b62b;padding:8px;border-radius:10px}.shard-description-main>.shard-art{width:112px;height:150px}.shard-description-main h3{font-size:25px;margin:0 0 5px}.shard-description p{font-size:20px;margin:7px 0 17px}.shard-value-change{padding:8px 15px;background:#a3751c22;border-radius:9px;font-size:24px;font-weight:900}.shard-value-change b,.enough{color:#357b17}.shard-value-change>span{margin:0 10px}.shard-equip-actions{display:flex;gap:12px;flex-wrap:wrap}.shard-merchant-right{min-width:0;min-height:0;display:flex;flex-direction:column;padding-top:5px}.shard-stage{position:relative;aspect-ratio:1.5;flex:none;margin:0 0 3px;isolation:isolate;--shard-glow:#3aabff}.shard-stage--blue{--shard-rest-angle:-23deg}.shard-stage--red{--shard-glow:#ff5436;--shard-rest-angle:-25deg}.shard-stage--yellow{--shard-glow:#ffd13a;--shard-rest-angle:-20deg}.shard-stage--purple{--shard-glow:#b45bff;--shard-rest-angle:-19deg}.shard-stage--green{--shard-glow:#7afa24;--shard-rest-angle:-25deg}.shard-stage--cyan{--shard-glow:#24daff;--shard-rest-angle:-28deg}.shard-stage-room{position:absolute;inset:9% 5% 3%;width:90%;height:88%;object-fit:cover;border-radius:12px;filter:brightness(.76)}.shard-stage-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.shard-pedestal{position:absolute;bottom:-8%;left:6%;width:88%;height:55%;object-fit:contain;z-index:3;filter:drop-shadow(0 10px 5px #42280b70)}.shard-stage-light{position:absolute;left:28%;right:28%;bottom:12%;height:70%;z-index:2;background:radial-gradient(ellipse,var(--shard-glow),transparent 70%);opacity:.48;mix-blend-mode:screen;filter:blur(10px)}.shard-stage-crystal{position:absolute;z-index:4;left:33%;top:10%;width:34%;height:55%;filter:drop-shadow(0 0 12px var(--shard-glow));animation:shardFloat 3.5s ease-in-out infinite}.shard-stage-title{position:absolute;bottom:-8%;left:19%;width:62%;height:72px;z-index:5;box-sizing:border-box;border:solid transparent;border-width:13px 18px;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 13px 18px / 0 stretch;text-align:center;display:flex;flex-direction:column;justify-content:center;color:#fff1c8;text-shadow:0 2px #271504;font-size:19px;font-weight:900}.shard-stage-title span{font-size:16px}.shard-operation{position:relative;flex:1;min-height:0;margin-top:12px;border-radius:22px 22px 12px 12px;background:#b27b2517;box-shadow:inset 0 2px 3px #b37e3429;padding:22px 24px 16px;display:flex;flex-direction:column;align-items:stretch;overflow:auto}.shard-operation h2{font-size:23px;margin:9px 0 12px}.shard-creation-description{font-size:18px;font-weight:800;margin:0;padding:8px 10px;background:#bd8b2a20;border-radius:8px}.shard-creation-description>b{font-size:24px;vertical-align:middle}.shard-materials{display:flex;justify-content:center;gap:25px;font-size:23px;font-weight:800;text-align:center}.shard-materials img{display:block;object-fit:contain;width:86px;height:88px;padding:12px;margin:0 auto 5px;border-radius:14px;background:#322820bf;border:2px solid #aa8751;box-shadow:inset 0 1px 4px #0008;box-sizing:border-box}.shard-materials small{display:block;font-size:14px;color:#6a4d2c;margin-top:3px}.missing{color:#b82518}.shard-success{margin:14px 0 8px;background:#503d26;color:#fff0ce;border-radius:9px;font-size:20px;padding:10px 14px}.shard-success summary{cursor:pointer;list-style:none;font-weight:800}.shard-success summary>b{color:#abed58;font-size:25px}.shard-success summary>span{float:right;display:grid;place-items:center;border:1px solid #d7bf8f;border-radius:50%;width:25px;height:25px}.shard-success p{font-size:16px;line-height:1.4;margin:10px 0 0}.shard-operation-button{margin:12px auto 0;width:100%;max-width:340px;flex:none}.shard-operation-button b{display:block;line-height:1.05}.shard-gold-cost{display:block;font-size:20px}.shard-shortfall{font-size:15px;text-align:center;margin:6px 0 0;color:#a3311b;font-weight:800}.shard-feedback{font-size:17px;font-weight:800;text-align:center;margin:10px 0 0;color:#427622}.shard-feedback.missing{color:#b82518}.shard-quantity{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px 0 0}.shard-quantity .wood-button{--wood-width:48px;min-width:48px;padding:0}.shard-quantity input.shop-quantity{width:65px!important;font-size:22px!important;color:#4a3015!important;background:#7a552c25!important}.shard-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:5px}.shard-type-card{aspect-ratio:1;gap:8px}.shard-type-card .shard-art{width:75%;height:120px}.shard-type-card strong{font-size:18px}.shard-type-card span{font-size:16px;color:#e0cba2}.shard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.shard-section-heading button{border:0;background:#85601d22;color:#664218;padding:7px 10px;border-radius:6px;font-size:15px;font-weight:800;cursor:pointer}@keyframes shardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.shard-merchant[data-mode=create] .shard-merchant-columns{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:26px}.shard-section-heading{min-height:48px;border-bottom:1px solid #b7853440;margin-bottom:12px}.shard-section-heading h2{margin:0 0 10px}.shard-type-card{min-height:210px;padding:14px 8px;gap:7px}.shard-type-card .shard-art{height:124px;width:70%}.shard-type-card[data-selected=true]{border-color:#fff0a0;box-shadow:inset 0 0 7px #ffc43f,0 0 0 2px #ffb52c,0 0 12px 3px #ffa51f!important}.shard-type-card[data-selected=true]:after{content:none}.shard-merchant[data-mode=create] .shard-stage{aspect-ratio:1.5;width:88%;margin-left:auto;margin-right:auto}.shard-merchant[data-mode=create] .shard-stage-title{height:84px;bottom:-7%}.shard-merchant[data-mode=create] .shard-operation{margin-top:22px;padding:24px 24px 16px}.shard-merchant[data-mode=create] .shard-operation-button{--wood-height:78px;--wood-corner:39px;max-width:390px;margin-top:12px;font-size:26px}.shard-merchant[data-mode=create] .shard-gold-cost{font-size:25px}.shard-merchant[data-mode=create] .shard-materials img{width:82px;height:82px}.shard-merchant[data-mode=create] .shard-materials small{font-size:12px;line-height:1.2}.shard-merchant[data-mode=create] .shard-quantity{margin-top:10px}.shard-merchant[data-mode=create] .shard-creation-description{font-size:17px;padding:6px 10px}@media(max-width:700px){.shard-merchant-fit{transform:none!important;--game-window-scale:1!important;align-items:stretch;padding:55px 14px 20px;box-sizing:border-box}.shard-merchant.spot-window{width:100%;height:100%;--game-window-padding:56px 16px 18px!important}.shard-merchant .shop-wood-header{grid-template-columns:35px 1fr 240px 1fr 35px;height:70px;top:-20px}.shard-merchant .shop-wood-header>i:nth-child(3){height:70px}.shard-merchant .shop-wood-title{top:-20px;height:70px;font-size:28px;width:220px}.shard-merchant[data-mode=create] .shop-wood-title{font-size:21px}.shard-merchant .shop-lantern{transform:scale(.6);transform-origin:top left;top:-55px;left:-20px}.shard-merchant-columns{display:block;overflow:auto}.shard-merchant-left{overflow:visible;padding:4px}.shard-resources{font-size:11px;gap:5px;flex-wrap:wrap;padding:10px 5px;margin-bottom:10px}.shard-resources img{width:18px;height:27px}.shard-merchant h2{font-size:19px}.shard-slot-grid{gap:8px}.shard-slot{padding:10px 4px;min-height:145px;border-radius:10px}.shard-slot>.shard-art{height:60px;width:50px}.shard-slot strong{font-size:12px;min-height:30px}.shard-slot-empty>b{font-size:38px}.shard-card-state{font-size:10px;padding:3px 6px}.shard-owned-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shard-description{padding:5px 10px 12px;min-height:0}.shard-description-main{gap:10px}.shard-description-main>.shard-art{width:65px;height:100px}.shard-description-main h3{font-size:20px}.shard-description p{font-size:15px}.shard-value-change{font-size:18px;padding:6px 9px}.shard-merchant-right{margin-top:20px}.shard-stage{max-width:430px;width:100%;margin:0 auto}.shard-operation{flex:none;overflow:visible;padding:22px 15px 15px}.shard-stage-title{font-size:15px;height:56px}.shard-stage-title span{font-size:13px}.shard-type-grid{gap:9px}.shard-type-card{padding:9px 5px}.shard-type-card .shard-art{height:75px}.shard-type-card strong{font-size:12px}.shard-type-card span{font-size:11px}.shard-section-heading{align-items:flex-start}.shard-section-heading button{font-size:12px}.merchant-card[data-selected=true]:after{width:17px;height:17px;font-size:13px;top:5px;right:5px}}@media(prefers-reduced-motion:reduce){.shard-stage-crystal{animation:none}}.shard-stone-reflection,.shard-frame-reflection{position:absolute;pointer-events:none;mix-blend-mode:screen;z-index:3;animation:shardLightBreathe 3.6s ease-in-out infinite}.shard-stone-reflection{bottom:-8%;left:6%;width:88%;height:55%;-webkit-mask:url(/img/shard-merchant-20261029/pedestal.webp) center/contain no-repeat;mask:url(/img/shard-merchant-20261029/pedestal.webp) center/contain no-repeat;background:radial-gradient(ellipse 47% 45% at 50% 26%,var(--shard-glow),transparent 90%);opacity:.7}.shard-frame-reflection{inset:0;-webkit-mask:url(/img/shard-merchant-20261029/frame.webp) center/contain no-repeat;mask:url(/img/shard-merchant-20261029/frame.webp) center/contain no-repeat;background:radial-gradient(ellipse 65% 70% at 50% 40%,var(--shard-glow) 0,transparent 88%);opacity:.55;z-index:2}.shard-stage-light{left:19%;right:19%;bottom:24%;height:75%;opacity:.6;background:radial-gradient(ellipse at 50% 75%,var(--shard-glow),transparent 65%);filter:blur(14px);animation:shardLightBreathe 3.6s ease-in-out infinite}.shard-pool-light{position:absolute;left:28%;top:62%;width:44%;height:12%;z-index:4;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse,#e9fbff 0,var(--shard-glow) 18%,transparent 68%);filter:drop-shadow(0 0 9px var(--shard-glow));animation:shardPoolBreathe 3.6s ease-in-out infinite}.shard-pool-light>i{position:absolute;inset:18% 17%;border:2px solid var(--shard-glow);border-radius:50%;box-shadow:0 0 6px var(--shard-glow),inset 0 0 6px var(--shard-glow);animation:shardPoolRipple 3.6s ease-out infinite}.shard-pool-light>i+i{animation-delay:-1.8s}.shard-stage-crystal{left:34%;top:15%;width:32%;height:46%;transform:rotate(var(--shard-rest-angle,-23deg));filter:drop-shadow(0 0 7px var(--shard-glow)) drop-shadow(0 0 20px var(--shard-glow));animation:shardHover 3.6s ease-in-out infinite}.shard-stage[data-empty=true] :is(.shard-stage-light,.shard-stone-reflection,.shard-frame-reflection,.shard-pool-light,.shard-stage-sparks){display:none}.shard-slot-empty{justify-content:flex-start;gap:9px;padding:16px 10px;min-height:244px}.shard-slot-empty>b{font-size:42px;margin:0 0 2px}.shard-allowed-types{display:flex;flex-direction:column;gap:5px;width:100%;min-height:100px;box-sizing:border-box;margin-top:auto;padding-top:12px;border-top:1px solid #a18b5859;text-align:left;font-size:13px;font-weight:700;line-height:1.15;color:#d9ccb0}.shard-allowed-types>span{display:flex;gap:6px;align-items:center;min-height:25px}.shard-allowed-types .shard-art{width:16px;height:25px;flex:none}.shard-equipped-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:14px;padding-top:12px;border-top:1px solid #b7853440}.shard-equipped-guide>[role=listitem]{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 8px;border-radius:8px;background:#a3751c12}.shard-equipped-guide .shard-art,.shard-guide-empty{width:30px;height:45px;flex:none}.shard-guide-empty{display:grid;place-items:center;font-size:32px;color:#a18452}.shard-equipped-guide strong{display:block;font-size:15px;line-height:1.2}.shard-equipped-guide [role=listitem]>div{min-width:0;flex:1}.shard-equipped-guide [role=listitem]>div>span{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:4px;flex-wrap:wrap}.shard-equipped-guide b{font-size:17px;color:#487421}.shard-equipped-guide small{font-size:12px;color:#7b5a32;white-space:nowrap}.shard-equipped-guide .is-empty{opacity:.65}.shard-merchant[data-mode=manage] .shard-description-main>.shard-art{height:120px;width:90px}.shard-upgrade-preview{flex:none;padding:9px 12px;border-radius:9px;background:#9b70211a;border:1px solid #b7853430;margin-bottom:6px}.shard-upgrade-caption{display:block;font-size:13px;color:#806039;margin-bottom:5px}.shard-upgrade-preview>div{display:grid;grid-template-columns:minmax(0,1fr) auto 22px auto;align-items:center;gap:8px;font-size:18px;line-height:1.35}.shard-upgrade-preview>div>span:first-child{font-size:15px}.shard-upgrade-arrow{text-align:center;color:#806039}.shard-merchant[data-mode=manage] .shard-operation{padding:16px 20px 12px}.shard-merchant[data-mode=manage] .shard-operation h2{font-size:21px;margin:7px 0 9px}.shard-merchant[data-mode=manage] .shard-materials{font-size:21px}.shard-merchant[data-mode=manage] .shard-materials img{width:68px;height:68px;padding:8px;margin-bottom:3px}.shard-merchant[data-mode=manage] .shard-materials small{font-size:12px;line-height:1.15}.shard-success{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;margin:12px 0 0;cursor:default;font-size:18px;font-weight:800}.shard-success>b{color:#abed58;font-size:23px;line-height:1.2}.shard-enchant-risk{font-size:12px;color:#886338;text-align:center;margin:4px 0 0}.shard-merchant[data-mode=manage] .shard-operation-button{margin-top:10px}@media(max-width:700px){.shard-slot-empty{padding:10px 4px;min-height:215px;gap:5px}.shard-slot-empty>b{font-size:30px;margin:0}.shard-allowed-types{font-size:10px;gap:5px;margin-top:auto;padding-top:9px}.shard-allowed-types>span{gap:3px;align-items:flex-start}.shard-allowed-types .shard-art{width:11px;height:18px}.shard-equipped-guide{gap:6px;margin-top:10px;padding-top:10px}.shard-equipped-guide>[role=listitem]{padding:5px;gap:5px}.shard-equipped-guide strong{font-size:12px}.shard-equipped-guide b{font-size:14px}.shard-equipped-guide small{font-size:10px}.shard-equipped-guide .shard-art,.shard-guide-empty{width:24px;height:36px}.shard-upgrade-preview{padding:8px}.shard-upgrade-preview>div{font-size:16px;gap:5px;grid-template-columns:minmax(0,1fr) auto 16px auto}.shard-upgrade-preview>div>span:first-child{font-size:13px}}.shard-equipped-slot{position:relative;min-width:0}.shard-equipped-slot>.shard-slot{width:100%;height:100%;padding-bottom:48px}.shard-equipped-slot>.shard-remove{position:absolute;z-index:2;bottom:10px;left:10px;right:10px;width:calc(100% - 20px);--wood-width:0px;min-width:0}.shard-merchant .shard-slot[data-selected=true]:after{content:none}.shard-merchant[data-mode=manage] .shard-merchant-left{display:flex;flex-direction:column}.shard-merchant[data-mode=manage] .shard-resources,.shard-slot-grid{flex:none}.shard-merchant[data-mode=manage] .shard-description{flex:1;min-height:0}.shard-merchant[data-mode=manage] .shard-equipped-guide{margin-top:0;padding-top:0;border-top:0}.shard-picker-backdrop{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#160d08bd;border-radius:18px}.shard-picker.spot-window{width:1000px;max-width:calc(100% - 70px);max-height:calc(100% - 80px)!important;--game-window-padding:46px 44px 40px;outline:none;display:flex;flex-direction:column;min-height:300px}.shard-picker h2{margin:0 60px 12px 0;font-size:29px}.shard-picker-types{font-size:18px;margin:0 0 18px;color:#74512e}.shard-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:5px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#9b7545 transparent}.shard-picker-grid .shard-slot{min-height:190px;padding:12px 8px}.shard-picker-empty{font-size:20px;margin:35px 0}.shard-picker:has(.game-empty-state){width:860px}.shard-picker .game-empty-state h3{font-size:26px;line-height:1.2;margin:0 0 12px}@media(max-width:700px){.shard-picker .game-empty-state h3{font-size:22px}}.shard-merchant[data-mode=create] .shard-operation-button{margin-top:auto}@media(max-width:700px){.shard-merchant[data-mode=manage] .shard-merchant-left{display:block}.shard-equipped-slot>.shard-slot{padding-bottom:42px}.shard-equipped-slot>.shard-remove{bottom:6px;left:4px;right:4px;width:calc(100% - 8px);--wood-height:30px;--wood-text:11px;--wood-pad:4px}.shard-picker.spot-window{max-width:calc(100% - 20px);--game-window-padding:40px 22px 30px;max-height:calc(100% - 40px)!important}.shard-picker h2{font-size:21px;margin-right:25px}.shard-picker-types{font-size:14px}.shard-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shard-picker-grid .shard-slot{min-height:150px}}.shard-stage-sparks{position:absolute;inset:13% 26% 28%;z-index:4;pointer-events:none}.shard-stage-sparks>i{position:absolute;left:calc(8% + var(--spark-i)*13%);bottom:0;width:3px;height:3px;border-radius:50%;background:#f2fcff;box-shadow:0 0 5px 2px var(--shard-glow);opacity:0;animation:shardSparkRise calc(3.2s + var(--spark-i)*.19s) linear infinite;animation-delay:calc(var(--spark-i)*-.71s)}.shard-stage-sparks>i:nth-child(3n){width:9px;height:9px;border-radius:0;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 38%)}@keyframes shardHover{0%,to{transform:translateY(0) rotate(calc(var(--shard-rest-angle,-23deg) - 1deg))}50%{transform:translateY(-10px) rotate(calc(var(--shard-rest-angle,-23deg) + 1deg))}}@keyframes shardLightBreathe{0%,to{opacity:.45}50%{opacity:.75}}@keyframes shardPoolBreathe{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes shardPoolRipple{0%{transform:scale(.65);opacity:0}25%{opacity:.8}to{transform:scale(1.55);opacity:0}}@keyframes shardSparkRise{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.8}75%{opacity:.6}to{opacity:0;transform:translate(9px,-145px) scale(.2)}}@media(prefers-reduced-motion:reduce){.shard-stage-crystal,.shard-stage-light,.shard-stone-reflection,.shard-frame-reflection,.shard-pool-light,.shard-pool-light>i{animation:none}.shard-stage-sparks{display:none}.shard-pool-light>i{opacity:.4}}@media(max-width:700px){.shard-type-card{aspect-ratio:auto;width:100%;min-height:145px;min-width:0}.shard-merchant[data-mode=create] .shard-merchant-columns{display:block}.shard-merchant[data-mode=create] .shard-merchant-right{margin-top:20px}.shard-merchant[data-mode=create] .shard-operation{padding:24px 15px 15px}.shard-merchant[data-mode=create] .shard-stage-title{height:60px}.shard-merchant[data-mode=create] .shard-stage{width:100%}.shard-merchant[data-mode=create] .shard-operation-button{--wood-height:64px;font-size:22px}.shard-merchant .merchant-window-close{--wood-width:50px;--wood-height:50px;top:-4px;right:-4px}}@media(max-width:700px){.shard-merchant .shop-wood-header{grid-template-columns:30px 1fr 290px 1fr 30px}.shard-merchant[data-mode=create] .shop-wood-title{font-size:18px;width:180px}}.shard-success{background:#f3dfb344;color:#553b20;border:1px solid #a77a393b;box-shadow:none}.shard-success>b{color:#497d28}.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}}