:root{--menu-paper:#3a292c;--brass:#f3c879}
.game-logo{font-family:Georgia,serif;line-height:.82;color:#fff3db;text-shadow:0 2px 0 #8d3f4e,0 4px 12px #0008;letter-spacing:-.04em;transform:rotate(-1deg);transform-origin:left center}.game-logo span{display:block;font-size:1.23rem;font-style:italic}.game-logo b{display:block;margin-left:.42rem;color:#f3c879;font-family:system-ui,sans-serif;font-size:.63rem;letter-spacing:.28em;text-shadow:0 1px #5d2633}.chocolatier-rank{text-align:right}.chocolatier-rank span,.chocolatier-rank b{display:block}.chocolatier-rank span{font-size:.58rem;letter-spacing:.16em;color:#caaab0}.chocolatier-rank b{font-size:.76rem;color:#f7d995;margin-top:.2rem}
.compact-nav{padding-top:.22rem!important}.compact-nav nav button{min-height:48px!important;padding:.27rem .18rem!important;font-size:.66rem!important;position:relative}.compact-nav nav button>span{font-size:.92rem!important}.compact-nav nav button>i{position:absolute;top:3px;right:8px;font-style:normal;font-size:.55rem}.compact-nav .more-button{height:25px!important;min-height:25px!important;gap:3px!important}.compact-nav .more-button span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
.menu-open{overflow:hidden}.menu-overlay{position:fixed;inset:0;z-index:120;display:grid;opacity:0;transition:opacity .18s ease}.menu-overlay.shown{opacity:1}.menu-scrim{position:absolute;inset:0;border:0;background:#10090dc9}.menu-drawer{position:absolute;left:clamp(0px,calc(50% - 310px),50%);right:clamp(0px,calc(50% - 310px),50%);bottom:0;max-height:min(82vh,720px);overflow:auto;padding:1.15rem 1rem calc(1.25rem + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:linear-gradient(150deg,#463235,#342427);box-shadow:0 -20px 60px #0008;border:1px solid #76585d;transform:translateY(24px);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.shown .menu-drawer{transform:none}.menu-drawer header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.menu-drawer header small{color:#e2bfc5}.menu-drawer h2{margin:.1rem 0;color:#fff2de}.menu-drawer header>button{border:0;background:#fff1;color:#f8e8dc;width:36px;height:36px;border-radius:50%;font-size:1.5rem}.menu-grid{display:grid;gap:.42rem}.menu-grid>button{border:1px solid #795b60;background:#2b1d20;color:#fff3e6;border-radius:15px;min-height:62px;padding:.7rem;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;text-align:left}.menu-grid>button>span{color:var(--brass);font-size:1.15rem}.menu-grid b,.menu-grid small{display:block}.menu-grid small{margin-top:.14rem;color:#cdb2b6}.menu-grid i{text-align:right;font-style:normal;font-size:1.4rem;color:#d6a9b1}.menu-drawer>p{text-align:center;color:#bfa4a8;font-size:.75rem;margin:.8rem 0 0}
.sparkle-cluster{display:inline-block;position:relative;width:1.15em;height:.82em;vertical-align:-.08em}.sparkle-cluster i{position:absolute;display:block;background:linear-gradient(135deg,#fff4ba,#e7aa52);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.sparkle-cluster i:first-child{width:.72em;height:.72em;left:0;top:0}.sparkle-cluster i:nth-child(2){width:.35em;height:.35em;right:0;top:.04em}.sparkle-cluster i:nth-child(3){width:.23em;height:.23em;right:.08em;bottom:0}
.signature-cabinet{padding:.85rem 1rem;margin:.8rem 0;border:1px solid #75545a;border-radius:18px;background:linear-gradient(135deg,#342327,#21171a);box-shadow:inset 0 1px #ffffff12}.signature-cabinet>div:first-child{display:flex;align-items:center;gap:.65rem}.signature-cabinet small,.signature-cabinet b{display:block}.signature-cabinet small{font-size:.62rem;letter-spacing:.14em;color:#d2aeb4}.signature-slots{display:flex;gap:.42rem;margin-top:.7rem}.signature-slots>span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;border:1px solid #705159;background:#170f12;color:#e6c071;overflow:hidden}.signature-slots img{width:40px}.signature-slots .locked{opacity:.35}
.luxury-cabinet{display:grid;gap:.78rem}.luxury-cabinet .shelf{min-height:142px;background:linear-gradient(105deg,#2d1d21,#211619 62%,#352328);border:1px solid #62454a;border-bottom:8px solid #765137;box-shadow:0 8px 14px #0004,inset 0 1px #ffffff12}.luxury-cabinet .shelf-stage{background:radial-gradient(ellipse at 50% 80%,#65443a55,transparent 62%)}.glass-sheen{position:absolute;inset:4px;background:linear-gradient(115deg,#fff0 30%,#fff1 44%,#fff0 57%);pointer-events:none}.luxury-cabinet .rarity-rare,.luxury-cabinet .rarity-epic,.luxury-cabinet .rarity-ultra-rare{box-shadow:0 8px 18px #0006,inset 0 1px #fff2,0 0 18px #d8a55a20}.shelf-label em{display:block;margin-top:.35rem;color:#d7b7bd;font-size:.72rem;font-style:normal}.shelf-label .sparkle-cluster{font-size:.75em}
.pour-discovery{position:relative;overflow:hidden}.pour-discovery .reveal-chocolate{animation:revealSettle 2.2s both;clip-path:inset(100% 0 0);animation-name:chocolateReveal}.chocolate-fill{position:absolute;left:50%;top:12%;width:140px;height:76%;transform:translateX(-50%);pointer-events:none;overflow:hidden;opacity:.34}.chocolate-fill:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;background:#7b351d;animation:fillRise 2.1s cubic-bezier(.2,.75,.2,1) both}.chocolate-fill i{position:absolute;z-index:2;left:-40px;bottom:calc(100% - 7px);width:220px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='16' viewBox='0 0 80 16'%3E%3Cpath d='M0 8 Q10 0 20 8 T40 8 T60 8 T80 8 V16 H0Z' fill='%237b351d'/%3E%3C/svg%3E") repeat-x;animation:waveSide .55s linear infinite,fillWave 2.1s cubic-bezier(.2,.75,.2,1) both}@keyframes chocolateReveal{0%,12%{clip-path:inset(100% 0 0)}90%,100%{clip-path:inset(0)}}@keyframes fillRise{from{height:0}to{height:100%}}@keyframes fillWave{from{bottom:0}to{bottom:calc(100% - 7px)}}@keyframes waveSide{to{transform:translateX(40px)}}
.coin-icon{display:inline-block;width:1.08em;height:1.08em;margin-right:.18em;vertical-align:-.22em;object-fit:contain}.wallet.coins b{font-size:1.05rem}.locked-feature-mark{text-align:center;font-size:2rem;color:#d9b26b}
@media(max-width:430px){.menu-drawer{left:0;right:0}.luxury-cabinet .shelf{min-height:128px}.bottom-bar{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){.menu-drawer,.menu-overlay,.pour-discovery .reveal-chocolate,.chocolate-fill:before,.chocolate-fill i{animation:none!important;transition:none!important}.pour-discovery .reveal-chocolate{clip-path:none}}