:root{--cream: #F5EED8;--forest: #183A2B;--moss: #647B45;--leaf: #A8BA70}body{margin:0;background:var(--forest);color:var(--cream);font-family:system-ui,sans-serif}#game{position:fixed;inset:0}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{min-height:44px;font:inherit}.card{background:var(--cream);color:var(--forest);border-radius:8px;padding:16px;margin:16px;max-width:360px;box-sizing:border-box}.card h2{margin:0 0 8px;font-size:1.25rem}.cards{display:flex;flex-wrap:wrap;gap:16px;padding:0 16px}.cards>.card{margin:0;flex:1 1 200px}.btn{min-height:44px;min-width:44px;padding:0 16px;border:2px solid var(--forest);border-radius:8px;background:transparent;color:var(--forest);cursor:pointer}.btn-primary{background:var(--leaf)}.chip{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--forest);color:var(--cream)}.modal{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;box-sizing:border-box;background:color-mix(in srgb,var(--forest) 85%,transparent)}.status{min-height:1.5em;margin:8px 0 0}.hud{display:contents}.hud-bar{position:fixed;top:72px;left:16px;right:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;pointer-events:none}.hud-bar>*{pointer-events:auto}.hud-note{margin:0;padding:4px 12px;border-radius:8px;background:var(--cream);color:var(--forest)}.hud-card{position:fixed;left:0;bottom:0}.hud-card .card{margin:16px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:12px 20px;border-radius:999px;background:var(--forest);color:var(--cream);border:2px solid var(--leaf)}.portrait{image-rendering:pixelated;background-repeat:no-repeat;flex:none}.egg-img{image-rendering:pixelated}.card.wide{max-width:560px;width:100%}.egg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.egg-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:44px;padding:8px 4px;font:inherit;text-align:center;color:var(--forest);background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer}.egg-card[aria-pressed=true]{border-color:var(--leaf);background:color-mix(in srgb,var(--leaf) 25%,transparent)}.egg-card .egg-img{width:64px;height:64px}@media(min-width:480px){.egg-card .egg-img{width:96px;height:96px}}.egg-q{font-size:32px;line-height:32px}.egg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hud-menu{position:fixed;top:16px;right:16px;z-index:20;display:flex;gap:8px}.hud-menu .btn{background:var(--cream)}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.collection-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;min-height:44px;font-size:.75rem;text-align:center;overflow:hidden;border:2px solid var(--forest);border-radius:8px}.collection-slot>*{position:relative}.collection-slot .slot-egg{position:absolute;inset:0;margin:auto;opacity:.2}.odds{width:100%;border-collapse:collapse;margin:8px 0;font-size:.875rem}.odds th,.odds td{text-align:left;padding:4px;border-bottom:1px solid var(--moss)}.modal .card>.btn{margin-top:12px}.odds .now{font-weight:700;background:color-mix(in srgb,var(--leaf) 35%,transparent)}