.spit-game{border:1px solid var(--gold);padding:20px;background:var(--panel);margin:32px 0}.spit-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;font:13px/1.5 Arial,sans-serif}.spit-hud strong{display:block;font:23px/1.3 Georgia,serif}.spit-stage{position:relative;overflow:hidden;background:#143f47;border:1px solid #9c7747}.spit-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.spit-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.spit-game button{border:1px solid var(--gold);background:var(--paper);color:var(--ink);padding:12px 18px;min-height:44px;cursor:pointer;font:14px/1.4 Arial,sans-serif}.spit-game button:disabled{cursor:default;opacity:.5}.spit-game .spit-cast{background:var(--gold);color:#18373b;font-weight:bold;touch-action:none;min-width:190px;user-select:none;-webkit-user-select:none}.spit-game button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold)}.spit-mixes{border:0;padding:0;margin:22px 0 12px}.spit-mixes legend{font-size:20px;margin-bottom:12px}.spit-mix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spit-game .spit-mix{display:flex;align-items:center;gap:12px;text-align:left}.spit-mix span:last-child{flex:1}.spit-mix b,.spit-mix small{display:block}.spit-mix small{font-size:12px;font-weight:normal;margin-top:5px}.spit-bottle{display:inline-block;width:24px;height:43px;border:2px solid #795c30;border-radius:5px 5px 9px 9px;box-shadow:inset 5px 0 #ffffff63;flex-shrink:0;background:var(--juice);position:relative}.spit-bottle:before{content:'';position:absolute;left:5px;right:5px;top:-9px;height:8px;background:#8c6337;border:1px solid #634726;border-radius:2px}.spit-meters{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0;font:13px/1.5 Arial,sans-serif}.spit-charge{height:18px;background:#947d5840;position:relative;border:1px solid #98784b;margin-top:7px;overflow:hidden}.spit-charge:after{content:'';position:absolute;top:0;bottom:0;left:63%;width:17%;border-inline:2px solid #657748;background:#a6c95b45;pointer-events:none}.spit-charge-fill{height:100%;width:0;background:var(--gold)}.spit-wind-track{height:18px;background:#947d5840;border:1px solid #98784b;margin-top:7px;position:relative}.spit-wind-track:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #98784b}.spit-wind-marker{position:absolute;width:10px;top:1px;bottom:1px;background:#b94c38;transform:translateX(-50%);left:50%}.spit-status{min-height:3.5em;margin-bottom:0}.spit-caption{font-size:13px}.spit-record{margin:8px 0;font-size:14px}.spit-game .spit-next{background:#31534e;color:#fff1d4}.spit-game [hidden]{display:none!important}@media(max-width:720px){.spit-game{padding:12px;margin-inline:0}.spit-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.spit-mix-grid{grid-template-columns:1fr}.spit-meters{grid-template-columns:1fr;gap:14px}.spit-tools button{flex:1;min-width:0}.spit-game .spit-cast{flex-basis:100%;min-width:0}.spit-status{min-height:5em}.spit-hud strong{font-size:21px}}