:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{background:#0d0d14;height:100%;margin:0}body{overflow:hidden}.app{position:fixed;inset:0;overflow:hidden}.game-canvas{position:absolute;inset:0}.game-canvas canvas{display:block}.offline{background:#0c0c12;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reconnect{letter-spacing:.04em;color:#e7e7ee;cursor:pointer;background:#e7e7ee0f;border:1px solid #e7e7ee4d;border-radius:999px;padding:.6rem 1.4rem;font-family:system-ui,sans-serif;font-size:.9rem}.reconnect:hover:not(:disabled){background:#e7e7ee24}.reconnect:disabled{opacity:.5;cursor:default}.hud{pointer-events:none;color:#e7e7ee;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:system-ui,sans-serif;display:flex;position:absolute;left:0;right:0}.hud-top{justify-content:space-between;top:0}.hud-bottom{justify-content:center;bottom:0}.title{letter-spacing:.04em;text-shadow:0 1px 3px #000000b3;margin:0;font-size:1.1rem;font-weight:700}.status{text-transform:uppercase;letter-spacing:.06em;background:#0006;border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.status-open{color:#69db7c}.status-connecting{color:#ffd43b}.status-closed{color:#ff6b6b}.hud-right{pointer-events:auto;align-items:center;gap:.6rem;display:flex}.territory-owner{text-overflow:ellipsis;white-space:nowrap;background:#00000073;border:1px solid #e7e7ee2e;border-radius:999px;max-width:14rem;padding:.2rem .7rem;font-size:.8rem;overflow:hidden}.respawn{color:#e7e7ee;cursor:pointer;background:#ff6b6b29;border:1px solid #ff6b6b80;border-radius:999px;padding:.3rem .8rem;font-family:system-ui,sans-serif;font-size:.78rem}.respawn:hover{background:#ff6b6b4d}.create-base{text-align:center;color:#e7e7ee;flex-direction:column;align-items:center;gap:.4rem;max-width:22rem;padding:1rem;font-family:system-ui,sans-serif;display:flex}.create-base h2{margin:0;font-size:1.1rem}.create-base p{opacity:.8;margin:0 0 .6rem;font-size:.85rem}.create-base-error{color:#ff6b6b}.hint{opacity:.8;text-shadow:0 1px 3px #000000b3;margin:0;font-size:.85rem}.action-queue{color:#e7e7ee;z-index:2;flex-direction:column;gap:.25rem;width:13rem;font-family:system-ui,sans-serif;display:flex;position:absolute;top:3rem;left:1rem}.action-queue-title{text-transform:uppercase;letter-spacing:.08em;opacity:.7;text-shadow:0 1px 3px #000000b3;margin:0 0 .15rem;font-size:.7rem}.action-item,.action-group-label,.action-expander{color:#e7e7ee;cursor:pointer;text-align:left;background:#14141cd1;border:1px solid #e7e7ee29;font-family:inherit}.action-item{border-radius:6px;padding:.35rem .55rem;font-size:.8rem}.action-item:hover,.action-group-label:hover{background:#e0313159;border-color:#e0313199}.action-item-nested{opacity:.92;margin-left:1.25rem;font-size:.75rem}.action-group{flex-direction:column;gap:.2rem;display:flex}.action-group-header{gap:.25rem;display:flex}.action-expander{border-radius:6px;padding:.35rem .45rem;font-size:.7rem;line-height:1}.action-group-label{text-transform:capitalize;border-radius:6px;flex:1;padding:.35rem .55rem;font-size:.8rem}.debug-menu{color:#e7e7ee;z-index:3;flex-direction:column;align-items:flex-end;gap:.3rem;font-family:system-ui,sans-serif;display:flex;position:absolute;top:3rem;right:1rem}.debug-toggle{text-transform:uppercase;letter-spacing:.06em;color:#e7e7ee;cursor:pointer;background:#14141cd1;border:1px solid #e7e7ee2e;border-radius:6px;padding:.3rem .7rem;font-family:inherit;font-size:.72rem}.debug-toggle:hover{background:#282834e6}.debug-panel{background:#14141ceb;border:1px solid #e7e7ee29;border-radius:6px;flex-direction:column;gap:.3rem;padding:.5rem .6rem;display:flex}.debug-entry{white-space:nowrap;cursor:pointer;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.debug-entry input{cursor:pointer}.debug-teleport-entry,.debug-give-entry{cursor:default;flex-direction:column;align-items:flex-start;gap:.3rem}.debug-give{gap:.2rem;display:flex}.debug-give select{color:#e7e7ee;cursor:pointer;background:#282834e6;border:1px solid #e7e7ee2e;border-radius:5px;font-family:inherit;font-size:.75rem}.debug-give button{color:#e7e7ee;cursor:pointer;background:#282834e6;border:1px solid #e7e7ee2e;border-radius:5px;padding:0 .5rem;font-family:inherit;font-size:.75rem}.debug-give button:hover{background:#3c3c4cf2}.debug-teleport{flex-direction:column;align-items:center;gap:.2rem;display:flex}.debug-teleport-row{gap:.2rem;display:flex}.debug-teleport button{color:#e7e7ee;cursor:pointer;background:#282834e6;border:1px solid #e7e7ee2e;border-radius:5px;width:1.7rem;height:1.7rem;font-family:inherit;font-size:.85rem}.debug-teleport button:hover{background:#3c3c4cf2}.inventory{color:#e7e7ee;z-index:2;flex-direction:column;gap:.3rem;width:12rem;font-family:system-ui,sans-serif;display:flex;position:absolute;bottom:3rem;left:1rem}.inventory-title{text-transform:uppercase;letter-spacing:.08em;opacity:.7;text-shadow:0 1px 3px #000000b3;margin:0;font-size:.7rem}.inventory-empty{opacity:.6;text-shadow:0 1px 3px #000000b3;margin:0;font-size:.78rem}.inventory-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.inventory-item{background:#14141cd1;border:1px solid #e7e7ee29;border-radius:6px;align-items:center;gap:.45rem;padding:.3rem .5rem;font-size:.8rem;display:flex}.inventory-icon{font-size:1rem;line-height:1}.inventory-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.inventory-count{font-variant-numeric:tabular-nums;opacity:.95;font-weight:700}.recenter-bar{z-index:2;justify-content:center;display:flex;position:absolute;bottom:2.75rem;left:0;right:0}.recenter{letter-spacing:.04em;color:#0d0d14;cursor:pointer;background:#ffd43b;border:none;border-radius:999px;padding:.45rem 1.1rem;font-family:system-ui,sans-serif;font-size:.8rem;box-shadow:0 2px 8px #00000080}.recenter:hover{background:#ffe066}.toolbar-wrap{z-index:2;flex-direction:column;align-items:center;gap:.3rem;font-family:system-ui,sans-serif;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.toolbar,.subtoolbar{gap:.3rem;display:flex}.tool{letter-spacing:.03em;color:#e7e7ee;cursor:pointer;background:#14141cd1;border:1px solid #e7e7ee29;border-radius:6px;padding:.35rem .7rem;font-family:inherit;font-size:.78rem;box-shadow:0 2px 8px #00000080}.tool:hover{background:#282834e6}.tool-active{color:#1a1a22;background:#ffd43b;border-color:#ffd43b}.tool-active:hover{background:#ffe066}.toasts{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:.3rem;display:flex;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.toast{color:#0d0d14;background:#ffd43b;border-radius:999px;padding:.35rem .8rem;font-family:system-ui,sans-serif;font-size:.82rem;box-shadow:0 2px 8px #00000080}.capture-warning{pointer-events:none;z-index:5;white-space:nowrap;color:#fff;background:#b42828eb;border:1px solid #ff787899;border-radius:5px;padding:.25rem .5rem;font-family:system-ui,sans-serif;font-size:.72rem;position:fixed;transform:translate(.8rem,.8rem);box-shadow:0 2px 8px #00000080}.cursor-hint{pointer-events:none;z-index:5;white-space:nowrap;color:#ffd43b;background:#14141ceb;border:1px solid #e7e7ee33;border-radius:5px;padding:.25rem .5rem;font-family:system-ui,sans-serif;font-size:.72rem;position:fixed;transform:translate(.8rem,.8rem);box-shadow:0 2px 8px #00000080}.debug-tile-tooltip{pointer-events:none;z-index:5;white-space:nowrap;color:#e8e8f0;background:#0a0a12eb;border:1px solid #ffd43b4d;border-radius:5px;padding:.3rem .55rem;font-family:monospace;font-size:.7rem;line-height:1.55;position:fixed;transform:translate(.8rem,.8rem);box-shadow:0 2px 8px #0009}.debug-tile-type{color:#ffd43b;font-weight:700}.debug-tile-crop{color:#8cc152}.debug-tile-chunk{color:#888;font-size:.65rem}.leaderboard{color:#e7e7ee;z-index:3;flex-direction:column;align-items:flex-end;gap:.3rem;font-family:system-ui,sans-serif;display:flex;position:absolute;bottom:3rem;right:1rem}.leaderboard-toggle{text-transform:uppercase;letter-spacing:.06em;color:#e7e7ee;cursor:pointer;background:#14141cd1;border:1px solid #e7e7ee2e;border-radius:6px;padding:.3rem .7rem;font-family:inherit;font-size:.72rem}.leaderboard-toggle:hover{background:#282834e6}.leaderboard-panel{background:#14141ceb;border:1px solid #e7e7ee29;border-radius:6px;flex-direction:column;gap:.4rem;width:14rem;padding:.55rem .65rem;display:flex}.leaderboard-selectors{gap:.4rem;display:flex}.leaderboard-selectors select{font:inherit;color:#e7e7ee;background:#0c0c12e6;border:1px solid #e7e7ee2e;border-radius:4px;flex:1;padding:.25rem .3rem;font-size:.74rem}.leaderboard-empty{opacity:.6;margin:0;font-size:.78rem}.leaderboard-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{background:#ffffff08;border-radius:4px;align-items:center;gap:.5rem;padding:.15rem .25rem;font-size:.8rem;display:flex}.leaderboard-rank{text-align:right;opacity:.65;font-variant-numeric:tabular-nums;width:1.2rem}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.leaderboard-score{color:#ffe066;font-variant-numeric:tabular-nums;font-weight:700}