@font-face{font-family:Pokemon UI;src:url(/assets/ui/fonts/PixelOperator.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Pokemon UI;src:url(/assets/ui/fonts/PixelOperator-Bold.ttf) format("truetype");font-style:normal;font-weight:700 900;font-display:swap}:root{color-scheme:light;--ui-font:"Pokemon UI",monospace;--ui-paper:#f8f8f8;--ui-paper-alt:#d8d8d8;--ui-ink:#505058;--ui-muted:#606068;--ui-frame:#9898a8;--ui-frame-dark:#282838;--ui-frame-light:#e0e0e0;--ui-accent:#207888;--ui-blue:#2088a0;--ui-focus:#206878;--ui-bag-paper:#d8d8d8;--ui-bag-edge:#b8b8b8;--ui-bag-teal:#2098a0;--ui-cyan:#88d8d8;--ui-cyan-edge:#2098a0;--ui-menu:#188040;--ui-menu-tile:#40b880;--ui-success:#006820;--ui-danger:#b83038;--ui-rule:#b8b8c0;--ui-window-shadow:inset 0 0 0 2px var(--ui-frame-light),0 2px 0 var(--ui-frame-dark)}:where(*,*:before,*:after){box-sizing:border-box}:where(body){margin:0;color:var(--ui-ink);font:20px/1.35 var(--ui-font);font-synthesis:none}:where(button,input,select,textarea){font:inherit;color:inherit}:where(button,a){touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(button){cursor:pointer}:where(button:disabled){cursor:not-allowed}:where(a){color:inherit}:where([hidden]){display:none!important}:where(h1,h2,h3,p){margin:0}:where(img,canvas){image-rendering:pixelated}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}:where(dialog){color:var(--ui-ink);background:var(--ui-paper);border:3px solid var(--ui-frame-dark);border-radius:9px;box-shadow:var(--ui-window-shadow)}:where(dialog)::backdrop{background:#18283855}:where(.ui-window){border:3px solid var(--ui-frame-dark);border-radius:9px;background:var(--ui-paper);color:var(--ui-ink);box-shadow:var(--ui-window-shadow)}:where(.ui-button,.j-button,.home-back-button,.map-play,.map-edit){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:6px 14px;border:2px solid var(--ui-frame);border-radius:6px;background:var(--ui-paper);color:var(--ui-ink);text-decoration:none;line-height:1.2}:where(.ui-button,.j-button,.home-back-button,.map-play,.map-edit):hover{background:#e8edf0}:where(.ui-menu-row){position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 12px 7px 30px;border:0;background:transparent;color:var(--ui-ink);text-decoration:none;text-align:left}:where(.ui-menu-row):before{content:"";position:absolute;left:12px;width:0;height:0;border-block:6px solid transparent;border-left:7px solid var(--ui-ink);opacity:0}:where(.ui-menu-row):is(:hover,:focus-visible,[aria-current=true]):before{opacity:1}:where(.ui-menu-row):is(:hover,:focus-visible){background:#e8edf0}:where(.ui-menu-row):disabled{color:var(--ui-muted)}.ui-options{display:grid;gap:4px}.ui-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:6px 0;border-bottom:1px solid var(--ui-rule)}.ui-option span{flex:1;min-width:0}.ui-option small{display:block;margin-top:4px;color:var(--ui-muted);font-size:16px;line-height:1.25}.ui-option input[type=checkbox]{flex-shrink:0;width:20px;height:20px;accent-color:var(--ui-blue)}.ui-volume{display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,1fr) 4ch;gap:10px}.ui-volume input[type=range]{display:block;width:100%;min-width:0;height:32px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--ui-blue);cursor:pointer}.ui-option output{min-width:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.ui-options-note{margin-top:12px;color:var(--ui-muted);font-size:18px;line-height:1.3}@media(max-width:440px){.ui-volume{grid-template-columns:minmax(0,1fr) 4ch;gap:0 10px}.ui-volume>span{grid-column:1;grid-row:1}.ui-volume>output{grid-column:2;grid-row:1}.ui-volume input[type=range]{grid-column:1 / -1;grid-row:2;height:36px}}@media(pointer:coarse){:where(.ui-menu-row,.ui-button,.j-button){min-height:44px}}@media(prefers-reduced-motion:reduce){:where(*,*:before,*:after){scroll-behavior:auto!important;transition:none!important;animation:none!important}}html,body,#app,.app-screen{width:100%;min-height:100%;margin:0}#app,.app-screen{height:100%}.app-screen{position:relative}.app-screen[aria-busy=true]{cursor:progress}body{min-width:320px}.app-leave-dialog{width:min(420px,calc(100vw - 24px));padding:20px}.app-leave-dialog p{margin:12px 0 20px}.resource-loading{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#203858e8;color:var(--ui-ink,#505058);cursor:default;touch-action:auto}.resource-loading-fullscreen{position:fixed;z-index:10000;background:var(--ui-game-background,#203858)}.resource-loading-status{position:fixed;inset:auto 16px 16px auto;z-index:10000;display:block;width:min(360px,calc(100vw - 32px));padding:0;background:transparent;pointer-events:none}.resource-loading-status .resource-loading-card{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 12px;width:100%;padding:14px 16px;font-size:20px;text-align:left;pointer-events:auto}.resource-loading-status .resource-loading-ball{grid-row:1 / span 2;width:24px;height:24px;border-width:2px}.resource-loading-status .resource-loading-ball:after{inset:6px;border-width:2px}.resource-loading-status progress{grid-column:2}.resource-loading-status .resource-loading-actions{grid-column:1 / -1;justify-content:flex-end}.resource-loading-card{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(100%,340px);padding:26px 22px;border:3px solid var(--ui-frame-dark,#282838);border-radius:9px;background:var(--ui-paper,#f8f8f8);box-shadow:inset 0 0 0 2px #e0e0e0,0 3px #9898a8;text-align:center;font:22px/1.25 var(--ui-font,monospace)}.resource-loading-ball{position:relative;display:block;width:34px;height:34px;border:3px solid #505058;border-radius:50%;background:linear-gradient(#e85a54 0 44%,#505058 44% 56%,#fff 56%);animation:resource-loading-turn 1.3s ease-in-out infinite}.resource-loading-ball:after{content:"";position:absolute;inset:9px;border:3px solid #505058;border-radius:50%;background:#f8f8f8}.resource-loading-label{margin:0;max-width:100%;overflow-wrap:anywhere}.resource-loading progress{display:block;width:100%;height:8px;accent-color:#2088a0}.resource-loading-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.resource-loading-actions button,.resource-loading-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:6px 12px;border:2px solid #9898a8;border-radius:6px;background:#f8f8f8;color:#505058;font:inherit;text-decoration:none;cursor:pointer}.resource-loading-actions button{background:#88d8d8;border-color:#2088a0}.resource-loading-error .resource-loading-ball{animation:none;filter:grayscale(1)}.resource-loading[hidden],.resource-loading [hidden]{display:none!important}@keyframes resource-loading-turn{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@media(prefers-reduced-motion:reduce){.resource-loading-ball{animation:none}}
