*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#1a2f1a}#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:"Press Start 2P",monospace;color:#fff}#ui>*{pointer-events:auto}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a2f1a;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;font-family:"Press Start 2P",monospace;color:#a8d878;font-size:12px;transition:opacity .5s}#loading.hidden{opacity:0;pointer-events:none}.loading-sheep{font-size:48px;animation:bounce .8s infinite alternate ease-in-out}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.panel{background:#142012e0;border:3px solid #3d5c2e;box-shadow:0 3px #0006;image-rendering:pixelated}#topbar{position:absolute;top:12px;left:12px;display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;max-width:calc(100vw - 24px)}#logo{padding:10px 14px;font-size:14px;color:#fff}.logo-row{display:flex;align-items:center;gap:8px}.logo-by{font-size:8px;color:#a8d878;margin-top:6px;text-align:left}#logo-img{width:26px;height:26px;image-rendering:auto}#logo .baah{color:#a8d878;font-size:8px;margin-top:4px}#ca-copy{color:#ffe27a;cursor:pointer;margin-left:10px}#ca-copy:hover{text-decoration:underline}#leaderboard{position:absolute;top:12px;right:12px;width:250px;padding:12px;font-size:8px}#leaderboard h2{font-size:10px;margin-bottom:10px;color:#ffe27a;text-align:center;letter-spacing:1px}.lb-row{display:flex;align-items:center;gap:7px;padding:5px 2px;cursor:pointer}.lb-row:hover{background:#ffffff14}.lb-rank{width:16px;color:#a8d878}.lb-dot{width:20px;height:20px;flex:none;border:2px solid rgba(0,0,0,.35);position:relative;overflow:hidden}.lb-dot.big{width:22px;height:22px}.lb-pfp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.lb-count{color:#ffe27a;font-size:14px}.lb-wild{color:#9aa}.lb-row.wild{cursor:default}#stats{position:absolute;left:12px;bottom:12px;padding:12px 16px;font-size:11px;line-height:1.9;color:#cfe6b8}#stats b{font-size:13px}#stats b{color:#ffe27a}#ticker{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 360px));display:flex;flex-direction:column-reverse;gap:5px;pointer-events:none}.tick{padding:8px 10px;font-size:8px;line-height:1.5;color:#fff;background:#142012d1;border-left:4px solid #a8d878;animation:tickin .25s ease-out;opacity:1;transition:opacity 1s}.tick.dead{border-left-color:#e05545}.tick.claim{border-left-color:#ffe27a}.tick.fading{opacity:0}@keyframes tickin{0%{transform:translateY(8px);opacity:0}}#controls{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.btn{font-family:inherit;font-size:13px;color:#fff;padding:14px 18px;cursor:pointer;background:#142012e0;border:3px solid #3d5c2e;box-shadow:0 3px #0006}.btn:hover{border-color:#6f9c4f}.btn:active{transform:translateY(2px);box-shadow:none}.btn.primary{background:#3d5c2e;border-color:#6f9c4f;color:#ffe27a}#claim-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:8px 12px;font-size:8px;color:#9aa;display:none}@media(max-width:760px){#leaderboard{display:none}#ticker{width:calc(100vw - 24px)}}#modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;display:flex;align-items:center;justify-content:center}#modal{width:min(440px,calc(100vw - 32px));padding:20px;font-size:9px;line-height:1.8}#modal h3{color:#ffe27a;font-size:11px;margin-bottom:12px;text-align:center}#modal .note{color:#a8d878;font-size:8px}#modal .warn{color:#e0a075;font-size:8px}#modal .err{color:#e05545}.shep-choice{display:flex;align-items:center;gap:8px;padding:8px 6px;cursor:pointer;border:2px solid transparent}.shep-choice:hover{border-color:#6f9c4f;background:#ffffff0f}.shep-choice .lb-dot{width:12px;height:12px}.shep-choice .cnt{margin-left:auto;color:#ffe27a}#modal .btn{display:block;width:100%;margin-top:10px;text-align:center}#demo-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:8px 12px;font-size:8px;color:#1a2f1a;background:#ffe27a;border:3px solid #b8963a;box-shadow:0 3px #0006}#demo-badge a{color:#1a2f1a;font-weight:700}@media(max-width:900px){#demo-badge{top:64px}}#modal input{width:100%;margin-top:12px;padding:10px;font-family:inherit;font-size:8px;color:#ffe27a;background:#101a0e;border:3px solid #3d5c2e;outline:none}#modal input:focus{border-color:#6f9c4f}.share-preview{width:100%;margin-top:12px;border:3px solid #3d5c2e;image-rendering:auto}.share-row{display:flex;gap:10px;margin-top:12px}.share-row .btn{flex:1;text-align:center;text-decoration:none;font-size:10px;padding:12px 8px}.btn.primary{border-color:#b8963a;color:#ffe27a}.share-note{margin-top:10px;text-align:center}#modal.wide{width:min(560px,calc(100vw - 32px))}