*{box-sizing:border-box}body{margin:0;background:#0a0c0e;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none}#game{display:block;width:100vw;height:100vh;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M7 25l3-8 11-11 5 5-11 11-8 3z' fill='%23f4f7f8' stroke='%2311171a' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M18 9l5 5M10 17l5 5' stroke='%236bc8f2' stroke-width='3'/%3E%3C/svg%3E") 7 25,crosshair;image-rendering:pixelated;touch-action:none}#game.cursor-invalid{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12' fill='%2311171a' fill-opacity='.88' stroke='%23ff6969' stroke-width='3'/%3E%3Cpath d='M10 10l12 12M22 10L10 22' stroke='%23fff' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") 16 16,not-allowed}.world-hud{position:fixed;bottom:20px;left:20px;z-index:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:min(420px,calc(100vw - 40px));padding:8px;border:1px solid rgb(255 255 255 / 18%);border-radius:10px;background:#0a0c0ee0;color:#c9d3d8;box-shadow:0 8px 24px #0000003d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.world-hud label{font-size:12px}#world-status{max-width:260px;color:#ffcf7d;font-size:12px}#world-name{padding-right:4px;font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.time-of-day{margin:0 0 16px}.time-of-day #toggle-time{display:flex;width:100%;gap:10px;align-items:center;justify-content:space-between;min-height:36px;padding:8px 12px;border:1px solid rgb(255 255 255 / 20%);border-radius:7px;background:#20282c;color:#e8f5fb;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.time-of-day #toggle-time:hover{background:#2c383e}.time-of-day #toggle-time[aria-expanded=true]{border-color:#9ddcff;background:#46a0cd47;box-shadow:0 0 0 1px #9ddcff}.time-of-day #toggle-time:focus-visible{outline:2px solid white;outline-offset:2px}#time-of-day-label{min-width:3.2em;color:#9ddcff;font-size:12px;font-weight:650;text-align:right;text-transform:capitalize}.time-of-day__panel{display:grid;gap:10px;margin-top:8px;padding:10px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#ffffff0a}.time-of-day__panel[hidden]{display:none}.time-of-day__slider{display:block}.time-of-day__slider input[type=range]{width:100%;accent-color:#9ddcff}.time-of-day__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.time-of-day__actions button{min-height:32px;padding:6px 10px;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;background:#20282c;color:#e8f5fb;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.time-of-day__actions button:hover{background:#2c383e}.time-of-day__actions button[aria-pressed=true]{border-color:#9ddcff;background:#46a0cd47;box-shadow:0 0 0 1px #9ddcff}.time-of-day__actions button:focus-visible{outline:2px solid white;outline-offset:2px}#tile-palette{position:fixed;top:20px;right:20px;z-index:1;display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:min(476px,calc(100vw - 24px));max-height:calc(100vh - 24px);color:#fff}.palette-shell{display:flex;flex-direction:column;flex:1;min-width:0;max-height:calc(100vh - 24px);padding:14px;border:1px solid rgb(255 255 255 / 18%);border-radius:12px;background:#0a0c0ee0;box-shadow:0 10px 30px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}#tile-palette h2{margin:0 0 12px;font-size:13px;font-weight:650;letter-spacing:.08em;text-align:center;text-transform:uppercase}#tile-palette h2:not(:first-child){margin-top:18px}.foundation-options,.surface-options,.cliff-options,.transition-options,.object-options,.collision-options{display:grid;grid-template-columns:repeat(2,64px);gap:10px;justify-content:center}.tile-options{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:10px;justify-content:center;width:100%}.draw-toolbar{display:flex;flex-direction:column;flex-shrink:0;gap:8px;align-items:center;padding:8px;border:1px solid rgb(255 255 255 / 18%);border-radius:12px;background:#0a0c0ee0;box-shadow:0 10px 30px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.erase-tools{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid rgb(255 255 255 / 12%);border-bottom:1px solid rgb(255 255 255 / 12%)}.erase-tool{display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;background:#20282c;color:#e8f5fb;cursor:pointer}.erase-tool:hover{background:#2c383e}.erase-tool[aria-pressed=true]{border-color:#9ddcff;background:#46a0cd47;box-shadow:0 0 0 1px #9ddcff}.erase-tool:focus-visible{outline:2px solid white;outline-offset:2px}.game-menu-open{display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;background:#20282c;cursor:pointer}.game-menu-open:hover{background:#2c383e}.game-menu-open:focus-visible{outline:2px solid white;outline-offset:2px}.game-menu-open[aria-expanded=true]{border-color:#9ddcff;background:#46a0cd47;box-shadow:0 0 0 1px #9ddcff}.game-menu-open__glyph{display:block;width:16px;height:12px;background:linear-gradient(#e8f5fb,#e8f5fb) 0 0 / 100% 2px no-repeat,linear-gradient(#e8f5fb,#e8f5fb) 0 5px / 100% 2px no-repeat,linear-gradient(#e8f5fb,#e8f5fb) 0 10px / 100% 2px no-repeat}.erase-tool__icon{display:block;width:18px;height:18px;overflow:visible;pointer-events:none}.erase-tool__slash-shadow{fill:none;stroke:#11171a;stroke-width:3.2;stroke-linecap:round}.erase-tool__slash{fill:none;stroke:#e05a5a;stroke-width:2;stroke-linecap:round}.palette-body{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.palette-body,.palette-tabs{scrollbar-width:thin;scrollbar-color:rgb(157 220 255 / 40%) rgb(255 255 255 / 8%)}.palette-body::-webkit-scrollbar,.palette-tabs::-webkit-scrollbar{width:8px;height:8px}.palette-body::-webkit-scrollbar-track,.palette-tabs::-webkit-scrollbar-track{background:#ffffff0f;border-radius:8px}.palette-body::-webkit-scrollbar-thumb,.palette-tabs::-webkit-scrollbar-thumb{background:#9ddcff52;border:2px solid transparent;border-radius:8px;background-clip:padding-box}.palette-body::-webkit-scrollbar-thumb:hover,.palette-tabs::-webkit-scrollbar-thumb:hover{background:#9ddcff8c;background-clip:padding-box}.palette-tabs{display:flex;flex-shrink:0;gap:4px;margin:0 0 12px;overflow-x:auto}.palette-tabs button{flex:0 0 auto;padding:8px 10px;border:1px solid rgb(255 255 255 / 14%);border-radius:7px;background:#ffffff0d;color:#b9c2c7;cursor:pointer}.palette-tabs button[aria-pressed=true]{border-color:#9ddcff;background:#46a0cd38;color:#fff}#tile-palette[hidden]{display:none}.palette-panel+.palette-panel{margin-top:22px;padding-top:18px;border-top:1px solid rgb(255 255 255 / 12%)}.palette-hint{margin:-7px 0 10px;color:#aab4ba;font-size:11px;text-align:center}.palette-empty{padding:36px 10px;color:#8f9aa0;text-align:center}.brush-size-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0}.brush-size-control button{display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;background:#20282c;cursor:pointer}.brush-size-control button:hover{background:#2c383e}.brush-size-control button[aria-pressed=true]{border-color:#9ddcff;background:#46a0cd47;box-shadow:0 0 0 1px #9ddcff}.brush-size-control button:focus-visible{outline:2px solid white;outline-offset:2px}.brush-size-control i{display:block;border-radius:50%;background:#e8f5fb}.brush-size-control [data-brush-size="1"] i{width:6px;height:6px}.brush-size-control [data-brush-size="3"] i{width:13px;height:13px}.brush-size-control [data-brush-size="5"] i{width:21px;height:21px}.brush-size-control [data-brush-size=area] i{width:20px;height:20px;border:2px solid #e8f5fb;border-radius:2px;background:repeating-linear-gradient(135deg,#e8f5fb 0 2px,transparent 2px 5px)}.brush-size-control button[aria-pressed=true] i{background:#fff}.brush-size-control [data-brush-size=area][aria-pressed=true] i{border-color:#fff;background:repeating-linear-gradient(135deg,white 0 2px,transparent 2px 5px)}.cliff-options{grid-template-columns:repeat(4,48px)}.cliff-options .tile-option{width:48px;height:48px;color:#fff;font-size:18px;font-weight:750;text-shadow:0 1px 2px rgb(0 0 0 / 80%)}.collision-options{grid-template-columns:repeat(3,40px)}.collision-options .tile-option{width:40px;height:40px;color:#fff;font-size:22px;font-weight:700}.tile-option{width:64px;height:64px;padding:0;border:3px solid transparent;border-radius:8px;background:var(--tile-color);cursor:pointer}.tile-option:hover{transform:scale(1.04)}.tile-option--sprite{position:relative;display:grid;place-items:center;background:repeating-conic-gradient(#27343a 0,#27343a 25%,#35464e 0,#35464e 50%) 0 / 16px 16px}.tile-option__tree-age{position:absolute;right:2px;bottom:2px;min-width:17px;padding:1px 3px;border:1px solid rgb(255 255 255 / 55%);border-radius:4px;background:#10191de0;color:#fff;font:700 11px/14px system-ui,sans-serif;pointer-events:none}.tile-option__icon{width:48px;height:48px;image-rendering:pixelated;pointer-events:none}.tile-option[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #00000073}.tile-option:focus-visible{outline:3px solid white;outline-offset:3px}.tile-option--erase{border-color:#ffffff47;background:linear-gradient(45deg,transparent 46%,#d94b4b 47% 53%,transparent 54%),repeating-conic-gradient(#d7dde1 0,#d7dde1 25%,#fff 0,#fff 50%) 0 / 16px 16px;color:#2c343a;font-size:42px;font-weight:300;line-height:1}.palette-check{position:relative;display:flex;gap:10px;align-items:center;min-height:32px;margin-top:12px;color:#d6dde1;font-size:13px;cursor:pointer}.palette-check input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.palette-check__box{display:grid;width:20px;height:20px;flex-shrink:0;place-items:center;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;background:#20282c}.palette-check:hover .palette-check__box{background:#2c383e}.palette-check input:focus-visible+.palette-check__box{outline:2px solid white;outline-offset:2px}.palette-check input:checked+.palette-check__box{border-color:#9ddcff;background:#46a0cd47;box-shadow:0 0 0 1px #9ddcff}.palette-check input:checked+.palette-check__box:after{content:"";width:5px;height:9px;margin-top:-1px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.designer-link{display:block;margin-top:14px;color:#9ddcff;font-size:12px;text-align:center}#player-name{padding-right:4px;color:#9ddcff;font-size:12px;font-weight:650}.character-customizer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;display:grid;place-items:center;padding:16px;background:#06080ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.character-customizer[hidden]{display:none}.character-customizer__panel{display:flex;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:hidden;padding:18px;border:1px solid rgb(255 255 255 / 18%);border-radius:14px;background:#0a0c0ef0;color:#e8eef1;box-shadow:0 16px 48px #0006}.character-customizer__panel h2{margin:0 0 14px;font-size:18px}.character-customizer__body{display:grid;grid-template-columns:180px 1fr;gap:18px;min-height:0;overflow:auto}.character-customizer__preview{display:grid;justify-items:center;align-content:start;gap:8px}#character-preview{width:160px;height:224px;border:1px solid rgb(255 255 255 / 16%);border-radius:10px;background:#4f8c50;image-rendering:pixelated;cursor:pointer}.character-customizer__hint{margin:0;color:#aab4ba;font-size:11px;text-align:center}.character-name{display:grid;gap:6px;margin-bottom:12px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.character-name input{padding:8px 10px;border:1px solid rgb(255 255 255 / 28%);border-radius:7px;background:#192127;color:#fff;font:inherit;text-transform:none;letter-spacing:0;font-weight:500;user-select:text;-webkit-user-select:text}.character-groups{display:grid;gap:10px}.character-groups fieldset{margin:0;padding:8px 0 0;border:0}.character-groups legend{padding:0;color:#c9d3d8;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.character-options{display:flex;flex-wrap:wrap;gap:6px}.character-option{padding:6px 10px;border:1px solid rgb(255 255 255 / 18%);border-radius:7px;background:#ffffff0f;color:#d6dde1;font:inherit;font-size:13px;cursor:pointer}.character-option--swatch{width:28px;height:28px;padding:0;background:var(--swatch)}.character-option:hover{background:#46a0cd38}.character-option[aria-pressed=true]{border-color:#9ddcff;background:#46a0cd47;color:#fff}.character-option--swatch,.character-option--swatch:hover,.character-option--swatch[aria-pressed=true]{background:var(--swatch)}.character-option--swatch:hover{outline:2px solid rgb(157 220 255 / 70%)}.character-option--swatch[aria-pressed=true]{outline:2px solid white;box-shadow:0 0 0 2px #00000073}.character-customizer__actions{display:flex;justify-content:flex-end;flex-shrink:0;gap:10px;margin-top:16px}.character-customizer__actions button{padding:8px 14px;border:1px solid rgb(255 255 255 / 22%);border-radius:7px;background:#ffffff14;color:#fff;font:inherit;font-weight:650;cursor:pointer}#character-confirm{border-color:#9ddcff;background:#46a0cd47}#character-confirm:hover,.character-customizer__actions button:hover{background:#46a0cd66}#character-confirm:disabled{opacity:.5;cursor:default}.game-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;background:#06080ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-menu[hidden]{display:none}.game-menu__panel{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:18px;border:1px solid rgb(255 255 255 / 18%);border-radius:14px;background:#0a0c0ef0;color:#e8eef1;box-shadow:0 16px 48px #0006}.game-menu__panel h2{margin:0 0 8px;font-size:18px}.game-menu__current{display:grid;gap:2px;margin:0 0 18px;color:#aab4ba;font-size:13px}.game-menu__current strong{color:#e8eef1;font-size:15px;font-weight:650}.game-menu__section{margin:0 0 18px}.game-menu__section h3{margin:0 0 10px;color:#c9d3d8;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.new-game-form{display:grid;gap:8px}.new-game-form__name{display:grid;gap:6px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.new-game-form__name input{padding:8px 10px;border:1px solid rgb(255 255 255 / 28%);border-radius:7px;background:#192127;color:#fff;font:inherit;text-transform:none;letter-spacing:0;font-weight:500}.new-game-form__error{min-height:1.2em;margin:0;color:#ff6969;font-size:12px}.new-game-form button,.game-menu__actions button{padding:8px 14px;border:1px solid rgb(255 255 255 / 22%);border-radius:7px;background:#ffffff14;color:#fff;font:inherit;font-weight:650;cursor:pointer}#new-game-create{justify-self:start;border-color:#9ddcff;background:#46a0cd47}#new-game-create:hover,.game-menu__actions button:hover,.new-game-form button:hover{background:#46a0cd66}#new-game-create:disabled,.game-menu__actions button:disabled{cursor:default;opacity:.5}.load-game-list{display:grid;gap:6px;max-height:min(240px,36vh);overflow:auto}.load-game-empty{margin:0;color:#8f9aa0;font-size:13px}.load-game-item{display:grid;gap:2px;width:100%;padding:8px 10px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#ffffff0d;color:#e8eef1;font:inherit;text-align:left;cursor:pointer}.load-game-item:hover{background:#46a0cd38}.load-game-item[aria-current=true]{border-color:#9ddcff;background:#46a0cd38;cursor:default}.load-game-item:disabled:not([aria-current=true]){cursor:default;opacity:.55}.load-game-item:focus-visible{outline:2px solid white;outline-offset:2px}.load-game-item__name{font-size:14px;font-weight:650}.load-game-item__meta{color:#aab4ba;font-size:11px}.game-menu__status{min-height:1.2em;margin:0 0 12px;color:#ffcf7d;font-size:12px}.game-menu__actions{display:flex;justify-content:flex-end;gap:10px}.game-menu__actions[hidden]{display:none}.character-customizer{z-index:11}.npc-entry{position:relative;display:block;width:64px;height:64px}.npc-entry .tile-option{display:grid;width:100%;height:100%}.npc-entry__edit{position:absolute;top:-4px;right:-4px;width:20px;height:20px;padding:0;border:1px solid rgb(255 255 255 / 45%);border-radius:50%;background:#10191deb;color:#9ddcff;font:12px/18px system-ui,sans-serif;cursor:pointer}.npc-entry__edit:hover{border-color:#9ddcff;background:#46a0cd8c;color:#fff}.npc-entry__edit:focus-visible{outline:2px solid white;outline-offset:2px}.tile-option--placed{cursor:default;opacity:.42}.tile-option--placed:hover{transform:none}.npc-entry .tile-option--placed:after{position:absolute;bottom:2px;left:2px;padding:0 4px;border-radius:4px;background:#10191de0;color:#7fe0a4;font:700 11px/14px system-ui,sans-serif;content:"✓"}.npc-create{display:block;width:100%;margin-top:10px;padding:8px 10px;border:1px dashed rgb(157 220 255 / 55%);border-radius:7px;background:#46a0cd1f;color:#9ddcff;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.npc-create:hover{border-style:solid;background:#46a0cd4d;color:#fff}.npc-create:focus-visible{outline:2px solid white;outline-offset:2px}.character-name__error{min-height:1.2em;margin:-4px 0 0;color:#ff6969;font-size:12px}.character-customizer__actions[hidden]{display:none}.character-confirm-delete{align-items:center;justify-content:flex-end}.character-confirm-delete p{flex:1;margin:0;color:#ffb4b4;font-size:12px;text-align:left}.character-customizer__actions .character-danger{border-color:#ff696999;background:#c83c3c42}.character-customizer__actions .character-danger:hover{background:#dc464685}#character-delete{margin-right:auto}@media(max-width:700px){.character-customizer__body{grid-template-columns:1fr}}