:root{font-family:Trebuchet MS,system-ui,sans-serif;color:#e0dcd5;background:#1a2e1a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(170deg,#1a2e1a,#2a3c20 40%,#3d2e1a)}#app{min-height:100vh}.game{display:flex;flex-direction:column;min-height:100vh;gap:12px}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 0}.top-bar h1{margin:0;font-size:1.8rem;color:#c8e0a0}.mastery-box{background:#ffffff14;padding:10px 16px;border-radius:12px;text-align:right;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-status{margin-top:4px;font-size:.82rem;color:#8fa880}.board{flex:1;display:flex;justify-content:center;padding:0 16px}.mountain{position:relative;width:min(100%,720px);height:520px;max-height:min(680px,calc(100dvh - 160px));border-radius:20px;overflow:hidden;background:url(/mountainclimber/background.png) center/cover no-repeat;box-shadow:0 16px 48px #00000080}.summit-marker{position:absolute;top:10px;right:16px;padding:5px 12px;background:#fef3c7e6;border-radius:999px;font-weight:700;font-size:.85rem;color:#1f2933;z-index:2}.rock-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.rock{position:absolute;top:0;left:0;width:120px;height:90px;background:url(/mountainclimber/rocks.png) center/contain no-repeat;display:flex;align-items:center;justify-content:center;will-change:transform}.rock-label{background:#ffffffe0;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.95rem;color:#1f2933;white-space:nowrap}.rock.poof{animation:poof .3s ease-out forwards;pointer-events:none}@keyframes poof{0%{opacity:1;filter:none}to{opacity:0;filter:blur(6px) brightness(1.5)}}.avatar{position:absolute;width:70px;height:auto;will-change:left,top;transition:left .5s ease,top .5s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));z-index:4}.avatar.climb-bump{animation:climb-bump .35s ease}@keyframes climb-bump{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-18px) scale(1.08)}to{transform:translateY(0) scale(1)}}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a80;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:10}.overlay.show{opacity:1;pointer-events:auto}.overlay-card{background:#fefefe;padding:24px 32px;border-radius:18px;text-align:center;max-width:340px;box-shadow:0 12px 32px #0000004d;color:#1f2933}.overlay-card h2{margin-top:0}.hud{padding:0 24px 20px;display:flex;flex-direction:column;gap:8px}.question-prompt{font-size:1.4rem;font-weight:700;text-align:center;color:#f0e8d8;min-height:1.6em}.input-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}input{padding:10px 14px;border-radius:10px;border:2px solid #5a6e48;background:#2a3a22;color:#e8e4df;font-size:1rem;min-width:120px}input::placeholder{color:#7a8c6a}input:focus{outline:none;border-color:#8cb860}button{padding:10px 16px;border-radius:999px;border:none;font-weight:700;cursor:pointer}button.primary{background:#4a8c2a;color:#fff}button.primary:hover{background:#5aa03a}button.ghost{background:transparent;border:2px solid #6a9e4a;color:#9aca70}button.ghost:hover{background:#6a9e4a26}.status{font-weight:600;color:#b0c89a;text-align:center}.message{color:#7ec860;font-weight:600;text-align:center;min-height:1.4em}.keypad{display:flex;justify-content:center}.keypad-grid{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:10px;width:min(100%,360px)}.keypad-grid button{border-radius:16px;background:#2e4028;border:2px solid #4a6a3a;color:#d8e0c8;font-size:1.1rem;padding:12px}.keypad-grid button:active{transform:scale(.96);background:#3a5430}.keypad-enter{grid-column:span 2;background:#4a8c2a!important;color:#fff!important;border-color:transparent!important}@media(max-width:700px){.top-bar{flex-direction:column;align-items:flex-start;padding:12px 16px 0}.mountain{height:min(380px,calc(100dvh - 160px))}.rock{width:100px;height:70px}.rock-label{font-size:.85rem}.avatar{width:56px}.question-prompt{font-size:1.2rem}.hud{padding:0 16px 16px}}