/* Sea-glass bottles, a quiet shore, and a cabinet for shared little wishes. */
.bottle-wish-top{background:#edf1e5}.wish-ocean{margin-top:22px;position:relative;border:1px solid #d6e3d5;border-radius:16px;overflow:hidden;background:#dce9df;padding-top:43px}.ocean-caption{position:absolute;left:25px;right:25px;top:19px;display:flex;justify-content:space-between;color:#9aac99;font-size:9px;letter-spacing:2px;z-index:2}.ocean-caption span:last-child{font-size:10px;letter-spacing:.5px}.sea-scenery{position:absolute;left:0;top:0;width:100%;height:100%;stroke:none;pointer-events:none}.bottle-sea{position:relative;height:296px;z-index:1}.sea-bottle{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;width:100px;display:flex;flex-direction:column;align-items:center;color:#789280;border-radius:20px}.bottle-art{width:80px;height:132px;stroke:none;overflow:visible;display:block;flex-shrink:0}.sea-bottle .bottle-art{animation:bottle-bob 4.8s ease-in-out infinite;animation-delay:var(--bob-delay);filter:drop-shadow(0 6px 3px #779b8515)}.sea-bottle:nth-child(2n) .bottle-art{animation-duration:5.7s}.sea-bottle:hover .bottle-art,.sea-bottle:focus-visible .bottle-art{filter:drop-shadow(0 8px 5px #68816e27);animation-play-state:paused}.sea-bottle>span{font-size:9px;letter-spacing:.5px;background:#f5faf0aa;padding:4px 8px;border-radius:15px;white-space:nowrap;margin-top:-3px}.ocean-controls{display:flex;align-items:center;justify-content:center;gap:22px;position:relative;z-index:2;padding:5px 20px 0}.ocean-controls .primary{background:#7c9885;min-height:44px;font-size:11px;padding:12px 22px;border-radius:30px}.ocean-controls .primary:disabled{opacity:.5}.sea-page{border:1px solid #a9c0ad;background:#eff5e9ae;border-radius:50%;width:30px;height:30px;color:#799983;padding:0;font-size:15px}.sea-page:disabled{opacity:.25;cursor:default}.ocean-hint{position:relative;z-index:2;text-align:center;font-size:10px;letter-spacing:.5px;color:#91a28c;margin:13px 0 21px}.ocean-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#8fa58f;font:17px var(--serif);text-align:center;padding:25px}.ocean-empty small{font:10px sans-serif;letter-spacing:1px;color:#a1b39b}.bottle-toolbar{display:flex;align-items:center;justify-content:space-between;margin:27px 0 25px;gap:10px}.bottle-toolbar>span{font-size:10px;color:#a4ad96}.bottle-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:18px}.bottle-section-heading h3{font:500 19px var(--serif);letter-spacing:.5px;margin:9px 0 0}.bottle-section-heading>span{font-size:10px;color:#a6af97;white-space:nowrap}.shore-section{margin:26px 0 33px}.shore-wishes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shore-wish{border:1px solid #e0e7d4;border-radius:11px;background:#fffef8;padding:12px 14px;display:flex;align-items:center;text-align:left;gap:10px;color:#78896a;min-width:0}.shore-wish>.bottle-art{width:43px;height:78px}.shore-wish>span:not(.shore-arrow){min-width:0;flex:1}.shore-wish strong{font:500 13px/1.9 var(--serif);display:block;overflow-wrap:anywhere}.shore-wish small{display:block;font-size:9px;color:#a3b094;margin-top:7px;line-height:1.8}.shore-arrow{color:#b2bda3;font-size:15px}.shore-empty{padding:23px;border:1px dashed #dce3d0;border-radius:10px;font:13px/2 var(--serif);color:#a5b094;text-align:center;grid-column:1/-1;margin:0}.cabinet-section{margin-top:33px}.wish-cabinet{background:linear-gradient(100deg,#efe9d9,#f5f0e4 45%,#ede6d4);border:1px solid #d9ceb8;border-radius:12px;padding:20px 22px 14px;box-shadow:inset 0 2px 9px #a48c6112}.cabinet-shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:0 10px 20px;margin:0 0 19px;border-bottom:6px solid #c3b08c;box-shadow:0 6px 3px -3px #ab93621a;position:relative}.cabinet-shelf:last-child{margin-bottom:0}.cabinet-bottle{background:transparent;border:0;display:flex;align-items:center;flex-direction:column;color:#8a886c;padding:0;border-radius:12px;min-width:0}.cabinet-bottle .bottle-art{width:66px;height:109px;transition:transform .2s}.cabinet-bottle:hover .bottle-art{transform:translateY(-5px)}.cabinet-bottle>span{font:11px/1.7 var(--serif);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;width:100%;margin-top:7px}.cabinet-bottle>small{font-size:8px;color:#aaa58f;margin-top:5px}.cabinet-empty{padding:30px 10px 0;display:flex;align-items:center;flex-direction:column;color:#b0a58b;gap:12px;font:14px var(--serif);text-align:center}.cabinet-empty small{font:10px/1.8 sans-serif;color:#b5ad99}.empty-shelf{height:6px;background:#c7b898;box-shadow:0 5px 5px #a9926917;width:100%;margin-top:28px}.cabinet-section>#more-cabinet{display:block;margin:15px auto 0}.bottle-dialog{width:500px;text-align:center;background:#fffef7;padding:33px}.bottle-dialog-art{display:flex;justify-content:center;margin:15px 0 2px}.bottle-dialog-art .bottle-art{width:105px;height:172px;filter:drop-shadow(0 8px 9px #6c8a7216)}.bottle-sender{font-size:10px;color:#a6b194;letter-spacing:1px;margin:4px 0 14px}.bottle-dialog h2{font:500 23px/1.9 var(--serif);color:#718567;overflow-wrap:anywhere;white-space:pre-wrap;margin:12px 0 17px;max-height:30vh;overflow:auto}.bottle-status{font-size:11px;line-height:1.9;color:#a5b094;margin:0 0 23px}.bottle-dialog-actions{display:flex;flex-direction:column;gap:10px}.bottle-dialog-actions .primary{width:100%;font-size:11px}.bottle-dialog-actions .subtle-button{font-size:10px;background:#f7f8ee}.bottle-dialog-actions .text-button{font-size:10px}.lottery-odds{text-align:center;font-size:10px;color:#9aa98b;padding:11px 0;border-top:1px dashed #e3e8d9;line-height:1.8}.prize-chance{font-size:8px;color:#acb59e;margin-left:6px;font-weight:400;white-space:nowrap}.message-source{display:block;font-size:9px;line-height:1.8;color:#a3ae93;letter-spacing:.2px;margin:11px 0 0}.read-draw-message{border:0;background:transparent;font-size:9px;color:#8a9e74;padding:8px 0 0;cursor:pointer}#history-detail-dialog h2{margin:22px 0 16px;font-size:23px}.history-message{font:15px/2.2 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;color:#81926f}#history-detail-meta{color:#a1ad92;font-size:9px;line-height:2}.prize-card .aside-note{padding:12px 0}.prize-item h4{line-height:1.7}
@keyframes bottle-bob{0%,100%{transform:translateY(1px) rotate(var(--bottle-tilt))}50%{transform:translateY(-9px) rotate(calc(var(--bottle-tilt) + 4deg))}}
@media(max-width:900px){.shore-wishes{grid-template-columns:repeat(2,1fr)}.cabinet-shelf{gap:8px;padding-left:0;padding-right:0}.prize-chance{display:block;margin-left:0;font-size:8px;line-height:1.1}.prize-item{min-height:80px}.prize-card .card-title h3{font-size:15px}}
@media(max-width:650px){.bottle-wish-top{gap:19px}.bottle-wish-top h3{font-size:20px}.bottle-wish-top .primary{width:100%}.ocean-caption{left:16px;right:16px;top:16px;font-size:7px;letter-spacing:1px}.ocean-caption span:last-child{font-size:8px}.wish-ocean{margin-top:16px;padding-top:39px}.bottle-sea{height:315px}.sea-bottle{width:83px}.bottle-art{width:72px;height:120px}.sea-bottle>span{font-size:8px}.ocean-controls{gap:14px;padding-left:12px;padding-right:12px}.ocean-controls .primary{font-size:10px;padding:11px 16px;gap:6px}.ocean-hint{font-size:9px;margin-bottom:18px}.bottle-toolbar{align-items:flex-start;gap:10px}.bottle-toolbar .filters{gap:0}.bottle-toolbar .filters button{padding:8px;font-size:10px}.bottle-toolbar>span{font-size:9px;white-space:nowrap;padding-top:9px}.bottle-section-heading{align-items:flex-start;gap:10px}.bottle-section-heading h3{font-size:17px;line-height:1.8}.bottle-section-heading>span{font-size:8px;margin-top:4px}.bottle-section-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.shore-wishes{grid-template-columns:1fr}.shore-wish strong{font-size:13px}.wish-cabinet{padding:14px 13px}.cabinet-shelf{grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:18px}.cabinet-bottle>span{font-size:10px}.cabinet-empty{font-size:12px;padding-top:22px;line-height:1.9}.cabinet-empty small{font-size:9px}.bottle-dialog{padding:28px 24px}.bottle-dialog h2{font-size:21px}.bottle-dialog-art .bottle-art{width:90px;height:147px}.lottery-odds{font-size:9px}.prize-chance{display:inline;margin-left:5px;line-height:1.7}.prize-item h4{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sea-bottle .bottle-art{animation:none}}