:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#221d16;background:#fff4b6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--pinwheel-size: min(44vw, 28dvh, 210px);--pinwheel-bottom-pad: clamp(28px, 6dvh, 52px);--stand-overlap: -.28;--pole-height: min(27dvh, 190px);--pot-width: min(29vw, 128px);--pot-height: 50px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;touch-action:manipulation}button,input{font:inherit}.game-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(8px,1.6dvh,16px);min-height:100dvh;padding:calc(12px + var(--safe-top)) clamp(14px,4vw,26px) calc(12px + var(--safe-bottom));background:linear-gradient(180deg,#ffffff9e,#fff0 32%),radial-gradient(circle at 18% 15%,rgba(32,192,175,.24),transparent 28%),radial-gradient(circle at 86% 18%,rgba(255,107,92,.22),transparent 26%),linear-gradient(160deg,#fff4b6,#ffe66d 46%,#62d2c4)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 2px;color:#221d16b3;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(1.42rem,6vw,2.2rem);line-height:1}.status-pill{display:inline-flex;align-items:center;gap:8px;min-width:116px;justify-content:center;border:2px solid rgba(34,29,22,.18);border-radius:999px;padding:8px 12px;background:#ffffffc7;box-shadow:0 8px 18px #221d1614;font-size:.84rem;font-weight:800}.status-light{width:9px;height:9px;border-radius:50%;background:#9a9282}.status-pill[data-status=starting] .status-light{background:#ffbd24}.status-pill[data-status=live] .status-light{background:#12b981;box-shadow:0 0 0 5px #12b98129}.status-pill[data-status=fallback] .status-light{background:#f97316}.stage{position:relative;min-height:0;overflow:hidden;border:3px solid rgba(34,29,22,.14);border-radius:28px;background:linear-gradient(180deg,#ffffffd1,#ffffff61 54%,#ffed91b3),#c9f8ef;box-shadow:inset 0 -20px 50px #1f978c29,0 18px 40px #221d1621}.sky,.wind-lines,.character-wrap,.windmill-area{position:absolute;inset:0}.cloud{position:absolute;display:block;width:92px;height:28px;border-radius:999px;background:#ffffffb8;filter:blur(.2px)}.cloud:before,.cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.cloud:before{width:36px;height:36px;left:16px;bottom:8px}.cloud:after{width:44px;height:44px;right:14px;bottom:4px}.cloud-a{top:14%;left:8%}.cloud-b{top:7%;right:9%;transform:scale(.82)}.cloud-c{top:28%;right:28%;transform:scale(.58);opacity:.72}.character-wrap{z-index:2;display:grid;align-items:end;justify-items:start;padding:0 0 clamp(4px,1.8dvh,18px) clamp(0px,1vw,12px);pointer-events:none;transform:translateY(calc(var(--bounce, 0px) * -1)) rotate(var(--tilt, 0deg));transform-origin:32% 86%;transition:transform .12s linear}.character{width:min(58vw,42dvh,300px);max-height:72dvh;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(34,29,22,.18));-webkit-user-select:none;user-select:none}.windmill-area{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 clamp(16px,7vw,56px) var(--pinwheel-bottom-pad) 44%;pointer-events:none}.windmill{--angle: 0deg;--gust: 0;position:relative;width:var(--pinwheel-size);aspect-ratio:1;transform:rotate(var(--angle)) scale(calc(1 + var(--gust) * .04));transform-origin:50% 50%;filter:drop-shadow(0 11px 12px rgba(34,29,22,.24));z-index:3}.windmill img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.windmill-stand{display:grid;justify-items:center;margin-top:calc(var(--pinwheel-size) * var(--stand-overlap));z-index:2}.pole{width:min(6.5vw,26px);height:var(--pole-height);border:3px solid #221d16;border-radius:999px;background:linear-gradient(90deg,#ffffffeb,#d9ece5f2),#edf8f4}.pot{width:var(--pot-width);height:var(--pot-height);margin-top:-4px;border:3px solid #221d16;border-radius:14px 14px 28px 28px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 44%),linear-gradient(180deg,#ffbd24,#f97316);box-shadow:inset 0 -7px #221d161a}.wind-lines{z-index:4;pointer-events:none;opacity:0;transition:opacity .12s linear}.wind-lines span{position:absolute;left:38%;width:min(38vw,180px);height:8px;border-radius:999px;background:#ffffffd6;animation:wind-slide var(--wind-speed, 1.2s) linear infinite}.wind-lines span:nth-child(1){top:34%}.wind-lines span:nth-child(2){top:42%;width:min(45vw,210px);animation-delay:-.32s}.wind-lines span:nth-child(3){top:51%;animation-delay:-.68s}.wind-lines span:nth-child(4){top:60%;width:min(30vw,140px);animation-delay:-.96s}@keyframes wind-slide{0%{transform:translate(-12px) scaleX(.65);opacity:0}32%{opacity:1}to{transform:translate(140px) scaleX(1);opacity:0}}.readout{display:grid;gap:10px}.meter-block,.stats,.controls{border:2px solid rgba(34,29,22,.15);border-radius:20px;background:#ffffffc7;box-shadow:0 10px 22px #221d1614}.meter-block{padding:12px}.meter-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-weight:900}.meter-track{height:15px;overflow:hidden;border:2px solid rgba(34,29,22,.18);border-radius:999px;background:#221d1614}.meter-fill{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#28b8a8,#ffe66d 55%,#ff6b5c);transform:scaleX(0);transform-origin:left center;transition:transform 80ms linear}.stats{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.stats div{display:grid;gap:2px;padding:10px 8px;text-align:center}.stats div+div{border-left:2px solid rgba(34,29,22,.1)}.stats span{color:#221d16ab;font-size:.72rem;font-weight:800}.stats strong{min-width:0;overflow-wrap:anywhere;font-size:clamp(1rem,4vw,1.25rem);line-height:1.05}.controls{display:grid;grid-template-columns:1fr .74fr;gap:10px;padding:10px}.primary-action,.hold-action{min-height:52px;border:0;border-radius:16px;color:#221d16;font-weight:950;box-shadow:inset 0 -4px #221d1629}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ffe66d}.primary-action:disabled{opacity:.58}.button-icon{width:17px;height:24px;border:3px solid #221d16;border-radius:999px;position:relative}.button-icon:after{position:absolute;content:"";left:50%;bottom:-9px;width:22px;height:10px;border-right:3px solid #221d16;border-bottom:3px solid #221d16;border-left:3px solid #221d16;border-radius:0 0 999px 999px;transform:translate(-50%)}.hold-action{background:#ff9f6e}.hold-action.is-held{transform:translateY(2px);box-shadow:inset 0 -2px #221d1629}.slider-control{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:6px 4px 2px;font-size:.86rem;font-weight:900}.slider-control input{width:100%;accent-color:#28b8a8}@media(min-width:720px){body{overflow:auto}.game-shell{width:min(520px,100%);min-height:100dvh;margin:0 auto}}@media(max-height:700px){:root{--pinwheel-size: min(36vw, 22dvh, 170px);--pinwheel-bottom-pad: clamp(14px, 2.6dvh, 24px);--stand-overlap: -.24;--pole-height: min(19dvh, 136px);--pot-width: min(25vw, 106px);--pot-height: 42px}.game-shell{gap:7px}.character{width:min(52vw,39dvh,260px)}.controls{grid-template-columns:1fr .68fr}.primary-action,.hold-action{min-height:46px;border-radius:14px}.meter-block{padding:9px 10px}}@media(orientation:landscape)and (max-height:520px){body{overflow:auto}.game-shell{min-height:640px}}