/* The original bottle (01) retains the existing game appearance. */
.bottle-cap-slot{display:none}
.water-glass{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
#openBottles{border-color:#8eafff55;color:#cbdcff;background:#293c5c;white-space:nowrap}
#bottleDialog{max-width:920px;padding:30px}#bottleDialog>p{max-width:650px}
#bottleProgress{color:#a6eedc;font-weight:600}#bottleStatus{min-height:24px;color:#ffdaa3}
.bottle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.bottle-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 8px;background:linear-gradient(150deg,#343652,#1b2035);border:1px solid #ffffff20;border-radius:18px;min-width:0}
.bottle-card small{font-size:8px;letter-spacing:.4px;line-height:1.6}.bottle-card strong{font-size:12px;line-height:1.5}.bottle-card-state{font-size:10px;color:#b1d7e5;line-height:1.5}
.bottle-card.locked:disabled{opacity:1;cursor:not-allowed}.bottle-card.locked .bottle-preview{opacity:.68}.bottle-card.locked .bottle-card-state{color:#c2abc9}
.bottle-card.active{border-color:#7be6d0;box-shadow:inset 0 0 0 1px #7be6d044;background:linear-gradient(145deg,#304c51,#232943)}
.bottle-preview{width:65px;margin:5px auto 12px;position:relative}.bottle-preview .vessel{height:106px}.bottle-preview .neck{height:12px;width:28px}
:is(.bottles,.bottle-preview):not([data-skin="1"]) .vessel{border-radius:var(--shape);border-color:var(--glass);background:linear-gradient(105deg,color-mix(in srgb,var(--glass) 20%,transparent),#ffffff03 48%,color-mix(in srgb,var(--glass) 14%,transparent));box-shadow:inset 5px 0 12px #ffffff16,0 12px 22px #0003}
:is(.bottles,.bottle-preview):not([data-skin="1"]) .neck{width:var(--neck);border-color:var(--glass);background:linear-gradient(90deg,#ffffff08,color-mix(in srgb,var(--glass) 40%,transparent),#ffffff08)}
:is(.bottles,.bottle-preview):not([data-skin="1"]) .liquid{border-radius:0 0 32px 32px;clip-path:inset(0 round 0 0 30px 30px)}
.bottle-ornament{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden}
:is(.bottles,.bottle-preview):not([data-skin="1"]) .bottle-ornament:after{content:var(--emblem);position:absolute;bottom:10%;left:0;right:0;text-align:center;font-size:22px;line-height:1.3;color:var(--glass);text-shadow:0 1px 4px #000a;opacity:.8}
[data-tier="1"] .bottle-ornament{border-bottom:5px double var(--glass)}
[data-tier="2"] .bottle-ornament{border-top:6px double var(--glass);border-bottom:6px double var(--glass)}
[data-tier="3"] .bottle-ornament{border:3px double var(--glass);background:repeating-linear-gradient(115deg,#ffffff0a 0 1px,transparent 1px 18px)}
[data-tier="4"] .bottle-ornament{border:4px double var(--glass);background:repeating-conic-gradient(from 45deg at 50% 90%,#ffe9a612 0deg 10deg,transparent 10deg 45deg)}
[data-tier="5"] .bottle-ornament{border:5px double var(--glass);background:linear-gradient(125deg,#ffb0e51a,transparent 35%,#94efff20 65%,#ffe8a51a)}
[data-tier="5"] .vessel{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--glass) 25%,transparent))}
[data-tier="5"] .neck{box-shadow:0 -3px 0 var(--glass),0 -6px 10px #fff2}
[data-skin="30"] .bottle-ornament{border:6px double #ffe9a2;background:repeating-linear-gradient(45deg,#fff0b016 0 1px,transparent 1px 12px),repeating-linear-gradient(-45deg,#b9a3ff16 0 1px,transparent 1px 12px)}
[data-skin="30"] .bottle-ornament:after{font-size:30px;color:#fff0b0;text-shadow:0 0 12px #ffd15c}
.bottles:not([data-skin="1"]) .bottle-button.selected .vessel{border-color:#d1b8ff;box-shadow:0 0 0 4px #a679ff44}
.bottles:not([data-skin="1"]) .bottle-button.correct .vessel{outline:1px solid #6ce3cb;outline-offset:3px}
.bottle-preview .bottle-ornament:after{font-size:18px}
@media(max-width:700px){.bottle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#bottleDialog{padding:25px 16px}.bottle-card{gap:8px;padding:12px 5px}.bottle-card strong{font-size:11px}#openBottles{font-size:10px;padding:8px 10px;min-height:40px}}
.site-bar{flex-wrap:nowrap}.site-bar .brand,.site-bar #openBottles,.site-bar #openRanking{flex-shrink:0}.site-bar #accountWrap{min-width:0;flex-shrink:1}.site-bar #account{max-width:100%}
@media(max-width:600px){.site-bar{gap:5px;padding:12px 10px}.site-bar .brand{flex-basis:auto;gap:5px;font-size:10px}.site-bar .brand-icon{width:28px;height:28px}.site-bar #accountWrap{flex:1;min-width:0}.site-bar #account{width:100%;max-width:100%;padding:8px 6px}.site-bar #openBottles,.site-bar #openRanking{font-size:9px;padding:8px 7px}}
@media(max-width:380px){.site-bar .brand>span:last-child{display:none}}
@media(max-width:380px){.bottle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}