/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-400:oklch(79.2% .209 151.711);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-6xl:72rem;--text-xs:.75rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.top-10{top:calc(var(--spacing) * 10)}.right-0{right:0}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-ml-px{margin-left:-1px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-12{margin-left:calc(var(--spacing) * 12)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-auto{width:auto}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-xl{max-width:var(--container-xl)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-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-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-400{background-color:var(--color-green-400)}.bg-white{background-color:var(--color-white)}.from-gray-700\/50{--tw-gradient-from:#36415380}@supports (color:color-mix(in lab, red, red)){.from-gray-700\/50{--tw-gradient-from:color-mix(in oklab, var(--color-gray-700) 50%, transparent)}}.from-gray-700\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.text-black{color:var(--color-black)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-75{opacity:.75}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-gray-500\/20{--tw-shadow-color:#6a728233}@supports (color:color-mix(in lab, red, red)){.shadow-gray-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gray-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.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,)}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.group-\[\.status-down\]\:bg-red-600:is(:where(.group).status-down *){background-color:var(--color-red-600)}.selection\:bg-red-500 ::selection{background-color:var(--color-red-500)}.selection\:bg-red-500::selection{background-color:var(--color-red-500)}.selection\:text-white ::selection{color:var(--color-white)}.selection\:text-white::selection{color:var(--color-white)}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--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)}.focus\:outline:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-red-500:focus{outline-color:var(--color-red-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media (width>=40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-3\/4{width:75%}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-0{padding-top:0}}@media (width>=64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width>=80rem){.xl\:w-1\/2{width:50%}}.rtl\:flex-row-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}@media (hover:hover){.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}}.landing{--stage-ratio:16 / 9}.landing__hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2rem;padding-block:clamp(2rem,6vw,5rem);display:grid}.landing__copy h1{text-wrap:balance;margin-block:.5rem 1rem;font-size:clamp(2rem,1.2rem + 3.4vw,3.75rem);line-height:1.05}.landing__sub{color:var(--color-text-muted);font-size:var(--text-lg);max-width:46ch}.landing__cta{flex-wrap:wrap;gap:.5rem;margin-block-start:1.75rem;display:flex}.landing__cta input{flex:14rem;min-width:0}.landing__cta-note{color:var(--color-text-muted);font-size:var(--text-sm);margin-block-start:.75rem}.landing__stage{aspect-ratio:var(--stage-ratio);background:var(--color-board);isolation:isolate;border-radius:.75rem;position:relative;overflow:hidden}.landing__stage:before{content:"";background:radial-gradient(60% 45% at 52% 72%,#e0a44e38,#0000 70%);position:absolute;inset:0}.landing__stage:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 55%, transparent 40%, var(--color-bg) 100%);position:absolute;inset:0}.landing__ground{background:repeating-linear-gradient(26.57deg,#f2f2f20d 0 1px,#0000 1px 64px),repeating-linear-gradient(-26.57deg,#f2f2f20d 0 1px,#0000 1px 64px);position:absolute;inset:45% 0 0;-webkit-mask-image:linear-gradient(#0000,#000 35% 70%,#0000);mask-image:linear-gradient(#0000,#000 35% 70%,#0000)}.landing__sprite{bottom:var(--y);left:var(--x);width:var(--w);height:auto;z-index:var(--z,2);position:absolute;translate:-50%}.landing__sprite--far{filter:brightness(.5)saturate(.6);z-index:1}.landing__sprite--hero{z-index:3;filter:drop-shadow(0 0 2.5rem #e0a44e59)}.landing__sprite--near{z-index:4}.landing__ember{bottom:var(--y);left:var(--x);z-index:4;background:var(--color-accent-strong);opacity:0;width:3px;height:3px;animation:landing-ember var(--dur) linear var(--delay) infinite;border-radius:50%;position:absolute}@keyframes landing-ember{0%{opacity:0;translate:0}15%{opacity:.9}to{opacity:0;translate:0 -8rem}}@media (prefers-reduced-motion:reduce){.landing__ember{opacity:.5;animation:none}}@media (width<=60rem){.landing__hero{grid-template-columns:minmax(0,1fr)}.landing__copy{order:1}.landing__stage-wrap{order:2}.landing{--stage-ratio:4 / 3}}.landing__band{border-block-start:1px solid var(--color-border);padding-block:clamp(2.5rem,5vw,4.5rem)}.landing__band-title{font-size:var(--text-xl);margin-block-end:1.75rem}.landing__pillars{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.25rem;display:grid}.landing__pillar{border:1px solid var(--color-border);background:var(--color-panel);border-radius:.75rem;padding:1.25rem}.landing__pillar img{object-fit:contain;max-width:6rem;height:6rem;margin-block-end:.75rem}.landing__pillar h3{color:var(--color-accent-strong);margin-block-end:.4rem}.landing__pillar p,.landing__step p{color:var(--color-text-muted);font-size:var(--text-sm)}.landing__steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.landing__step-number{background:var(--color-accent);width:2rem;height:2rem;color:var(--color-on-accent);border-radius:50%;place-items:center;margin-block-end:.6rem;font-weight:700;display:inline-grid}.landing__stats{gap:clamp(1.5rem,5vw,4rem);margin:0;padding-block-end:.5rem;display:flex;overflow-x:auto}.landing__stat{flex-direction:column-reverse;flex:none;display:flex}.landing__stat-figure{color:var(--color-accent-strong);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);line-height:1}.landing__stat-label{color:var(--color-text-muted);font-size:var(--text-sm)}.landing__closing{text-align:center;background:radial-gradient(70% 120% at 50% 100%,#e0a44e24,#0000 70%);border-radius:.75rem}.landing__closing h2{font-size:var(--text-xl)}.landing__closing .landing__sub{margin-inline:auto}.landing__closing .landing__cta{justify-content:center;max-width:30rem;margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sprite-gallery__toolbar{z-index:1;background:var(--color-bg);align-items:center;gap:.5rem;padding-block:.75rem;display:flex;position:sticky;top:0}.sprite-gallery__toolbar span{color:var(--color-text-muted)}.sprite-gallery__bg-button{color:var(--color-accent-strong);cursor:pointer;background:0 0;border:1px solid #d7ad6347;padding:.35rem .75rem}.sprite-gallery__bg-button[aria-pressed=true]{color:#fff;background:#d7ad6347}.sprite-family{margin-block:2rem}.sprite-family>h2{text-transform:capitalize}.sprite-family__levels{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;display:grid}.sprite-card{text-align:center;margin:0}.sprite-card__tile{background-color:#203126;background-image:linear-gradient(30deg,#ffffff09 12%,#0000 12.5% 87%,#ffffff09 87.5%),linear-gradient(150deg,#ffffff09 12%,#0000 12.5% 87%,#ffffff09 87.5%);border:1px solid #d7ad6347;place-items:center;min-height:150px;display:grid;overflow:hidden}.sprite-gallery--bg-light .sprite-card__tile{background-color:#eef1f4;background-image:none}.sprite-gallery--bg-dark .sprite-card__tile{background-color:#0b0e14;background-image:none}.sprite-card__tile img{object-fit:contain;width:150px;height:150px}.sprite-card__tile--missing{color:var(--color-text-muted)}.sprite-card figcaption{color:var(--color-accent-strong);padding-block:.4rem}:root{--color-bg:#0b0e14;--color-board:#0e131d;--color-panel-sunken:#10151f;--color-panel:#141a26;--color-panel-raised:#1b2333;--color-border:#243044;--color-text:#f2f2f2;--color-text-muted:#a3a3a3;--color-accent:#e0a44e;--color-accent-strong:#f3b95f;--color-on-accent:#1a1206;--color-resource-gold:var(--color-accent);--color-resource-wood:#b5814e;--color-resource-stone:#6b7d95;--color-resource-food:#6fae6f;--color-danger:#e2564f;--color-success:#5fb87a;--color-warning:#e08a3c;--color-warning-strong:#f5b877;--color-warning-muted:#c2905f;--color-fire:#c8503c;--color-alarm:#ff7a5c;--color-online:#46c9a0;--color-info:#5b9dd9;--color-catchup:#9b7ad6;--color-node:#7fae5a;--color-sky:#7fc6e8;--text-xs:clamp(.7rem, .66rem + .12vw, .78rem);--text-sm:clamp(.8rem, .75rem + .18vw, .9rem);--text-base:clamp(.9rem, .8rem + .3vw, 1.05rem);--text-lg:clamp(1.05rem, .9rem + .4vw, 1.3rem);--text-xl:clamp(1.3rem, 1.05rem + .7vw, 1.75rem);--text-2xl:clamp(1.6rem, 1.2rem + 1.2vw, 2.5rem);--space-panel:clamp(.75rem, .6rem + .5vw, 1.5rem);--space-gap:clamp(.5rem, .4rem + .3vw, 1rem);--radius-panel:.75rem;--radius-control:.5rem;--radius-pill:999px;--shadow-panel:0 0 0 1px var(--color-border), 0 8px 24px -8px #0009;--shadow-raised:0 2px 8px -2px #00000080;--shadow-modal:0 0 0 1px var(--color-border), 0 24px 60px -12px #000000bf;--shadow-accent-glow:0 0 16px -2px var(--color-accent)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-accent-glow:0 0 16px -2px color-mix(in srgb, var(--color-accent) 60%, transparent)}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:100%}@media (width>=1920px){html{font-size:125%}}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0%, var(--color-accent), transparent 28rem), radial-gradient(circle at 85% 35%, #2d46691f, transparent 32rem), var(--color-bg);flex-direction:column;min-height:100dvh;margin:0;display:flex}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--color-accent) 8%, transparent), transparent 28rem), radial-gradient(circle at 85% 35%, #2d46691f, transparent 32rem), var(--color-bg)}}body{color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-strong);text-decoration:underline}button{font-family:inherit;font-size:var(--text-base);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-panel-raised);color:var(--color-text);box-shadow:var(--shadow-raised);padding:.5rem 1rem;transition:background-color .15s,box-shadow .15s,border-color .15s}button:hover{border-color:var(--color-accent)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}button.button--primary:hover{background:var(--color-accent-strong);box-shadow:var(--shadow-accent-glow)}button.button--ghost{border-color:var(--color-border);color:var(--color-text);box-shadow:none;background:0 0}button.button--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}button.button--danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-accent);font-weight:600}button.button--danger:hover{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){button.button--danger:hover{background:color-mix(in srgb, var(--color-danger) 85%, black)}}button.button--danger:disabled{opacity:.5;cursor:not-allowed}.account-section{margin:0 0 var(--space-gap);padding-bottom:var(--space-gap);border-bottom:1px solid var(--color-border)}.account-section:last-child{border-bottom:0}.account-warning{background:#7a5313;padding:.5rem .75rem}@supports (color:color-mix(in lab, red, red)){.account-warning{background:color-mix(in srgb, #7a5313 88%, var(--color-panel))}}.account-warning{border:1px solid var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.account-warning{border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent)}}.account-warning{border-radius:var(--radius-control);color:#f5e6c8;font-size:var(--text-sm)}.account-danger-zone{padding:var(--space-gap);border:1px solid var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.account-danger-zone{border:1px solid color-mix(in srgb, var(--color-danger) 45%, var(--color-border))}}.account-danger-zone{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.account-danger-zone{background:color-mix(in srgb, var(--color-danger) 10%, transparent)}}.account-danger-zone{border-radius:var(--radius-panel)}.icon{vertical-align:-.22em;filter:drop-shadow(0 1px 1px #00000059);flex-shrink:0;width:1.15em;height:1.15em;display:inline-block}.icon--arrow-left,.icon--flag-outline{filter:none}.cost-part{white-space:nowrap}.cost-part .icon{margin-left:.1em}.toast-stack{z-index:70;right:var(--space-panel);bottom:var(--space-panel);pointer-events:none;flex-direction:column;gap:.5rem;width:min(24rem,100vw - 2rem);display:flex;position:fixed}.toast{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-control);background:var(--color-panel-raised);box-shadow:var(--shadow-panel);color:var(--color-text);font-size:var(--text-sm);pointer-events:auto;opacity:0;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;transition:opacity .25s,transform .25s;display:flex;transform:translateY(.5rem)}.toast.is-in{opacity:1;transform:none}.toast.is-leaving{opacity:0;transform:translateY(.5rem)}.toast--success{border-left-color:var(--color-success)}.toast--danger{border-left-color:var(--color-danger)}.toast__body{flex:1;min-width:0}.toast__body .icon{vertical-align:-.2em}.toast__close{box-shadow:none;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 .25rem;font-size:1.1rem;line-height:1}.toast__close:hover{color:var(--color-text)}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .25s;transform:none}.toast.is-leaving{transform:none}}.is-busy{cursor:progress}.is-busy:after{content:"";vertical-align:-.12em;border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;width:.85em;height:.85em;margin-left:.5em;animation:.6s linear infinite busy-spin;display:inline-block}@keyframes busy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.is-busy:after{animation:none}}.stacked-form{margin-bottom:var(--space-gap);flex-direction:column;gap:.5rem;display:flex}.stacked-form label{font-size:var(--text-sm);flex-direction:column;gap:.2rem;display:flex}input,select,textarea{font-family:inherit;font-size:var(--text-base);background:var(--color-panel-sunken);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:.5rem .75rem;box-shadow:inset 0 1px 2px #00000059}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;line-height:1.5}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-accent)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.error{min-height:1.25em;color:var(--color-danger);font-size:.9em;display:block}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.panel{background:linear-gradient(145deg, var(--color-panel-raised), var(--color-panel))}@supports (color:color-mix(in lab, red, red)){.panel{background:linear-gradient(145deg, color-mix(in srgb, var(--color-panel-raised) 40%, var(--color-panel)), var(--color-panel))}}.panel{border:1px solid var(--color-border)}@supports (color:color-mix(in lab, red, red)){.panel{border:1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-accent))}}.panel{border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-panel)}.panel h2,.panel h3{margin:0 0 var(--space-gap);font-size:var(--text-lg);border-bottom:1px solid var(--color-accent);padding-bottom:.35rem}@supports (color:color-mix(in lab, red, red)){.panel h2,.panel h3{border-bottom:1px solid color-mix(in srgb, var(--color-accent) 22%, transparent)}}.panel h4{margin:var(--space-panel) 0 .5rem;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);font-weight:700}.panel>.text-muted:first-of-type{margin-top:-.25rem}.verify-banner{background:#7a5313;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.verify-banner{background:color-mix(in srgb, #7a5313 88%, var(--color-panel))}}.verify-banner{border:1px solid var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.verify-banner{border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent)}}.verify-banner{border-radius:var(--radius-panel);color:#f5e6c8;font-size:var(--text-sm)}.verify-banner__dismiss{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.2rem;line-height:1}.ops-table{border-collapse:collapse;width:100%;margin:0 0 var(--space-gap);font-size:var(--text-sm,.875rem);border-radius:var(--radius-control);overflow:hidden}.ops-table th,.ops-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem .7rem}@supports (color:color-mix(in lab, red, red)){.ops-table th,.ops-table td{border-bottom:1px solid color-mix(in srgb, var(--color-border) 82%, transparent)}}.ops-table th,.ops-table td{vertical-align:top}.ops-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600;font-size:var(--text-xs);background:var(--color-panel-raised)}@supports (color:color-mix(in lab, red, red)){.ops-table th{background:color-mix(in srgb, var(--color-panel-raised) 60%, transparent)}}.ops-table tbody tr:nth-child(2n){background:var(--color-panel-raised)}@supports (color:color-mix(in lab, red, red)){.ops-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--color-panel-raised) 28%, transparent)}}.ops-table tbody tr:hover{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.ops-table tbody tr:hover{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}}.ops-table td:last-child{border-bottom:1px solid var(--color-border)}@supports (color:color-mix(in lab, red, red)){.ops-table td:last-child{border-bottom:1px solid color-mix(in srgb, var(--color-border) 82%, transparent)}}.ops-table code{background:var(--color-bg);border-radius:.3rem;max-width:22rem;padding:.1rem .35rem;display:inline-block;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.ops-table code{background:color-mix(in srgb, var(--color-bg) 60%, transparent)}}.ops-table code{color:var(--color-text-muted);white-space:nowrap;font-size:.82em}.table-scroll{width:100%;margin:0 0 var(--space-gap);overflow-x:auto}.table-scroll .ops-table{margin-bottom:0}.ops-grant-form{gap:var(--space-gap);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));align-items:end;display:grid}.ops-grant-form>button{grid-column:1/-1}.ops-grant-form .field:has(input[name=note]){grid-column:1/-1}.ops-grant-form .field:has(input[name=message]){grid-column:1/-1}.ops-grant-form .field:has(input[name=description]){grid-column:1/-1}.ops-grant-form .field:has(textarea){grid-column:1/-1}.ops-grant-form>button{justify-self:start}.ops-grid{gap:var(--space-gap);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));align-items:start;display:grid}.ops-form{flex-direction:column;gap:.5rem;display:flex}.ops-form h4{margin:0}.ops-form label{font-size:var(--text-sm);flex-direction:column;gap:.2rem;display:flex}.ops-form>button{align-self:start}.ops-inline-form{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.ops-inline-form input[type=number]{width:4.5rem}.ops-inline-form select{max-width:11rem}.fire-badge{white-space:normal;border-radius:var(--radius-control);max-width:100%;color:var(--color-warning);font-size:var(--text-sm);background:#e2582224;border:1px solid #e258228c;padding:.2rem .6rem;display:inline-block}.fire-tag{color:var(--color-warning);white-space:nowrap}.incoming-alarms{z-index:60;pointer-events:none;flex-direction:column;gap:.4rem;width:min(30rem,100vw - 1.5rem);display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.incoming-alarm{border-radius:var(--radius-control);pointer-events:auto;background:#2e0e0af0;border:1px solid #e25822b3;align-items:center;gap:.6rem;padding:.55rem .7rem;animation:.18s ease-out incoming-alarm-in;display:flex;box-shadow:0 6px 20px #00000073}@keyframes incoming-alarm-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.incoming-alarm{animation:none}}.incoming-alarm__icon{color:var(--color-warning);font-size:1.2rem}.incoming-alarm__text{flex-direction:column;flex:1;min-width:0;display:flex}.incoming-alarm__text strong{color:var(--color-warning-strong);font-size:var(--text-sm)}.incoming-alarm__text small{color:var(--color-warning-muted);font-size:var(--text-xs)}.incoming-alarm__dismiss{color:var(--color-warning-muted);cursor:pointer;background:0 0;border:0;padding:0 .4rem;font-size:1.1rem;line-height:1}.report-tabs,.panel-tabs{border-bottom:1px solid var(--color-border);gap:.3rem;margin-bottom:.8rem;display:flex}.panel-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.report-tab,.panel-tab{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;box-shadow:none;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:.4rem .8rem}.report-tab[aria-selected=true],.panel-tab[aria-selected=true]{color:var(--color-accent-strong);border-bottom-color:var(--color-accent-strong)}.panel-tab:hover{color:var(--color-text)}.report-tab__count:not(:empty){border-radius:var(--radius-pill);min-width:1.2rem;color:var(--color-accent-strong);font-size:var(--text-xs);text-align:center;background:#f0b9682e;margin-left:.3rem;padding:0 .3rem;display:inline-block}.battle-reports-list{flex-direction:column;gap:.35rem;display:flex}.battle-reports-list .report-row{border:1px solid var(--color-border);border-radius:var(--radius-control);text-align:left;cursor:pointer;background:#ffffff05;border-left-width:3px;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.45rem .6rem;display:flex}.battle-reports-list .report-row:hover{background:#ffffff0d}.battle-reports-list .report-row--win{border-left-color:var(--color-success)}.battle-reports-list .report-row--loss{border-left-color:var(--color-danger)}.report-row__title{color:var(--color-text);font-size:var(--text-sm)}.report-row__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.battle-report-detail__back{margin-bottom:.6rem}.battle-report-detail__outcome{margin:0 0 .2rem}.battle-report-detail__outcome.is-win{color:var(--color-success)}.battle-report-detail__outcome.is-loss{color:var(--color-danger)}.battle-report-detail__when{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 .6rem}.battle-report-detail__hero{color:var(--color-accent-strong)}.battle-report-detail__sides{gap:var(--space-gap);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:.6rem 0;display:grid}.battle-report-detail__sides h5{color:var(--color-accent-strong);margin:0 0 .3rem}.battle-report-detail__sides p{font-size:var(--text-sm);margin:0 0 .2rem}.battle-report-detail__modifiers{font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.battle-report-rounds table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.battle-report-rounds th,.battle-report-rounds td{border-bottom:1px solid var(--color-border);text-align:left;padding:.25rem .4rem}.admin-tuning-row{align-items:center;gap:.4rem;display:flex}.admin-tuning-row input[type=number]{width:6rem}.admin-view-link{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;padding:.25rem .7rem;font-weight:600;display:inline-block}.admin-view-link:hover{border-color:var(--color-accent);color:var(--color-accent)}#player-list tr[aria-current=true]{background:var(--color-accent)!important}@supports (color:color-mix(in lab, red, red)){#player-list tr[aria-current=true]{background:color-mix(in srgb, var(--color-accent) 16%, transparent)!important}}#player-list tr[aria-current=true] td:first-child{box-shadow:inset 3px 0 0 var(--color-accent)}#player-filter{max-width:22rem}.admin-catalog-table input[type=number]{width:6.5rem;padding:.35rem .5rem}.admin-catalog-table td{padding:.3rem .5rem}.admin-catalog-table+button{margin-top:var(--space-gap)}.admin-collapsible summary{cursor:pointer;list-style:none}.admin-collapsible summary::-webkit-details-marker{display:none}.admin-collapsible summary h3{border-bottom:none;align-items:center;gap:.5rem;margin:0;display:inline-flex}.admin-collapsible summary h3:before{content:"▸";color:var(--color-accent);font-size:.8em}.admin-collapsible[open] summary h3{margin-bottom:var(--space-gap);border-bottom:1px solid var(--color-accent);padding-bottom:.35rem}@supports (color:color-mix(in lab, red, red)){.admin-collapsible[open] summary h3{border-bottom:1px solid color-mix(in srgb, var(--color-accent) 22%, transparent)}}.admin-collapsible[open] summary h3:before{content:"▾"}.ops-actions{flex-wrap:wrap;gap:.35rem;display:flex}.ops-actions form{display:inline}.admin-flash{margin-bottom:var(--space-panel);border-radius:var(--radius-panel);border:1px solid var(--color-accent);padding:.7rem 1rem}@supports (color:color-mix(in lab, red, red)){.admin-flash{border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent)}}.admin-flash{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.admin-flash{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-panel))}}.admin-flash{color:var(--color-text)}.admin-tabs{margin-bottom:var(--space-panel);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);flex-wrap:wrap;gap:.3rem;padding:.3rem;display:flex}.admin-tab-btn{border-radius:var(--radius-control);color:var(--color-text-muted);font-size:var(--text-sm,.875rem);cursor:pointer;background:0 0;border:1px solid #0000;padding:.5rem 1.1rem;font-weight:600;transition:color .15s,background-color .15s,border-color .15s}.admin-tab-btn:hover{color:var(--color-text);border-color:var(--color-border)}.admin-tab-btn[aria-selected=true]{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-accent-glow)}.admin-tab-panel{gap:var(--space-panel);flex-direction:column;display:flex}.admin-tab-panel[hidden]{display:none}.app-nav{justify-content:space-between;align-items:center;gap:var(--space-gap);padding:var(--space-gap) var(--space-panel);border-bottom:1px solid var(--color-border);background:var(--color-panel);display:flex}.app-nav__title{font-size:var(--text-lg);color:var(--color-text);align-items:center;gap:.55rem;font-weight:600;display:inline-flex}.app-nav__city{border-left:1px solid var(--color-border);align-items:center;gap:.5rem;min-width:0;margin-right:auto;padding-left:.7rem;display:inline-flex}.app-nav__city-avatar{flex:none;line-height:0;display:inline-flex}.app-nav__city-avatar .hero-avatar{border-radius:8px;box-shadow:0 1px 3px #00000059}.app-nav__city-text{align-items:baseline;gap:.4rem;min-width:0;display:inline-flex}.hero-avatar{image-rendering:auto;border-radius:12px;display:block}.app-nav__city-name{white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-weight:600;overflow:hidden}.app-nav__city-coords{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}@media (width<=767px),(orientation:landscape) and (height<=560px){.app-nav__city{border-left:0;padding-left:0}.app-nav__city-coords{display:none}}.earth-logo{background:#0a1628;border-radius:50%;flex-shrink:0;width:32px;height:32px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #3b82f699,0 0 12px 3px #3b82f640}.earth-surface{filter:saturate(1.8)contrast(1.3)brightness(.85);background-position:0 0;background-repeat:repeat-x;background-size:320px 48px;width:640px;height:48px;animation:40s linear infinite earthSpin;position:absolute;top:-8px;left:0}.earth-shadow{background:radial-gradient(at 80%,#0000 20%,#0005148c 60%,#000514e0 100%);position:absolute;inset:0}@keyframes earthSpin{0%{transform:translate(0)}to{transform:translate(-320px)}}@media (prefers-reduced-motion:reduce){.earth-surface{animation:none}}.app-nav__links{align-items:center;gap:var(--space-gap);display:flex}.app-nav__links a{color:var(--color-text-muted)}.app-nav__links a:hover{color:var(--color-accent)}.app-nav__links a[aria-current=page]{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.35rem}.app-main{width:100%;max-width:100rem;padding:var(--space-panel);flex:1;min-height:0;margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-header{justify-content:space-between;align-items:end;gap:var(--space-panel);margin-bottom:var(--space-panel);display:flex}.page-header h1,.auth-card h1{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0;line-height:1.1}.page-header p{color:var(--color-text-muted);margin:.35rem 0 0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72em;font-weight:700;color:var(--color-accent)!important}.field{flex-direction:column;gap:.35rem;display:flex}.field>span{color:var(--color-text-muted);font-size:.84em;font-weight:600}.field input,.field select,.field textarea{width:100%}.auth-shell{justify-content:center;align-items:center;min-height:calc(100vh - 6rem);display:flex}.auth-card{gap:var(--space-gap);flex-direction:column;width:100%;max-width:24rem;display:flex}.auth-card form{gap:var(--space-gap);flex-direction:column;display:flex}.auth-card__footer{text-align:center;color:var(--color-text-muted);font-size:.9em}.auth-card__agreement{color:var(--color-text-muted);margin:0;font-size:.8em;line-height:1.4}.legal-shell{padding:var(--space-panel) 0;justify-content:center;display:flex}.legal-doc{gap:var(--space-gap);flex-direction:column;width:100%;max-width:42rem;line-height:1.55;display:flex}.legal-doc h2{margin:var(--space-panel) 0 0;font-size:var(--text-lg)}.legal-doc ul{flex-direction:column;gap:.35rem;margin:0;padding-left:1.25rem;display:flex}.legal-doc__updated{color:var(--color-text-muted);margin:0;font-size:.85em}.site-footer{padding:var(--space-panel);color:var(--color-text-muted);border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;gap:1.25rem;font-size:.82em;display:flex}.site-footer a{color:var(--color-text-muted)}.site-footer a:hover{color:var(--color-accent)}.consent-banner{z-index:40;background:var(--color-panel);font-size:var(--text-sm,.875rem);border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1.25rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000059}.consent-banner p{max-width:48rem;margin:0}.consent-banner a{color:var(--color-accent)}.consent-banner__actions{flex-shrink:0;gap:.5rem;display:flex}.resource-bar{z-index:10;gap:var(--space-gap);padding:var(--space-gap) var(--space-panel);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);margin-bottom:var(--space-gap);flex-wrap:wrap;display:flex;position:sticky;top:0}.power-summary{align-items:center;gap:.4rem var(--space-panel);margin-bottom:var(--space-gap);padding:.4rem var(--space-panel);border:1px solid var(--color-accent);grid-template-columns:auto minmax(0,1fr) auto;display:grid}@supports (color:color-mix(in lab, red, red)){.power-summary{border:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}}.power-summary{border-radius:var(--radius-panel);background:var(--color-panel)}@supports (color:color-mix(in lab, red, red)){.power-summary{background:color-mix(in srgb, var(--color-panel) 90%, var(--color-accent))}}.power-summary>div:first-child{align-items:baseline;gap:.45rem;display:flex}.power-summary>div:first-child strong{color:var(--color-accent);font-size:var(--text-lg);display:inline}.power-summary__categories{justify-content:safe center;gap:.35rem var(--space-panel);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;min-width:0;display:flex;overflow-x:auto}.power-summary__categories::-webkit-scrollbar{display:none}.power-summary__categories>*{white-space:nowrap;flex:none}.power-summary__categories span,.nearby-city-list button small{color:var(--color-text-muted);font-size:var(--text-sm);display:block}.power-summary__categories .badge-detail{font-size:inherit;color:inherit;display:inline}.power-summary__categories>span{align-items:baseline;gap:.3rem;display:inline-flex}.power-summary__categories strong{color:var(--color-text);display:inline}.power-summary summary{color:var(--color-accent);cursor:pointer}.power-source-list{z-index:5;right:var(--space-panel);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-panel-raised);min-width:min(22rem,100vw - 2rem);box-shadow:var(--shadow-panel);margin-top:.5rem;padding:.75rem;display:grid;position:absolute}.power-source-list>span{justify-content:space-between;gap:1rem;display:flex}.power-source-list small{color:var(--color-text-muted)}.resource-chip{font-variant-numeric:tabular-nums;flex:8rem;align-items:center;gap:.5em;min-width:0;display:inline-flex}.resource-chip__icon{align-items:center;font-size:1.25em;line-height:1;display:inline-flex}.resource-chip__body{flex-direction:column;flex:1;gap:.15em;min-width:0;display:flex}.resource-chip__top{justify-content:space-between;align-items:baseline;gap:.5em;display:flex}.resource-chip__name{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72em;font-weight:700}.resource-chip__rate{color:var(--color-success);white-space:nowrap;font-size:.72em;font-weight:600}.resource-chip__value{font-size:.95em;line-height:1.1}.resource-chip__meter{border-radius:var(--radius-pill);background:var(--color-border);height:3px;display:block}@supports (color:color-mix(in lab, red, red)){.resource-chip__meter{background:color-mix(in srgb, var(--color-border) 60%, transparent)}}.resource-chip__meter{overflow:hidden}.resource-chip__meter-fill{border-radius:inherit;background:var(--color-accent);width:0;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.resource-chip__meter-fill{background:color-mix(in srgb, var(--color-accent) 55%, var(--color-text-muted))}}.resource-chip__meter-fill{transition:width .4s,background-color .2s}.resource-chip.is-near-cap .resource-chip__meter-fill{background:var(--color-warning)}.resource-chip.is-near-cap .resource-chip__value{color:var(--color-warning)}.resource-chip.is-full .resource-chip__meter-fill{background:var(--color-danger)}.resource-chip.is-full .resource-chip__value{color:var(--color-danger)}.city-layout,.map-layout{gap:var(--space-panel);grid-template-columns:1fr;display:grid}@media (width>=768px){.map-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.game-canvas{border-radius:var(--radius-control);background:var(--color-panel-sunken);max-width:100%;height:auto;display:block;box-shadow:inset 0 0 0 1px #ffffff0a}#map-canvas{aspect-ratio:16/10;touch-action:none;cursor:grab;width:100%;max-width:none;height:auto}#map-canvas.is-panning{cursor:grabbing}.city-canvas-wrap{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}#city-canvas{touch-action:none;cursor:grab;width:100%;height:100%}#city-canvas.is-panning{cursor:grabbing}.city-highlight{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.city-highlight[hidden]{display:none}.city-highlight__tile{fill:#f0b96829;stroke:#f0b968e6;stroke-width:4px;stroke-linejoin:round}#city-canvas:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}.city-zoom{z-index:3;border:1px solid var(--color-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c10b8;gap:.25rem;padding:.25rem;display:flex;position:absolute;bottom:.6rem;right:.6rem}.city-zoom__button{width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;line-height:1;display:grid}.city-zoom__button:hover,.city-zoom__button:focus-visible{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.city-zoom__button:hover,.city-zoom__button:focus-visible{background:color-mix(in srgb, var(--color-accent) 22%, transparent)}}.city-zoom__button:hover,.city-zoom__button:focus-visible{color:var(--color-accent)}.app-main:has(.city-layout){flex-direction:column;display:flex}.city-layout{flex:1}.city-map-panel{background:var(--color-board);height:100%;position:relative;overflow:hidden}.city-map-panel:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#03070b8c 100%);position:absolute;inset:0}.hud-toolbar{margin-bottom:var(--space-gap);flex-wrap:wrap;gap:.5rem;display:flex}.hud-toolbar__button{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);background:#080c1052;align-items:center;gap:.4rem;padding:.4rem .8rem;display:inline-flex;position:relative}.hud-toolbar__button:hover,.hud-toolbar__button:focus-visible{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.hud-toolbar__button:hover,.hud-toolbar__button:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-border))}}.hud-toolbar__button:hover,.hud-toolbar__button:focus-visible{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.hud-toolbar__button:hover,.hud-toolbar__button:focus-visible{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}.hud-toolbar__button:hover,.hud-toolbar__button:focus-visible{color:var(--color-accent)}.hud-toolbar__icon{align-items:center;font-size:1.05rem;line-height:1;display:inline-flex}.hud-toolbar__button .badge{position:absolute;top:-.35rem;right:-.35rem}.command-rail{margin-bottom:var(--space-gap);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.4rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.command-rail::-webkit-scrollbar{display:none}.command-rail:empty{display:none}.command-rail__empty{color:var(--color-text-muted);font-size:var(--text-sm);padding:.3rem .2rem}.command-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-panel-raised);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;box-shadow:none;flex:none;align-items:center;gap:.35rem;padding:.3rem .6rem;display:inline-flex;position:relative;overflow:hidden}.command-chip__meter{background:var(--color-border);height:2px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.command-chip__meter{background:color-mix(in srgb, var(--color-border) 50%, transparent)}}.command-chip__fill{background:var(--color-accent);height:100%;transition:width .9s linear;display:block}.command-chip:hover{border-color:var(--color-accent)}.command-chip__icon{align-items:center;font-size:1.05em;display:inline-flex}.command-chip__label{font-weight:500}.command-chip__time{color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:600}.command-chip__lead{color:var(--color-text-muted);font-weight:600}.command-chip--claim{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.command-chip--claim .command-chip__lead{color:var(--color-on-accent)}@supports (color:color-mix(in lab, red, red)){.command-chip--claim .command-chip__lead{color:color-mix(in srgb, var(--color-on-accent) 70%, transparent)}}.command-chip--claim:hover{background:var(--color-accent-strong)}.command-chip--quest{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.command-chip--quest{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}}.command-chip--idle{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.command-chip--idle{border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-border))}}.command-chip--idle{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.command-chip--idle{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-panel-raised))}}.command-chip--idle{color:var(--color-accent-strong)}.command-chip--idle:hover{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.command-chip--idle:hover{background:color-mix(in srgb, var(--color-accent) 20%, var(--color-panel-raised))}}.modal-menu{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.6rem;display:grid}.modal-menu__item{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-panel-raised);color:var(--color-text);flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem;display:flex;position:relative}.modal-menu__item:not(.is-locked):hover{border-color:var(--color-accent)}.modal-menu__item.is-locked{opacity:.55;cursor:not-allowed;background:var(--color-panel-sunken);box-shadow:none}.modal-menu__icon{font-size:1.6rem;line-height:1;display:inline-flex}.modal-menu__label{font-weight:600;font-size:var(--text-sm)}.modal-menu__sub{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.2}.modal-menu__badge{position:absolute;top:-.4rem;right:-.4rem}.city-modal{z-index:80;padding:var(--space-panel);place-items:center;display:grid;position:fixed;inset:0}.city-modal[hidden]{display:none}.city-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04070ba8;position:absolute;inset:0}.city-modal__dialog{width:min(680px,100%);max-height:90vh;box-shadow:var(--shadow-modal);flex-direction:column;display:flex;position:relative;overflow:hidden}.city-modal__header{justify-content:space-between;align-items:center;gap:var(--space-gap);border-bottom:1px solid var(--color-border);padding-bottom:.6rem;display:flex}.city-modal__title{margin:0;font-size:1.2rem}.city-modal__close{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;background:#080c105c;border-radius:50%;place-items:center;padding:0;font-size:1.2rem;line-height:1;display:inline-grid}.city-modal__close:hover,.city-modal__close:focus-visible{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.city-modal__close:hover,.city-modal__close:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-border))}}.city-modal__close:hover,.city-modal__close:focus-visible{color:var(--color-accent)}.city-modal__body{margin:0 calc(-1 * var(--space-panel));padding:var(--space-gap) var(--space-panel) 0;overflow-y:auto}.city-modal__panel[hidden]{display:none}.city-modal__building{margin-top:var(--space-gap)}.city-modal__building[hidden]{display:none}.building-actions{gap:.5rem;display:grid}.building-actions__summary{color:var(--color-text-muted);font-size:var(--text-sm)}.building-actions__eta{color:var(--color-accent);font-size:var(--text-sm)}.building-actions__speedups{gap:.35rem;display:grid}body.modal-open{overflow:hidden}.build-picker{z-index:20;background:var(--color-panel-raised);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);overscroll-behavior:contain;flex-direction:column;gap:.3rem;min-width:9rem;max-height:min(60vh,32rem);padding:.6rem;display:flex;position:absolute;overflow-y:auto;transform:translate(-50%,-50%)}.board-toast{z-index:30;max-width:min(22rem,100% - 1.5rem);top:3rem;left:50%;transform:translate(-50%)}.build-picker__title{color:var(--color-text-muted);text-align:center;font-size:.8em;font-weight:600}.build-picker button{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.2rem .6rem;padding:.3rem .6rem;font-size:.85em;display:flex}.build-picker button:disabled{opacity:.5;cursor:not-allowed}.build-picker__meta{color:var(--color-text-muted);white-space:nowrap;font-size:.8em}.build-picker__benefits{color:var(--color-text-muted);text-align:left;flex-basis:100%;font-size:.75em}.build-picker__cancel{color:var(--color-text-muted)}.build-picker .error{max-width:11rem;min-height:0;font-size:.75em}.build-picker .error[hidden]{display:none}.build-picker__hint{color:var(--color-text-muted);text-align:center;max-width:11rem;font-size:.75em}.building-tag__boost{padding:.1em .4em;font-size:.75em;line-height:1.2}.shop-heading{margin:var(--space-gap) 0 .3rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85em}.shop-row{justify-content:space-between;align-items:center;gap:var(--space-gap);border-bottom:1px solid var(--color-border);padding:.35rem 0;display:flex}.inventory-group{margin-bottom:1.25rem}.inventory-item{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.inventory-item:last-child{border-bottom:none}.inventory-item__copy{flex-direction:column;flex:auto;min-width:0;display:flex}.inventory-item__icon{object-fit:contain;filter:drop-shadow(0 .25rem .3rem #00000059);flex:0 0 3rem;width:3rem;height:3rem}.shop-item,.item-label{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.shop-item{flex:12rem}.shop-item__copy{flex-direction:column;min-width:0;display:flex}.item-icon,.shop-item__icon{object-fit:contain;filter:drop-shadow(0 .25rem .3rem #00000059);flex:0 0 3.5rem;width:3.5rem;height:3.5rem}.queue-item__head .item-icon{flex-basis:2rem;width:2rem;height:2rem}.shop-row:last-child{border-bottom:none}.shop-row button{white-space:nowrap;padding:.25rem .7rem;font-size:.85em}.building-overlays{pointer-events:none;position:absolute;inset:0}.building-overlays--hidden .building-tag{opacity:0;pointer-events:none}.admin-tools{z-index:6;gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.admin-tools button{border:1px solid var(--color-accent);background:#080c10d9}@supports (color:color-mix(in lab, red, red)){.admin-tools button{border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent)}}.admin-tools button{border-radius:var(--radius-control);color:var(--color-accent);cursor:pointer;font-size:var(--text-sm);padding:.35rem .8rem}.admin-tools button:disabled{opacity:.5;cursor:wait}.building-tag{pointer-events:auto;text-align:center;flex-direction:column;align-items:center;gap:.2em;transition:opacity .14s;display:flex;position:absolute;transform:translate(-50%,-50%)}.building-tag__row{white-space:nowrap;border:1px solid var(--color-accent);background:#080c10c7;align-items:center;gap:.35em;display:flex}@supports (color:color-mix(in lab, red, red)){.building-tag__row{border:1px solid color-mix(in srgb, var(--color-accent) 28%, transparent)}}.building-tag__row{border-radius:var(--radius-control);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:.2em .35em .2em .6em;box-shadow:0 2px 8px -2px #00000080}.building-tag__name,.building-tag__level{color:var(--color-text);font-size:.7em;font-weight:600}@media (width<=640px){.building-tag__name{display:none}}.building-overlays--compact .building-tag__name{display:none}.building-tag__eta{color:var(--color-text-muted);font-size:.65em}.building-tag__level--details{all:unset;color:var(--color-text);cursor:pointer;font-size:.7em;font-weight:600}.building-tag__level--details:hover,.building-tag__level--details:focus-visible{color:var(--color-accent);text-decoration:underline}.building-details__rows{color:var(--color-text-muted);flex-direction:column;gap:.15rem;font-size:.85em;display:flex}.build-picker--details{min-width:13rem}.building-tag button{padding:.15em .6em;font-size:.7em}.building-tag .error{border-radius:var(--radius-control);background:#080c10d6;max-width:10em;min-height:0;padding:.15em .5em;font-size:.65em}.building-tag .error[hidden]{display:none}.modifier-list{margin-bottom:var(--space-gap);flex-wrap:wrap;gap:.4rem;display:flex}.modifier-chip{border:1px solid var(--color-accent);padding:.3rem .55rem}@supports (color:color-mix(in lab, red, red)){.modifier-chip{border:1px solid color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}}.modifier-chip{border-radius:var(--radius-pill);color:var(--color-accent);background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.modifier-chip{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}}.modifier-chip{font-size:var(--text-sm)}.hero-level{align-items:baseline;gap:.35rem;margin-bottom:.4rem;display:flex}.hero-xp-bar{border-radius:var(--radius-pill);background:var(--color-accent);height:.5rem}@supports (color:color-mix(in lab, red, red)){.hero-xp-bar{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}}.hero-xp-bar{overflow:hidden}.hero-xp-bar span{background:var(--color-accent);height:100%;display:block}.hero-xp-label{font-size:var(--text-sm);margin:.3rem 0 .6rem}.hero-stamina-bar{border-radius:var(--radius-pill);background:var(--color-online);height:.5rem}@supports (color:color-mix(in lab, red, red)){.hero-stamina-bar{background:color-mix(in srgb, var(--color-online) 15%, transparent)}}.hero-stamina-bar{overflow:hidden}.hero-stamina-bar span{background:var(--color-online);height:100%;display:block}.hero-stamina-label{font-size:var(--text-sm);margin:.3rem 0 .6rem}.hero-captured-notice{font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger);border-radius:.4rem;margin:0 0 .6rem;padding:.5rem .6rem}@supports (color:color-mix(in lab, red, red)){.hero-captured-notice{background:color-mix(in srgb, var(--color-danger) 12%, transparent)}}.hero-summary__avatar{float:left;border-radius:12px;margin:0 .75rem .5rem 0;box-shadow:0 2px 6px #00000059}.hero-dead-notice{clear:both;font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger);border-radius:.4rem;margin:0 0 .6rem;padding:.6rem .7rem}@supports (color:color-mix(in lab, red, red)){.hero-dead-notice{background:color-mix(in srgb, var(--color-danger) 14%, transparent)}}.hero-dead-notice p{margin:0 0 .5rem}.nearby-city__avatar{border-radius:9px;flex:none;margin-right:.6rem;box-shadow:0 1px 3px #00000059}.hero-tag{color:var(--color-accent);font-variant-numeric:tabular-nums;white-space:nowrap}.dispatch-hero{margin:.5rem 0}.dispatch-hero__toggle{border:1px solid var(--color-border);background:var(--color-accent);border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.5rem .6rem;display:flex}@supports (color:color-mix(in lab, red, red)){.dispatch-hero__toggle{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}}.dispatch-hero__toggle{cursor:pointer;font-size:var(--text-sm)}.dispatch-hero__toggle small{color:var(--color-text-muted)}.dispatch-hero__toggle em{color:var(--color-text-muted);font-style:normal}.dispatch-hero__toggle.is-disabled{cursor:not-allowed;opacity:.6;background:0 0}.dispatch-hero__toggle input{flex:none;margin-top:.15rem}.hero-skills__head{justify-content:space-between;align-items:center;margin:.6rem 0;display:flex}.hero-skill-trees{flex-wrap:wrap;gap:1rem;display:flex}.hero-skill-tree{flex:16rem;min-width:0}.hero-skill-tree h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.03em;margin:.6rem 0 .3rem}@media (width<=640px){.hero-skill-trees{flex-direction:column}}.hero-skill{background:currentColor;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.3rem;padding:.4rem .5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.hero-skill{background:color-mix(in srgb, currentColor 5%, transparent)}}.hero-skill.is-learned{background:var(--color-online)}@supports (color:color-mix(in lab, red, red)){.hero-skill.is-learned{background:color-mix(in srgb, var(--color-online) 15%, transparent)}}.hero-skill__info{font-size:var(--text-sm);flex-direction:column;display:flex}.equipment-catalog-item{background:currentColor;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.3rem;padding:.4rem .5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.equipment-catalog-item{background:color-mix(in srgb, currentColor 5%, transparent)}}.equipment-catalog-item .hero-skill__info,.hero-skill .hero-skill__info{flex:auto;min-width:0}.equipment-materials>span{align-items:center;gap:.35rem;display:inline-flex}.equipment-materials .item-icon{flex-basis:2.5rem;width:2.5rem;height:2.5rem}.equipment-actions{align-items:center;gap:.4rem;display:flex}.hero-preset-save{gap:.4rem;margin:.4rem 0;display:flex}.hero-preset-save input{flex:1}.quest-head-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.quest-head-row h3{margin:0}#quest-claim-all{font-size:var(--text-sm);flex-shrink:0;padding:.35rem .8rem}.quest-badge{border-radius:var(--radius-pill);background:var(--color-accent);min-width:1.4rem;height:1.4rem;color:var(--color-on-accent);font-size:var(--text-sm);justify-content:center;align-items:center;padding:0 .4rem;font-weight:700;display:inline-flex}.shield-badge{border-radius:var(--radius-pill);border:1px solid var(--color-accent);align-items:center;padding:.15rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.shield-badge{border:1px solid color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}}.shield-badge{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.shield-badge{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}}.shield-badge{color:var(--color-accent);font-size:var(--text-xs);white-space:nowrap;font-weight:600}.wall-damage-badge{border-radius:var(--radius-pill);border:1px solid var(--color-danger);align-items:center;padding:.15rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.wall-damage-badge{border:1px solid color-mix(in srgb, var(--color-danger) 45%, var(--color-border))}}.wall-damage-badge{background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.wall-damage-badge{background:color-mix(in srgb, var(--color-danger) 18%, transparent)}}.wall-damage-badge{color:var(--color-danger);font-size:var(--text-xs);white-space:nowrap;font-weight:600}.boost-badge{border-radius:var(--radius-pill);border:1px solid var(--color-accent);align-items:center;padding:.15rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.boost-badge{border:1px solid color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}}.boost-badge{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.boost-badge{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}}.boost-badge{color:var(--color-accent);font-size:var(--text-xs);white-space:nowrap;font-weight:600}.catchup-badge{border-radius:var(--radius-pill);border:1px solid var(--color-success);align-items:center;padding:.15rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.catchup-badge{border:1px solid color-mix(in srgb, var(--color-success) 45%, var(--color-border))}}.catchup-badge{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.catchup-badge{background:color-mix(in srgb, var(--color-success) 18%, transparent)}}.catchup-badge{color:var(--color-success);font-size:var(--text-xs);white-space:nowrap;font-weight:600}.military-badge{border-radius:var(--radius-pill);border:1px solid var(--color-fire);align-items:center;padding:.15rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.military-badge{border:1px solid color-mix(in srgb, var(--color-fire) 45%, var(--color-border))}}.military-badge{background:var(--color-fire)}@supports (color:color-mix(in lab, red, red)){.military-badge{background:color-mix(in srgb, var(--color-fire) 15%, transparent)}}.military-badge{color:var(--color-fire);font-size:var(--text-xs);white-space:nowrap;cursor:help;font-weight:600}.power-summary__categories>.shield-badge,.power-summary__categories>.fire-badge,.power-summary__categories>.wall-damage-badge,.power-summary__categories>.boost-badge,.power-summary__categories>.catchup-badge,.power-summary__categories>.military-badge{white-space:normal;text-align:center;min-width:0;max-width:100%;display:inline-block}.building-directory{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.building-directory__row{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-accent);justify-content:space-between;align-items:baseline;gap:.75rem;width:100%;min-height:2.75rem;padding:.5rem .75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.building-directory__row{background:color-mix(in srgb, var(--color-accent) 4%, transparent)}}.building-directory__row{color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.building-directory__row:hover,.building-directory__row:focus-visible{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.building-directory__row:hover,.building-directory__row:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}}.building-directory__row:hover,.building-directory__row:focus-visible{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.building-directory__row:hover,.building-directory__row:focus-visible{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}}.building-directory__row--empty{background:0 0}.building-directory__row--empty .building-directory__name{color:var(--color-text-muted);font-weight:400}.building-directory__name{font-weight:600}.building-directory__level{color:var(--color-text-muted);white-space:nowrap;font-size:.82em}.quest-row{border-bottom:1px solid var(--color-accent);padding:.7rem 0}@supports (color:color-mix(in lab, red, red)){.quest-row{border-bottom:1px solid color-mix(in srgb, var(--color-accent) 12%, transparent)}}.quest-row:last-child{border-bottom:none}.quest-row--ready{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.quest-row--ready{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}}.quest-row--ready{border-radius:var(--radius,8px);padding:.7rem}.quest-head{align-items:center;gap:.5rem;display:flex}.quest-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);background:var(--color-accent);padding:.1rem .4rem}@supports (color:color-mix(in lab, red, red)){.quest-tag{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}}.quest-tag{color:var(--color-accent)}.quest-tag--daily{background:var(--color-info)}@supports (color:color-mix(in lab, red, red)){.quest-tag--daily{background:color-mix(in srgb, var(--color-info) 22%, transparent)}}.quest-tag--daily{color:var(--color-info)}.quest-tag--chapter{background:var(--color-catchup)}@supports (color:color-mix(in lab, red, red)){.quest-tag--chapter{background:color-mix(in srgb, var(--color-catchup) 22%, transparent)}}.quest-tag--chapter{color:var(--color-catchup)}.quest-desc{font-size:var(--text-sm);margin:.2rem 0 .5rem}.quest-bar{border-radius:var(--radius-pill);background:var(--color-accent);height:.45rem}@supports (color:color-mix(in lab, red, red)){.quest-bar{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}}.quest-bar{overflow:hidden}.quest-bar span{background:var(--color-accent);height:100%;display:block}.quest-foot{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.quest-claimed{color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.research-branch{margin-top:var(--space-panel)}.research-branch h4{color:var(--color-accent);margin:0 0 .4rem}.research-node{align-items:center;gap:.5rem var(--space-gap);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;padding:.7rem 0;display:grid}.research-node__body strong,.research-node__body small{display:block}.research-node__body strong span,.research-node__body small,.research-node__body p{color:var(--color-text-muted)}.research-node__body p{font-size:var(--text-sm);margin:.2rem 0}.research-node>.error{grid-column:1/-1}.tree-tabs{flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;display:flex}.tree-canvas{min-width:0;max-width:100%;max-height:60vh;overflow:auto}.tree-view{min-width:100%;display:inline-block;position:relative}.tree-view__links{pointer-events:none;position:absolute;inset:0}.tree-view__grid{place-items:start stretch;gap:1.25rem 1rem;display:grid;position:relative}.tree-node{border:1px solid var(--color-border);background:var(--color-accent);border-radius:12px;flex-direction:column;gap:.15rem;min-width:9.5rem;padding:.5rem .6rem;display:flex}@supports (color:color-mix(in lab, red, red)){.tree-node{background:color-mix(in srgb, var(--color-accent) 4%, transparent)}}.tree-node{color:inherit;text-align:left;cursor:pointer}.tree-node--locked{opacity:.45;cursor:not-allowed}.tree-node__level,.tree-node__effect,.tree-node__locked{color:var(--color-text-muted);font-size:var(--text-sm)}.tree-link{stroke-width:2px}.tree-link--met{stroke:currentColor;opacity:.7}.tree-link--unmet{stroke:currentColor;opacity:.25;stroke-dasharray:4 4}.tree-detail{border:1px solid var(--color-border);background:var(--color-accent);border-radius:12px;grid-column:1/-1;padding:.6rem .75rem}@supports (color:color-mix(in lab, red, red)){.tree-detail{background:color-mix(in srgb, var(--color-accent) 4%, transparent)}}@media (width<=640px){.tree-view__grid{gap:1rem .6rem}.tree-node{min-width:7.5rem}}.troop-chip{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.queue-item{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.35rem;padding:.45rem 0;display:flex}.queue-item__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.troop-chip:last-child,.queue-item:last-child{border-bottom:none}.chat-tabs{gap:.4rem;margin-bottom:.5rem;display:flex}.chat-tabs .is-active{border-color:var(--color-accent,currentColor);font-weight:600}.chat-messages{flex-direction:column;gap:.35rem;max-height:260px;margin-bottom:.5rem;display:flex;overflow-y:auto}.chat-message{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.3rem 0;display:flex}.chat-message--mine .chat-message__sender{opacity:.7}.chat-message__sender{font-size:.85em;font-weight:600}.chat-message__report{cursor:pointer;opacity:.5;background:0 0;border:none;margin-left:auto}.chat-message__report:hover{opacity:1}.chat-attachment{background:var(--color-panel-raised);border:1px solid var(--color-border);border-radius:6px;width:100%;padding:.25rem .5rem;font-size:.85em;display:block}.chat-attachment__open{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0}.chat-attachment__detail{border-top:1px solid var(--color-border);margin-top:.4rem;padding-top:.4rem;font-size:.85em}.status-dot{border-radius:var(--radius-pill);background:var(--color-border);width:8px;height:8px;margin-right:.4rem;display:inline-block}.status-dot--online{background:var(--color-online)}.badge{border-radius:var(--radius-pill);background:var(--color-danger);min-width:1.2em;color:var(--color-text);text-align:center;padding:0 .35em;font-size:.7em;display:inline-block}@keyframes badge-flash{0%,to{background:var(--color-danger);box-shadow:0 0 #d9534f99}50%{background:var(--color-alarm);box-shadow:0 0 0 4px #d9534f00}}.badge--flash{animation:1s ease-in-out infinite badge-flash}@media (prefers-reduced-motion:reduce){.badge--flash{animation:none}}.notification--unread{font-weight:600}.notification{align-items:flex-start;gap:var(--space-tight,.5rem)}.notification__main{flex-direction:column;gap:.25rem;min-width:0;display:flex}.notification__body{white-space:pre-wrap;word-break:break-word;color:var(--color-text-muted,inherit);font-weight:400}.notification__actions{flex-wrap:wrap;flex-shrink:0;gap:.35rem;display:flex}.notification__toolbar{gap:.5rem;margin-bottom:.5rem;display:flex}.notification__reply{flex-basis:100%;margin-top:.5rem}.progress-bar{border-radius:var(--radius-pill);background:var(--color-panel-raised);border:1px solid var(--color-border);width:100%;height:6px;position:relative;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--color-accent-strong));width:0;height:100%;transition:width .25s linear;display:block}.building-tag .progress-bar{height:4px;margin-top:3px}.troop-chip__label{align-items:center;gap:.4rem;display:flex}.troop-chip__class{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7em}.troop-chip__icon{object-fit:contain;flex-shrink:0;width:1.75rem;height:1.75rem}.troop-chip__icon--glyph{place-items:center;display:grid}.troop-chip__icon--glyph .icon{width:1.4rem;height:1.4rem}#troop-train-form{align-items:center;gap:var(--space-gap);margin-top:var(--space-gap);flex-wrap:wrap;display:flex}#troop-train-form .field{flex:9rem}.army-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.army-row:last-child{border-bottom:none}.report-row{border-left:3px solid var(--color-border);background:var(--color-panel-raised);border-radius:var(--radius-control);justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.report-row:last-child{margin-bottom:0}.report-row--win{border-left-color:var(--color-success)}.report-row--loss{border-left-color:var(--color-danger)}.map-canvas-panel{background:var(--color-board);border-radius:var(--radius-panel);position:relative;overflow:hidden}.troop-locations__slots{opacity:.75;margin:0 0 .75rem}.troop-location{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-panel);gap:.5rem;margin-bottom:.5rem;padding:.75rem;display:grid}.troop-location__head{align-items:center;gap:.5rem;display:flex}.troop-location__label{flex:1}.troop-location__count{font-variant-numeric:tabular-nums}.troop-location__controls{flex-wrap:wrap;gap:.375rem;display:flex}.troop-location__eta{font-size:var(--text-xs);color:var(--color-text-muted)}.troop-speedup-chooser{gap:.5rem;padding-top:.5rem;display:grid}.troop-speedup-chooser__items{flex-wrap:wrap;gap:.375rem;display:flex}.troop-speedup-chooser__gem-block{border-top:1px dashed var(--color-border);gap:.25rem;padding-top:.5rem;display:grid}.troop-speedup-chooser__gem-button{color:var(--color-text-muted);font-size:var(--text-xs);align-self:start}.troop-speedup-chooser__gem-button:disabled{opacity:.5;cursor:not-allowed}.troop-speedup-chooser__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.map-follow-chip{border-radius:var(--radius-pill);background:var(--color-panel-raised);border:1px solid var(--color-border);z-index:3;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.map-follow-chip button{color:inherit;cursor:pointer;line-height:1;font-size:var(--text-xs);background:0 0;border:none;padding:0}.map-canvas-panel:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#03070b8c 100%);position:absolute;inset:0}.minimap-wrap{z-index:3;top:calc(var(--space-panel) + .5rem);right:calc(var(--space-panel) + .5rem);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-panel);cursor:pointer;line-height:0;position:absolute;overflow:hidden}#dispatch-panel form{gap:var(--space-gap);flex-direction:column;display:flex}#dispatch-panel label{justify-content:space-between;align-items:center;gap:var(--space-gap);display:flex}.map-sidebar-intro{gap:var(--space-gap);flex-direction:column;display:flex}.map-sidebar-intro h2{font-size:var(--text-lg);margin:.25rem 0 0}.map-legend{gap:var(--space-gap);color:var(--color-text-muted);flex-wrap:wrap;font-size:.88em;display:flex}.map-legend span{align-items:center;gap:.4rem;display:inline-flex}.map-legend i{background:var(--color-danger);border-radius:50%;width:.65rem;height:.65rem}.map-legend .map-legend__home{background:var(--color-accent)}.map-legend .map-legend__node{background:var(--color-node)}.map-legend .map-legend__monster{background:var(--color-danger)}.nearby-city-list{gap:.45rem;display:grid}.nearby-city-list button{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.nearby-city-list button>span:last-child{color:var(--color-text-muted);font-size:.78em}.map-bookmark-row{align-items:center;gap:.4rem;display:flex}.map-bookmark-row button[data-jump]{text-align:left;flex:1;justify-content:space-between;align-items:center;display:flex}.map-bookmark-row button[data-jump]>span:last-child{color:var(--color-text-muted);font-size:.78em}.map-bookmark-row button[data-remove]{flex:none;padding:.3rem .5rem}.map-filters{flex-direction:column;gap:.4rem;display:flex}.map-filter{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-panel-raised);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;align-items:center;gap:.4rem;padding:.3rem .7rem;transition:opacity .15s,border-color .15s;display:inline-flex}.map-filter input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.map-filter__dot{border-radius:var(--radius-pill);width:.6rem;height:.6rem;box-shadow:0 0 0 1px #00000059}.map-filter[data-layer=cities] .map-filter__dot{background:var(--color-accent)}.map-filter[data-layer=nodes] .map-filter__dot{background:var(--color-node)}.map-filter[data-layer=monsters] .map-filter__dot{background:var(--color-danger)}.map-home{z-index:3;right:calc(var(--space-panel) + .5rem);bottom:calc(var(--space-panel) + .5rem);border:1px solid var(--color-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--color-text);font-size:var(--text-sm);box-shadow:var(--shadow-raised);background:#080c1099;align-items:center;gap:.4rem;padding:.4rem .7rem;font-weight:600;display:inline-flex;position:absolute}.map-home:hover{border-color:var(--color-accent)}.map-home .icon{width:1.2em;height:1.2em}@media (width<=560px){.map-home__label{display:none}.map-home{padding:.5rem}}.map-filter:has(input:checked){border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.map-filter:has(input:checked){border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}}.map-filter:not(:has(input:checked)){opacity:.45}.map-filter:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.map-layout--focused{grid-template-columns:1fr}.map-filters--inline{z-index:3;left:calc(var(--space-panel) + .5rem);bottom:calc(var(--space-panel) + .5rem);border:1px solid var(--color-border);border-radius:var(--radius-control);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c1099;flex-flow:wrap;gap:.35rem .9rem;padding:.4rem .7rem;position:absolute}.map-filters--inline label{white-space:nowrap}.map-target-extras{gap:.5rem;margin:.4rem 0 .8rem;display:grid}.map-target-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.map-city-meta{flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem;display:flex}.map-city-meta span{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-accent);align-items:center;padding:.15rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.map-city-meta span{background:color-mix(in srgb, var(--color-accent) 7%, transparent)}}.map-city-meta span{font-size:var(--text-sm);color:var(--color-text-muted)}.map-city-meta .map-city-power{color:var(--color-accent);border-color:var(--color-accent);font-weight:600}@supports (color:color-mix(in lab, red, red)){.map-city-meta .map-city-power{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border))}}.map-scout-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:.65rem}.map-combat-stats{border:1px solid var(--color-border);background:var(--color-accent);border-radius:12px;margin:.5rem 0 .85rem;padding:.75rem .9rem}@supports (color:color-mix(in lab, red, red)){.map-combat-stats{background:color-mix(in srgb, var(--color-accent) 4%, transparent)}}.map-combat-stats__title{margin:0 0 .55rem}.map-combat-stats__title:not(:first-child){margin-top:.85rem}.map-world-rank{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.4rem 1.3rem;font-weight:600;display:flex}.map-world-rank span{align-items:center;gap:.35rem;display:inline-flex}.map-world-rank small{font-weight:400}.map-rank{flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin-bottom:.7rem;display:flex}.map-rank-badge{border:1px solid var(--color-accent);padding:.2rem .75rem;display:inline-block}@supports (color:color-mix(in lab, red, red)){.map-rank-badge{border:1px solid color-mix(in srgb, var(--color-accent) 55%, var(--color-border))}}.map-rank-badge{border-radius:var(--radius-pill);background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.map-rank-badge{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}}.map-rank-badge{font-size:var(--text-sm);letter-spacing:.03em;color:var(--color-accent);font-weight:700}.map-rank-next{font-size:var(--text-sm)}.map-stat-grid{grid-template-columns:1fr 1fr;gap:.15rem 1.3rem;margin:0;display:grid}.map-stat-grid>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:.5rem;padding:.32rem 0;display:flex}@supports (color:color-mix(in lab, red, red)){.map-stat-grid>div{border-bottom:1px solid color-mix(in srgb, var(--color-border) 55%, transparent)}}.map-stat-grid dt{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.map-stat-grid dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.map-tile-card{border:1px solid var(--color-border);background:var(--color-accent);border-radius:12px;margin:.5rem 0 .85rem;padding:.75rem .9rem}@supports (color:color-mix(in lab, red, red)){.map-tile-card{background:color-mix(in srgb, var(--color-accent) 4%, transparent)}}.map-tile-card__title{margin:0 0 .55rem}.troop-card-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem;margin-bottom:.7rem;display:grid}.troop-card{border:1px solid var(--color-border);background:var(--color-accent);border-radius:12px;grid-template-columns:auto 1fr;align-content:start;align-items:start;gap:0 .7rem;padding:.5rem .6rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.troop-card{background:color-mix(in srgb, var(--color-accent) 4%, transparent)}}.troop-card__portrait{object-fit:contain;background:var(--color-bg);border-radius:10px;width:3.4rem;height:3.4rem}@supports (color:color-mix(in lab, red, red)){.troop-card__portrait{background:color-mix(in srgb, var(--color-bg) 55%, transparent)}}.troop-card__portrait--glyph{border:1px dashed var(--color-border);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.troop-card__portrait--glyph{border:1px dashed color-mix(in srgb, var(--color-border) 80%, transparent)}}.troop-card__portrait--glyph .icon{width:2rem;height:2rem}.troop-card__body{gap:.15rem;min-width:0;display:grid}.troop-card__name{font-weight:600}.troop-card__tags{flex-wrap:wrap;gap:.3rem;display:flex}.troop-card__level,.troop-card__class{font-size:var(--text-sm);background:var(--color-border);border-radius:999px;padding:.05rem .4rem}@supports (color:color-mix(in lab, red, red)){.troop-card__level,.troop-card__class{background:color-mix(in srgb, var(--color-border) 60%, transparent)}}.troop-card__level,.troop-card__class{color:var(--color-text-muted)}.troop-card__have{font-size:var(--text-sm);color:var(--color-text-muted)}.troop-card__count{font-variant-numeric:tabular-nums;font-weight:600}.troop-card__input{width:100%;margin-top:.15rem}.troop-card__toggle{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.troop-card__toggle-label{font-size:var(--text-sm);color:var(--color-accent);cursor:pointer;grid-column:2;justify-self:start;margin-top:.2rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.troop-card__toggle:focus-visible+.troop-card__toggle-label{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.troop-card__toggle-hide,.troop-card__toggle:checked~.troop-card__toggle-label .troop-card__toggle-show{display:none}.troop-card__toggle:checked~.troop-card__toggle-label .troop-card__toggle-hide{display:inline}.troop-card__stats{grid-column:1/-1;margin-top:.45rem;display:none}.troop-card__toggle:checked~.troop-card__stats{display:block}.troop-card__stat-grid{grid-template-columns:repeat(2,1fr);gap:.1rem .7rem;margin:0;display:grid}.troop-card__stat-grid>div{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.troop-card__stat-grid dt{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:.3rem;margin:0;display:flex}.troop-card__stat-grid dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.troop-card__counter{font-size:var(--text-sm);color:var(--color-text-muted);margin:.4rem 0 0;font-style:italic}.troop-card-grid--roster{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.troop-card--roster .troop-card__portrait{width:2.6rem;height:2.6rem}@media (width<=480px){.troop-card-grid,.troop-card-grid--roster{grid-template-columns:1fr}}.map-action-list{gap:.55rem;display:grid}.map-action-list .map-action-attack{width:100%}.map-action-row{flex-wrap:wrap;gap:.5rem;display:flex}.map-action-row .button--ghost{flex:8rem}.map-rally-control{border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.map-rally-control .button--ghost{margin-left:auto}.map-rally-field{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:.4rem;display:inline-flex}.ranking-scope{border-radius:var(--radius-pill);background:var(--color-surface-raised,#ffffff0a);gap:.25rem;margin-bottom:.5rem;padding:.2rem;display:inline-flex}.ranking-scope__button{border-radius:var(--radius-pill);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;padding:.2rem .9rem}.ranking-scope__button[aria-selected=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.ranking-board{margin-top:.6rem}.ranking-tag{color:var(--color-accent);font-weight:600}.ranking-you{border-top:1px solid var(--color-border,#ffffff14);font-size:var(--text-sm);margin-top:.6rem;padding-top:.5rem}.ranking-you strong{color:var(--color-accent);font-variant-numeric:tabular-nums}.ranking-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.ranking-row{border-radius:var(--radius-control);background:var(--color-panel-raised);grid-template-columns:2rem 1fr auto;align-items:center;gap:.6rem;padding:.4rem .5rem;display:grid}.ranking-row--jump{text-align:left;width:100%;font:inherit;color:inherit;box-shadow:none;cursor:pointer;border:1px solid #0000}.ranking-row--jump:hover{border-color:var(--color-accent);background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.ranking-row--jump:hover{background:color-mix(in srgb, var(--color-accent) 8%, var(--color-panel-raised))}}.ranking-rank{font-variant-numeric:tabular-nums;color:var(--color-accent);text-align:right;font-weight:700}.ranking-city{flex-direction:column;min-width:0;display:flex}.ranking-city small{color:var(--color-text-muted);font-size:var(--text-xs)}.ranking-value{font-variant-numeric:tabular-nums;font-weight:600}.empty-state{color:var(--color-text-muted);margin:0;padding:.5rem 0;font-size:.9em}.dispatch-actions{flex-wrap:wrap;gap:.5rem;display:flex}.march-preset-row{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.march-preset-row select{flex:1}.shop-teleport-row input[type=number]{width:3.5rem;margin-left:.4rem}.simulation-result{border:1px solid var(--color-border);border-radius:.5rem;margin-top:.6rem;padding:.6rem .75rem;font-size:.85em}.simulation-result--win{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.simulation-result--win{border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border))}}.simulation-result--win{color:var(--color-success)}.simulation-result--loss{border-color:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.simulation-result--loss{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border))}}.simulation-result--loss{color:var(--color-danger)}.scout-reports-list{gap:.6rem;display:grid}.scout-report{border:1px solid var(--color-border);border-radius:.5rem;padding:.6rem .75rem}.scout-report header{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.4rem;display:flex}.scout-report__confidence{color:var(--color-text-muted);white-space:nowrap;font-size:.75em}.scout-report--expired{opacity:.6}.scout-report__expired{color:var(--color-danger);white-space:nowrap;font-size:.75em}.scout-report dl{gap:.25rem;margin:0;display:grid}.scout-report dl>div{grid-template-columns:7rem 1fr;gap:.5rem;display:grid}.scout-report dt{color:var(--color-text-muted);font-size:.8em}.scout-report dd{margin:0;font-size:.85em}.monster-reports-list{gap:.6rem;display:grid}.monster-report{border:1px solid var(--color-border);border-radius:.5rem;padding:.6rem .75rem}.monster-report header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.4rem;display:flex}.monster-report__tier{color:var(--color-text-muted);font-size:.75em}.monster-report__outcome{white-space:nowrap;font-size:.78em;font-weight:600}.monster-report--victory .monster-report__outcome{color:var(--color-success)}.monster-report--defeat .monster-report__outcome{color:var(--color-danger)}.monster-report--fled .monster-report__outcome{color:var(--color-text-muted)}.monster-report dl{gap:.25rem;margin:0;display:grid}.monster-report dl>div{grid-template-columns:7rem 1fr;gap:.5rem;display:grid}.monster-report dt{color:var(--color-text-muted);font-size:.8em}.monster-report dd{margin:0;font-size:.85em}.result-mark{width:3.25rem;height:3.25rem;color:var(--color-success);border:1px solid;border-radius:50%;place-items:center;margin:0 auto;font-size:1.65rem;display:grid}.result-mark--cancel{color:var(--color-danger)}@media (width<=767px),(orientation:landscape) and (height<=560px){.power-summary{grid-template-columns:1fr auto}.power-summary__categories{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:flex-start;gap:.3rem .6rem}.power-summary__categories>.shield-badge,.power-summary__categories>.fire-badge,.power-summary__categories>.wall-damage-badge,.power-summary__categories>.boost-badge,.power-summary__categories>.catchup-badge,.power-summary__categories>.military-badge{padding:.15rem .5rem;font-size:.78em}.power-summary__categories .badge-detail{display:none}}@media (width<=767px){.page-header{flex-direction:column;align-items:start}.resource-bar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.city-modal{padding:0}.city-modal__dialog{border-radius:0;width:100%;max-height:100vh}}.shield-tag{color:var(--color-sky);white-space:nowrap;margin-left:.4rem}@media (width<=767px),(orientation:landscape) and (height<=560px){.app-nav{padding:.4rem .6rem}.app-nav__wordmark{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-nav__links{gap:.9rem}.app-nav__links a,.app-nav__links button{padding-block:.4rem}.app-main:has(.city-layout){--city-pad:.35rem;padding:var(--city-pad)}:is(.app-main:has(.city-layout)>.resource-bar,.app-main:has(.city-layout)>.power-summary,.app-main:has(.city-layout)>.hud-toolbar){z-index:40;border:1px solid var(--color-border);border-radius:var(--radius-control);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c10b8;width:auto;margin:0;padding:.3rem .6rem;position:fixed}.app-main:has(.city-layout)>.resource-bar{flex-wrap:wrap;gap:.15rem .5rem;font-size:.78em;display:flex;top:3rem;left:.5rem}.app-main:has(.city-layout)>.hud-toolbar{gap:.35rem;bottom:.5rem;left:.5rem}.app-main:has(.city-layout)>.hud-toolbar .hud-toolbar__label{display:none}.app-main:has(.city-layout)>.hud-toolbar .hud-toolbar__button{padding:.28rem .5rem}.app-main:has(.city-layout)>.power-summary{flex-wrap:wrap;align-items:center;gap:.2rem .7rem;font-size:.82em;display:flex}.app-main:has(.city-layout)>.power-summary>details{display:none}.app-main:has(.city-layout)>.power-summary>div:first-child strong{font-size:1rem}.app-main:has(.city-layout)>.power-summary .power-summary__categories{justify-content:flex-start;gap:.3rem .7rem}.app-main:has(.city-layout)>.power-summary .power-summary__categories>span:has([data-power-category]){display:none}}@media (width<=480px){.app-main:has(.city-layout)>.resource-bar .resource-chip__name{display:none}}@media (orientation:portrait) and (width<=767px){.app-main{padding:var(--space-gap)}#map-canvas{aspect-ratio:auto;height:calc(100dvh - 8.75rem);min-height:18rem}.city-map-panel{margin-inline:calc(-1 * var(--city-pad,var(--space-gap)));border-inline:0;border-bottom:0;border-radius:0;padding:0}.app-main:has(.city-layout){padding-bottom:0}.app-main:has(.city-layout)>.power-summary{bottom:3.4rem;left:.5rem;right:.5rem}.minimap-wrap canvas{width:96px;height:96px}.map-filters--inline{gap:.25rem .6rem;padding:.3rem .5rem;font-size:.85em}}@media (orientation:landscape) and (height<=560px){.app-main{padding:.5rem}#map-canvas{aspect-ratio:auto;height:calc(100dvh - 8.5rem);min-height:12rem}.minimap-wrap canvas{width:88px;height:88px}.map-filters--inline{gap:.25rem .6rem;padding:.3rem .5rem;font-size:.8em}.resource-bar{gap:.25rem;margin-bottom:.35rem;font-size:.78em}.resource-chip{padding:.15rem .4rem}.hud-toolbar{gap:.35rem;margin-bottom:.35rem}.hud-toolbar__button{padding:.28rem .5rem}.hud-toolbar__label{display:none}.power-summary{row-gap:.15rem;margin-bottom:.35rem;padding:.35rem .6rem;font-size:.82em}.power-summary strong{font-size:1rem}.power-summary>details{display:none}.city-map-panel{padding:.5rem}.power-summary{flex-wrap:wrap;align-items:center;gap:.2rem .9rem;display:flex}.power-summary__categories{flex-wrap:wrap;justify-content:flex-start;gap:.9rem}.power-summary>div:first-child{align-items:baseline;gap:.4rem;display:flex}.power-summary>div:first-child strong{font-size:1rem;display:inline}.city-zoom{top:.5rem;bottom:auto;right:.5rem}.city-zoom__button{width:2rem;height:2rem}.app-main:has(.city-layout)>.power-summary{max-width:60vw;bottom:.5rem;right:.5rem}.app-main:has(.city-layout)>.power-summary .power-summary__categories>span:has([data-power-category]){display:none}}.tutorial-overlay{z-index:90;pointer-events:none;position:fixed;inset:0}.tutorial-overlay__band{pointer-events:auto;background:#0000009e;position:fixed}.tutorial-overlay__hole{outline:2px solid var(--color-accent);pointer-events:none;border-radius:8px;position:fixed}.tutorial-bubble{z-index:91;border:1px solid var(--color-border);background:var(--color-panel);color:var(--color-text);pointer-events:auto;border-radius:10px;flex-direction:column;gap:.6rem;max-width:calc(100vw - 1rem);padding:.9rem 1rem;display:flex;position:fixed;box-shadow:0 12px 32px #00000073}.tutorial-bubble p{margin:0;font-size:.95rem;line-height:1.4}.tutorial-bubble button{align-self:flex-end}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}