*{box-sizing:border-box}body,html{margin:0;height:100%;background:#2a2420;overflow:hidden;font-family:M PLUS Rounded\ 1c,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;width:100%;overscroll-behavior:none;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage,body,html{position:fixed;inset:0}.stage{display:flex;align-items:center;justify-content:center}.frame{position:relative;aspect-ratio:1408/768;width:min(100vw,calc(100dvh * 1408 / 768));max-height:100dvh;overflow:hidden;background:#efe6d2;box-shadow:0 0 60px rgba(0,0,0,.4)}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}.hud-pill{background:rgba(40,30,20,.72);color:#fff;font-weight:700;font-size:clamp(13px,3.4vh,22px);padding:8px 16px;border-radius:999px}.hud-pill b{font-size:1.25em;color:#ffd76b}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:rgba(20,14,8,.45);color:#fff}.title-logo{width:min(72%,620px);height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.howto{margin:8px 0 0;font-size:clamp(13px,3vh,20px);opacity:.9;max-width:80%}.btn{margin-top:16px;border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:clamp(18px,4.5vh,30px);color:#5a3410;background:linear-gradient(180deg,#ffd76b,#ffb43d);padding:16px 48px;border-radius:999px;box-shadow:0 6px 0 #c8862a,0 10px 18px rgba(0,0,0,.35);transition:transform .05s ease,box-shadow .05s ease}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #c8862a,0 6px 12px rgba(0,0,0,.35)}.btn-alt{color:#fff;background:linear-gradient(180deg,#7fc8ff,#3da5ff);box-shadow:0 6px 0 #1f73c8,0 10px 18px rgba(0,0,0,.35)}.btn-alt:active{box-shadow:0 2px 0 #1f73c8,0 6px 12px rgba(0,0,0,.35)}.mode-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:12px}.mode-tag{margin:0;font-size:clamp(13px,3vh,20px);font-weight:700;color:#ffd76b}.total{margin:4px 0 0;font-size:clamp(12px,2.8vh,18px);opacity:.85}.result-label{margin:0;font-size:clamp(26px,6vh,48px);font-weight:800;color:#8fe3a0;text-shadow:0 3px 0 #2f7d44}.result-grams{margin:0;font-size:clamp(20px,5vh,36px);font-weight:700}.result-grams b{font-size:1.5em;color:#ffd76b}.rotate-hint{display:none}@media (orientation:portrait) and (max-width:920px){.rotate-hint{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#2a2420;color:#fff;text-align:center;padding:24px}.rotate-hint .icon{font-size:72px;animation:rotate-phone 1.8s ease-in-out infinite}.rotate-hint p{margin:0;font-size:20px;font-weight:700}}@keyframes rotate-phone{0%,30%{transform:rotate(0deg)}60%,to{transform:rotate(-90deg)}}