:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff7d7;background:#100b19}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}body{min-width:320px;position:fixed;inset:0;-webkit-tap-highlight-color:transparent}#app{position:relative;display:grid;place-items:center;min-height:100svh;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(circle at 50% 35%,#473068 0,#17101f 58%,#08060d)}#game-root{width:min(100vw,540px);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:960px;background:#0f0b18;box-shadow:0 0 44px #000000a6;touch-action:none}#game-root canvas{display:block;width:100%;height:100%;touch-action:none}#hud,#runner-hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;z-index:5;width:min(calc(100vw - 18px),520px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;transform:translate(-50%);pointer-events:none}.hud-group,.hud-meter{min-height:48px;padding:7px 8px;border:1px solid rgba(255,247,215,.18);border-radius:8px;background:#0f0b18ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-meter{grid-column:1 / -1;min-height:40px}.hud-label{display:block;margin-bottom:3px;color:#fff7d7b8;font-size:11px;line-height:1;text-transform:uppercase}.hud-group strong{font-size:20px;line-height:1.05}.meter-shell{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#ffffff24}#dry-mouth-fill,#runner-vibe-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ee6d0,#ffe15c 52%,#ff6262);transition:width .12s linear}#runner-vibe-fill{width:100%;background:linear-gradient(90deg,#ff6262,#ffe15c 42%,#76f4bc)}.overlay-card{position:absolute;z-index:10;width:min(86vw,360px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overflow:auto;padding:22px;border:1px solid rgba(255,247,215,.24);border-radius:8px;background:#100b19d1;box-shadow:0 18px 60px #0000007a;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-card h1{margin:0 0 16px;color:#ffe15c;font-size:44px;line-height:1;letter-spacing:0}.overlay-card p{margin:-5px 0 18px;color:#fff7d7c7;line-height:1.35}.button-stack{display:grid;gap:10px}button{min-height:44px;padding:0 18px;border:0;border-radius:8px;color:#1b1024;background:#ffe15c;font:inherit;font-weight:800;cursor:pointer}.button-stack button:nth-child(2){color:#fff7d7;background:#2c7f72}button:active{transform:translateY(1px)}dl{display:grid;gap:8px;margin:0 0 18px}dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid rgba(255,247,215,.16)}dt{color:#fff7d7b8}dd{margin:0;font-weight:800}#toast{position:absolute;z-index:8;top:118px;left:50%;padding:8px 13px;border-radius:999px;color:#1b1024;background:#76f4bc;font-weight:900;transform:translate(-50%);animation:toast-pop .9s ease-out both}.hidden{display:none!important}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.9)}25%{opacity:1;transform:translate(-50%) scale(1.04)}to{opacity:0;transform:translate(-50%,-18px) scale(1)}}@media(max-width:420px){#hud,#runner-hud{gap:5px;width:min(calc(100vw - 14px),520px)}#runner-hud{grid-template-columns:1fr 1.16fr .8fr}.hud-group strong{font-size:17px}.overlay-card h1{font-size:38px}.hud-group,.hud-meter{min-height:42px;padding:6px 7px}.hud-label{font-size:9.5px}}@media(max-width:380px){#runner-hud{gap:4px;width:calc(100vw - 10px)}.hud-group strong{font-size:15px}.hud-group,.hud-meter{min-height:38px;padding:5px 6px}.meter-shell{height:8px}}@media(pointer:coarse){button{min-height:50px;touch-action:manipulation}#toast{top:max(112px,calc(env(safe-area-inset-top) + 92px))}}