:root{--coffee:#7c3f17;--cream:#fff4dc;--sky:#b9ecff;--ink:#25180f;--red:#ff5c60;--green:#44c678;--yellow:#ffd166;color:var(--ink);background:#8bdfff;font-family:ui-rounded,Nunito,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;border:0}.game-shell{background:linear-gradient(#8fe8ff,#d9f8ff 58%,#afe58e 58%);width:100vw;height:100vh;position:relative;overflow:hidden}canvas{image-rendering:auto;width:100%;height:100%;display:block}.hud{z-index:5;pointer-events:none;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;display:grid;position:absolute;inset:16px 16px auto}.hud-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:3px solid #25180f1f;border-radius:18px;padding:10px 13px;box-shadow:0 8px #25180f14}.hud-card span{text-transform:uppercase;letter-spacing:.08em;opacity:.68;font-size:12px;font-weight:900;display:block}.hud-card strong{font-size:clamp(18px,2vw,26px);line-height:1.1;display:block}.coffee-meter{grid-template-columns:1fr auto;align-items:end;gap:6px 10px;display:grid}.coffee-meter span{grid-column:1/-1}.bar{background:#ffe0d2;border:2px solid #25180f24;border-radius:99px;height:15px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--yellow), var(--green));transform-origin:0;width:100%;height:100%;display:block}.tilt-track{background:#efe3d0;border:2px solid #25180f24;border-radius:99px;height:18px;margin-top:5px;position:relative}.tilt-track i{background:#25180f42;width:3px;height:22px;position:absolute;top:-4px;left:50%}.tilt-track b{background:var(--coffee);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #00000026}.overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 20%,#ffffff61,#77431d2e);justify-content:center;align-items:center;padding:22px;display:none;position:absolute;inset:0}.overlay.visible{display:flex}.card{text-align:center;background:#ffffffed;border:4px solid #25180f1f;border-radius:34px;width:min(640px,100%);padding:clamp(24px,5vw,44px);box-shadow:0 24px #43271421,0 30px 90px #4327143d}.coffee-logo{font-size:68px;animation:1.3s ease-in-out infinite wobble}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#9b5b20;margin:0 0 8px;font-size:12px;font-weight:1000}h1{letter-spacing:-.06em;margin:0;font-size:clamp(45px,8vw,82px);line-height:.9}h2{margin:0 0 8px;font-size:clamp(40px,7vw,70px);line-height:.95}.subtitle{color:#6f421f;margin:16px 0 24px;font-size:25px;font-weight:900}.primary{color:#fff;background:linear-gradient(#ff8a3d,#e94f2f);border-radius:20px;padding:16px 24px;font-size:20px;font-weight:1000;transition:transform .12s,box-shadow .12s;box-shadow:0 8px #9d321e}.primary:hover{transform:translateY(2px);box-shadow:0 6px #9d321e}.controls-help{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.controls-help span{background:#fff1d4;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:900}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 24px;display:grid}.stats-grid div{background:#fff1d4;border-radius:20px;padding:16px}.stats-grid strong{font-size:28px;display:block}.stats-grid span{opacity:.65;text-transform:uppercase;font-size:12px;font-weight:900}.event-toast{z-index:12;opacity:0;color:#fff;pointer-events:none;background:#25180f;border-radius:999px;padding:12px 20px;font-size:clamp(18px,3vw,32px);font-weight:1000;transition:opacity .25s,transform .25s;position:absolute;top:96px;left:50%;transform:translate(-50%,-20px)scale(.96);box-shadow:0 12px #25180f2e}.event-toast.show{opacity:1;transform:translate(-50%)scale(1)}.mobile-controls{z-index:8;grid-template-columns:repeat(5,1fr);gap:8px;display:none;position:absolute;bottom:12px;left:10px;right:10px}.mobile-controls button{color:#3d2818;background:#ffffffdb;border:3px solid #25180f1f;border-radius:16px;min-height:50px;font-weight:1000;box-shadow:0 5px #25180f1f}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}@media (width<=760px){.hud{grid-template-columns:repeat(2,1fr);inset:8px 8px auto}.mobile-controls{display:grid}.card{border-radius:26px}.stats-grid{grid-template-columns:1fr}}