html,body,#app{height:100%;margin:0;min-height:100%;width:100%}body{background:#234229;color:#f4fff1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{--search-panel-border: 2px;--search-panel-padding: 10px;--search-control-height: 34px;--search-panel-height: calc( var(--search-control-height) + (var(--search-panel-padding) * 2) + (var(--search-panel-border) * 2) );min-height:100%;min-height:100dvh;position:relative}#game{height:100vh;height:100dvh;width:100vw;width:100dvw}.spawn-picker{left:14px;position:absolute;top:14px;z-index:10}.spawn-picker__button,.spawn-picker__option{-webkit-appearance:none;align-items:center;appearance:none;background:#e7ffd3e5;border:var(--search-panel-border) solid rgb(58 123 63 / 35%);border-radius:8px;box-sizing:border-box;color:#143118;cursor:pointer;display:flex;justify-content:center;padding:0;width:var(--search-panel-height)}.spawn-picker__button{flex-direction:column;height:calc(var(--search-panel-height) + 6px);justify-content:space-between;padding:var(--search-panel-padding) 0}.spawn-picker__option{height:var(--search-panel-height)}.spawn-picker__icon{display:block;height:24px;object-fit:contain;pointer-events:none;width:24px}.spawn-picker__caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #143118;height:0;opacity:.72;width:0}.spawn-picker__menu{display:none;gap:6px;margin-top:6px}.spawn-picker--open .spawn-picker__menu{display:grid}.rabbit-search{background:#e7ffd3e5;border:var(--search-panel-border) solid rgb(58 123 63 / 35%);border-radius:8px;box-sizing:border-box;color:#18331d;padding:var(--search-panel-padding);position:absolute;right:14px;top:14px;width:min(310px,calc(100vw - 28px));z-index:10}.rabbit-search__top{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.rabbit-search__input,.rabbit-search__count,.rabbit-search__suggestion{border:1px solid rgb(23 53 29 / 35%);border-radius:6px;box-sizing:border-box;color:#143118}.rabbit-search__input{background:#f4fff1;font:inherit;height:var(--search-control-height);min-width:0;padding:0 10px}.rabbit-search__count,.rabbit-search__suggestion{background:#d9f7c5;font-weight:700}.rabbit-search__count{align-items:center;display:flex;height:var(--search-control-height);justify-content:center;padding:0 10px;white-space:nowrap}.rabbit-search__suggestions{display:grid;gap:6px;margin-top:8px}.rabbit-search__suggestion{cursor:pointer;font:inherit;height:28px;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.rabbit-search__suggestion--empty{align-items:center;background:#f4fff18c;color:#1431188c;cursor:default;display:flex;font-weight:600}.rabbit-search__suggestion:hover:not(.rabbit-search__suggestion--empty){background:#c4eca9}.spawn-picker__button:focus-visible,.spawn-picker__option:focus-visible,.rabbit-search__input:focus,.rabbit-search__suggestion:focus-visible{outline:2px solid #207f93;outline-offset:2px}@media(max-width:480px),(max-height:480px){#app{--search-panel-padding: 8px;--search-control-height: 30px}.spawn-picker{left:10px;top:10px}.spawn-picker__icon{height:20px;width:20px}.spawn-picker__caret{border-left-width:3px;border-right-width:3px;border-top-width:4px}.spawn-picker__menu{gap:5px;margin-top:5px}.rabbit-search{right:10px;top:10px;width:min(270px,calc(100vw - 20px))}.rabbit-search__top{gap:6px}.rabbit-search__input,.rabbit-search__count{font-size:14px}.rabbit-search__count{padding:0 8px}.rabbit-search__suggestions{gap:5px;margin-top:6px}.rabbit-search__suggestion{font-size:13px;height:24px;padding:0 8px}}canvas{display:block}