/* Rounded glass and liquid colors match the puzzle's vials. */
#gameMenu .panel, #confirm .box, .bonus-panel {box-sizing:border-box;border:2px solid #8acac778;background:radial-gradient(ellipse at 50% 0,#427b8160,transparent 65%),linear-gradient(145deg,#233c50,#142434);box-shadow:0 8px 0 #0b1724,0 25px 65px #0009,inset 0 2px #e3ffff40,inset 0 0 0 5px #9bffff08;border-radius:30px;animation:vial-panel-in .24s ease-out;max-height:calc(100dvh - 36px);overflow:auto;}
#gameMenu h2 {margin:12px 0 22px;text-align:center;font-size:30px;color:#e3fffa;text-shadow:0 3px #0d2733;}
#menuButton {border:2px solid #8acac778;background:linear-gradient(#426378,#233c50);color:#aaffef;box-shadow:0 4px 0 #0b1724,inset 0 2px #ffffff30;}
.menu-action,.inventory-item,.bonus-choice {border:1px solid #90d4db55;border-bottom:4px solid #0c202e;background:linear-gradient(145deg,#38596d,#233f51);box-shadow:inset 0 1px #c9ffff30;transition:transform .15s,filter .15s;}
.menu-icon,.bonus-icon {border-radius:50%;color:#a8ffee;background:radial-gradient(circle at 35% 25%,#4b7d86,#183340);border:1px solid #9deade66;box-shadow:inset 0 2px #d6ffff33,0 3px #102333;}
#menuRetry .menu-icon {color:#c7b5ff} #menuRestart .menu-icon {color:#ffc8a6} #menuHint .menu-icon {color:#ffe898}
#confirm .box {text-align:center;padding:26px;}
#confirm .box b {margin-top:18px;font-size:24px;color:#e3fffa}
#confirm .box p {color:#c0d9df;font-size:14px;line-height:1.6}
#confirm .row {gap:12px} #confirm button {flex:1;min-width:0;border:1px solid #b6fff633;border-bottom:4px solid #0b2634;min-height:48px;transition:transform .15s,filter .15s;}
#confirmYes {background:linear-gradient(#9ff5d8,#46c5ad);color:#10372e;border-bottom-color:#24715f;box-shadow:inset 0 2px #edfff870}
#confirmNo {background:linear-gradient(#3c596e,#293e53);color:#d4e7ef}
#menuClose {border-radius:50%;background:#142a3b;color:#c0e9e7;border:1px solid #9deade55}
.vial-emblem {display:flex;justify-content:center;align-items:end;gap:8px;height:62px;margin:0 auto;pointer-events:none;}
.vial-emblem i {position:relative;width:23px;height:49px;border:2px solid #c9f6fc;border-top-width:4px;border-radius:5px 5px 11px 11px;background:linear-gradient(to top,#56e4c6 0 58%,#182e4266 58%);box-shadow:inset 4px 0 #ffffff25,0 4px 8px #07172480;transform:rotate(-12deg);}
.vial-emblem i:nth-child(2) {height:59px;transform:none;background:linear-gradient(to top,#bda2f9 0 68%,#182e4266 68%)}
.vial-emblem i:nth-child(3) {transform:rotate(12deg);background:linear-gradient(to top,#ffb966 0 48%,#182e4266 48%)}
.vial-emblem i::after {content:"";position:absolute;top:8px;left:4px;width:3px;height:18px;border-radius:4px;background:#ffffff90;}
#gameMenu button:focus-visible,#confirm button:focus-visible {outline:3px solid #aaffef;outline-offset:3px}
#confirm button:active,.menu-action:active {transform:translateY(3px)}
@media(hover:hover) {.menu-action:hover,.inventory-item:hover,.bonus-choice:hover,#confirm button:hover {filter:brightness(1.15);transform:translateY(-2px)}}
@keyframes vial-panel-in {from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@media(max-height:500px) {.vial-emblem{display:none}#gameMenu h2{margin:0 40px 12px}#confirm .box{padding:18px 24px}#confirm .box b{margin-top:0}}
@media(prefers-reduced-motion:reduce) {#gameMenu .panel,#confirm .box,.bonus-panel{animation:none}.menu-action,.inventory-item,.bonus-choice,#confirm button{transition:none}}