:root{--panel:#0a261ae6;--panel-2:#123c28f2;--border:#ffffff29;--text:#f4fff6;--text-dim:#f4fff6ad;--gold:#ffc857;--gold-dark:#f0a020;--red:#ff5d6c;--green:#7fd36b;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0f2e20;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;touch-action:none;height:100%;margin:0;overflow:hidden}h1,h2,h3,b,.btn,.fart-label,.big-count{font-family:"Baloo 2",system-ui,sans-serif}h1{margin:0;font-size:30px;line-height:1.1}h2{margin:0;font-size:22px}h3{margin:14px 0 8px;font-size:17px}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}.dim{color:var(--text-dim)}.small{font-size:13px}.center{text-align:center}.app{flex-direction:column;height:100%;display:flex}.hud{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;height:44px;padding:0 10px;display:flex}.hud-stat{white-space:nowrap;font-size:15px;font-weight:700}.hud-players{flex:1;justify-content:flex-end;gap:4px;display:flex;overflow:hidden}.chip{background:#ffffff14;border-radius:99px;align-items:center;gap:3px;max-width:96px;padding:2px 6px 2px 2px;font-size:12px;display:inline-flex}.chip.me{box-shadow:inset 0 0 0 2px var(--gold)}.chip.off{opacity:.45}.chip img{width:24px;height:24px}.chip .dot{background:#ffffff26;border-radius:50%;width:24px;height:24px}.hud-players.compact .chip-name{display:none}.hud-players.compact .chip{padding-right:2px}.chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-btn{background:#ffffff1a;border-radius:10px;width:34px;height:34px;font-size:18px}.stage{flex:1;min-height:0;position:relative;overflow:hidden}.stage canvas{display:block}.toast,.big-count,.crash-banner{pointer-events:none;text-align:center;position:absolute;left:50%;transform:translate(-50%)}.toast{white-space:nowrap;background:#0009;border-radius:12px;padding:8px 14px;font-weight:700;top:42%}.big-count{color:#fff;text-shadow:0 4px #1b4d2b,0 0 24px #00000080;font-size:84px;font-weight:800;top:26%}.crash-banner{border:1px solid var(--border);background:#08283cd9;border-radius:16px;flex-direction:column;gap:4px;padding:14px 20px;font-size:15px;display:flex;top:30%}.crash-banner b{font-size:24px}.controls{--ring-r:47px;background:var(--panel);border-top:1px solid var(--border);touch-action:none;flex:none;justify-content:space-between;align-items:center;gap:8px;height:30%;min-height:160px;max-height:240px;padding:10px 12px;display:flex}.controls.disabled{opacity:.5}.ring{touch-action:none;background:radial-gradient(circle,#2a8fb859 0 44%,#ffffff14 45% 100%);border:2px solid #ffffff40;border-radius:50%;flex:none;width:128px;height:128px;position:relative}.ring-raft{background:repeating-linear-gradient(90deg,#b07a40 0 7px,#a36d37 7px 13px);border-radius:50%;position:absolute;inset:34%;box-shadow:0 0 0 3px #d8c08a}.ring-knob{background:var(--gold);border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #00000059}.ring-label{text-align:center;color:var(--text-dim);pointer-events:none;font-size:12px;position:absolute;bottom:-2px;left:0;right:0}.controls-help{min-width:0;color:var(--text-dim);text-align:center;flex-direction:column;flex:1;gap:2px;font-size:12px;display:flex}.controls-help b{color:var(--text);font-size:14px}.controls-help.has-hint b{color:var(--gold);background:#ffc85729;border-radius:12px;padding:8px 6px;font-size:15px;animation:.3s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.fart-btn{--gas:1;background:radial-gradient(circle, #ffd76a 0 58%, transparent 59%), conic-gradient(var(--green) calc(var(--gas) * 360deg), #ffffff1f 0);color:#3b2410;touch-action:none;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:118px;height:118px;transition:transform 60ms;display:flex;position:relative;box-shadow:0 6px #a8741a}.fart-btn.farting{transform:translateY(4px)scale(.97);box-shadow:0 2px #a8741a}.fart-btn.empty{filter:grayscale(.7)}.fart-face{font-size:34px;line-height:1}.fart-label{font-size:24px;font-weight:800;line-height:1}.overlay{z-index:10;touch-action:pan-y;background:#05140eb8;justify-content:center;align-items:flex-start;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--panel-2);border:1px solid var(--border);border-radius:20px;width:min(100%,460px);margin:auto 0;padding:18px 16px;box-shadow:0 20px 50px #00000073}.lobby>p{margin-top:6px}.animal-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.animal-card{text-align:center;background:#ffffff12;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.animal-card img,.img-ph{width:56px;height:56px}.animal-card b{font-size:14px}.animal-card.mine{border-color:var(--gold);background:#ffc85726}.animal-card.taken{opacity:.45}.levels{flex-direction:column;gap:8px;display:flex}.level-card{text-align:left;background:#ffffff12;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.level-card.active{border-color:var(--gold)}.tag{background:var(--gold);color:#3b2410;vertical-align:2px;border-radius:99px;margin-left:8px;padding:1px 8px;font-size:12px}.btn{border-radius:14px;width:100%;margin-top:14px;padding:12px;font-size:19px;font-weight:800;display:block}.btn.primary{background:linear-gradient(180deg, var(--gold), var(--gold-dark));color:#3b2410;box-shadow:0 4px #a8741a}.btn.primary:disabled{opacity:.6}.btn.danger{background:var(--red);color:#fff}.btn.ghost{background:#ffffff1a;margin-top:8px}.lobby .btn+p{margin-top:8px}.results{text-align:center}.stars{letter-spacing:6px;color:#fff3;margin:8px 0;font-size:48px}.stars .on{color:var(--gold);text-shadow:0 0 14px #ffc85799}.result-rows{flex-direction:column;gap:6px;margin:10px 0;font-size:16px;display:flex}.award{text-align:left;background:#ffffff12;border-radius:14px;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.award img{width:48px;height:48px}.award div{flex-direction:column;display:flex}.sheet-backdrop{z-index:20;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--panel-2);border-radius:20px 20px 0 0;width:100%;padding:18px 16px 22px}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:20px;display:flex}@media (width<=360px){.ring{width:120px;height:120px}.controls{--ring-r:44px}.fart-btn{width:112px;height:112px}.animal-card img{width:46px;height:46px}}