@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-duration:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-black:#000;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#0d0a07;--color-panel:#1c1610;--color-gold:#c9a45c;--color-gold-dim:#8d7f68;--color-parchment:#d9cdb8;--color-blood:#8f1f1f;--color-rare:#38bdf8;--color-epic:#fbbf24;--font-display:"Nunito", "Segoe UI", Verdana, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container,.\@container-\[inline-size\]{container-type:inline-size}.\@container-size{container-type:size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.absolute\!{position:absolute!important}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-3{top:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.order-0,.order-none{order:0}.float-end{float:inline-end}.float-left{float:left}.float-none{float:none}.float-right{float:right}.float-start{float:inline-start}.clear-both{clear:both}.clear-end{clear:inline-end}.clear-left{clear:left}.clear-none{clear:none}.clear-right{clear:right}.clear-start{clear:inline-start}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media(min-width:40rem){.container\!{max-width:40rem!important}}@media(min-width:48rem){.container\!{max-width:48rem!important}}@media(min-width:64rem){.container\!{max-width:64rem!important}}@media(min-width:80rem){.container\!{max-width:80rem!important}}@media(min-width:96rem){.container\!{max-width:96rem!important}}.m-2{margin:calc(var(--spacing) * 2)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-\[16px\]{margin-top:16px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.field-sizing-content{field-sizing:content}.field-sizing-fixed{field-sizing:fixed}.size-auto{width:auto;height:auto}.h-auto{height:auto}.h-lh{height:1lh}.h-screen{height:100vh}.max-h-lh{max-height:1lh}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-auto{min-height:auto}.min-h-lh{min-height:1lh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-20{width:calc(var(--spacing) * 20)}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[420px\]{width:420px}.w-\[520px\]{width:520px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-none{max-width:none}.max-w-screen{max-width:100vw}.min-w-\[220px\]{min-width:220px}.min-w-auto{min-width:auto}.min-w-screen{min-width:100vw}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.caption-top{caption-side:top}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-full{--tw-translate-x:-100%;--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-full{--tw-translate-x:100%;--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-3d{translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.scale-none{scale:none}.rotate-none{rotate:none}.transform{transform: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%}.wood-button{--wood-cut:8px;--wood-border:3px;--wood-height:44px;--wood-width:150px;--wood-text:15px;--wood-angle:0deg;--wood-press-y:2px;--wood-depth:0px;--wood-outer:#202719;--wood-rim-top:#b5bd7b;--wood-rim-light:#8e9e58;--wood-rim-mid:#66713c;--wood-rim-bottom:#3f4c2b;--wood-face-top:#689b2a;--wood-face-mid:#46801c;--wood-face-bottom:#316315;--wood-bevel:linear-gradient(225deg,var(--wood-rim-top),var(--wood-rim-light) 12%,var(--wood-rim-mid) 34%,var(--wood-rim-bottom) 68%,#7e8d4b 100%);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-width:var(--wood-width);min-height:var(--wood-height);padding:0 22px;border:0;background:transparent;color:#faf7e9;font:600 var(--wood-text)/1.15 system-ui,sans-serif;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;filter:none;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 1px #1a310e}.wood-button .wood-button-shape{--wood-c:var(--wood-cut);clip-path:polygon(var(--wood-c) 0,calc(100% - var(--wood-c)) 0,100% var(--wood-c),100% calc(100% - var(--wood-c)),calc(100% - var(--wood-c)) 100%,var(--wood-c) 100%,0 calc(100% - var(--wood-c)),0 var(--wood-c));pointer-events:none}.wood-button-foundation,.wood-button-housing,.wood-button-bevel,.wood-button-groove,.wood-button-well,.wood-button-face{position:absolute;inset:0}.wood-button-foundation{background:#27321e;transform:translateY(var(--wood-depth));z-index:0}.wood-button-housing{background:var(--wood-outer);z-index:1}.wood-button-bevel{inset:1px;--wood-c:calc(var(--wood-cut) - .6px)!important;background:var(--wood-bevel)}.wood-button-groove{inset:2px;--wood-c:calc(var(--wood-cut) - 1.2px)!important;background:#19250f;box-shadow:inset 0 1px 1px #12200de0}.wood-button-well{inset:var(--wood-border);--wood-c:calc(var(--wood-cut) - 1.8px)!important;background:#1c2c12;z-index:2;overflow:hidden}.wood-button-face{--wood-c:calc(var(--wood-cut) - 1.8px)!important;background:repeating-radial-gradient(ellipse 165px 15px at 22% 56%,transparent 0 9%,#182e0d24 10% 11%,transparent 12% 21%,#e5eda51c 22% 23%,transparent 24% 35%),repeating-radial-gradient(ellipse 230px 24px at 87% 24%,transparent 0 16%,#1b360c15 17% 18%,transparent 19% 35%),repeating-linear-gradient(1deg,transparent 0 5px,#203b0d0d 5.5px 6px,transparent 6.5px 13px),linear-gradient(176deg,transparent 22%,#d4e7a312 22.4%,transparent 23.3%,transparent 73%,#12210d14 74%,transparent 75%),radial-gradient(ellipse at 88% 0%,#dce68d30,transparent 72%),linear-gradient(225deg,var(--wood-face-top),var(--wood-face-mid) 55%,var(--wood-face-bottom));box-shadow:inset 0 1px #d7e8a563,inset -1px 0 #cbd78a45,inset 1px -2px 2px #142f0d8c;transform-origin:center;transition:transform .12s,filter .14s,box-shadow .12s;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 12px}.wood-button-content{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;gap:14px;min-height:var(--wood-height);padding:0;visibility:hidden;pointer-events:none}.wood-button-face .wood-button-content{min-height:0;visibility:visible;padding:0;position:relative;width:100%;height:100%}.wood-button .amount{font-weight:500;letter-spacing:.02em;display:flex;align-items:center;gap:9px}.wood-button .separator{height:21px;width:1px;background:linear-gradient(transparent,#a7c06d60,transparent);flex:none;margin:0 2px}.wood-button .coin{position:relative;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:none;border-radius:50%;border:1px solid #704616;background:linear-gradient(225deg,#fff0a0,#d89928 57%,#a86614);box-shadow:inset 0 0 0 2px #ffe38b,inset 0 0 0 3px #ad6b16,0 1px 1px #1a2b11a0;transform:rotate(-14deg)}.wood-button .coin:after{content:"";width:9px;height:13px;clip-path:polygon(50% 0,100% 25%,82% 100%,12% 100%,0 25%);background:linear-gradient(235deg,#fff9cf,#ffe597 35%,#bc7e18);box-shadow:1px 1px #7b4910}.wood-button:hover:not(:disabled) .wood-button-face,.wood-button[data-demo=hover] .wood-button-face{filter:brightness(1.12)}.wood-button:is(:active,[data-pressing=true],[data-demo=pressed]):not(:disabled) .wood-button-face{transform:translateY(var(--wood-press-y)) rotate(var(--wood-angle));filter:brightness(.97);box-shadow:inset 0 3px 5px #102009cc,inset 0 -1px #94ae5350}.wood-button[data-press-side=left],.wood-button[data-press-side=right]{--wood-press-y:.5px}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{filter:none;box-shadow:inset 5px 0 7px -3px #102009ce,inset -1px 0 1px #d4e7a569,4px 2px 3px #0d1a0ab0}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{filter:none;box-shadow:inset -5px 0 7px -3px #102009ce,inset 1px 0 1px #d4e7a569,-4px 2px 3px #0d1a0ab0}.wood-button:focus-visible{outline:2px solid #3e6830;outline-offset:6px}.wood-button:disabled{--wood-outer:#32362f;--wood-rim-top:#a4a796;--wood-rim-light:#828b77;--wood-rim-mid:#666e5e;--wood-rim-bottom:#404b3c;--wood-face-top:#7b806d;--wood-face-mid:#606951;--wood-face-bottom:#4d5842;color:#d1d5c5;cursor:default;text-shadow:0 1px 1px #343b2e;filter:none}.wood-button.wood-button--sm{--wood-height:38px;--wood-width:120px;--wood-cut:7px;--wood-text:14px;padding:0 17px}.wood-button.wood-button--lg{--wood-height:58px;--wood-width:290px;--wood-cut:10px;--wood-text:18px;--wood-border:3px;padding:0 27px}.wood-button.wood-button--lg .wood-button-well,.wood-button.wood-button--lg .wood-button-face{--wood-c:calc(var(--wood-cut) - 1.8px)!important}.wood-button.wood-button--close{--wood-height:38px;--wood-width:38px;--wood-cut:7px;--wood-text:23px;padding:0}.wood-button.wood-button--close .wood-button-face{padding:0}.wood-button.wood-button--negative{--wood-face-top:#9c5134;--wood-face-mid:#7a351f;--wood-face-bottom:#542617}.wood-button.wood-button--neutral{--wood-face-top:#7b7455;--wood-face-mid:#605b3d;--wood-face-bottom:#44452d}.wood-button-face:before,.wood-button-face:after{content:"";position:absolute;pointer-events:none;clip-path:polygon(var(--wood-g) 0,calc(100% - var(--wood-g)) 0,100% var(--wood-g),100% calc(100% - var(--wood-g)),calc(100% - var(--wood-g)) 100%,var(--wood-g) 100%,0 calc(100% - var(--wood-g)),0 var(--wood-g))}.wood-button-face:before{inset:1px;--wood-g:calc(var(--wood-cut) - 2.4px);background:linear-gradient(225deg,#f1f5b3ac,#dce99d88 19%,#b0cd665c 37%,#719c3910 68%,#b4cd6510);z-index:0}.wood-button-face:after{inset:2px;--wood-g:calc(var(--wood-cut) - 3px);background:inherit;z-index:0}.wood-button-face .wood-button-content{z-index:1}.wood-button:disabled .wood-button-face:before{opacity:.25}.wood-button.wood-button--sm,.wood-button.wood-button--close{--wood-border:2px}.wood-button.wood-button--sm .wood-button-bevel,.wood-button.wood-button--close .wood-button-bevel{inset:.65px;--wood-c:calc(var(--wood-cut) - .4px)!important}.wood-button.wood-button--sm .wood-button-groove,.wood-button.wood-button--close .wood-button-groove{inset:1.3px;--wood-c:calc(var(--wood-cut) - .8px)!important}.wood-button.wood-button--sm .wood-button-well,.wood-button.wood-button--sm .wood-button-face,.wood-button.wood-button--close .wood-button-well,.wood-button.wood-button--close .wood-button-face{--wood-c:calc(var(--wood-cut) - 1.2px)!important}.wood-button.wood-button--sm .wood-button-face:before,.wood-button.wood-button--close .wood-button-face:before{--wood-g:calc(var(--wood-cut) - 1.8px)}.wood-button.wood-button--sm .wood-button-face:after,.wood-button.wood-button--close .wood-button-face:after{--wood-g:calc(var(--wood-cut) - 2.4px)}.wood-button[data-press-side=left],.wood-button[data-press-side=right]{--wood-press-y:0px}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{overflow:visible;clip-path:inset(-14px -10px 0 -10px);-webkit-mask:none;mask:none;background:transparent}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{filter:drop-shadow(2px 0 1px #17200e60)}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{filter:drop-shadow(-2px 0 1px #17200e60)}.wood-button .wood-button-occlusion{position:absolute;inset:0;--wood-c:calc(var(--wood-cut) - var(--wood-border) * .6)!important;z-index:4;opacity:0;pointer-events:none;transition:opacity .09s}.wood-button:is(:active,[data-pressing=true],[data-demo=pressed]):not(:disabled) .wood-button-face:before{opacity:0}.wood-button:is(:active,[data-pressing=true],[data-demo=pressed]):not(:disabled) .wood-button-occlusion{opacity:1;background:linear-gradient(180deg,#09100580 0,#0910055c 2px,transparent 7px),linear-gradient(270deg,#0a120660 0,#0a120633 3px,transparent 10px)}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{background:linear-gradient(270deg,#071004b3 0,#0914059c 3px,#0c19065c 7px,#10200920 13px,transparent 23px),linear-gradient(180deg,#070f0594 0,#09140580 2px,#0c190630 5px,transparent 9px);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 83%);mask-image:linear-gradient(90deg,transparent 22%,#000 83%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{background:linear-gradient(90deg,#071004b3 0,#0914059c 3px,#0c19065c 7px,#10200920 13px,transparent 23px),linear-gradient(180deg,#070f0594 0,#09140580 2px,#0c190630 5px,transparent 9px);-webkit-mask-image:linear-gradient(270deg,transparent 22%,#000 83%);mask-image:linear-gradient(270deg,transparent 22%,#000 83%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-face,.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{box-shadow:none}.wood-button .amount{display:inline-grid;grid-template-columns:25px auto;align-items:center;column-gap:9px;font-variant-numeric:tabular-nums}.wood-button .coin{transform:none;display:inline-flex;width:25px;height:25px;min-width:25px;flex:0 0 25px;isolation:isolate;backface-visibility:hidden}.wood-button .wood-button-housing:after{border-radius:inherit;content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .09s}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-housing:after{opacity:1;background:linear-gradient(270deg,#071004b3,transparent 32%),linear-gradient(180deg,#09100559,transparent 6px);-webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 78%);mask-image:linear-gradient(90deg,transparent 42%,#000 78%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-housing:after{opacity:1;background:linear-gradient(90deg,#07100466,transparent 5px),linear-gradient(180deg,#09100559,transparent 6px);-webkit-mask-image:linear-gradient(270deg,transparent 42%,#000 78%);mask-image:linear-gradient(270deg,transparent 42%,#000 78%)}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{-webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 78%);mask-image:linear-gradient(90deg,transparent 42%,#000 78%);background:linear-gradient(180deg,#09100580 0,#09100559 2px,transparent 8px),radial-gradient(ellipse 22px 16px at 100% 0,#050e0599,transparent),linear-gradient(270deg,#071004a6 0,#0914058c 3px,#0c19064d 7px,#10200918 13px,transparent 23px)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{-webkit-mask-image:linear-gradient(270deg,transparent 42%,#000 78%);mask-image:linear-gradient(270deg,transparent 42%,#000 78%);background:linear-gradient(180deg,#09100580 0,#09100559 2px,transparent 8px),radial-gradient(ellipse 12px 9px at 0 0,#050e0540,transparent),linear-gradient(90deg,#07100470 0,#09140540 1px,transparent 4px)}.wood-button .wood-button-face{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 .75px,#000 calc(100% - .75px),transparent 100%),linear-gradient(90deg,transparent 0,#000 .4px,#000 calc(100% - .4px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 .75px,#000 calc(100% - .75px),transparent 100%),linear-gradient(90deg,transparent 0,#000 .4px,#000 calc(100% - .4px),transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;mask-mode:alpha;will-change:transform;backface-visibility:hidden}.wood-button.wood-button--close{--wood-press-y:1px;--wood-angle:0deg}.wood-button-cross{position:relative;display:block;width:14px;height:14px;flex:none;filter:drop-shadow(-.5px 1px .4px #20371080)}.wood-button-cross:before,.wood-button-cross:after{content:"";position:absolute;left:6px;top:-1px;width:2px;height:16px;border-radius:1px;background:#fff4d6;transform-origin:center}.wood-button-cross:before{transform:rotate(45deg)}.wood-button-cross:after{transform:rotate(-45deg)}.wood-button.wood-button--close-sm{--wood-height:32px;--wood-width:32px;--wood-cut:6px;--wood-border:1.6px}.wood-button.wood-button--close-lg{--wood-height:44px;--wood-width:44px;--wood-cut:8px}.wood-button.wood-button--close-sm .wood-button-cross{transform:scale(.85)}.wood-button.wood-button--close-lg .wood-button-cross{transform:scale(1.14)}.wood-button.wood-button--close-sm .wood-button-bevel{inset:.5px}.wood-button.wood-button--close-sm .wood-button-groove{inset:1px}.wood-button{--wood-corner:10px}.wood-button.wood-button--sm{--wood-corner:8px}.wood-button.wood-button--lg{--wood-corner:12px}.wood-button.wood-button--close{--wood-corner:9px}.wood-button.wood-button--close-sm{--wood-corner:8px}.wood-button.wood-button--close-lg{--wood-corner:11px}.wood-button .wood-button-shape{clip-path:none;border-radius:var(--wood-corner)}.wood-button .wood-button-housing{overflow:hidden}.wood-button .wood-button-bevel{border-radius:calc(var(--wood-corner) - 1px)}.wood-button .wood-button-groove{border-radius:calc(var(--wood-corner) - 2px)}.wood-button .wood-button-well,.wood-button .wood-button-face,.wood-button .wood-button-occlusion{border-radius:calc(var(--wood-corner) - var(--wood-border))}.wood-button .wood-button-face:before,.wood-button .wood-button-face:after{clip-path:none;border-radius:calc(var(--wood-corner) - var(--wood-border) - 1px)}.wood-button .wood-button-face:after{border-radius:calc(var(--wood-corner) - var(--wood-border) - 2px)}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{--wood-rr:calc(var(--wood-corner) - var(--wood-border));--wood-k:calc(var(--wood-rr) * .447715);filter:none;clip-path:inset(-14px -10px 0 -10px)}@supports (clip-path:shape(from 0 0,line to 100% 0,close)){.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{clip-path:shape(from -10px -14px,line to 50% -14px,line to 50% 0,line to calc(100% - var(--wood-rr)) 0,curve to 100% var(--wood-rr) with calc(100% - var(--wood-k)) 0 / 100% var(--wood-k),line to 100% calc(100% - var(--wood-rr)),curve to calc(100% - var(--wood-rr)) 100% with 100% calc(100% - var(--wood-k)) / calc(100% - var(--wood-k)) 100%,line to var(--wood-rr) 100%,curve to 0 calc(100% - var(--wood-rr)) with var(--wood-k) 100% / 0 calc(100% - var(--wood-k)),line to 0 45%,line to -10px 45%,close)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-well{clip-path:shape(from var(--wood-rr) 0,line to 50% 0,line to 50% -14px,line to calc(100% + 10px) -14px,line to calc(100% + 10px) 45%,line to 100% 45%,line to 100% calc(100% - var(--wood-rr)),curve to calc(100% - var(--wood-rr)) 100% with 100% calc(100% - var(--wood-k)) / calc(100% - var(--wood-k)) 100%,line to var(--wood-rr) 100%,curve to 0 calc(100% - var(--wood-rr)) with var(--wood-k) 100% / 0 calc(100% - var(--wood-k)),line to 0 var(--wood-rr),curve to var(--wood-rr) 0 with 0 var(--wood-k) / var(--wood-k) 0,close)}}.wood-button.wood-button--sm,.wood-button.wood-button--close,.wood-button.wood-button--close-sm{--wood-border:2px}.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{border:2px solid transparent;background:linear-gradient(#24351a,#24351a) padding-box,linear-gradient(225deg,var(--wood-rim-top),var(--wood-rim-light) 25%,var(--wood-rim-bottom) 72%,var(--wood-rim-mid)) border-box;box-shadow:none}.wood-button.wood-button--sm .wood-button-bevel,.wood-button.wood-button--close .wood-button-bevel,.wood-button.wood-button--sm .wood-button-groove,.wood-button.wood-button--close .wood-button-groove{display:none}.wood-button.wood-button--sm .wood-button-face,.wood-button.wood-button--close .wood-button-face{-webkit-mask-image:none;mask-image:none;will-change:auto;backface-visibility:visible;box-shadow:inset -1px 1px 1px #dce8aa30,inset 1px -1px 1px #1b320d70}.wood-button.wood-button--sm .wood-button-face:before,.wood-button.wood-button--close .wood-button-face:before{inset:0;border-radius:inherit;background:radial-gradient(ellipse at 90% 0,#e0ecab24,transparent 65%)}.wood-button.wood-button--sm .wood-button-face:after,.wood-button.wood-button--close .wood-button-face:after{display:none}.wood-button.wood-button--sm:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]) .wood-button-face{-webkit-mask-image:linear-gradient(180deg,transparent,#000 .75px,#000 calc(100% - .75px),transparent);mask-image:linear-gradient(180deg,transparent,#000 .75px,#000 calc(100% - .75px),transparent);will-change:transform}.wood-button,.wood-button.wood-button--lg{--wood-border:3px;--wood-outer:#17200e}.wood-button.wood-button--sm,.wood-button.wood-button--close,.wood-button.wood-button--close-sm{--wood-border:2px;--wood-outer:#17200e}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{background:var(--wood-outer);border:0;box-shadow:none}.wood-button .wood-button-housing:after{display:none}.wood-button .wood-button-rim{position:absolute;inset:0;border:var(--wood-border) solid var(--wood-outer);border-radius:var(--wood-corner);z-index:6;pointer-events:none;background:transparent}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-rim{-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 60%);mask-image:linear-gradient(90deg,transparent 25%,#000 60%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-rim{-webkit-mask-image:linear-gradient(270deg,transparent 25%,#000 60%);mask-image:linear-gradient(270deg,transparent 25%,#000 60%)}.wood-button:disabled{--wood-outer:#394032}.wood-button,.wood-button.wood-button--lg{--wood-border:4px;--wood-outer:#44301e}.wood-button.wood-button--sm,.wood-button.wood-button--close,.wood-button.wood-button--close-sm{--wood-border:3px;--wood-outer:#44301e}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{background:#44301e;border:0;box-shadow:none}.wood-button .wood-button-rim{border:0;padding:var(--wood-border);border-radius:var(--wood-corner);background:repeating-radial-gradient(ellipse 100px 12px at 30% 55%,transparent 0 17%,#33211130 18% 21%,transparent 22% 37%),repeating-linear-gradient(2deg,transparent 0 4px,#e0bd881c 4.5px 5px,transparent 5.5px 9px),linear-gradient(225deg,#b69a70 0,#9b7951 22%,#785333 54%,#4d331f 82%,#705032);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:inset -1px 1px #e4c89b73,inset 1px -1px 1px #24180fac}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-rim{-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 60%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(90deg,transparent 25%,#000 60%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:border-box,content-box,border-box;-webkit-mask-origin:border-box,content-box,border-box;mask-origin:border-box,content-box,border-box;-webkit-mask-composite:source-in,xor,source-over;mask-composite:intersect,exclude,add;clip-path:none}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-rim{-webkit-mask-image:linear-gradient(270deg,transparent 25%,#000 60%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(270deg,transparent 25%,#000 60%),linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:border-box,content-box,border-box;-webkit-mask-origin:border-box,content-box,border-box;mask-origin:border-box,content-box,border-box;-webkit-mask-composite:source-in,xor,source-over;mask-composite:intersect,exclude,add;clip-path:none}.wood-button .wood-button-well:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;box-shadow:inset -1px 1px 2px #24180c70}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-well:after{opacity:0}.wood-button:disabled .wood-button-rim{filter:saturate(.25) brightness(.85)}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{background:transparent;box-shadow:-1px 2px 2.5px #3625103b}.wood-button .wood-button-housing:before{content:"";position:absolute;inset:var(--wood-border);border-radius:calc(var(--wood-corner) - var(--wood-border));background:#243519}.wood-button .wood-button-rim{box-shadow:inset -1px 1px .6px #e4c89b50,inset .5px -.5px .75px #33221433}.wood-button .wood-button-well:after{display:none}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{border:var(--wood-border) solid #775535;background:transparent;box-shadow:-1px 2px 2.5px #3625103b}.wood-button .wood-button-housing:before{inset:0;border-radius:calc(var(--wood-corner) - var(--wood-border));background:#243519}.wood-button .wood-button-rim{box-shadow:none;background:repeating-radial-gradient(ellipse 100px 12px at 30% 55%,transparent 0 17%,#33211124 18% 21%,transparent 22% 37%),repeating-linear-gradient(2deg,transparent 0 4px,#c4a37412 4.5px 5px,transparent 5.5px 9px),linear-gradient(225deg,#a58a63 0,#94724b 22%,#785333 54%,#513722 82%,#705032)}.wood-button:not(:active):not([data-pressing=true]):not([data-demo=pressed]) .wood-button-housing:before{background:var(--wood-face-mid)}.wood-button:not(:active):not([data-pressing=true]):not([data-demo=pressed]) .wood-button-well{background:var(--wood-face-mid)}.wood-button:not(:active):not([data-pressing=true]):not([data-demo=pressed]) .wood-button-face{-webkit-mask-image:none;mask-image:none;box-shadow:none}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{transform:translateY(var(--wood-press-y)) skewY(var(--wood-angle));transform-origin:center;box-shadow:none}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 .5px,#000 calc(100% - .5px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 .5px,#000 calc(100% - .5px),transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.wood-button:is(:active,[data-pressing=true],[data-demo=pressed]):not(:disabled) .wood-button-housing:before{inset:-1px;border-radius:calc(var(--wood-corner) - var(--wood-border) + 1px);background:#182014}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{filter:blur(.7px)}.wood-button[data-press-side=right]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{-webkit-mask-image:linear-gradient(90deg,transparent 28%,#00000008 40%,#00000038 54%,#00000099 70%,#000 90%);mask-image:linear-gradient(90deg,transparent 28%,#00000008 40%,#00000038 54%,#00000099 70%,#000 90%)}.wood-button[data-press-side=left]:is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{-webkit-mask-image:linear-gradient(270deg,transparent 28%,#00000008 40%,#00000038 54%,#00000099 70%,#000 90%);mask-image:linear-gradient(270deg,transparent 28%,#00000008 40%,#00000038 54%,#00000099 70%,#000 90%)}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-face{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 1.1px,#000 calc(100% - .5px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 1.1px,#000 calc(100% - .5px),transparent 100%)}.wood-button.wood-button--sm .wood-button-face:before{inset:0;border-radius:inherit;background:radial-gradient(ellipse 85% 140% at 100% 10%,#f0e2aa38,transparent 68%)}.wood-button.wood-button--inactive{--wood-face-top:#96968d;--wood-face-mid:#77786f;--wood-face-bottom:#5b5d55}.wood-button.wood-button--negative{--wood-face-top:#b85540;--wood-face-mid:#953628;--wood-face-bottom:#6c251c}.wood-button.wood-button--sm .wood-button-face:before{display:block;inset:1px;border-radius:calc(var(--wood-corner) - var(--wood-border) - 1px);background:linear-gradient(225deg,#f1f5b3ac,#dce99d88 19%,#b0cd665c 37%,#719c3910 68%,#b4cd6510)}.wood-button.wood-button--sm .wood-button-face:after{display:block;inset:2px;border-radius:calc(var(--wood-corner) - var(--wood-border) - 2px);background:inherit}.wood-button.wood-button--negative,.wood-button.wood-button--close{--wood-face-top:#c45f3d;--wood-face-mid:#ae452c;--wood-face-bottom:#822f1e}.wood-button:is([data-press-side=left],[data-press-side=right]):is(:active,[data-pressing=true]):not(:disabled) .wood-button-occlusion{filter:blur(.9px)}.wood-button .wood-button-housing,.wood-button.wood-button--sm .wood-button-housing,.wood-button.wood-button--close .wood-button-housing{box-shadow:-1px 2px 3px #3625103b}.wood-button{--wood-corner:10px;--wood-border:4px;--wood-height:44px;--wood-width:150px;--wood-text:15px;--wood-pad:22px;box-sizing:border-box;flex:none;border:0!important;border-radius:var(--wood-corner)!important;background:transparent!important;box-shadow:none!important;transform:none!important;padding:var(--wood-border)!important;color:#faf7e9!important;font-weight:600!important;text-shadow:0 1px 1px #1a310e!important;overflow:visible!important}.wood-button:before,.wood-button:after{content:none!important}.wood-button .wood-button-well{position:relative;inset:auto;display:flex;align-self:stretch;flex:1;min-width:0}.wood-button .wood-button-face{position:relative;inset:auto;flex:1;min-width:0;padding:0 calc(var(--wood-pad) - var(--wood-border))}.wood-button .wood-button-content{visibility:visible;min-height:calc(var(--wood-height) - 2 * var(--wood-border));width:100%;height:auto;gap:14px;line-height:inherit}.wood-button .wood-button-occlusion{border-radius:inherit}.wood-button .wood-button-foundation,.wood-button .wood-button-bevel,.wood-button .wood-button-groove{display:none}.wood-button--sm{--wood-border:3px;--wood-corner:8px;--wood-height:38px;--wood-width:120px;--wood-text:14px;--wood-pad:17px}.wood-button--lg{--wood-border:4px;--wood-corner:12px;--wood-height:58px;--wood-width:290px;--wood-text:18px;--wood-pad:27px}.wood-button--close{--wood-border:3px;--wood-corner:9px;--wood-height:38px;--wood-width:38px;--wood-pad:0px;--wood-press-y:1px;--wood-angle:0deg;min-width:var(--wood-width);width:var(--wood-width);height:var(--wood-height);min-height:var(--wood-height)}.wood-button--close .wood-button-face{padding:0}.wood-button--close-sm{--wood-corner:8px;--wood-height:32px;--wood-width:32px}.wood-button--close-lg{--wood-corner:11px;--wood-height:44px;--wood-width:44px}.wood-button--inactive,.wood-button:disabled{--wood-face-top:#96968d;--wood-face-mid:#77786f;--wood-face-bottom:#5b5d55;cursor:default}.wood-button--close .wood-button-content{min-height:0;justify-content:center}.wood-button:focus-visible{outline:2px solid #567c37;outline-offset:4px}.wood-button.hud-skills-button{--wood-height:24px;--wood-width:78px;--wood-border:2px;--wood-corner:8px;--wood-pad:8px}@media(prefers-reduced-motion:reduce){.wood-button .wood-button-face,.wood-button .wood-button-occlusion{transition:none}}.painted-window-close{display:block;position:absolute;right:0;top:0;z-index:8;box-sizing:border-box;width:40px;height:46px;padding:0;border:0;border-radius:0;background:url(/img/warshards/party/close-normal.webp) center/100% 100% no-repeat;cursor:pointer;pointer-events:auto}.painted-window-close:hover{filter:brightness(1.12)}.painted-window-close:active{background-image:url(/img/warshards/party/close-active.webp)}.painted-window-close:disabled{cursor:default;filter:grayscale(.7);opacity:.6}.painted-window-close:focus-visible{outline:2px solid #ffe1a0;outline-offset:2px}.spot-window>.painted-window-close,.battle-art-window>.painted-window-close{position:absolute;top:0;right:0;z-index:8;transform:none}.painted-window-close{border:0!important;border-radius:0!important;background:url(/img/warshards/party/close-normal.webp) center/100% 100% no-repeat!important;box-shadow:none!important;color:transparent!important;font-size:0!important}.painted-window-close:active{background-image:url(/img/warshards/party/close-active.webp)!important}.spot-window .painted-window-close{position:absolute!important;top:0!important;right:0!important;width:var(--game-frame-side,40px)!important;height:var(--game-close-height,46px)!important;margin:0!important;z-index:8!important}.painted-window-close:before{content:"";position:absolute;inset:0;background:url(/img/warshards/party/close-active.webp) center/100% 100% no-repeat;visibility:hidden;pointer-events:none}.spot-window .painted-window-close{transform:none!important}:root{--paper-panel-fill: #eecb9345;--paper-panel-border: #bc915054;--paper-panel-radius: 5px}.spot-window{--game-frame-side: calc(40px / var(--game-window-scale,1));--game-frame-top: calc(var(--game-frame-side) * 2.5714285714);--game-frame-bottom: calc(var(--game-frame-side) * 2.2857142857);--game-close-height: calc(var(--game-frame-side) * 1.1428571429);min-height:calc(var(--game-frame-top) + var(--game-frame-bottom));box-sizing:border-box;isolation:isolate;border:0!important;border-radius:0!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:var(--game-window-padding,52px 44px 40px)!important;box-shadow:none!important;filter:drop-shadow(-3px 4px 3px #21130655) drop-shadow(-10px 12px 13px #110d0750);color:#44260f;font-family:Nunito,sans-serif!important;font-synthesis:none;line-height:1.35;max-height:var(--game-window-max-height,none)!important;overflow:visible!important}.spot-window:before{content:"";position:absolute;inset:calc(12px / var(--game-window-scale,1)) calc(20px / var(--game-window-scale,1)) calc(18px / var(--game-window-scale,1));background:#f2d9a7 url(/img/warshards/party/paper.webp) center / 100% 100% no-repeat;border-radius:7px;z-index:-2;pointer-events:none}.spot-window:after{content:"";position:absolute;inset:0;box-sizing:border-box;border:solid transparent;border-width:var(--game-frame-top) var(--game-frame-side) var(--game-frame-bottom)!important;border-image:url(/img/warshards/party/border-clean-bottom-v2-20261025.webp) 288 112 256 112 / var(--game-frame-top) var(--game-frame-side) var(--game-frame-bottom) / 0 stretch!important;z-index:3;pointer-events:none}.spot-window button{font-family:inherit!important}.unified-game-dialog{position:relative;color:#44260f!important}.unified-game-dialog>div>h2{color:#44260f!important}.party-game-window{--game-window-padding:44px 34px 34px}.game-window-inset{display:flex;flex-direction:column;flex:1;min-height:0;box-sizing:border-box;padding:16px;border-radius:8px;background:linear-gradient(180deg,#242018,#161310);color:#e8e2d2}.unified-game-dialog>.game-window-title{position:absolute;top:-24px!important;left:50%!important;right:auto!important;transform:translate(-50%);width:min(70%,580px);height:76px;z-index:5}.game-window-title>div{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;padding:8px 24px!important;border:solid transparent!important;border-width:12px 16px!important;border-image:url(/img/warshards/battle-windows/tab.webp) 26 32 fill / 12px 16px / 0 stretch!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:Alegreya SC,Georgia,serif;font-size:30px!important;font-weight:900;letter-spacing:.01em!important;text-transform:none!important}.spot-cell-window{z-index:43!important;gap:10px!important}.spot-body>div{color:#573819!important;border-color:#b8874140!important;min-width:0}.spot-body b:not(:where(.wood-button *)){color:#3b210d!important}.spot-banner{box-sizing:border-box;position:relative;min-height:68px;flex:none;margin:-10px 0 5px;padding:6px 0 8px 68px;display:flex;align-items:center}.spot-banner span{color:#44260f;font-size:25px;font-weight:900;line-height:1.18;text-shadow:0 1px 0 #fff1c780}.spot-banner>img{position:absolute;left:-6px;top:-8px;width:62px;height:76px;object-fit:contain;filter:drop-shadow(-2px 3px 1px #4c240960)}.spot-banner>.spot-crest{width:34px;height:40px;left:8px;top:12px;filter:none}.spot-body>.spot-banner+div{display:contents!important}.spot-body>.spot-banner+div>span{display:none}.spot-body .wood-button--close,.spot-close{position:absolute;right:2px;top:2px;z-index:4}.spot-tier{padding:0 6px;margin-left:25px}.spot-tier>span:first-of-type{font-size:18px!important}.spot-tier>span:last-of-type{color:#796344!important;font-size:14px!important}.spot-neighbors{display:flex;align-items:center;gap:18px;padding:0 4px!important;font-size:16px!important;line-height:1.45}.spot-neighbors>span:not(.spot-wheel){flex:1;min-width:0}.spot-wheel{box-sizing:border-box;position:relative;width:118px;height:118px;flex:none;border:3px solid transparent;border-radius:50%;box-shadow:-3px 5px 5px #39200b45,0 0 0 1px #55300f}.spot-wheel-disc{display:block;width:100%;height:100%;border-radius:50%}.spot-body [data-testid=hx-cell-flow],.spot-empty{box-sizing:border-box;height:52px;flex:none;display:flex;align-items:center;padding:0 3px!important;font-size:16px!important;font-weight:800!important}.spot-body [data-testid=hx-cell-mobs]{flex-wrap:wrap;justify-content:center;gap:14px!important;padding:6px 4px!important;min-width:0;max-width:100%}.spot-body .hx-mob-port{position:relative;width:86px!important;height:86px!important;border:3px solid transparent!important;background-size:cover!important;background-origin:padding-box;background-clip:padding-box;background-color:#23170b!important;box-shadow:-3px 5px 5px #39200b70,0 0 0 1px #55300f!important}.spot-body .hx-mob-port:after,.spot-wheel:after,.spot-dossier-portrait:after{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;background:linear-gradient(225deg,#fff4ae,#edc469 16%,#a56a25 40%,#6a3b15 67%,#c28a37 88%,#efc76b);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:inset 1px -2px 2px #69390c,inset -1px 2px 2px #fff1a5;pointer-events:none}.spot-body .hx-mob-port:before,.spot-wheel:before,.spot-dossier-portrait:before{content:"";position:absolute;inset:-1px;border-radius:50%;box-shadow:inset -1px 2px 2px #170d09b0,0 0 0 1px #5b360c;pointer-events:none}.spot-body .hx-mob-port:hover{filter:brightness(1.12)}.spot-empty{gap:10px;height:62px}.spot-body>.spot-empty{color:#326e23!important;font-size:14px!important;line-height:1.4}.spot-empty img{width:28px;height:38px;object-fit:contain;flex:none}.spot-body .hx-btn:not(.wood-button){position:relative;isolation:isolate;min-height:56px;border:6px solid transparent!important;border-radius:9px!important;--spot-button-top: #62b739;--spot-button-mid: #308512;--spot-button-low: #104705;background:linear-gradient(180deg,var(--spot-button-top),var(--spot-button-mid) 46%,var(--spot-button-low)) padding-box,linear-gradient(225deg,#fff4ba,#efc66c 18%,#ae752c 47%,#75420f 70%,#e1b05b) border-box!important;box-shadow:0 0 0 1px #654014,-3px 5px #593514,-5px 8px 9px #542e1555,inset 0 2px 2px #d9ffc57a,inset 0 -3px 4px #062900b0!important;font-size:21px!important;font-weight:900!important;text-shadow:0 2px 2px #14280c}.spot-body .hx-btn:not(.wood-button):not([data-testid=hx-enter-cell]){--spot-button-top: #b06736;--spot-button-mid: #7c381b;--spot-button-low: #421c10}.spot-body .hx-btn:not(.wood-button):before{content:"";position:absolute;inset:2px 3px auto;height:42%;border-radius:3px 3px 35% 35%;background:linear-gradient(180deg,#f1ffe680,#e5ffd020 70%,transparent);pointer-events:none;z-index:-1}.spot-body .hx-btn:not(.wood-button):after{content:"";position:absolute;inset:-5px;border-radius:7px;pointer-events:none;background:radial-gradient(circle at 5px 5px,#fff1ad 0 1px,#b87c27 1.5px 2.5px,#654018 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 5px) 5px,#fff1ad 0 1px,#b87c27 1.5px 2.5px,#654018 3px,transparent 3.5px),radial-gradient(circle at 5px calc(100% - 5px),#fff1ad 0 1px,#b87c27 1.5px 2.5px,#654018 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),#fff1ad 0 1px,#b87c27 1.5px 2.5px,#654018 3px,transparent 3.5px);box-shadow:inset 0 1px #fff1a5a0,inset 0 -1px #613710,0 0 0 1px #bc8b43}.spot-body .hx-btn:not(.wood-button):not(:disabled):active{transform:translate(-1px,2px);box-shadow:0 0 0 1px #654014,-2px 3px #593514,-3px 4px 5px #542e1540,inset 0 2px 4px #06290070!important}.spot-body .hx-btn:not(.wood-button):disabled{opacity:.55}.spot-actions{padding:4px 3px 0!important;margin-top:0!important;border:0!important}.spot-occupants{padding:10px 12px!important}.spot-occupants>div>span{color:#503416!important}.spot-actions>div{color:#796344!important}.spot-right-column{z-index:44!important}.spot-monster-window{width:min(480px,calc(100vw - 40px))!important;pointer-events:auto;overflow-x:hidden!important}.spot-monster-body>div{color:#503416!important;border-color:#b8874150!important;min-width:0}.spot-monster-heading{align-items:flex-start!important;gap:17px!important;padding-bottom:18px!important}.spot-monster-body .spot-dossier-portrait{box-sizing:border-box;position:relative;width:136px!important;height:136px!important;border:3px solid transparent!important;border-radius:50%!important;background-size:cover!important;background-origin:padding-box;background-clip:padding-box;background-color:#23170b!important;box-shadow:-3px 5px 5px #39200b70,0 0 0 1px #55300f!important}.spot-mob-level{box-sizing:border-box;position:absolute;bottom:-6px;left:-6px;width:38px;height:38px;border:2px solid transparent;border-radius:50%;background:radial-gradient(circle at 65% 25%,#56401f,#21170a) padding-box,linear-gradient(225deg,#fff4ae,#d6a451 35%,#754616 70%,#d6a451) border-box;box-shadow:0 0 0 1px #593510,inset 0 1px 1px #f7d58a40,-2px 3px 3px #39200b70;color:#fff0c9;display:grid;place-items:center;font-size:21px;font-weight:900;z-index:1}.spot-mob-description{border-top:1px solid #bb8846;padding-top:8px;font-size:12px;line-height:1.5;color:#513319;margin:9px 0 0}.spot-monster-body .spot-mob-name{font-size:25px!important;color:#44240e!important;line-height:1.2}.spot-monster-body .spot-monster-level{color:#397329!important;font-size:17px!important;margin-top:4px}.spot-monster-stats{padding:14px 0!important;gap:8px}.spot-monster-stats>span{flex:1;display:grid!important;grid-template-columns:30px 1fr;gap:3px 6px!important;font-size:13px!important;color:#604321!important}.spot-monster-stats>span>b{grid-column:2;font-size:21px;color:#35200d!important}.spot-monster-stats svg{display:none}.spot-monster-stats img{width:30px;height:35px;object-fit:contain;grid-row:span 2}.spot-monster-body .spot-loot-heading{box-sizing:border-box;height:48px;margin-top:8px;border:0;grid-template-columns:minmax(0,1fr) 58px 84px!important;align-items:center;gap:0 8px!important;padding:0!important;color:#74502b!important;font-size:11px!important;letter-spacing:0!important}.spot-loot-heading>span{white-space:nowrap}.spot-monster-body .spot-loot-row{box-sizing:border-box;min-height:62px;border:1px solid #b8874130;padding:10px 12px!important;grid-template-columns:minmax(0,1fr) 58px 84px!important;gap:0 8px!important}.spot-loot-row span{color:#442c15!important;font-size:14px!important}.spot-loot-row>span:first-child>span:last-child{white-space:normal!important;overflow-wrap:anywhere;line-height:1.3}.spot-loot-row>span:last-child{color:#a45b13!important;font-size:20px!important}.spot-loot-row>span:first-child>span:first-child{width:34px!important;height:36px!important}.spot-close:focus-visible,.spot-body .hx-close:focus-visible,.spot-body .hx-mob-port:focus-visible{outline:3px solid #fff0b0;outline-offset:3px}.spot-tier,.spot-neighbors,.spot-monster-stats,.spot-body [data-testid=hx-cell-flow],.spot-empty,.spot-monster-body .spot-loot-row,.spot-monster-body .spot-loot-heading{box-sizing:border-box;position:relative;background:var(--paper-panel-fill);border:1px solid var(--paper-panel-border)!important;border-radius:var(--paper-panel-radius)}.spot-tier{min-height:42px;margin-left:0;padding:7px 14px!important}.spot-neighbors{padding:8px 14px!important}.spot-body [data-testid=hx-cell-flow],.spot-empty{padding:8px 17px!important}.spot-empty{height:56px}.spot-monster-stats{padding:14px 12px!important}.spot-monster-body .spot-loot-heading{padding:0 12px!important}@media(max-height:800px){.spot-cell-window{gap:7px!important;padding-top:48px!important;padding-bottom:34px!important}.spot-wheel{width:96px;height:96px}.spot-body .hx-mob-port{width:74px!important;height:74px!important}.spot-banner{min-height:60px}.spot-banner span{font-size:20px}.spot-neighbors{font-size:15px!important}}.spot-actions>.wood-button{width:100%}.spot-cell-window{overflow-x:hidden!important;overflow-y:auto!important;max-height:calc(100dvh - 110px)!important;min-width:0;scrollbar-width:thin;scrollbar-color:#9b7545 transparent}.spot-cell-window>*{max-width:100%;min-width:0;flex-shrink:0}.spot-body [data-testid=hx-cell-flow][hidden]{display:none!important}.spot-body .spot-neighbors{gap:12px!important;min-width:0}.spot-neighbors>span:last-child{overflow-wrap:anywhere}.spot-body .spot-wheel{flex-shrink:0;width:84px;height:84px}.spot-status{margin:2px 0 4px;min-width:0;color:#51361c}.spot-status-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin:0 2px 8px}.spot-status-heading>b{color:#628044;font-size:10px}.spot-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spot-status-card{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #ad84444d;border-radius:9px;background:linear-gradient(125deg,#fff1c26b,#bc8d3212);box-shadow:inset 0 1px #fff5d780}.spot-status-card>div{min-width:0}.spot-status-card small,.spot-status-card b,.spot-status-card em{display:block}.spot-status-card small{font-size:10px;line-height:1.3;color:#846447;margin-bottom:3px;overflow-wrap:anywhere}.spot-status-card b{font-size:17px;line-height:1.2;color:#503619}.spot-status-card em{font-size:10px;font-style:normal;color:#937346}.spot-status-card b>em{display:inline;font-size:13px}.spot-status-icon{font-size:25px;color:#97713b;flex:none}.spot-status-fire .spot-status-icon{color:#cc741d}.spot-status-fire b{color:#99511a}.spot-status-aura{background:linear-gradient(125deg,#d5f1ee80,#91b3bb1a);border-color:#709ca84d}.spot-status-aura b,.spot-status-aura .spot-status-icon{color:#337b8b}.spot-occupants{overflow-x:hidden;min-width:0}.spot-occupants>*{min-width:0;max-width:100%}@media(max-width:500px){.spot-status-card{padding:8px;gap:6px}.spot-status-icon{font-size:20px}.spot-status-card b{font-size:14px}.spot-status-card small{font-size:10px}.spot-status-heading{letter-spacing:0}.spot-cell-window{max-width:calc(100vw - 24px)!important}}.spot-mobile-window{overflow-x:hidden!important;overflow-y:auto!important;max-height:calc(100dvh - 90px)!important}.spot-body .spot-status-card b{font-weight:900}.spot-status-card em{line-height:1.3}.painted-window-bottom-rail{position:absolute;left:39px;right:39px;bottom:0;height:91px;box-sizing:border-box;border:solid transparent;border-width:0 0 91px;border-image:url(/img/warshards/party/border-clean-bottom-v2-20261025.webp) 0 112 256 112 / 0 0 91px 0 / 0 stretch;z-index:2;pointer-events:none}@media(max-width:779px){.painted-window-bottom-rail{left:27px;right:27px;height:38px;border-bottom-width:38px;border-image-width:0 0 38px 0}}.spot-window:has(.painted-window-close):after{clip-path:polygon(0 0,calc(100% - var(--game-frame-side)) 0,calc(100% - var(--game-frame-side)) var(--game-close-height),100% var(--game-close-height),100% 100%,0 100%)}.spot-window .painted-window-bottom-rail{display:none}.spot-cell-window{overflow:visible!important;max-height:var(--spot-viewport-height, calc(100dvh - 110px) )!important}.spot-cell-window>.spot-body{display:flex!important;flex-direction:column;gap:10px;min-height:0;flex:1;overflow:hidden}.spot-content-scroll{min-height:0;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:10px;padding-right:4px}.spot-actions{flex-shrink:0;padding-top:10px!important;border-top:1px solid rgba(116,79,32,.25)!important}.spot-tier[data-danger=deadly]>span:first-of-type,.spot-tier[data-danger=lethal]>span:first-of-type{color:#a92f20!important}.spot-content-scroll>div{color:#573819!important;border-color:#b8874140!important;min-width:0}.spot-mobile-window>.spot-body{display:flex!important;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.spot-mobile-window .spot-content-scroll{max-height:calc(75dvh - 200px)}.shop-item-art{display:block;position:relative;isolation:isolate;pointer-events:none}.shop-item-art>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #0006)}.shop-item-aura{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse,#ce9aff80 0,#a777e03b 35%,transparent 70%);pointer-events:none}.shop-item-aura>i{position:absolute;left:calc(9% + var(--spark)*11%);top:calc(9% + mod(var(--spark)*23,75)*1%);width:13px;height:13px;background:url(/img/forge/star-small.webp) center/contain no-repeat;filter:hue-rotate(225deg) drop-shadow(0 0 5px #d7abff);animation:shop-seal-spark 2.8s ease-in-out infinite;animation-delay:calc(var(--spark)*-.34s)}@keyframes shop-seal-spark{0%,to{opacity:.25;transform:translateY(6px) scale(.65)}50%{opacity:.95;transform:translateY(-5px) scale(1)}}@media(prefers-reduced-motion:reduce){.shop-item-aura>i{animation:none;opacity:.75}}[data-enchant]:not([data-enchant="0"]):after{content:"";position:absolute;inset:-2px;padding:4px;border-radius:inherit;background:var(--enchant-frame);pointer-events:none;z-index:2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-enchant="8"]{filter:drop-shadow(0 0 3px #e2432270)}[data-enchant="10"]{filter:drop-shadow(0 0 5px #ff241c90)}[data-drag-source=true]{opacity:.45;outline:3px dashed #ffd66c;outline-offset:3px}[data-item-drop=true]{outline:3px solid #ffdf79!important;outline-offset:2px;box-shadow:0 0 16px #ffbf42!important}.wb-nameplate{position:absolute;left:-82px;--wb-nameplate-width: 184px;width:var(--wb-nameplate-width);height:60px;z-index:6;color:#f4f5ef;font-family:Nunito,sans-serif;filter:drop-shadow(0 2px 2px rgba(0,0,0,.65))}.wb-nameplate-painted{isolation:isolate;opacity:1}.wb-nameplate-painted:before{content:"";position:absolute;inset:-1px -4px 1px;z-index:-1;background:linear-gradient(100deg,#070d10e0,#070d10a6 64%,#070d1000);opacity:.64;transition:opacity .16s ease-out;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3 9 15 6 30 7 40 4 63 5 78 3 103 5 126 4 148 6 166 5 182 8 197 9 181 12 193 15 170 17 178 20 151 20 131 22 111 20 89 22 68 20 46 23 29 20 13 21 18 18 1 17 8 14Z'/%3E%3Cpath fill='white' opacity='.28' d='M34 29 55 27 76 29 97 27 122 28 147 27 167 30 196 32 178 35 188 38 164 40 139 39 113 41 91 39 64 41 41 38 26 39 34 35 22 33Z'/%3E%3Cpath fill='white' opacity='.16' d='M39 47 63 46 80 48 105 46 129 48 160 47 181 50 165 53 144 52 122 54 99 52 78 54 59 51 32 52Z'/%3E%3Cpath fill='white' opacity='.35' d='M19 3 43 2 69 3 47 4 28 5Z M114 24 139 23 162 24 142 25Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3 9 15 6 30 7 40 4 63 5 78 3 103 5 126 4 148 6 166 5 182 8 197 9 181 12 193 15 170 17 178 20 151 20 131 22 111 20 89 22 68 20 46 23 29 20 13 21 18 18 1 17 8 14Z'/%3E%3Cpath fill='white' opacity='.28' d='M34 29 55 27 76 29 97 27 122 28 147 27 167 30 196 32 178 35 188 38 164 40 139 39 113 41 91 39 64 41 41 38 26 39 34 35 22 33Z'/%3E%3Cpath fill='white' opacity='.16' d='M39 47 63 46 80 48 105 46 129 48 160 47 181 50 165 53 144 52 122 54 99 52 78 54 59 51 32 52Z'/%3E%3Cpath fill='white' opacity='.35' d='M19 3 43 2 69 3 47 4 28 5Z M114 24 139 23 162 24 142 25Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;pointer-events:none}.wb-nameplate-painted[role=button]:hover:before{opacity:1}.wb-nameplate-painted[data-selected=true]:before{inset:-13px -27px 0;background:#080603cf;opacity:1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 64' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='ink' x='-10%25' y='-25%25' width='120%25' height='150%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045 .16' numOctaves='2' seed='17' result='grain'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='grain' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='white' filter='url(%23ink)'%3E%3Cpath d='M7 13L31 9 52 11 73 7 103 10 139 6 172 9 205 11 230 16 225 25 234 28 222 34 228 40 216 43 219 49 192 52 162 50 137 55 111 52 85 56 61 51 38 53 21 46 24 40 10 37 15 30 5 26 11 22Z'/%3E%3Cpath d='M3 18L37 14 56 17 17 21ZM183 47L232 43 225 46 190 50ZM14 41L42 44 38 48 19 45Z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 64' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='ink' x='-10%25' y='-25%25' width='120%25' height='150%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045 .16' numOctaves='2' seed='17' result='grain'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='grain' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='white' filter='url(%23ink)'%3E%3Cpath d='M7 13L31 9 52 11 73 7 103 10 139 6 172 9 205 11 230 16 225 25 234 28 222 34 228 40 216 43 219 49 192 52 162 50 137 55 111 52 85 56 61 51 38 53 21 46 24 40 10 37 15 30 5 26 11 22Z'/%3E%3Cpath d='M3 18L37 14 56 17 17 21ZM183 47L232 43 225 46 190 50ZM14 41L42 44 38 48 19 45Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:blur(.7px)}.wb-nameplate-emblem{position:absolute;left:1px;top:2px;width:29px;height:33px}.wb-nameplate-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}.wb-nameplate-pack-count{position:absolute;right:-4px;bottom:-3px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;background:#0c1011e6;clip-path:polygon(7% 13%,44% 3%,91% 9%,100% 47%,94% 91%,55% 100%,5% 87%,0 43%);color:#ffe3a2;font-size:11px;font-weight:900;line-height:17px;text-align:center;white-space:nowrap;text-shadow:0 1px 1px #000}.wb-nameplate-heading{position:absolute;left:38px;top:0;right:5px;height:22px;display:flex;align-items:center;gap:5px;font-size:15px;font-weight:700;line-height:21px;text-shadow:0 1px 2px #000}.wb-nameplate-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-nameplate-level{display:inline-flex;align-items:baseline;gap:2px;flex:none;color:#eac580;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.wb-nameplate-level small{color:#bba989;font-size:9px;font-weight:700}.wb-nameplate-hp{position:absolute;left:38px;right:5px;top:25px;height:15px;overflow:hidden;border-radius:5px 7px 5px 6px/6px 5px 7px;background:linear-gradient(180deg,#354750,#26333d);box-shadow:inset 0 1px 1px #97b4ba24,0 1px 2px #000000a6}.wb-nameplate-hp-paint{position:absolute;inset:1px}.wb-enemy-card-hp{position:relative;width:100%;height:22px;flex:none;margin-top:6px}.wb-enemy-card-hp .wb-nameplate-hp{position:relative;inset:auto;width:100%;height:100%}.wb-enemy-card-hp .wb-nameplate-hp-stroke{-webkit-mask-size:330px 100%;mask-size:330px 100%}.wb-nameplate-hp-feedback-range{position:absolute;inset:0;clip-path:inset(0 0 0 max(0px,calc(var(--hp-feedback-start) - 3px)))}.wb-nameplate-hp-stroke{position:absolute;inset:0 auto 0 0;border-radius:6.5px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3.5 2.1 L11.6 1.2 22.4 1.8 35.8 .7 42.2 1.6 58.4 1.1 68.7 1.8 83.5 .8 95.7 1.4 111.2 .7 124.6 1.7 C130 .9 133 1.3 135.3 2.1 L134.9 2.7 C137.7 3.7 138 4.8 138.5 6.2 L138 7.1 C138.5 9.2 136.5 11.9 133.8 12.4 L132.2 12 Q129.4 13.4 120.4 12.3 L111.3 13.4 99.4 12.7 88.1 13.3 73.5 12.2 62.7 13.1 50.2 12.5 42.1 13.4 30.6 12.1 17.7 13.2 7.2 12.6 Q1.2 12.5 1.2 8.2 L2.1 6.7 1.2 5.8 Q1 3.5 3.5 2.1Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M3.5 2.1 L11.6 1.2 22.4 1.8 35.8 .7 42.2 1.6 58.4 1.1 68.7 1.8 83.5 .8 95.7 1.4 111.2 .7 124.6 1.7 C130 .9 133 1.3 135.3 2.1 L134.9 2.7 C137.7 3.7 138 4.8 138.5 6.2 L138 7.1 C138.5 9.2 136.5 11.9 133.8 12.4 L132.2 12 Q129.4 13.4 120.4 12.3 L111.3 13.4 99.4 12.7 88.1 13.3 73.5 12.2 62.7 13.1 50.2 12.5 42.1 13.4 30.6 12.1 17.7 13.2 7.2 12.6 Q1.2 12.5 1.2 8.2 L2.1 6.7 1.2 5.8 Q1 3.5 3.5 2.1Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;-webkit-mask-size:calc(var(--wb-nameplate-width, 184px) - 45px) 100%;mask-size:calc(var(--wb-nameplate-width, 184px) - 45px) 100%}.wb-nameplate-hp-fill{background:linear-gradient(180deg,#fa4c50,#ef333d 42%,#ce202c);box-shadow:inset 0 1px #ffa99740}.wb-nameplate-hp[data-hp-feedback=damage] .wb-nameplate-hp-fill{transition:width var(--hp-damage) ease-out}.wb-nameplate-hp[data-hp-feedback=damage] .wb-nameplate-hp-feedback-range{transition:clip-path var(--hp-damage) ease-out}.wb-nameplate-hp[data-hp-feedback=heal] .wb-nameplate-hp-fill{transition:width var(--hp-heal) cubic-bezier(.2,.8,.3,1) var(--hp-hold)}.wb-nameplate-hp[data-hp-feedback=heal] .wb-nameplate-hp-feedback-range{transition:clip-path var(--hp-heal) cubic-bezier(.2,.8,.3,1) var(--hp-hold)}.wb-nameplate-hp-feedback{visibility:hidden;top:1px;bottom:1px}.wb-nameplate-hp[data-hp-feedback=damage] .wb-nameplate-hp-feedback{visibility:visible;background:linear-gradient(180deg,#fffbea,#f0f2e7 65%,#b7c4c5)}.wb-nameplate-hp-feedback[data-releasing=true]{transition:width var(--hp-trail) cubic-bezier(.2,.8,.3,1)}.wb-nameplate-hp[data-hp-feedback=heal] .wb-nameplate-hp-feedback{visibility:visible;background:linear-gradient(180deg,#d1ffad,#77ed72 45%,#3ca651)}.wb-nameplate-hp-fill:after{content:"";position:absolute;inset:1px 2px 0;background:linear-gradient(179deg,rgba(255,131,113,.2),transparent 37%,rgba(152,18,33,.15) 89%,transparent)}.wb-nameplate-stamina{position:absolute;left:38px;right:5px;top:46px;display:flex;align-items:center;gap:3px;height:10px}.wb-nameplate-stamina-point{position:relative;width:10px;height:10px;flex:none;box-sizing:border-box;border-radius:48% 52% 47% 53%;background:linear-gradient(150deg,#374752,#243039);box-shadow:0 0 0 1px #000000d9,inset 0 1px 1px #bad3db2e}.wb-nameplate-stamina-point[data-filled=true]{background:radial-gradient(circle at 35% 30%,#c9ffa4 0 10%,#76ea69 38%,#44b64c 76%,#2d8340);box-shadow:0 0 0 1px #142c1c,inset 0 0 0 1px #a5ff9073,0 0 3px #60e85540}.wb-nameplate-stamina-point[data-filled=true]:after{content:"";position:absolute;top:2px;left:3px;width:2px;height:2px;border-radius:50%;background:#e5ffd9}.wb-nameplate-painted[data-dead=true] .wb-nameplate-name{color:#8a9292}.wb-nameplate-painted[data-dead=true] .wb-nameplate-icon{filter:saturate(.3) brightness(.7)}.wb-nameplate-painted:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.wb-nameplate-painted:before{transition:none}.wb-nameplate-hp .wb-nameplate-hp-stroke,.wb-nameplate-hp .wb-nameplate-hp-feedback-range{transition:none}}.wb-nameplate-painted[data-hide-dead=true]{transition:opacity .3s ease-out}.wb-nameplate-painted[data-hide-dead=true][data-dead=true]{opacity:0;pointer-events:none}.wb-nameplate-level{align-items:center;justify-content:center;width:20px;height:20px;box-sizing:border-box;border:1px solid #d3af66;border-radius:50%;background:#2a231b;color:#ffedbf;font-size:12px;line-height:18px}.wb-nameplate[data-queued-target=true] .wb-nameplate-name{color:#ff8677}.wb-queued-reticle{display:block;text-align:center;font-size:33px;line-height:31px;color:#ff9b82;text-shadow:0 1px 3px #000}@media(prefers-reduced-motion:reduce){[data-turn-order]>*{transition:none!important}}.wb-cycle-stamina-gain{animation:cycleStaminaGain 1.05s ease-out both}@keyframes cycleStaminaGain{0%{opacity:0;transform:translateY(10px) scale(.85)}22%{opacity:1;transform:translateY(0) scale(1.08)}70%{opacity:1}to{opacity:0;transform:translateY(-14px) scale(1)}}@keyframes cyclePipGain{0%{transform:scale(.6)}45%{transform:scale(1.4);box-shadow:0 0 8px #caff70}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.wb-cycle-stamina-gain{animation:none}}@keyframes ownTurnBeacon{0%{opacity:.8}to{opacity:1}}@media(prefers-reduced-motion:reduce){[data-turn-sign],[data-turn-track]{animation:none!important;transition:none!important}}@keyframes overstrikeRise{0%{opacity:0;transform:translateY(8px) scale(.86)}14%{opacity:1;transform:translateY(0) scale(1.05)}28%{transform:translateY(-2px) scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.wb-nameplate-stamina-point[data-spending=true]{background:radial-gradient(circle at 38% 30%,#fff6cf 0,#ffd83f 26%,#e59a06 62%,#7a4a02);box-shadow:0 0 5px #ffc42899,inset 0 -2px 3px #0007}.wb-nameplate-target-frame{position:absolute;inset:-7px -17px 12px;z-index:3;color:#71bbff;pointer-events:none;animation:nameplateTargetLock .22s ease-out both}.wb-plate[data-side=enemy] .wb-nameplate-target-frame{color:#ff776b}.wb-plate[data-self=true] .wb-nameplate-target-frame{color:#93ed75}.wb-nameplate-classic .wb-nameplate-target-frame{inset:-7px -17px 3px -26px}.wb-nameplate-target-frame:before,.wb-nameplate-target-frame:after{content:"";position:absolute;top:0;bottom:0;width:13px;background:currentColor;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2060%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%205C6%207%204%2012%204%2021L2%2030L4%2039C4%2048%206%2053%2012%2055%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2010C7%2013%206%2016%206%2020M6%2040C6%2044%207%2047%2010%2050%22%20stroke%3D%22white%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.45%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E) center / 100% 100% no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2060%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%205C6%207%204%2012%204%2021L2%2030L4%2039C4%2048%206%2053%2012%2055%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2010C7%2013%206%2016%206%2020M6%2040C6%2044%207%2047%2010%2050%22%20stroke%3D%22white%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.45%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E) center / 100% 100% no-repeat;filter:drop-shadow(0 1px 1px #120d09) drop-shadow(0 0 2px currentColor);animation:nameplateTargetGlow 2.2s ease-in-out infinite}.wb-nameplate-target-frame:before{left:0}.wb-nameplate-target-frame:after{right:0;transform:scaleX(-1)}@keyframes nameplateTargetLock{0%{opacity:.35;transform:scaleX(1.06)}to{opacity:1;transform:scaleX(1)}}@keyframes nameplateTargetGlow{0%,to{opacity:.78}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.wb-nameplate-target-frame,.wb-nameplate-target-frame:before,.wb-nameplate-target-frame:after{animation:none}}.cw-screen{--cw-title-font:"Alegreya SC",Georgia,serif}.cw-screen .cw-scene-heading h2,.cw-screen .cs-heading h1,.cw-screen .cw-class-title h1,.cw-screen .cw-class-card strong,.cw-screen .cs-details h2,.cw-screen .cs-empty-title,.cw-screen .cs-clan h3,.cw-screen .cw-name-form label,.cw-screen .cw-stats-help h2{font-family:var(--cw-title-font)!important;font-weight:900;text-transform:none;letter-spacing:.01em}.cw-screen .cs-heading h1{text-transform:none}.cw-scene-heading{isolation:isolate}.cw-scene-heading:before{content:"";position:absolute;inset:-14px -28px -14px calc(-5.7vw - 16px);z-index:-1;pointer-events:none;background:#111b1d99;-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat}@media(max-height:550px)and (orientation:landscape){.cw-scene-heading:before{left:calc(-6.7vw - 16px)}}@media(max-width:780px)and (orientation:portrait){.cw-scene-heading:before{left:calc(-11vw - 16px)}}.cw-screen .cs-empty-title{position:static;font-size:clamp(19px,1.8vw,30px);line-height:1.1;color:#d4d1bf;margin:0}.cw-screen .cs-clan h3{font-size:clamp(18px,1.4vw,24px);color:#f4d58c;margin:0 0 5px}.cs-profile-heading{display:flex;align-items:center;gap:10px;flex:none;margin-bottom:1.5dvh}.cs-profile-copy{flex:1;min-width:0;align-self:center}.cw-screen .cs-identity{align-items:center;gap:10px;overflow:visible;margin:0 0 4px}.cs-clan-line{display:flex;align-items:center;gap:6px;color:#ded8c8;font-size:clamp(11px,1vw,17px);line-height:1.2}.cs-clan-line img{width:20px;height:25px;object-fit:contain;flex:none}.cs-clan-line span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-screen .cs-profile-heading .cs-personal-flag{--personal-flag-scale:.075;position:relative;top:6px;width:calc(800px * var(--personal-flag-scale));height:calc(1160px * var(--personal-flag-scale));flex:none;transform-origin:50% 0;animation:cs-cloth-breeze 4.8s ease-in-out infinite;filter:drop-shadow(0 3px 3px #0009)}.cs-personal-flag:before{content:"";position:absolute;inset:0;background-color:#aa2339;background-image:linear-gradient(90deg,#22132038,#22132030 38%,#5c28230c,#ffe1a322 58%,#ffdfa336),url(/img/character-create/runtime-20261101/personal-flag-cloth.webp);background-size:100% 100%,calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale));background-position:0 0,calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale));background-repeat:no-repeat;background-blend-mode:normal,multiply;-webkit-mask:url(/img/character-create/runtime-20261101/personal-flag-cloth.webp) calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale))/calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale)) no-repeat;mask:url(/img/character-create/runtime-20261101/personal-flag-cloth.webp) calc(-164px * var(--personal-flag-scale)) calc(-110px * var(--personal-flag-scale))/calc(1122px * var(--personal-flag-scale)) calc(1402px * var(--personal-flag-scale)) no-repeat;clip-path:polygon(1% 0,14% 0,14% 7%,30% 9%,42% 9%,42% 0,57% 0,57% 9%,70% 9%,86% 6%,86% 0,99% 0,99% 100%,0 100%)}.cs-personal-flag:after{content:"";position:absolute;left:25%;top:23%;width:50%;height:38%;background:url(/img/warshards/class/swordsman-icon.webp) center/contain no-repeat;filter:drop-shadow(0 1px 1px #4b1b0b99) drop-shadow(0 0 3px #ffdb7866)}@keyframes cs-cloth-breeze{0%,to{transform:rotate(-.35deg) skew(-.5deg) scaleX(1)}45%{transform:rotate(.4deg) skew(.7deg) scaleX(.975)}75%{transform:rotate(-.6deg) skew(-.3deg) scaleX(.99)}}@media(prefers-reduced-motion:reduce){.cw-screen .cs-profile-heading .cs-personal-flag{animation:none}}@media(max-height:550px),(max-width:780px)and (orientation:portrait){.cw-screen .cs-profile-heading .cs-personal-flag{--personal-flag-scale:.05}}.cw-screen .cs-identity .cs-name{font-family:Alegreya SC,Georgia,serif;color:#f3eee0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.cw-screen .cs-identity .cs-level{margin-left:auto;font-size:.8em;white-space:nowrap}.cw-screen .cs-social h3{font-size:clamp(14px,1.2vw,21px);color:#f4d58c;margin:0 0 6px}.cw-screen .cs-social{display:flex;justify-content:flex-end}.cw-screen .cs-wallet{position:relative;inset:auto;display:flex;justify-content:flex-end;align-items:center;gap:clamp(16px,2vw,34px);flex:0 0 auto;margin-top:auto;padding-block:1.6dvh}.cw-screen .cs-wallet img{width:28px;height:28px}.cw-screen .cs-wallet b{font-size:clamp(16px,1.4vw,24px);white-space:nowrap;font-variant-numeric:tabular-nums}.cw-screen .cw-card-surface{background:#111b1db3;box-shadow:inset 0 1px 2px #e0dbbd24,inset 0 -4px 9px #050a0b66}.cw-card-surface:before{content:"";position:absolute;inset:0;background:url(/img/character-create/card-stone.webp) center/cover;opacity:.24;pointer-events:none;transition:opacity .18s}.cw-screen .cw-class-card:nth-child(2) .cw-card-surface{background-position:22% 40%}.cw-screen .cw-class-card:nth-child(3) .cw-card-surface{background-position:65% 70%}.cw-screen .cw-class-card:nth-child(4) .cw-card-surface{background-position:85% 20%}.cw-screen .cw-class-card[aria-checked=true] .cw-card-surface{background:linear-gradient(115deg,#70511dab,#24231eb8);box-shadow:inset 0 0 22px #c58d2333}.cw-class-card[aria-checked=true] .cw-card-surface:before{opacity:.3}.cw-screen .cw-class-card:hover .cw-card-surface:before,.cw-screen .cw-class-card:focus-visible .cw-card-surface:before{opacity:.4}.cw-screen .cw-class-card:hover .cw-card-surface,.cw-screen .cw-class-card:focus-visible .cw-card-surface{box-shadow:inset 0 0 20px #f0d18a24,inset 0 1px #ffe2a34d}.cw-screen .cw-class-card:not([aria-checked=true]):hover .cw-card-frame,.cw-screen .cw-class-card:not([aria-checked=true]):focus-visible .cw-card-frame{filter:drop-shadow(0 0 3px #d9b87580)}.cw-screen .cw-class-card .cw-card-portrait{transition:translate .2s,filter .2s}.cw-screen .cw-class-card:hover .cw-card-portrait{translate:2px -2px;filter:drop-shadow(2px 3px 3px #100d0966) brightness(1.06)}.cw-screen .cw-class-card .cw-card-portrait{height:100%;width:46%;top:0;left:0;right:auto;object-fit:contain;object-position:50% 0;-webkit-mask-image:none;mask-image:none}.cw-screen--select .cw-card-portrait-window{inset:-12% 2px 2px;overflow:visible;clip-path:inset(-20% 0 0)}.cw-screen .cw-avatar img{height:100%;width:100%;top:0;left:0;transform:none;object-fit:cover;object-position:50% 0}@media(orientation:portrait){.cw-screen .cw-class-card .cw-card-portrait{width:100%}}.cw-screen .cw-card-glare{background:radial-gradient(ellipse 70% 100% at 7% 0%,#f6dcaa1a,transparent 70%);opacity:1}.cw-screen .cs-add{border:0;border-radius:0;background:none;box-shadow:none;padding:0;display:block}.cs-add>svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 2px #0007)}.cw-screen .cs-play.wood-button{width:100%;align-self:stretch;min-height:64px;font:600 clamp(20px,1.7vw,28px)/1.2 Nunito,sans-serif;margin-top:auto}.cs-play-position{position:absolute;left:50%;bottom:6%;width:25%;transform:translate(-50%);z-index:5}@media(orientation:landscape){.cw-screen .cs-wallet{margin-bottom:64px}}@media(max-height:550px)and (orientation:landscape){.cw-screen .cs-wallet{margin-bottom:37px}}@media(max-width:780px)and (orientation:portrait){.cs-play-position{bottom:7%;width:88%;display:flex;justify-content:center}.cw-screen .cs-wallet{margin-bottom:44px}}.cw-screen .cs-xp{height:26px;border:0;clip-path:none;background:none;box-shadow:none;overflow:visible}.cs-xp .wb-nameplate-hp{position:relative;inset:auto;width:100%;height:100%;border-radius:0;-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;background:#1a2428;box-shadow:none}.cs-xp .wb-nameplate-hp-stroke{-webkit-mask-size:100% 100%;mask-size:100% 100%}.cs-xp .wb-nameplate-hp-fill,.cs-xp .wb-nameplate-hp .wb-nameplate-hp-feedback{background:linear-gradient(180deg,#fff098,#f3c34b 42%,#c9871d);box-shadow:inset 0 1px #fff4bb88}.cs-xp .wb-nameplate-hp-fill:after{background:linear-gradient(179deg,#fff4ab33,transparent 40%,#9b641422)}.cs-xp>span{font-weight:800;font-variant-numeric:tabular-nums}.cs-health{margin-bottom:6px}.cs-health .wb-nameplate-hp-fill,.cs-health .wb-nameplate-hp .wb-nameplate-hp-feedback{background:linear-gradient(180deg,#ffb093,#e9553b 42%,#9e251f);box-shadow:inset 0 1px #ffd8bb88}.cs-health .wb-nameplate-hp-fill:after{background:linear-gradient(179deg,#ffe3bb33,transparent 40%,#741b1422)}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){display:grid;grid-template-rows:clamp(92px,14dvh,140px) minmax(0,1fr) auto auto}.cw-class-details{display:grid;grid-template-rows:.85fr 1.2fr 1.2fr;min-height:0}.cw-screen .cw-detail-section{padding:8px 0;min-height:0;justify-content:center}.cw-screen .cw-detail-section h2{margin-bottom:9px;line-height:1.2}.cw-class-metrics{gap:7px 12px}.cw-class-metrics img{width:32px;height:32px}.cw-combat-features img{width:29px;height:29px}.cw-combat-features strong b{font-size:1.2em}.cw-combat-features p{font-size:clamp(10px,.75vw,13px);line-height:1.35;margin-top:4px}.cw-combat-features>div{padding:7px 0;gap:10px;border:0;background:none;clip-path:none}.cw-screen--class .cw-class-info--skill{gap:10px}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(92px,14dvh,140px);flex:none}.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:clamp(40px,5.3vw,90px)}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:clamp(20px,2.15vw,36px);margin-bottom:8px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:clamp(11px,1.05vw,18px);line-height:1.4}.cw-screen--class .cw-skill-back{position:absolute;top:-35px;left:0;margin:0;font-size:30px}.cw-screen .cw-back-control{display:grid;place-items:center;box-sizing:border-box;width:44px;height:40px;flex:none;padding:3px;border:0;background:none;color:#f4dc9c;filter:drop-shadow(0 2px 3px #1b180d80)}.cw-screen .cw-back-control>svg{display:block;width:100%;height:100%}.cw-screen--class .cw-skill-back.cw-back-control{top:-43px}@media(max-height:550px),(max-width:780px)and (orientation:portrait){.cw-screen .cw-back-control{width:34px;height:30px}.cw-screen--class .cw-skill-back.cw-back-control{top:-33px}}@media(orientation:landscape){.cw-screen--class{--cw-class-top:8dvh;--cw-back-height:40px}.cw-screen--class .cw-back-arrow{top:calc(var(--cw-class-top) / 2 - var(--cw-back-height) / 2)}.cw-screen--class .cw-skill-back.cw-back-control{top:calc(var(--cw-class-top) / -2 - var(--cw-back-height) / 2)}}@media(max-height:550px)and (orientation:landscape){.cw-screen--class{--cw-back-height:30px}}.cw-skill-description{flex:none;color:#eee8db;font-size:clamp(11px,.98vw,17px);line-height:1.4}.cw-skill-description p{margin:4px 0 0}.cw-screen .cw-skill-description .cw-skill-title{font-size:clamp(18px,1.6vw,27px);line-height:1.15;margin:0 0 8px;color:#f4d58c}.cw-screen--class .cw-class-info--skill .cw-demo{clip-path:none;-webkit-mask:none;mask:none;background:none}.cw-screen--class .cw-class-info--skill .cw-demo .ws-skill-preview{-webkit-mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;mask:url(/img/character-create/brush-mask.svg) center/100% 100% no-repeat;background:linear-gradient(#09131ea8,#13251c33),url(/img/character-create/runtime-20261101/overlook.webp) 50% 83%/260% auto no-repeat}.cw-stats-help{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(760px,90vw);max-height:86dvh;overflow:auto;padding:30px 32px 25px;border:14px solid transparent;border-image:url(/img/warshards/party/border.webp) 288 112 256 112 fill / 36px 14px 32px / 0 stretch;background:#eed3a0 url(/img/warshards/party/paper.webp) center/100% 100%;box-shadow:0 12px 35px #0008;color:#493015;text-shadow:none}.cw-screen .cw-stats-help h2{font-size:clamp(21px,2vw,30px);color:#493015}.cw-stats-help .cw-help-back{color:#62451f}.cw-stats-help .cw-stat-sheet{width:100%;margin-top:15px;font-size:14px;line-height:1.35}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:12px 9px;border-bottom:1px solid #93703b50;color:#493015;vertical-align:middle}.cw-stats-help .cw-stat-sheet tbody th{width:auto;font-size:16px;white-space:nowrap}.cw-stat-sheet thead th:nth-last-child(-n+2){font-size:19px}.cw-stat-sheet td:nth-last-child(-n+2){font-weight:800;width:16%}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:12px;color:#72532a;line-height:1.4;margin-top:12px}.cw-stats-help footer{border-color:#93703b50;padding-top:10px}@media(orientation:landscape){.cs-roster{width:21%;height:66%;top:15%;left:2.5%}.cw-screen--select .cw-classes{height:94%;gap:1.5dvh}.cw-screen--select .cs-character-copy{left:36%;gap:5px}.cw-screen--select .cs-empty .cs-character-copy{left:32%}.cw-screen--select .cs-character-copy strong,.cw-screen .cs-empty-title{font-size:clamp(18px,1.55vw,27px)}.cw-screen--select .cs-character-copy small{font-size:clamp(11px,.95vw,16px)}.cw-screen--select .cs-character-copy>span{font-size:clamp(10px,.88vw,15px)}.cw-screen--select .cw-card-portrait{width:41%}.cs-details{top:17%;bottom:9%;padding-bottom:0}.cw-screen--class .cw-class-info,.cw-screen--class .cw-class-info--skill{top:8%;bottom:14%}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:clamp(104px,15dvh,152px) minmax(0,1fr) auto auto}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(104px,15dvh,152px)}.cw-screen .cw-detail-section h2{margin-bottom:12px}.cw-screen--class .cw-skill>.cw-skill-tile,.cw-screen--class .cw-class-info--skill .cw-skill>.cw-skill-tile{max-width:94px}.cw-screen--class .cw-class-footer .cw-next{width:100%;min-height:62px;font-size:clamp(20px,1.7vw,28px)}}@media(max-height:550px)and (orientation:landscape){.cw-screen--class .cw-class-title h1,.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:18px;margin-bottom:4px}.cw-screen--class .cw-class-title p,.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:9px;line-height:1.25}.cw-screen--class .cw-class-title>img,.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:32px}.cw-class-details{grid-template-rows:1fr 1.2fr 1.2fr}.cw-mastery-copy p{font-size:8px;line-height:1.25}.cw-mastery-copy>img{width:22px;height:22px}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:clamp(62px,14dvh,85px) minmax(0,1fr) auto auto}.cw-screen--class .cw-class-info--skill .cw-class-title{height:clamp(62px,14dvh,85px)}.cw-screen .cw-detail-section{padding:4px 0}.cw-screen .cw-detail-section h2{font-size:10px!important;margin-bottom:4px}.cw-class-metrics{gap:3px 6px}.cw-class-metrics img{width:16px;height:16px}.cw-class-metrics b{font-size:9px}.cw-class-metrics small{font-size:7px}.cw-combat-features img{display:none}.cw-combat-features>div{padding:4px;gap:4px}.cw-combat-features strong{font-size:9px}.cw-combat-features p{font-size:7.5px;line-height:1.2}.cw-screen .cs-play.wood-button{min-height:37px;font-size:20px}.cw-screen .cs-xp{height:19px}.cw-stats-help{padding:17px 22px;max-height:94dvh}.cw-stats-help .cw-stat-sheet{margin-top:6px;font-size:12px}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:6px}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:10px;margin-top:7px}}@media(max-width:780px)and (orientation:portrait){.cw-screen--select .cs-details{top:63%}.cw-screen--select .cs-hero{height:33%;bottom:38%}.cw-screen .cs-wallet{display:flex;padding-block:4px;gap:24px;border-top:0}.cs-wallet:before{content:none}.cw-screen .cs-wallet img{width:22px;height:22px}.cw-screen .cs-wallet b{font-size:15px}.cw-screen--class .cw-class-info:not(.cw-class-info--skill){grid-template-rows:minmax(0,1fr) auto}.cw-class-details{grid-template-rows:auto auto auto}.cw-screen .cw-detail-section{padding:4px 0}.cw-screen .cw-detail-section h2{margin-bottom:4px}.cw-class-metrics{gap:4px}.cw-class-metrics img{width:18px;height:18px}.cw-class-metrics b{font-size:11px}.cw-class-metrics small{font-size:8px}.cw-combat-features img{width:23px;height:23px}.cw-combat-features p{font-size:8px}.cw-combat-features>div{padding:4px 5px;gap:5px}.cw-screen--class .cw-class-card strong{font-size:12px}.cw-screen .cs-empty-title{font-size:13px}.cw-screen .cs-play.wood-button{width:70%;min-height:44px;margin-top:auto}.cw-screen .cs-xp{height:19px}.cw-stats-help{width:96vw;max-height:88dvh;padding:18px 12px;border-width:8px}.cw-screen .cw-stats-help h2{font-size:22px}.cw-stats-help .cw-stat-sheet{font-size:11px}.cw-stats-help .cw-stat-sheet tbody th{font-size:12px;white-space:normal}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:9px 4px}.cw-stats-help .cw-help-note,.cw-stats-help footer{font-size:10px}.cw-screen--class .cw-class-info--skill .cw-class-title{height:auto;min-height:65px}.cw-screen--class .cw-class-info--skill .cw-class-title h1{font-size:20px}.cw-screen--class .cw-class-info--skill .cw-class-title p{font-size:10px}.cw-screen--class .cw-class-info--skill .cw-class-title>img{width:28px}}.cw-stats-help-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;background:#080c102e;padding:12px;box-sizing:border-box}.cw-stats-help.spot-window{position:relative;inset:auto;transform:none;width:min(800px,96vw);--game-window-padding:44px 36px 32px;--game-window-max-height: calc(100dvh - 24px) ;outline:none}.cw-stats-help-content{max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin}.cw-stats-help h2{margin:0;color:#493015;font:900 clamp(20px,2vw,30px)/1.2 "Alegreya SC",Georgia,serif}@media(max-width:600px){.cw-stats-help.spot-window{--game-window-padding:38px 24px 28px}.cw-stats-help .cw-stat-sheet{font-size:11px}.cw-stats-help .cw-stat-sheet th,.cw-stats-help .cw-stat-sheet td{padding:8px 4px}.cw-stats-help .cw-stat-sheet tbody th{font-size:12px;white-space:normal}}.restored-painted-vitals{display:grid;gap:4px;width:100%;font-family:Nunito,system-ui,sans-serif}.restored-painted-bar{position:relative;height:15px;min-width:0}.restored-painted-bar .wb-nameplate-hp{position:relative;inset:auto;width:100%;height:100%}.restored-painted-bar .wb-nameplate-hp-stroke{-webkit-mask-size:100% 100%;mask-size:100% 100%}.restored-painted-bar>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9df;font-size:10px;font-weight:900;line-height:1;text-shadow:0 1px 2px #000,0 0 3px #000;font-variant-numeric:tabular-nums;pointer-events:none}.restored-painted-xp{height:12px}.restored-painted-xp .wb-nameplate-hp-fill,.restored-painted-xp .wb-nameplate-hp .wb-nameplate-hp-feedback{background:linear-gradient(180deg,#fff098,#f3c34b 42%,#c9871d);box-shadow:inset 0 1px #fff4bb88}.restored-painted-xp .wb-nameplate-hp-fill:after{background:linear-gradient(179deg,#fff4ab33,transparent 40%,#9b641422)}@media(max-width:440px){.restored-painted-bar{height:12px}.restored-painted-xp{height:10px}.restored-painted-bar>span{font-size:8px}}.hud-skills-entry{display:flex;align-items:center;gap:7px;padding:0 9px;pointer-events:auto;font-family:Nunito,system-ui,sans-serif;color:#6d4519}.hud-skills-button{display:grid;place-items:center;width:28px;height:28px;flex:none;padding:2px;border:0;background:none;cursor:pointer;border-radius:5px}.hud-skills-button img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px #78501d88)}.hud-skills-button:hover{background:#c18c292b}.hud-skills-button:focus-visible{outline:2px solid #8d611d;outline-offset:2px}.hud-skills-entry>span{max-width:94px;font-size:11px;line-height:1.15;font-weight:900}.hud-skills-entry[data-upgrade] .hud-skills-button{animation:hud-skill-ready 2s ease-in-out infinite}@keyframes hud-skill-ready{0%,to{filter:drop-shadow(0 0 2px #ffcf5680)}50%{filter:drop-shadow(0 0 6px #ffd558) brightness(1.2)}}@media(prefers-reduced-motion:reduce){.hud-skills-entry[data-upgrade] .hud-skills-button{animation:none;filter:drop-shadow(0 0 4px #ffd558)}}@media(max-width:1080px){.hud-skills-entry{padding-inline:5px;gap:4px}.hud-skills-entry>span{max-width:73px;font-size:9px}}.mobile-skills-entry{position:absolute;left:14px;bottom:112px;z-index:40;pointer-events:auto;background:#251a0bdd;border:1px solid #a77c36;border-radius:25px;padding:4px 12px 4px 4px;max-width:190px}.mobile-skills-entry>span{font-size:11px;max-width:120px}.hud-development-button{position:fixed;left:clamp(210px,22vw,355px);bottom:92px;z-index:40;display:flex;align-items:center;gap:9px;padding:5px 11px 5px 5px;border:1px solid #b9914d88;border-radius:28px;background:#241a0ddd;color:#ffe8af;font-family:Nunito,sans-serif;text-align:left;cursor:pointer;pointer-events:auto;box-shadow:0 2px 5px #0006}.hud-development-icon{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;box-sizing:border-box;border:2px solid #ddb956;border-radius:50%;background:linear-gradient(#5b4423,#241a0e);box-shadow:inset 0 1px 2px #fff2b044}.hud-development-icon img{width:29px;height:29px;object-fit:contain}.hud-development-icon i{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #ffe1a0;border-radius:50%;background:#be4425;font:700 12px Nunito,sans-serif;color:#fff0b6}.hud-development-button b{display:block;font-size:13px;line-height:1.3}.hud-development-button small{display:block;font-size:11px;line-height:1.4;color:#f6d874}.hud-development-button:hover{background:#4b341ce8}.hud-development-button:focus-visible{outline:2px solid #ffe69b;outline-offset:3px}.hud-development-button[data-upgrade] .hud-development-icon{animation:hud-skill-ready 2s ease-in-out infinite}.hud-development-button.is-mobile{left:14px;bottom:112px;z-index:40}.hud-development-button.is-mobile b{font-size:12px}.hud-development-button.is-mobile small{font-size:10px}@media(prefers-reduced-motion:reduce){.hud-development-button[data-upgrade] .hud-development-icon{animation:none}}.hud-development-actions{position:fixed;left:clamp(210px,22vw,355px);bottom:92px;z-index:40;display:flex;gap:10px;pointer-events:auto}.hud-development-actions .hud-development-button{position:relative;inset:auto;z-index:auto;padding:0;border:0;background:none;box-shadow:none;border-radius:50%}.hud-development-actions .hud-development-icon{width:48px;height:48px}.hud-development-actions .hud-development-icon img{width:32px;height:32px}.hud-development-actions.is-mobile{left:14px;bottom:112px;z-index:40}.hud-development-actions.is-inline{display:contents;position:static}.hud-development-actions.is-inline .hud-development-button{flex:0 0 42px;width:42px;height:42px;min-width:0}.hud-development-actions.is-inline .hud-development-icon{width:100%;height:100%;box-sizing:border-box}.hud-development-actions.is-inline .hud-development-icon img{width:70%;height:70%;object-fit:contain}@media(max-width:1350px){.hud-development-actions.is-inline .hud-development-button{width:39px;height:39px;flex-basis:39px}}@media(max-width:680px){.hud-development-actions.is-inline .hud-development-button{width:32px;height:32px;flex-basis:32px}}@media(max-width:440px){.hud-development-actions.is-inline .hud-development-button{width:26px;height:26px;flex-basis:26px}}@media(max-width:380px){.hud-development-actions.is-inline .hud-development-button{width:24px;height:24px;flex-basis:24px}}.hud-development-actions.is-avatar{display:flex;gap:8px;position:static}.hud-development-actions.is-avatar .hud-development-button{width:40px;height:40px;flex-basis:40px}.hud-development-icon img{filter:brightness(0) invert(.95) sepia(.25)}@media(max-width:680px){.hud-development-actions.is-avatar{gap:5px}.hud-development-actions.is-avatar .hud-development-button{width:30px;height:30px;flex-basis:30px}}.inventory-shard-frame{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;position:relative;box-sizing:border-box;border:2px solid #bd9b59;border-radius:12px;background:radial-gradient(ellipse,#35271f,#130e0b 80%)}.inventory-shard-frame .shard-art{width:85%;height:85%;min-width:0;min-height:0;object-fit:contain}.hero-shards{position:absolute;left:151px;top:197px;width:324px;height:202px;pointer-events:none}.hero-shard-slots{position:relative;width:100%;height:100%}.hero-shard-slot{position:absolute;width:77px;height:78px;padding:0;border:2px solid #c59d56;border-radius:11px;background:radial-gradient(ellipse,#392c20,#100e0b 80%);box-shadow:0 0 0 2px #36291b,inset 0 0 0 2px #8b663d66,0 3px 4px #100b08bb;cursor:pointer;pointer-events:auto}.hero-shard-slot:nth-child(1){left:0;top:0}.hero-shard-slot:nth-child(2){left:0;bottom:0}.hero-shard-slot:nth-child(3){right:0;top:0}.hero-shard-slot:nth-child(4){right:0;bottom:0}.hero-shard-slot:before,.hero-shard-slot:after{content:"◆";position:absolute;top:27px;font-size:17px;color:#9d7b40;text-shadow:0 1px #291e10;z-index:-1}.hero-shard-slot:before{left:-10px}.hero-shard-slot:after{right:-10px}.hero-shard-stone{display:grid;place-items:center;width:100%;height:100%}.hero-shard-stone img{width:43px;height:59px;object-fit:contain}.hero-shard-empty{color:#77603d;font-size:40px;opacity:.6}.hero-shard-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.character-equipment{position:absolute;inset:0;isolation:isolate}.character-equipment-art{position:absolute;left:20.3%;top:4.85%;width:59.35%;height:85.46%;pointer-events:none}.character-equipment-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 0 #b87539) drop-shadow(-1px 0 #b87539) drop-shadow(0 1px #b87539) drop-shadow(0 -1px #b87539)}.character-equipment-shadow{position:absolute;left:24.5%;top:81%;width:56.45%;height:8.3%;background:radial-gradient(ellipse,#0c0908a6,transparent 68%);filter:blur(8px);pointer-events:none}.character-equipment-column{position:absolute;top:0;bottom:19.4%;width:17.1%;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.character-equipment-column--left{left:3.55%}.character-equipment-column--right{right:3.55%}.character-equipment-column>[data-equip-slot]{width:100%!important;height:auto!important;aspect-ratio:1;box-sizing:border-box;border-radius:13px!important;border:2px solid #dab778!important;background:radial-gradient(ellipse,#35271f,#130e0b 80%)!important;box-shadow:0 0 0 2px #30251b,0 4px 6px #08070699,inset 0 0 0 2px #8d68394a!important}.character-equipment-column>[data-equip-slot]>div{border-radius:10px!important}.character-equipment>.hero-shards{left:24.35%;top:26.5%;width:52.25%;height:27.2%}.character-equipment .hero-shard-slot{width:24%;height:auto;aspect-ratio:1}.character-equipment .hero-shard-stone img{width:56%;height:76%}.character-equipment--inventory .character-equipment-column{bottom:10%}.character-equipment--inventory .character-equipment-art{height:94%;top:3%}.character-equipment--inventory .character-equipment-shadow{top:90%}@media(max-width:779px){.character-equipment-column{bottom:12%}.character-equipment-art{left:22%;top:4%;width:56%;height:90%}.character-equipment>.hero-shards{left:22%;top:26%;width:56%;height:29%}.character-equipment .hero-shard-slot:before,.character-equipment .hero-shard-slot:after{top:25%;font-size:13px}}.shard-socket-shade{position:fixed;inset:0;z-index:4200;background:#120c0870;display:grid;place-items:center;padding:24px;box-sizing:border-box}.shard-socket-window{position:relative;width:min(650px,100%);max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;--game-window-padding:34px 30px 28px;color:#493117;outline:none}.shard-socket-window h2{margin:0 24px 8px 0;font:800 27px Alegreya SC,Georgia,serif}.shard-socket-window h3{font-size:17px;margin:22px 0 10px}.shard-socket-intro,.shard-socket-hint{font-size:14px;line-height:1.5;color:#76552e;margin:8px 0 14px}.shard-socket-types{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid #ad874e55;border-bottom:1px solid #ad874e55}.shard-socket-types>span{display:flex;align-items:center;gap:7px;font-size:13px}.shard-socket-types .shard-art{width:26px;height:36px}.shard-socket-equipped,.shard-socket-list>div{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #ad874e55}.shard-socket-equipped>div,.shard-socket-list>div>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.shard-socket-equipped>.inventory-shard-frame,.shard-socket-list>div>.inventory-shard-frame{width:64px;height:64px;flex:none}.shard-socket-equipped>div>span,.shard-socket-list>div>div>span{font-size:13px;color:#76552e}.shard-socket-empty{padding:18px 0}.shard-socket-empty p{font-size:14px;line-height:1.6;margin:8px 0 0}.shard-socket-window [role=alert]{color:#9e3727}@media(max-width:600px){.shard-socket-shade{padding:12px}.shard-socket-window{max-height:calc(100dvh - 24px);--game-window-padding:30px 22px 24px}.shard-socket-window h2{font-size:23px}.shard-socket-equipped,.shard-socket-list>div{gap:9px}}.shard-socket-window{display:flex;flex-direction:column;--game-window-max-height: calc(100dvh - 48px) }.shard-socket-body{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ac8043 transparent;padding-right:4px}.shard-socket-body .wood-button{min-width:90px}@media(max-width:600px){.shard-socket-window{--game-window-max-height: calc(100dvh - 24px) }}.shard-socket-body .wood-button,.shard-socket-body .wood-button-content{color:#fff}.enchant-slot-aura{position:absolute;inset:2px;overflow:hidden;border-radius:inherit;z-index:1;pointer-events:none;isolation:isolate;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--aura-color) 55%,transparent),transparent 75%);opacity:var(--aura-power)}.enchant-slot-aura:before{content:"";position:absolute;inset:-45%;background:repeating-conic-gradient(from 5deg,transparent 0 42deg,var(--aura-color) 53deg,transparent 68deg 100deg);filter:blur(6px);mix-blend-mode:screen;animation:enchantAuraTurn var(--aura-speed) linear infinite}.enchant-slot-aura:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,#fff5c1,transparent 52%);animation:enchantAuraBreathe 2.3s ease-in-out infinite alternate}.enchant-slot-aura i{position:absolute;bottom:-5px;left:18%;width:3px;height:3px;border-radius:50%;background:#fff1c4;box-shadow:0 0 5px 2px var(--aura-color);animation:enchantAuraSpark calc(var(--aura-speed) * .6) linear infinite}.enchant-slot-aura i:nth-child(2){left:73%;animation-delay:-.9s}.enchant-slot-aura i:nth-child(3){left:48%;animation-delay:-1.8s}[data-enchant-aura="7"] i:nth-child(n+2){display:none}[data-enchant-aura="8"] i:nth-child(3){display:none}@keyframes enchantAuraTurn{to{transform:rotate(360deg)}}@keyframes enchantAuraBreathe{to{opacity:.35;transform:scale(.8)}}@keyframes enchantAuraSpark{0%{transform:translate(0);opacity:0}20%{opacity:1}90%{opacity:.7}to{transform:translate(9px,-95px);opacity:0}}@media(prefers-reduced-motion:reduce){.enchant-slot-aura:before,.enchant-slot-aura:after,.enchant-slot-aura i{animation:none}.enchant-slot-aura i{display:none}}.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}}.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}.battle-art-window{position:relative;width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 72px);box-sizing:border-box;padding:24px 8px 18px;border-style:solid;border-width:42px 40px 46px;border-image:url(/img/warshards/battle-windows/frame.webp) 85 95 80 95 fill stretch;color:#412b14;background:none;font:17px/1.4 Nunito,sans-serif;isolation:isolate}.battle-art-content{max-height:calc(100dvh - 160px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#a27a39 transparent;padding:6px 4px 4px}.battle-art-title{position:absolute;box-sizing:border-box;left:50%;top:-28px;transform:translate(-50%);width:68%;height:86px;pointer-events:none;display:grid;place-items:center;border:solid transparent;border-width:22px 62px;border-image:url(/img/warshards/battle-windows/title.webp) 44 124 fill / 22px 62px / 0 stretch;background:none;z-index:4}.battle-art-title h2{margin:0 30px;font:bold clamp(22px,3.4vw,38px)/1.05 Georgia,serif;color:#ffe3a3;text-align:center;text-shadow:0 2px 1px #281203,1px 0 #281203,-1px 0 #281203}.battle-art-window>.wood-button--close{position:absolute;right:-14px;top:-14px;z-index:4;transform:scale(1.15)}.battle-art-window p{margin:10px 0}.battle-art-window h3{margin:0 0 12px;font:700 23px/1.15 Georgia,serif;color:#38210d}.battle-art-icon{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0;-webkit-user-select:none;user-select:none}.battle-art-card{border:1px solid #b48b4b88;background:#a87d2a08;box-shadow:inset 0 0 0 3px #f4dca32e;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);padding:15px}.battle-art-divider{position:relative;height:1px;background:#b7904a99;margin:24px 0}.battle-art-divider:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;transform:rotate(45deg);border:2px solid #b7904a;background:#f2d394;box-shadow:0 0 0 6px #f1d496}.battle-info-symbol{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border:2px solid #c49d4b;border-radius:50%;background:linear-gradient(#855b22,#52310e);color:#f4dd9d;font:700 20px Georgia,serif;box-shadow:0 0 0 1px #5d3c17}.battle-art-note{display:flex;align-items:center;gap:15px;padding:14px 18px;background:#aa7d2e20;border-radius:12px;color:#75552c;font-size:16px}.battle-art-intro{display:flex;align-items:center;gap:20px;font-size:19px;line-height:1.55;padding:6px 8px 22px;border-bottom:1px solid #b68b4e77}.battle-art-intro .battle-info-symbol{width:34px;height:34px;font-size:27px;margin:0 8px}.torch-backdrop,.seal-dialog-backdrop{padding:36px 12px;box-sizing:border-box;background:#1b130a80;z-index:1900;overflow-y:auto;display:grid;place-items:center}.torch-art-tabs{display:flex;border-bottom:1px solid #b08b4a99;margin:0 0 22px;padding-bottom:0}.torch-art-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;width:235px;height:65px;border:0;background:url(/img/warshards/battle-windows/tab.webp) center/100% 100% no-repeat;color:#d8c5a3;font:700 25px Georgia,serif;text-shadow:0 2px 1px #271106;cursor:pointer}.torch-art-tabs button[aria-pressed=true]{color:#fff0bb;box-shadow:inset 0 -5px 4px -4px #ffb92d;background-color:#c27c0020}.torch-art-tabs .battle-art-icon{width:42px;height:47px}.torch-art-overview{display:grid;grid-template-columns:26% 39% 1fr;gap:12px;align-items:stretch}.torch-art-portrait{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.torch-art-portrait>img{display:block;width:100%;max-height:260px;object-fit:contain}.torch-art-portrait>b{display:block;position:relative;width:100%;box-sizing:border-box;margin-top:-5px;padding:9px 5px;border:5px ridge #8c887a;border-radius:5px;background:linear-gradient(#413d32,#272820);color:#b5e78d;font-size:18px;text-align:center;text-shadow:0 2px #15190c}.torch-art-levels{text-align:center;display:flex;flex-direction:column;justify-content:space-between}.torch-art-levels h3{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.torch-art-levels>strong{font-size:27px;color:#2e1807;margin-top:10px}.torch-art-flames{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #af864c66;border-radius:6px;padding:10px 4px;background:#b0884214;gap:2px}.torch-art-flames button{border:0;background:none;padding:0;cursor:pointer;border-radius:5px}.torch-art-flames .battle-art-icon{width:100%;height:66px;filter:sepia(1) saturate(.6) brightness(.65);opacity:.55}.torch-art-flames .is-filled .battle-art-icon{filter:none;opacity:1}.torch-art-flames button[aria-pressed=true]{box-shadow:inset 0 -2px #a8762d}.torch-art-flames button:focus-visible{outline:2px solid #81551b}.torch-art-bonuses{position:relative}.torch-art-bonuses h3{text-align:center;font-size:22px}.torch-art-bonuses>.battle-art-icon{position:absolute;left:6px;top:52px;width:70px;height:75px}.torch-art-bonuses>div{padding-left:65px}.torch-art-bonuses p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:3px 0;border-bottom:1px solid #b8873d22;white-space:nowrap;font-size:16px}.torch-art-bonuses b{color:#2b5724;font-size:19px}.torch-art-fuel{grid-column:2/4;display:grid;grid-template-columns:1.15fr 1fr;padding:12px 8px}.torch-art-fuel>div{display:flex;align-items:center;gap:12px;padding:0 8px}.torch-art-fuel>div+div{border-left:1px solid #ac843b77}.torch-art-fuel .battle-art-icon{width:65px;height:70px}.torch-art-fuel span{font-size:16px;line-height:1.25}.torch-art-fuel strong{display:block;font-size:21px;margin:5px 0;color:#38200e}.torch-art-fuel small{font-size:12px}.torch-art-purchase{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 36px 12px}.torch-premium-button{position:relative;isolation:isolate;display:grid;place-items:center;min-height:104px;padding:10px 24px;border:0;background:url(/img/warshards/battle-windows/purchase-blue.webp) center/100% 100% no-repeat;color:#f5e8ce;cursor:pointer;text-shadow:0 2px 2px #0d1c27;font:700 24px Georgia,serif;overflow:hidden;transition:transform .1s}.torch-premium-button.is-gold{background-image:url(/img/warshards/battle-windows/purchase-gold.webp);color:#fff3c5;text-shadow:0 2px 2px #402006}.torch-premium-button>span{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px}.torch-premium-button span>span{display:flex;align-items:center;gap:8px}.torch-premium-button .battle-art-icon{width:25px;height:32px}.torch-premium-button:disabled{filter:saturate(.25) brightness(.8);cursor:default}.torch-premium-button:enabled:active{transform:translateY(2px)}.torch-premium-button:focus-visible{outline:3px solid #9c732a;outline-offset:3px}.torch-premium-button.is-gold:enabled:after{content:"";position:absolute;z-index:1;inset:8px;background:linear-gradient(110deg,transparent 35%,#fff5b500 42%,#fff5b56b 50%,#fff5b500 58%,transparent 65%);transform:translate(-150%);animation:torchGoldSheen 9s ease-in-out infinite;pointer-events:none}@keyframes torchGoldSheen{0%,72%{transform:translate(-150%)}92%,to{transform:translate(150%)}}.torch-art-footer{justify-content:center}.torch-art-footer>span{height:25px;width:1px;background:#9d7438;flex:none;margin:0 18px}.torch-art-wallet{display:block;text-align:center;color:#846033}.torch-art-controls{padding:8px 12px}.torch-art-controls>.wood-dialog-button{min-height:42px}.torch-art-controls .torch-fuel-row{display:flex;align-items:end;gap:16px}.torch-art-controls .torch-fuel-row>label{flex:1}.torch-art-controls select,.torch-market-form input{display:block;width:100%;box-sizing:border-box;padding:8px;border:1px solid #ac844a;border-radius:5px;background:#fff4da77;color:#493017;font:inherit}.torch-art-controls .wood-dialog-button,.torch-market-form .wood-dialog-button,.torch-market-list .wood-dialog-button{min-width:170px;height:43px}.torch-art-renew{display:flex;align-items:center;gap:12px}.torch-art-renew .torch-premium-button{min-height:55px;font-size:17px;flex:1}.torch-art-window .torch-note{font-size:12px;line-height:1.45;color:#816238}.torch-art-window [role=alert]{color:#9b301e}.seal-art-window{width:min(920px,calc(100vw - 32px))}.seal-art-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.seal-art-choices .seal-stone-choice{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:20px 15px 18px;border:3px double #bc924c;border-radius:10px;background:#b88a3310}.seal-art-choices .seal-stone-choice>.battle-art-icon{width:88px;height:108px;align-self:start}.seal-art-choices .seal-stone-choice>div{display:contents}.seal-art-choices .seal-stone-choice strong{align-self:center;font:700 22px/1.2 Georgia,serif}.seal-art-choices .seal-stone-choice>div>div{grid-column:1/3;text-align:center;color:#76532c;font-size:17px}.seal-art-choices .seal-stone-choice>div>div b{font-size:24px;color:#36210b}.seal-art-choices p{grid-column:1/3;min-height:66px;text-align:center;margin:8px 0;padding:15px 0 0;border-top:1px solid #bb924b88;font-size:18px}.seal-art-choices .seal-stone-choice .wood-dialog-button{grid-column:1/3;width:100%;height:54px;font-size:21px}.soul-art-window{width:min(1000px,calc(100vw - 32px));padding-top:40px}.soul-art-window .battle-art-title{left:2%;transform:none;top:0;width:57%;height:67px}.soul-art-window .battle-art-title h2{font-size:27px}.soul-art-window .battle-art-content{padding-top:40px;max-height:calc(100dvh - 250px)}.soul-art-overview{display:grid;grid-template-columns:42% 25% 1fr;align-items:center;gap:10px}.soul-art-overview>p{font-size:20px;line-height:1.5}.soul-art-illustration{width:100%;height:230px}.soul-art-balance{display:flex;align-items:center;gap:12px;margin:15px 0;padding:5px 10px;background:linear-gradient(90deg,#33425100,#334251c9 12%,#334251b3 85%,#33425100);color:#fff3dd}.soul-art-balance.is-red{background:linear-gradient(90deg,#80301c00,#80301cbf 12%,#80301c99 85%,#80301c00)}.soul-art-balance>.battle-art-icon{width:57px;height:77px}.soul-art-balance>strong{font-size:30px;text-shadow:0 2px 2px #1e130c;white-space:nowrap}.soul-art-balance>span{margin-left:auto;color:#a4cbe4;font-weight:900;font-size:20px;white-space:nowrap}.soul-art-balance.is-red>span{color:#e59684}.soul-art-balance i{font-style:normal;font-size:24px}.soul-art-cost{display:flex;align-items:center;gap:15px;margin:26px 10px;font-size:23px;color:#2c210d}.soul-art-cost>b{margin-right:12px;font-weight:800}.soul-art-cost>.battle-art-icon{width:43px;height:57px}.soul-art-cost>strong{font-size:28px}.soul-stamina-icon{display:grid;place-items:center;flex:none;width:65px;height:65px;margin-right:10px;border:4px double #be953c;border-radius:50%;background:linear-gradient(#4b4a39,#242b29);color:#a5eb22;font:700 58px/1 Georgia,serif;text-shadow:0 2px 2px #192b00}.soul-cost-separator{width:1px;height:38px;margin:0 10px;background:#b2935b}.soul-art-details{font-size:13px;color:#77552b}.soul-art-details summary{cursor:pointer;text-align:center}.soul-art-details ul{columns:2;padding-left:25px}@media(prefers-reduced-motion:reduce){.torch-premium-button.is-gold:enabled:after{animation:none}.torch-premium-button{transition:none}}@media(max-width:760px){.battle-art-window{padding:16px 4px 12px;border-width:38px 24px 36px;font-size:14px}.battle-art-title{height:72px;width:80%;top:-56px}.battle-art-window>.wood-button--close{right:-6px;top:-12px;transform:none}.battle-art-content{max-height:calc(100dvh - 160px)}.torch-art-overview{grid-template-columns:28% 1fr}.torch-art-portrait{grid-row:1/3}.torch-art-levels{grid-column:2}.torch-art-bonuses{grid-column:2;display:none}.torch-art-fuel{grid-column:1/3}.torch-art-tabs button{height:52px;font-size:21px}.torch-art-tabs .battle-art-icon{width:30px;height:35px}.torch-art-purchase{margin:16px 0;gap:12px}.torch-premium-button{font-size:20px;min-height:90px;padding:10px}.torch-art-footer{font-size:13px;gap:6px;padding:10px}.torch-art-footer>span{margin:0 5px}.torch-art-portrait>b{font-size:13px}.torch-art-levels h3{font-size:20px}.torch-art-fuel .battle-art-icon{width:44px;height:55px}.torch-art-fuel strong{font-size:18px}.torch-art-fuel span{font-size:13px}.soul-art-overview{grid-template-columns:1fr 40%}.soul-art-overview>p{grid-column:1/3;font-size:17px}.soul-art-window .battle-art-title{top:-10px;width:75%;left:5%;height:65px}.soul-art-window .battle-art-title h2{font-size:22px}.soul-art-window .battle-art-content{padding-top:40px}.soul-art-balance>strong{font-size:24px}.soul-art-balance>span{font-size:15px}.soul-art-balance i{display:none}.soul-art-cost{gap:8px;font-size:17px;margin:22px 0;flex-wrap:wrap}.soul-art-cost>b{margin-right:0}.soul-stamina-icon{width:45px;height:45px;font-size:40px;margin:0}.soul-art-cost>.battle-art-icon{width:30px;height:40px}.battle-art-intro{font-size:16px;gap:8px}.battle-art-intro .battle-info-symbol{margin:0}.seal-art-choices .seal-stone-choice{grid-template-columns:65px 1fr;padding:15px 10px}.seal-art-choices .seal-stone-choice>.battle-art-icon{width:65px;height:80px}.seal-art-choices .seal-stone-choice strong{font-size:18px}.seal-art-choices .seal-stone-choice .wood-dialog-button{font-size:17px}}@media(max-width:470px){.battle-art-window{width:calc(100vw - 16px);padding:14px 0 10px;border-width:36px 20px 34px}.battle-art-title h2{font-size:22px}.battle-art-title{width:85%}.battle-art-card{padding:10px}.torch-art-tabs{margin-bottom:14px}.torch-art-tabs button{font-size:18px;gap:5px}.torch-art-flames .battle-art-icon{height:43px}.torch-art-levels h3{font-size:17px}.torch-art-levels>strong{font-size:22px}.torch-art-levels .battle-info-symbol{display:none}.torch-art-portrait>b{padding:5px 1px;font-size:11px;border-width:3px}.torch-art-fuel{gap:0}.torch-art-fuel>div{gap:5px;padding:0 3px}.torch-art-fuel .battle-art-icon{width:32px;height:44px}.torch-art-fuel strong{font-size:15px}.torch-art-fuel small{font-size:10px}.torch-premium-button{min-height:78px;font-size:17px}.torch-art-controls .torch-fuel-row{flex-wrap:wrap}.torch-art-controls .torch-fuel-row .wood-dialog-button{width:100%}.torch-art-renew{flex-wrap:wrap}.torch-art-renew>small{width:100%}.torch-art-footer{flex-wrap:wrap}.torch-art-footer>span{display:none}.battle-art-intro{font-size:14px;padding:5px 0 14px}.battle-art-intro .battle-info-symbol{display:none}.seal-art-choices{gap:9px;margin-top:14px}.seal-art-choices .seal-stone-choice{display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:8px}.seal-art-choices .seal-stone-choice strong{text-align:center;font-size:17px}.seal-art-choices p{font-size:14px;min-height:65px;margin:0}.seal-art-choices .seal-stone-choice>div>div{font-size:12px}.seal-art-choices .seal-stone-choice .wood-dialog-button{height:48px;font-size:14px}.soul-art-overview{grid-template-columns:1fr}.soul-art-balance{gap:8px;margin:8px 0}.soul-art-balance>strong{font-size:25px}.soul-art-illustration{height:160px}.soul-art-overview>p{grid-column:auto;font-size:15px}.soul-art-cost>b{font-size:16px}.soul-cost-separator{margin:0 3px}.battle-art-note{font-size:13px;padding:10px;gap:10px}.soul-art-cost>strong{font-size:23px}.soul-art-window .battle-art-title h2{font-size:20px}.soul-art-window .battle-art-title{height:58px}}.torch-art-xp-wrap{position:absolute;left:6px;top:52px;width:70px;height:75px;display:grid;place-items:center}.torch-art-xp-wrap .battle-art-icon{width:70px;height:75px}.torch-art-xp-wrap>b{position:absolute;color:#ffdf90;text-shadow:0 2px 1px #211100;font:900 21px Georgia,serif}.soul-art-balance{background:url(/img/warshards/battle-windows/brush-blue.webp) center/100% 100% no-repeat}.soul-art-balance.is-red{background-image:url(/img/warshards/battle-windows/brush-red.webp)}.battle-art-window>.wood-button--close{top:-50px;right:-48px}.battle-art-window:focus{outline:none}@media(max-width:760px){.battle-art-window>.wood-button--close{top:-46px;right:-32px}}@media(max-width:470px){.battle-art-window>.wood-button--close{top:-44px;right:-24px}}.development-window>.wood-button--close{right:-48px}@media(max-width:760px){.development-window>.wood-button--close{right:-32px}}@media(max-width:540px){.development-window>.wood-button--close{right:-20px;top:-40px}}.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}.shard-merchant .shop-wood-header>i:nth-child(3){transform:translateY(-5px)}.shard-merchant .shop-wood-title{transform:translate(-50%,-5px)}.shard-merchant.spot-window:after{clip-path:polygon(0 0,var(--game-frame-side) 0,var(--game-frame-side) var(--game-frame-top),calc(100% - var(--game-frame-side)) var(--game-frame-top),calc(100% - var(--game-frame-side)) 0,100% 0,100% 100%,0 100%)}