html,body,#app{color:#f6e7c1;background:#1c140e;height:100%;margin:0;font-family:ui-monospace,Segoe UI,monospace;overflow:hidden}body{position:fixed;inset:0}button{font:inherit}.game-screen{color:#f6e7c1;-webkit-user-select:none;user-select:none;background:#1c140e;flex-direction:column;height:100%;display:flex}.game-screen__stage{flex:1;min-height:0;position:relative}.game-screen__notice{z-index:3;pointer-events:none;position:absolute;top:16px;left:50%;transform:translate(-50%)}.game-screen__over{z-index:4;pointer-events:none;position:absolute;inset:0}.game-screen__dock{z-index:2;background:#1c140e;flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px 12px;display:flex;position:relative}.game-screen__bag{z-index:2;min-width:0;display:flex;position:relative}.game-screen__upgrades{z-index:1;position:relative}.bag-panel{color:#f6e7c1;flex-direction:column;align-items:stretch;gap:4px;width:100%;min-width:0;display:flex}.bag-panel__title{letter-spacing:.04em;text-transform:uppercase;align-self:flex-end;margin:0;font-size:13px;font-weight:700}.bag-panel__slots{flex-wrap:wrap;gap:4px;width:100%;display:flex}.bag-panel__slot{box-sizing:border-box;color:#8c7760;cursor:pointer;background:#2a2118;border:1px solid #f0d7a8;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;width:26px;height:26px;padding:0;font-size:7px;line-height:1;display:flex}.bag-panel__slot:disabled{cursor:default;opacity:.8;border-style:dashed;justify-content:center}.bag-panel__name{color:#f6e7c1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bag-panel__sprite{--ball-size:16px;width:var(--ball-size);height:var(--ball-size);flex:0 0 var(--ball-size);background-image:url(/pokeballs_emerald.png);background-size:calc(var(--ball-size) * 4) calc(var(--ball-size) * 4);background-position:calc(var(--ball-col,0) * var(--ball-size) * -1) calc(var(--ball-row,0) * var(--ball-size) * -1);image-rendering:pixelated}.game-over{color:#f6e7c1;text-align:center;box-sizing:border-box;background:#1c140eb8;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px;display:none}.game-over[data-visible=true]{pointer-events:auto;display:flex}.game-over__title,.game-over__copy{margin:0}.game-over__restart{color:#3b2412;cursor:pointer;background:#f0d7a8;border:2px solid #1c140e;margin-top:8px;padding:10px 14px}.notice-banner{color:#3b2412;pointer-events:none;background:#f6e7c1;border:2px solid #1c140e;margin:0;padding:8px 12px;font-weight:700}.notice-banner[data-visible=false]{display:none}.toolbar{color:#f6e7c1;box-sizing:border-box;background:#3b2412;align-items:center;gap:14px;min-height:52px;padding:8px 14px;display:flex}.toolbar__value,.toolbar__fullness,.toolbar__batch,.toolbar__players,.toolbar__clock{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:15px}.toolbar__value{min-width:7ch;font-size:20px;font-weight:700}.toolbar__meter{background:#1c140e;border:2px solid #1c140e;flex:none;width:112px;height:12px}.toolbar__fill{background:#7dce5a;width:0;height:100%}.toolbar__meter[data-state=high] .toolbar__fill{background:#e0a030}.toolbar__meter[data-state=overflow] .toolbar__fill{background:#d64545}.toolbar__meter[data-state=overflow]+.toolbar__fullness{color:#ffb4a8}.toolbar__spacer{flex:1}.toolbar__drop{color:#3b2412;cursor:pointer;background:#f0d7a8;border:2px solid #1c140e;padding:6px 10px}.toolbar__drop:disabled{opacity:.45;cursor:default}.toolbar__clock{font-weight:700}.upgrade-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.upgrade-button{color:#f6e7c1;white-space:nowrap;cursor:pointer;background:#2a2118;border:2px solid #f0d7a8;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 7px 3px;font-size:12px;line-height:1.2;display:flex}.upgrade-button__kind{letter-spacing:.04em;text-transform:uppercase;color:#c4a36a;font-size:9px;line-height:1}.upgrade-button:disabled{opacity:.45;cursor:default}
