:root{color-scheme:light;--panel: rgba(252, 255, 249, .9);--panel-strong: rgba(255, 255, 255, .96);--text: #172326;--muted: #47665c;--accent: #f0782f;--accent-strong: #c85e18;--line: rgba(255, 255, 255, .64);--shadow: rgba(15, 35, 29, .26)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:#101812;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app{min-height:100svh;width:100vw;display:grid;place-items:stretch;padding:0;background:#101812}.game-shell{width:100vw;min-height:100svh;min-height:0;display:grid;place-items:stretch}.stage{position:relative;width:100vw;height:100svh;overflow:hidden;border:0;border-radius:0;background:#8ed7ff;box-shadow:none;touch-action:none}#gameCanvas{display:block;width:100%;height:100%;cursor:none;-webkit-user-select:none;user-select:none}.game-hud{position:absolute;left:clamp(14px,2.1vw,34px);right:clamp(14px,2.1vw,34px);top:clamp(12px,1.8vw,26px);z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;pointer-events:none}.hud-score{justify-self:start}.hud-time{justify-self:center}.hud-actions{justify-self:end;display:flex;gap:10px;pointer-events:auto}.glass-panel,.glass-button{min-height:clamp(40px,4.4vw,62px);border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#ffffffeb,#e8f4e8b8);box-shadow:0 12px 24px var(--shadow),inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.glass-panel{min-width:clamp(112px,12vw,174px);padding:clamp(7px,.9vw,11px) clamp(12px,1.35vw,19px);display:flex;align-items:center;gap:clamp(7px,1vw,12px)}.glass-panel span{color:var(--muted);font-size:clamp(11px,.95vw,15px);font-weight:850;white-space:nowrap}.glass-panel strong{color:#202326;font-size:clamp(20px,2vw,32px);line-height:1;letter-spacing:0;font-weight:950}.hud-icon{min-width:clamp(31px,2.8vw,46px);padding:0 7px;height:clamp(23px,2.1vw,34px);display:inline-grid;place-items:center;flex:0 0 auto;border-radius:999px;background:linear-gradient(180deg,#19312af5,#111f1cdb);box-shadow:inset 0 1px #ffffff29,0 5px 10px #14211c1f;color:#f5fff1;font-size:clamp(9px,.75vw,12px);font-weight:950;line-height:1}.glass-button{min-width:clamp(76px,7.2vw,112px);padding:0 clamp(12px,1.4vw,22px);border:0;color:var(--text);font-weight:900;font-size:clamp(12px,1.1vw,18px);pointer-events:auto}.glass-button:active,.start-disc:active,#restartButton:active{transform:translateY(2px) scale(.98)}.bottom-controls{position:absolute;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);bottom:clamp(16px,2vw,28px);z-index:4;display:flex;align-items:center;justify-content:flex-start;pointer-events:none}.utility-button{min-width:clamp(96px,10vw,148px);min-height:clamp(44px,4.4vw,66px)}.overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:auto}.hidden{display:none}.start-overlay{place-items:end center;padding-bottom:clamp(72px,15%,126px)}.start-disc{width:clamp(118px,11vw,164px);height:clamp(118px,11vw,164px);border:2px solid rgba(255,255,255,.78);border-radius:50%;color:#fff;background:radial-gradient(circle at 36% 22%,rgba(255,255,255,.34),transparent 30%),linear-gradient(180deg,#f08b35,#c76418);box-shadow:0 0 0 5px #ffffff47,0 18px 38px #46200857,inset 0 2px #ffffff47;display:grid;place-items:center;gap:0;text-align:center;line-height:1.05;pointer-events:auto}.start-disc span,.start-disc strong{display:block;letter-spacing:0;text-shadow:0 2px 8px rgba(16,82,54,.28)}.start-disc span{font-size:clamp(16px,1.7vw,25px);font-weight:850}.start-disc strong{font-size:clamp(32px,3.7vw,54px);font-weight:950}.result-panel{min-width:min(350px,72vw);border:1px solid rgba(255,255,255,.72);border-radius:26px;background:#ffffffeb;padding:24px;display:grid;gap:14px;justify-items:center;box-shadow:0 24px 52px #32657b47;pointer-events:auto}.result-kicker{color:var(--muted);font-size:15px;font-weight:850}#finalScore{color:#202020;font-size:58px;line-height:1;letter-spacing:0}#restartButton{min-width:136px;height:48px;border:0;border-radius:999px;color:#fff;background:linear-gradient(180deg,#7fcf99,#3e8e63);font-weight:900;pointer-events:auto}.rotate-hint{display:none}@media(orientation:portrait){.app{padding:0}.game-shell{width:100%;min-height:0}.stage{width:100vw;height:100svh;border-radius:0;box-shadow:none}.rotate-hint{position:absolute;right:10px;bottom:10px;z-index:8;display:block;padding:7px 10px;border-radius:999px;color:#f8fff0;background:#18211db8;font-size:12px;font-weight:850;pointer-events:none}.game-hud{left:10px;right:10px;top:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:6px}.hud-score,.hud-time{justify-self:stretch}.hud-actions{grid-column:1 / -1;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px}.glass-panel,.glass-button{min-width:0;min-height:38px}.glass-panel{padding:6px 8px;gap:6px}.glass-panel span:not(.hud-icon){display:none}.glass-panel strong{font-size:20px}.hud-icon{min-width:28px;height:22px;font-size:8px;padding:0 5px}.glass-button{padding:0 10px;font-size:12px}.bottom-controls{left:max(10px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}.start-overlay{padding-bottom:clamp(46px,13%,82px)}.start-disc{width:clamp(90px,22vw,118px);height:clamp(90px,22vw,118px)}}@media(max-width:760px){.app{padding:10px}.stage{border-radius:14px}.game-hud{gap:6px}.glass-panel,.glass-button{min-height:38px}.glass-panel{min-width:86px;padding:6px 8px;gap:5px}.glass-panel span{font-size:10px}.glass-panel strong{font-size:17px}.hud-icon{width:22px;height:22px;font-size:14px}.hud-actions{gap:5px}.glass-button{min-width:58px;font-size:11px}.start-disc{width:clamp(88px,20vw,112px);height:clamp(88px,20vw,112px)}}@media(orientation:portrait)and (max-width:760px){html,body{width:100vw;height:100svh}.app{width:100vw;height:100svh;min-height:100svh;padding:0;place-items:center}.game-shell{position:relative;width:100vw;height:100svh;min-height:100svh;overflow:hidden;place-items:center}.stage{position:absolute;left:0;top:0;width:100svh;height:100vw;border-radius:0;transform:rotate(90deg) translateY(-100%);transform-origin:left top}.rotate-hint{display:none}.game-hud{left:clamp(10px,2.1svh,24px);right:clamp(10px,2.1svh,24px);top:clamp(9px,1.8svh,20px);grid-template-columns:1fr auto 1fr;align-items:start;gap:6px}.hud-score{justify-self:start}.hud-time{justify-self:center}.hud-actions{grid-column:auto;justify-self:end;display:flex;gap:6px}.glass-panel,.glass-button{min-height:clamp(34px,5.6svh,46px)}.glass-panel{min-width:clamp(78px,17svh,122px);padding:5px 8px;gap:5px}.glass-panel span:not(.hud-icon){display:inline;font-size:clamp(9px,1.8svh,12px)}.glass-panel strong{font-size:clamp(17px,3.1svh,24px)}.hud-icon{min-width:clamp(24px,4.5svh,34px);width:auto;height:clamp(19px,3.2svh,25px);font-size:clamp(7px,1.35svh,9px)}.glass-button{min-width:clamp(56px,10svh,80px);padding:0 8px;font-size:clamp(10px,1.9svh,13px)}.bottom-controls{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.start-overlay{padding-bottom:clamp(46px,14%,82px)}.start-disc{width:clamp(88px,18svh,120px);height:clamp(88px,18svh,120px)}}