*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{touch-action:none;background:#d4b896;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#game-canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:10;padding-top:env(safe-area-inset-top,0);position:fixed;top:0;left:0;right:0}.hud-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;justify-content:center;gap:20px;padding:10px 12px;display:flex}.hud-item{color:#fff;white-space:nowrap;font-size:14px;font-weight:500}.hud-item span{color:gold;font-weight:700}#hud-toast{text-align:center;color:gold;opacity:0;text-shadow:0 2px 8px #0009;padding-top:16px;font-size:22px;font-weight:700;transition:none;transform:translateY(-10px)}#hud-toast.show{opacity:1;animation:1.5s forwards toast-fade;transform:translateY(0)}@keyframes toast-fade{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-20px)}}#result-screen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.result-card{text-align:center;color:#fff;background:#2a1a0e;border:2px solid gold;border-radius:16px;width:100%;max-width:340px;padding:32px 36px}.result-card h1{color:gold;margin-bottom:16px;font-size:24px}.result-stats{margin-bottom:20px;font-size:18px;line-height:1.6}.result-stats span{color:gold;font-weight:700}#result-restart{color:#2a1a0e;cursor:pointer;background:gold;border:none;border-radius:10px;min-height:48px;padding:14px 40px;font-size:18px;font-weight:700;transition:transform .15s}#result-restart:active{transform:scale(.95)}#menu-screen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.menu-card{text-align:center;width:100%;max-width:400px}.menu-title{color:gold;letter-spacing:6px;text-shadow:0 4px 20px #ffd70066;margin-bottom:10px;font-size:56px;font-weight:900}.menu-subtitle{color:#ffffffb3;margin-bottom:36px;font-size:16px}#menu-play{color:#2a1a0e;cursor:pointer;background:gold;border:none;border-radius:12px;min-height:52px;padding:16px 48px;font-size:20px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #ffd7004d}#menu-play:active{transform:scale(.95)}@media (hover:hover){#menu-play:hover{transform:scale(1.05);box-shadow:0 6px 30px #ffd70080}}@media (width<=380px){.menu-title{letter-spacing:4px;font-size:42px}.hud-bar{gap:12px;padding:8px}.hud-item{font-size:12px}#hud-toast{font-size:18px}.result-card{padding:24px 20px}.result-card h1{font-size:20px}.result-stats{font-size:16px}}