.build-manager{margin-top:22px;padding:24px;border:1px solid #c4e69735;border-radius:12px;background:#1b241e}.manager-heading{display:flex;justify-content:space-between;gap:20px}.build-manager h3{margin:5px 0 10px;font-size:18px}.build-manager p{font-size:12px;color:#afbdad;line-height:1.6}.manager-presets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.attribute-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.attribute-grid label{display:flex;flex-direction:column;gap:8px;text-transform:capitalize;font-size:12px}.quickslot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quickslot-grid>div{display:flex;flex-direction:column;gap:8px}.quickslot-grid label{font-size:11px;color:#c5d4bf}.quickslot-grid select{border:1px solid #ffffff25;border-radius:6px;background:#121c15;padding:8px;font-size:12px;color:#e3e9dd}.instructions{flex-wrap:wrap}.touch-controls{flex-wrap:wrap;gap:8px;max-width:390px}@media(max-width:750px){.attribute-grid,.quickslot-grid{grid-template-columns:repeat(2,1fr)}.build-manager{padding:16px}}.play-area>.build-manager{position:absolute;inset:12px;margin:0;overflow:auto;z-index:10;background:#18251cf5;border-color:#c7dfa66b;box-shadow:0 8px 36px #0008}.play-area>.build-manager .manager-heading{position:sticky;top:-24px;background:#18251c;z-index:1;padding:8px 0}.toolbar-actions{max-width:620px}.instructions .control-group{flex-wrap:wrap}.build-manager h3{color:#e4ebd9}.touch-joystick-wrap{display:grid;justify-items:center;gap:6px}.touch-joystick{position:relative;width:140px;height:140px;border-radius:50%;padding:0;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#b5dca11f,#111a15d1);border:1px solid rgba(198,222,166,.35);box-shadow:inset 0 0 25px #0000004d}.touch-joystick:hover{background:radial-gradient(circle,#b5dca126,#111a15d1)}.touch-joystick-cross{position:absolute;inset:25px;border:1px solid rgba(198,222,166,.13);border-radius:50%;pointer-events:none}.touch-joystick-cross:before,.touch-joystick-cross:after{content:"";position:absolute;background:#c6dea62b}.touch-joystick-cross:before{width:1px;height:100%;left:50%}.touch-joystick-cross:after{height:1px;width:100%;top:50%}.touch-joystick-knob{position:absolute;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#acc389,#596b45);border:2px solid #c9dbab;box-shadow:0 4px 12px #0008;pointer-events:none}.touch-joystick-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#c5cfb7}.controller-mapping{display:block}.controller-mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.65rem 1.5rem;margin:1rem 0}.controller-mapping-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.controller-mapping-row>span{font-size:.85rem}.controller-mapping-actions{margin-top:1rem}@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-font-weight: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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-300:oklch(87.9% .169 91.605);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.right-7{right:calc(var(--spacing) * 7)}.right-8{right:calc(var(--spacing) * 8)}.right-9{right:calc(var(--spacing) * 9)}.right-10{right:calc(var(--spacing) * 10)}.right-11{right:calc(var(--spacing) * 11)}.right-12{right:calc(var(--spacing) * 12)}.right-13{right:calc(var(--spacing) * 13)}.right-14{right:calc(var(--spacing) * 14)}.right-15{right:calc(var(--spacing) * 15)}.right-16{right:calc(var(--spacing) * 16)}.right-17{right:calc(var(--spacing) * 17)}.right-18{right:calc(var(--spacing) * 18)}.right-19{right:calc(var(--spacing) * 19)}.right-20{right:calc(var(--spacing) * 20)}.right-21{right:calc(var(--spacing) * 21)}.right-22{right:calc(var(--spacing) * 22)}.right-23{right:calc(var(--spacing) * 23)}.right-24{right:calc(var(--spacing) * 24)}.right-25{right:calc(var(--spacing) * 25)}.right-26{right:calc(var(--spacing) * 26)}.right-27{right:calc(var(--spacing) * 27)}.right-28{right:calc(var(--spacing) * 28)}.right-29{right:calc(var(--spacing) * 29)}.right-30{right:calc(var(--spacing) * 30)}.right-31{right:calc(var(--spacing) * 31)}.right-32{right:calc(var(--spacing) * 32)}.right-33{right:calc(var(--spacing) * 33)}.right-34{right:calc(var(--spacing) * 34)}.right-35{right:calc(var(--spacing) * 35)}.right-36{right:calc(var(--spacing) * 36)}.left-0{left:0}.left-1{left:var(--spacing)}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-7{left:calc(var(--spacing) * 7)}.left-8{left:calc(var(--spacing) * 8)}.left-9{left:calc(var(--spacing) * 9)}.left-10{left:calc(var(--spacing) * 10)}.left-11{left:calc(var(--spacing) * 11)}.left-12{left:calc(var(--spacing) * 12)}.left-13{left:calc(var(--spacing) * 13)}.left-14{left:calc(var(--spacing) * 14)}.left-15{left:calc(var(--spacing) * 15)}.left-16{left:calc(var(--spacing) * 16)}.left-17{left:calc(var(--spacing) * 17)}.left-18{left:calc(var(--spacing) * 18)}.left-19{left:calc(var(--spacing) * 19)}.left-20{left:calc(var(--spacing) * 20)}.left-21{left:calc(var(--spacing) * 21)}.left-22{left:calc(var(--spacing) * 22)}.left-23{left:calc(var(--spacing) * 23)}.left-24{left:calc(var(--spacing) * 24)}.left-25{left:calc(var(--spacing) * 25)}.left-26{left:calc(var(--spacing) * 26)}.left-27{left:calc(var(--spacing) * 27)}.left-28{left:calc(var(--spacing) * 28)}.left-29{left:calc(var(--spacing) * 29)}.left-30{left:calc(var(--spacing) * 30)}.left-31{left:calc(var(--spacing) * 31)}.left-32{left:calc(var(--spacing) * 32)}.left-33{left:calc(var(--spacing) * 33)}.left-34{left:calc(var(--spacing) * 34)}.left-35{left:calc(var(--spacing) * 35)}.left-36{left:calc(var(--spacing) * 36)}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.w-full{width:100%}.shrink{flex-shrink:1}.grow{flex-grow:1}.basis-full{flex-basis:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-lime-300{background-color:var(--color-lime-300)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-amber-300{color:var(--color-amber-300)}.text-stone-200{color:var(--color-stone-200)}.text-stone-300{color:var(--color-stone-300)}.text-stone-400{color:var(--color-stone-400)}.text-stone-950{color:var(--color-stone-950)}.italic{font-style:italic}.shadow,.shadow-sm,.shadow\/1\.png,.shadow\/2\.png,.shadow\/3\.png,.shadow\/4\.png,.shadow\/5\.png,.shadow\/6\.png,.shadow\/body{--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)}.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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:bg-lime-200:hover{background-color:var(--color-lime-200)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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-visible\:ring-lime-300:focus-visible{--tw-ring-color:var(--color-lime-300)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}}:root{color:#e7e5df;font-synthesis:none;background:#121714;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,kbd{font:inherit}.app{max-width:1240px;margin:0 auto;padding:32px 40px 20px}.header{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;padding-bottom:26px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{color:#c9e892;background:#c9e89209;border:1px solid #c9e89230;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}h1{letter-spacing:-.6px;margin:0;font-size:18px;font-weight:650}h1 span{color:#728074;font-weight:400}.brand p{color:#89958b;margin:4px 0 0;font-size:11px}.prototype{letter-spacing:1.6px;color:#a3af9d;border:1px solid #ffffff12;border-radius:30px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;display:flex}.prototype span,.live-dot,.status-dot{background:#c4e697;border-radius:50%;width:6px;height:6px;display:inline-block}.toolbar{justify-content:space-between;align-items:center;padding:26px 0 22px;display:flex}.eyebrow{letter-spacing:2.4px;color:#b6cd97;font-size:9px}h2{letter-spacing:-.8px;margin:6px 0;font-size:26px;font-weight:500}.toolbar p{color:#8d998f;margin:0;font-size:12px}.play-area{border:1px solid #d4e1a527;border-radius:14px;height:min(62vh,620px);min-height:380px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0004}.game-canvas{width:100%;height:100%}.game-canvas canvas{image-rendering:pixelated;display:block}.location,.coordinates{color:#f2f0d8;pointer-events:none;background:#182018bd;border:1px solid #ffffff15;border-radius:7px;padding:9px 12px;font-size:10px;position:absolute;bottom:18px}.location{align-items:center;gap:8px;display:flex;left:18px}.coordinates{font-family:monospace;right:18px}.bottom{border-bottom:1px solid #ffffff10;justify-content:space-between;gap:20px;padding:20px 0;display:flex}.instructions,.control-group,.stats,.stats>span{align-items:center;gap:6px;display:flex}.control-group span{color:#a3ada3;margin-left:4px;font-size:11px}kbd{color:#c5cdc3;background:#ffffff04;border:1px solid #ffffff18;border-bottom-width:2px;border-radius:4px;padding:4px 6px;font-size:10px}.divider{background:#ffffff12;width:1px;height:17px;margin:0 10px}.hint{color:#6f7b72;margin-left:14px;font-size:10px}.stats{color:#89988a;gap:18px;font-size:10px}.stats svg{color:#b4c999}.stats b{color:#e7eadc;font-weight:500}footer{color:#627067;justify-content:space-between;padding-top:17px;font-size:10px;display:flex}footer>span:first-child{align-items:center;gap:7px;display:flex}.status-dot{background:#8daa73;width:4px;height:4px}.overlay{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121714b8;place-items:center;display:grid;position:absolute;inset:0}.overlay p{color:#b8c1b2;margin:10px 0 22px;font-size:13px}.touch-controls{touch-action:none;justify-content:space-between;align-items:center;max-width:280px;margin:0 auto;padding:16px 0 0;display:flex}.dpad{grid-template-columns:repeat(3,40px);gap:4px;display:grid}.direction-up{grid-column:2}.direction-left{grid-area:2/1}.direction-down{grid-area:2/2}.direction-right{grid-area:2/3}.attack-button{height:56px}@media(min-width:900px)and (pointer:fine){.touch-controls{display:none}}@media(max-width:750px){.app{padding:20px 16px}.prototype{padding:7px;font-size:8px}h1 span{display:none}.toolbar{padding-top:20px}h2{font-size:22px}.toolbar p{max-width:230px;font-size:11px;line-height:1.6}.play-area{height:55vh;min-height:360px}.bottom{flex-wrap:wrap;gap:14px;padding:15px 0}.hint{display:none}.stats{margin-left:auto}footer{font-size:9px}.header{padding-bottom:18px}}.pixel-icon{width:24px;height:24px;image-rendering:pixelated;flex-shrink:0}.pixel-button{isolation:isolate;box-shadow:none;padding:0 18px;font-family:monospace;font-weight:700;position:relative;color:#152719!important;background:0 0!important;border:0!important;border-radius:0!important}.pixel-button-art{z-index:-1;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.pixel-button-content{justify-content:center;align-items:center;gap:8px;display:flex}.pixel-button:hover .pixel-button-art{filter:brightness(1.12)}.pixel-button:active .pixel-button-art{filter:brightness(.85)}.pixel-button:active .pixel-button-content{transform:translateY(1px)}.pixel-button:focus-visible{outline-offset:4px;outline:2px solid #f7e9ae}.pixel-stats{isolation:isolate;color:#f3dfb5;gap:20px;padding:12px 22px;position:relative}.pixel-stats-art{z-index:-1;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.pixel-stats b{color:#fff0cc}.pixel-stats>span{gap:7px}.bottom{align-items:center}.pixel-pause-panel{isolation:isolate;color:#4b311b;max-width:90%;padding:42px 48px;position:relative}.pixel-panel-art{z-index:-1;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.pixel-panel-content{position:relative}.pixel-pause-panel p{color:#705030}.pixel-pause-panel h2{font-family:monospace;font-weight:700}.play-area{outline-offset:2px;border:4px solid #79562d;border-radius:3px;outline:1px solid #c8aa68}.location,.coordinates{color:#f4e5be;background:#674a2cde;border:2px solid #b39760;border-radius:0;font-family:monospace}.location{padding:5px 10px}.location .pixel-icon{width:20px;height:20px}.dpad .pixel-button{padding:0}.touch-controls .attack-button{padding:0 20px}@media(max-width:750px){.pixel-stats{padding:10px 16px}.pixel-pause-panel{padding:32px 22px}.pixel-pause-panel h2{font-size:20px}.pixel-stats .pixel-icon{width:20px;height:20px}}.character-lab{background:#e0bb6506;border:1px solid #c9b07a35;border-radius:8px;flex-wrap:wrap;align-items:center;gap:24px;margin-top:22px;padding:20px;display:flex}.character-intro{flex:1;min-width:180px}.character-intro h3{margin:5px 0;font-size:16px;font-weight:500}.character-intro p,.loadouts small{color:#8d998b;margin:0;font-size:10px}.loadouts{flex-direction:column;gap:6px;display:flex}.loadouts label{color:#d1dbbe;font-size:10px}.loadouts select{color:#eaddb9;background:#252e21;border:1px solid #a18a58;border-radius:4px;padding:9px 12px;font-family:monospace;font-size:12px}.loadouts select:focus-visible{outline:2px solid #c4e697}.loadouts select:disabled{opacity:.5}.animation-demos{flex-wrap:wrap;gap:8px;display:flex}.animation-demos .pixel-button{padding:0 12px}.animation-demos kbd{color:#20482c;border-color:#23482c30;padding:1px 4px;font-size:9px}.animation-demos .pixel-button-content{gap:6px}@media(max-width:750px){.character-lab{gap:18px;padding:16px}.loadouts,.animation-demos{width:100%}.animation-demos .pixel-button{flex:1;padding:0 8px}}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media(max-width:750px){.toolbar-actions{gap:6px;max-width:150px}.toolbar-actions .pixel-button{height:32px;padding:0 10px;font-size:11px}.toolbar-actions .pixel-icon{width:16px;height:16px}}.play-area:fullscreen{border:0;border-radius:0;outline:0;width:100vw;height:100vh;min-height:0}.toolbar-actions{flex-wrap:wrap}@media(max-width:750px){.toolbar-actions{justify-content:flex-end;gap:6px;max-width:155px}.toolbar-actions .pixel-button{padding:0 10px;font-size:11px}}.touch-controls{flex-wrap:wrap;justify-content:center;gap:18px;max-width:560px}.touch-controls.touch-controls-visible{display:flex}.touch-actions{flex:1;grid-template-columns:repeat(2,minmax(70px,1fr));gap:10px;max-width:300px;display:grid}.touch-quick-slots{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.touch-quick-slots button{height:34px;padding:4px 8px;font-size:10px}.app{max-width:none;padding:24px 28px 20px}.play-area{aspect-ratio:auto;width:100%;height:min(70dvh,100dvh - 250px);min-height:0}@media(max-width:750px){.app{padding:16px 8px}.play-area{aspect-ratio:auto;height:60dvh;min-height:0}}.play-area:fullscreen{aspect-ratio:auto;height:100vh}@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-font-weight{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}.play-area>.touch-controls{position:absolute;inset:auto 0 0;z-index:5;max-width:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none;touch-action:auto}.play-area>.touch-controls>*{pointer-events:auto;touch-action:none}.play-area>.touch-controls .touch-joystick-wrap{grid-column:1;grid-row:2;justify-self:start}.play-area>.touch-controls .touch-joystick{width:112px;height:112px;--joystick-travel:40px}.play-area>.touch-controls .touch-joystick-knob{width:32px;height:32px}.play-area>.touch-controls .touch-joystick-label{display:none}.play-area>.touch-controls .touch-actions{grid-column:2;grid-row:2;justify-self:end;width:150px;max-width:none;gap:8px}.play-area>.touch-controls .touch-actions button{height:48px;padding:0 8px;font-size:12px;touch-action:none}.play-area>.touch-controls .touch-quick-slots{grid-column:1/-1;grid-row:1;gap:6px;width:auto;justify-self:center;flex-wrap:nowrap}.play-area>.touch-controls .touch-quick-slots button{position:relative;width:44px;height:44px;padding:0;background:#18251cdd;border-color:#c6bd8d80}.touch-quick-slots .pixel-icon{width:24px;height:24px}.touch-slot-number{position:absolute;left:3px;top:0;font-size:9px;color:#ebdfb5}@media(min-width:640px){.play-area>.touch-controls .touch-quick-slots{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}}@media(max-width:750px){.app{padding:8px}.header{padding-bottom:8px}.brand-icon{width:32px;height:32px}.brand p,.prototype,.toolbar>div:first-child{display:none}.toolbar{padding:8px 0}.toolbar-actions{max-width:none;width:100%;justify-content:flex-end;gap:6px}.toolbar-actions>button:nth-child(-n+4){display:none}.toolbar-actions>button{height:32px;font-size:11px}.bottom{padding:10px 0}}@media(max-width:750px)and (orientation:portrait){.play-area{height:calc(100dvh - 112px);min-height:360px}}@media(max-height:700px)and (orientation:portrait){.play-area{height:calc(100dvh - 160px);min-height:280px}}@media(max-height:500px)and (orientation:portrait){.app{padding:8px}.header,.bottom,footer{display:none}.play-area{height:calc(100dvh - 90px);min-height:280px}}@media(max-height:600px)and (orientation:landscape){.app{padding:6px max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left))}.header,.toolbar{display:none}.play-area{height:calc(100dvh - 16px);min-height:0}}.play-area:fullscreen{height:100dvh;min-height:0}.error-boundary{margin:24px;padding:20px;border:1px solid #b6cd9755;background:#18251c;color:#e7e5df;border-radius:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.error-boundary-overlay{position:absolute;bottom:12px;left:12px;right:12px;margin:0;z-index:8;font-size:12px}