.bottle-game{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);min-height:590px;display:grid;overflow:hidden}.bottle-stage{isolation:isolate;background:#c99056 url(/assets/pub-table.webp) 50%/cover no-repeat;place-items:center;min-height:590px;display:grid;position:relative;overflow:hidden}.bottle-stage:before{content:"";pointer-events:none;background:linear-gradient(90deg,#5a301512,#0000 14% 86%,#5a301512);position:absolute;inset:0}.bottle-board{--option-radius:188px;aspect-ratio:1;z-index:1;background:radial-gradient(circle,#d7a8761c 0 39%,#8551281c 66%,#eac08d66 100%);border:5px solid #f4dab1a8;border-radius:50%;width:470px;max-width:calc(100% - 20px);height:470px;position:relative;box-shadow:0 12px 35px #6d3c2261,inset 0 0 0 2px #8e572a69,inset 0 0 0 16px #fff0d01f}.bottle-board:before{content:"";pointer-events:none;border:2px dashed #fff1d398;border-radius:50%;position:absolute;inset:41px}.bottle-options{z-index:1;pointer-events:none;position:absolute;inset:0}.bottle-option{text-align:center;color:#51352c;overflow-wrap:anywhere;width:106px;min-height:48px;transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1 * var(--option-radius))) rotate(calc(-1 * var(--option-angle)));background:#fff8e9f0;border:2px solid #fffdf5;border-radius:15px;place-items:center;padding:6px 8px;font-size:12px;font-weight:900;line-height:1.15;transition:background .25s,box-shadow .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 4px #8f5e4269,0 7px 12px #6b43274a}.bottle-option.is-compact{white-space:nowrap;border-width:1px;border-radius:50%;width:28px;height:28px;min-height:0;padding:0;font-size:11px;line-height:1;box-shadow:0 2px #8f5e4269,0 3px 6px #6b43274a}.bottle-option.is-compact.is-dense{width:23px;height:23px;font-size:9px}.bottle-option.is-compact.is-very-dense{width:20px;height:20px;font-size:8px}.bottle-option.is-winner{background:#fff0ae;border-color:#fff;box-shadow:0 4px #b97c33,0 0 0 5px #fff2bd8c,0 10px 18px #6b43275e}.bottle-spinner{z-index:3;transform-origin:50%;filter:drop-shadow(8px 10px 5px #5138237a);pointer-events:none;width:92px;height:274px;transition:transform 3s cubic-bezier(.13,.76,.12,1);position:absolute;top:50%;left:50%}.bottle-spinner img{width:100%;height:100%;display:block}.bottle-controls{flex-direction:column;justify-content:center;padding:34px 38px;display:flex}.bottle-controls h2{letter-spacing:-.06em;margin:0 0 5px;font-size:32px}.bottle-controls>p:not(.eyebrow):not(.field-error){color:#80728a;margin:0 0 16px;font-size:13px;line-height:1.6}.bottle-controls label{color:#665074;margin-bottom:8px;font-size:12px;font-weight:900}.bottle-controls textarea{resize:vertical;color:#42304e;background:#fffcff;border:2px solid #e4d4e9;border-radius:12px;width:100%;min-height:137px;max-height:250px;padding:12px 14px;line-height:1.5}.bottle-result{text-align:center;overflow-wrap:anywhere;background:#fbf5fd;border:2px dashed #e5d3e9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;margin-top:14px;padding:7px 10px;display:flex}.bottle-result span{color:#a67eae;letter-spacing:.14em;font-size:10px;font-weight:900}.bottle-result strong{color:#824392;font-size:27px;line-height:1.25}.bottle-controls .primary-button{margin-top:15px}.bottle-count{color:#927f9e;align-self:flex-end;margin-top:5px;font-size:11px;font-weight:800}.bottle-count.is-over{color:#b74369}.bottle-legend{background:#fcf8fd;border:1px solid #e6d9e9;border-radius:12px;margin-top:12px;padding:10px 12px}.bottle-legend>span{color:#80698d;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.bottle-legend ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;max-height:125px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.bottle-legend li{color:#62516f;border-radius:6px;align-items:center;gap:6px;min-width:0;padding:2px 5px;font-size:11px;display:flex}.bottle-legend li b{color:#76548a;background:#eee1f3;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.bottle-legend li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bottle-legend li.is-winner{color:#583f35;background:#fff1b8;font-weight:900}.bottle-legend li.is-winner b{color:#4c2e24;background:#e9ad61}@media (max-width:1080px){.bottle-board{--option-radius:164px;width:410px;height:410px}.bottle-spinner{width:80px;height:238px}.bottle-option{width:92px;font-size:11px}}@media (max-width:760px){.bottle-game{grid-template-columns:1fr}.bottle-stage{min-height:480px}.bottle-board{--option-radius:168px;width:420px;height:420px}.bottle-spinner{width:82px;height:245px}.bottle-controls{padding:26px}}@media (max-width:460px){.bottle-stage{min-height:390px}.bottle-board{aspect-ratio:1;--option-radius:136px;width:340px;height:auto}.bottle-board:before{inset:28px}.bottle-spinner{width:68px;height:202px}.bottle-option{border-radius:11px;width:78px;min-height:39px;padding:4px;font-size:10px}.bottle-option.is-compact{width:23px;height:23px;font-size:9px}.bottle-option.is-compact.is-dense{width:18px;height:18px;font-size:7px}.bottle-option.is-compact.is-very-dense{width:15px;height:15px;font-size:6px}}@media (max-width:360px){.bottle-board{--option-radius:110px;width:300px}.bottle-spinner{width:54px;height:162px}.bottle-option{width:66px;font-size:9px}.bottle-option.is-compact{width:20px;height:20px;font-size:8px}.bottle-option.is-compact.is-dense{width:15px;height:15px;font-size:6px}.bottle-option.is-compact.is-very-dense{width:12px;height:12px;font-size:5px}}@media (prefers-reduced-motion:reduce){.bottle-spinner{transition:none}}.bottle-option.is-compact{white-space:normal;overflow-wrap:anywhere;border-radius:9px;width:68px;height:auto;min-height:28px;padding:3px 4px;font-size:8px;line-height:1.05}.bottle-option.is-compact.is-dense{width:40px;min-height:24px;padding:2px;font-size:6px}.bottle-option.is-compact.is-very-dense{width:24px;min-height:24px;padding:1px;font-size:5px;overflow:hidden}.bottle-legend li{gap:0}.bottle-legend li b{display:none}@media (max-width:460px){.bottle-option.is-compact{width:54px;min-height:25px;font-size:7px}.bottle-option.is-compact.is-dense{width:32px;min-height:22px;font-size:5px}.bottle-option.is-compact.is-very-dense{width:20px;min-height:20px;font-size:4px}}@media (max-width:360px){.bottle-option.is-compact{width:46px;min-height:23px;font-size:6px}.bottle-option.is-compact.is-dense{width:28px;min-height:20px;font-size:4px}.bottle-option.is-compact.is-very-dense{width:18px;min-height:18px;font-size:3.5px}}
