/* Fixed 414 × 736 design canvas: all pages share a 9:16 mobile viewport. */
html,body{width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#293e34,#111b17 75%)}#phone-stage{position:relative;flex-shrink:0;box-shadow:0 20px 100px #0009}#phone-frame{position:absolute;inset:0 auto auto 0;width:414px;height:736px;transform-origin:top left;container-type:inline-size;container-name:game;overflow:hidden;background:#f5f2e9}#app{height:100%;min-height:0;width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}#app::-webkit-scrollbar{display:none}.exhibit,.estate-shell,.production-shell,.hall-shell{min-height:736px;width:100%;max-width:none;margin:0}.exhibit{padding:0 23px}.page-hall{display:block;min-height:0;background:none}.hall-shell{min-height:736px;height:736px;padding:17px 16px 12px}.hall-header .brand{font-size:20px}.hall-info{margin-top:12px;padding:11px}.hall-workshop{margin-top:10px;padding:13px 13px 9px}.hall-workshop h1{font-size:17px}.hall-stock{padding-bottom:10px}.tables{min-height:0;height:330px;padding:34px 15px 4px;gap:25px 35px}.table{height:126px}.customer-art{width:122px;height:134px}.serve-tray{margin-top:4px;padding:10px}.serve-wine img{height:46px}.hall-footer{margin:10px 0 0;font-size:9px}.game-overlay{position:absolute}.welcome-card,.serve-tray{background-image:url('assets/premium/jade-frame.webp');background-size:100% 100%;color:#f6e6c5;border:none;outline:none}.welcome-card{padding:39px 28px;color:#f5e5bf}.welcome-card p{color:#d0c7ae}.welcome-card .eyebrow{color:#c9b380}.welcome-seal{color:#dfbc75}.welcome-card .primary-button{background:linear-gradient(#ead5a7,#b78f51);color:#2b372c}.welcome-card .text-button{color:#c9b994}.brand-seal{line-height:1.15;padding:3px 0}.exhibit .topbar,.estate-shell .topbar{position:sticky;top:0;z-index:8;background:#f5f2e9f7;backdrop-filter:blur(12px)}.exhibit .hero-copy h1{font-size:43px}.hero-image{height:200px}.premium-exhibit-art{width:100%;height:100%;object-fit:cover;animation:art-breathe 12s ease-in-out infinite;position:absolute;inset:0}.art-area{height:230px!important;min-height:230px!important}.art-caption{z-index:1;color:#584f3b;text-shadow:0 1px 6px #fff}.art-change .premium-exhibit-art{animation:art-arrive .7s ease-out,art-breathe 12s .7s ease-in-out infinite}.detail-tabs button.active{background-image:url('assets/premium/jade-frame.webp');background-size:100% 100%;box-shadow:0 4px 12px #1f352b22}.topic-nav button{min-height:45px}.estate-map{height:480px}.map-building>img{max-height:150px}.map-building.production{top:0}.map-building.research{top:30%}.map-building.cellar{bottom:2%}.map-heading{padding:16px 0}.map-heading h1{font-size:24px}.map-heading p{font-size:10px}.map-footer{padding-top:13px}.map-tag{background:#ece0c2f5}.map-building:focus-visible{outline-offset:-12px}.exhibit .source-note{font-size:10px}.exhibit-footer{padding-bottom:22px}.text-button,.outline-button{min-height:34px}
/* Full screen brewery. Actual artwork remains visible behind the live controls. */
.page-production{overflow:hidden!important}.immersive-shell{position:relative;height:736px;min-height:736px;padding:0 17px;background:#17251e;color:#f6e8cb;isolation:isolate;overflow:hidden}.immersive-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-3}.immersive-shell::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(#0e1b14bb,transparent 42%,transparent 65%,#0b1712bb);pointer-events:none}.immersive-shell .topbar{height:59px;border-bottom:1px solid #c6ae7655;gap:8px}.immersive-shell .brand{font-size:18px;color:#ead7ac;gap:7px}.immersive-shell .brand small{font-size:6px}.immersive-shell .brand-seal{width:28px;height:32px;font-size:11px}.immersive-shell .section-label{display:none}.immersive-shell .topbar nav{gap:12px}.immersive-shell .topbar .text-button,.immersive-shell .topbar .outline-button{font-size:11px;color:#e4d0a8;padding:8px 0;border:none;min-height:36px;background:none}.immersive-shell .production-heading{height:57px;padding:8px 3px 7px;align-items:center}.immersive-shell .production-heading h1{font-size:28px;line-height:1.1;letter-spacing:5px;margin:4px 0 0}.immersive-shell .production-heading .eyebrow{font-size:7px;letter-spacing:2px;color:#bda878}.immersive-shell .wallet{font-size:10px;color:#d5bf94}.immersive-shell .wallet b{font:23px Georgia,serif;color:#f1d79c;margin-left:4px}.immersive-shell .wallet small{font-size:8px;color:#bab698;margin-top:4px}
.lacquer-panel{border:12px solid transparent;border-image:url('assets/premium/jade-frame.webp') 110 fill / 13px / 0 stretch;filter:drop-shadow(0 6px 12px #0004)}.immersive-shell .materials{position:absolute;top:119px;left:15px;right:15px;height:105px;padding:0 2px 1px}.immersive-shell .section-title{height:21px;margin:0 1px 6px;align-items:start}.immersive-shell .section-title h2{font-size:13px;letter-spacing:2px;font-family:var(--serif)}.immersive-shell .section-title em{font:10px Georgia,serif;color:#c9ad70;margin-right:7px}.immersive-shell .section-title .text-button{font-size:9px;min-height:0;padding:0;color:#c8b687;line-height:16px}.immersive-shell .material-grid{grid-template-columns:repeat(4,1fr);gap:7px}.immersive-shell .material{background:none;border:0;border-right:1px solid #d0b67e33;display:flex;align-items:center;gap:2px;padding:0 3px 0 0;min-width:0}.immersive-shell .material:last-child{border:0}.immersive-shell .material img{width:32px;height:43px;margin:0;object-fit:contain;filter:drop-shadow(0 3px 2px #0006)}.immersive-shell .material>div{flex:1;min-width:0}.immersive-shell .material h3{font:10px var(--sans);white-space:nowrap;margin:0 0 7px;color:#e1d5bb}.immersive-shell .material h3 b{font:11px Georgia,serif;margin-left:3px;color:#f6d892}.buy-chip{font-size:10px;padding:5px 5px;color:#f0d6a2;border:1px solid #b9a06b88;border-radius:3px;background:#cbb27e19;white-space:nowrap;min-width:43px}.buy-chip:hover{background:#b49b5766}.buy-chip:active{background:#d5bc7c;color:#233b2e}
.immersive-shell .brew-stage{position:absolute;top:235px;bottom:181px;left:17px;right:17px;height:auto;background:none;border:0;overflow:visible;box-shadow:none}.immersive-shell .brew-status{position:absolute;inset:0 0 auto;text-align:center;pointer-events:none}.immersive-shell .brew-status>.eyebrow{font-size:8px;letter-spacing:3px;color:#e2c590}.immersive-shell .brew-status h3{font:21px var(--serif);letter-spacing:1px;margin:8px 0 7px;color:#fff1cd;text-shadow:0 2px 6px #000}.immersive-shell .brew-status p{font-size:10px;margin:0;color:#d6c7a6;text-shadow:0 1px 4px #000;letter-spacing:1px}
.vat-target{position:absolute;left:12%;right:12%;top:101px;height:89px;border-radius:50%;border:1px solid #ffe4a6;background:radial-gradient(ellipse,#dcb96622,transparent 70%);box-shadow:0 0 0 5px #ffd58618,inset 0 0 22px #ffc76140,0 0 25px #efb75377;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;animation:vat-beacon 2.5s ease-in-out infinite;touch-action:manipulation}.target-label{display:block;font:23px var(--serif);letter-spacing:4px;color:#fff2cf;text-shadow:0 2px 8px #201409,0 0 10px #684f22}.vat-target small{display:block;font-size:10px;letter-spacing:1px;margin-top:7px;color:#fff0cc;text-shadow:0 1px 4px #241a0e}.vat-target:disabled{opacity:1;cursor:wait}.vat-target:hover{background:#ecbe5638}.vat-ripples{position:absolute;top:94px;left:10%;right:10%;height:100px;pointer-events:none}.vat-ripples i{position:absolute;inset:0;border:1px solid #f3cc75aa;border-radius:50%;opacity:0;animation:liquid-ripple 3s ease-out infinite}.vat-ripples i:nth-child(2){animation-delay:1s}.vat-ripples i:nth-child(3){animation-delay:2s}.brew-stage.drop-ready{outline:none;box-shadow:none}.drop-ready .vat-target{border:2px solid #fff2c6;background:#e9c46b88;transform:scale(1.09);box-shadow:0 0 0 8px #d5b14d33,0 0 45px #ffd67cbf;animation:none}.drag-invitation .vat-target{border-style:dashed}.drag-invitation .drag-guide{display:none}.brew-stage.drag-invitation .brew-status h3{color:#ffdc8a}.brew-steps{position:absolute;top:202px;left:31px;right:31px;display:flex;justify-content:space-between;gap:9px;color:#d7c8a5;text-shadow:0 2px 5px #000}.brew-steps span{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1px}.brew-steps i{width:5px;height:5px;border:1px solid #d7c8a5;border-radius:50%;display:block}.brew-steps .active{color:#ffe6a4}.brew-steps .active i,.brew-steps .done i{background:#ffe0a1;box-shadow:0 0 9px #f7ce69}.brew-bottom{position:absolute;left:27px;right:27px;bottom:0;text-align:center}.brew-bottom .meter{height:2px;margin-bottom:11px;background:#e4cf952e}.brew-cta{position:relative;display:block;width:100%;padding:11px 12px;border:1px solid #dcb970;background:linear-gradient(115deg,#dfc58f,#f2dcaa 50%,#b98d4b);color:#283528;border-radius:3px;font:16px var(--serif);letter-spacing:2px;box-shadow:0 5px 18px #0005,inset 0 0 0 3px #65492722;overflow:hidden}.brew-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#fff7da66 50%,transparent 80%);transform:translateX(-130%);animation:cta-shine 5s ease-in-out infinite}.brew-cta:disabled{opacity:.75}.brew-bottom>small{display:block;font-size:9px;line-height:1.5;color:#d7c9a6;margin-top:7px;letter-spacing:.5px}.brew-bottom>small.missing{color:#ffdcb0}.drag-guide{position:absolute;z-index:2;left:calc(50% - 20px);top:183px;width:40px;height:66px;pointer-events:none;opacity:.75;animation:drag-demo 4.5s ease-in-out infinite}.guide-jar{width:35px;height:43px;object-fit:contain;filter:drop-shadow(0 0 9px #ffdc87)}.drag-guide>span{display:block;text-align:center;font-size:23px;color:#ffde90}.brewing .drag-guide,.celebrate .drag-guide{display:none}.immersive-shell .steam{pointer-events:none;inset:60px 20% 120px;overflow:visible;z-index:2}.immersive-shell .steam i{height:85px;width:37px;filter:blur(12px);bottom:0;background:#fff0d366;animation-duration:1.8s}.immersive-shell [data-phase="heat"] .steam i{width:65px;background:#fff6e899}.immersive-shell [data-phase="press"] .vat-ripples{scale:.9 1.08}.immersive-shell [data-phase="seal"] .vat-target{box-shadow:0 0 30px #f2be64;border-color:#f4bf72;background:#a0543444}.brewing .vat-target{animation:vat-beacon 1s ease-in-out infinite}.immersive-shell .celebrate:after{display:none}
.ingredient-rain{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:visible}.ingredient-rain img{position:absolute;left:calc(50% - 18px);top:0;width:36px;height:36px;object-fit:contain;opacity:0;animation:ingredient-pour 650ms var(--delay) ease-in both;filter:drop-shadow(0 4px 3px #0008)}.brew-reward{position:absolute;left:20%;right:20%;top:73px;z-index:7;text-align:center;pointer-events:none;opacity:0;padding:14px 9px 17px;background-image:url('assets/premium/jade-frame.webp');background-size:100% 100%;box-shadow:0 10px 35px #0006;display:none}.reward-jar{height:66px;width:65px;object-fit:contain;margin:auto}.brew-reward>span{display:block;font:20px var(--serif);color:#e9d39b;letter-spacing:3px}.brew-reward strong{font:28px Georgia,var(--serif);color:#f7d989;display:block;margin:6px 0}.brew-reward>small{font-size:9px;color:#becea8}.celebrate .brew-reward{display:block;animation:seal-reward 1.8s both}.ambient-motes{position:absolute;inset:20% 4% 20%;z-index:-1;pointer-events:none;overflow:hidden}.ambient-motes i{position:absolute;left:calc(var(--i)*8%);top:calc(25% + var(--i)*4%);width:2px;height:2px;border-radius:50%;background:#ffe1a1;box-shadow:0 0 7px #ffe7af;opacity:.5;animation:mote-drift calc(5s + var(--i)*.5s) ease-in-out infinite;animation-delay:calc(var(--i)*-.8s)}
.recipe-dock{position:absolute;bottom:41px;left:20px;right:20px;height:132px}.dock-heading{display:flex;align-items:center;justify-content:space-between;padding:0 2px;margin-bottom:8px}.dock-heading>span{font:9px Georgia,serif;color:#c3a568}.dock-heading b{font:12px var(--serif);color:#ead5ac;letter-spacing:1px;margin-left:5px}.dock-heading small{font-size:9px;color:#d4c39e}.immersive-shell .recipe-grid{gap:9px;margin:0;height:107px}.immersive-shell .recipe{position:relative;background:linear-gradient(#263b30ed,#14251eef);border:1px solid #a28c5966;border-radius:4px;padding:3px 5px 5px;box-shadow:0 4px 9px #0004;transition:transform .25s,box-shadow .25s,border-color .25s}.immersive-shell .recipe.chosen{background:linear-gradient(#4e5339ed,#20382bef);border-color:#e4c282;box-shadow:0 0 0 2px #d5b57822,0 0 20px #d6b56a22;transform:translateY(-3px)}.immersive-shell .recipe.chosen::after{content:"已选";position:absolute;right:4px;top:5px;font-size:7px;color:#e2c795;writing-mode:vertical-rl;letter-spacing:2px;pointer-events:none}.immersive-shell .recipe-art{height:60px;display:flex;align-items:center;justify-content:center;gap:2px;width:100%}.immersive-shell .recipe-art img{width:42px;height:60px;object-fit:contain;margin:0;filter:drop-shadow(0 4px 3px #0006)}.immersive-shell .recipe-art span{font:14px var(--serif);writing-mode:vertical-rl;letter-spacing:1px;color:#efe0bd}.immersive-shell .recipe p{font-size:8px;margin:1px 0 4px;color:#bcba9c}.recipe-brew{font-size:9px;letter-spacing:1px;color:#e6c991;border-top:1px solid #ccb77e33;padding:4px 5px 0;width:100%;border-radius:0}.recipe-brew:hover{color:#fff1ce;background:#c8a46622}.immersive-shell .production-footer{position:absolute;bottom:8px;left:23px;right:23px;display:block;border:0;margin:0;padding:0;text-align:center;color:#bdba9a}.immersive-shell .production-footer>div{display:flex;justify-content:center;gap:15px;font-size:9px;line-height:1.5}.immersive-shell .production-footer b{color:#e3c993;margin-left:2px}.immersive-shell .production-footer small{font-size:7px;color:#928e75;display:block;margin-top:4px}
/* All shared controls inherit tactile feedback without changing their rules. */
button:active:not(:disabled){filter:brightness(1.12)}.drag-ghost{width:calc(70px * var(--phone-scale,1));height:calc(80px * var(--phone-scale,1));filter:drop-shadow(0 6px 8px #0008) drop-shadow(0 0 12px #d8be6488)}#toast{bottom:7%;font-size:12px;max-width:min(85vw,380px);padding:12px 18px;background:#20372ef5;color:#f3e1b8;border:1px solid #b69b66}dialog{max-width:380px;max-height:85vh;overflow:auto;background:#f3eddf}.dialog-content{padding:35px 24px 25px}.source-links a{font-size:12px}.refund-list .outline-button{min-height:38px}.dialog-content h2{font-size:24px}.source-links{margin:20px 0}
@keyframes vat-beacon{0%,100%{box-shadow:0 0 0 4px #ffd58618,inset 0 0 20px #ffc76130,0 0 20px #efb75355}50%{box-shadow:0 0 0 7px #ffd58625,inset 0 0 28px #ffc76150,0 0 32px #efb75388}}@keyframes liquid-ripple{0%{scale:.8;opacity:0}25%{opacity:.7}100%{scale:1.15;opacity:0}}@keyframes drag-demo{0%,15%{opacity:0;translate:0 18px}25%{opacity:.8;translate:0 10px}60%{opacity:.9;translate:0 -55px}72%,100%{opacity:0;translate:0 -65px}}@keyframes ingredient-pour{0%{opacity:0;transform:translate(var(--start),-25px) scale(.8)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(0,150px) scale(.3) rotate(70deg)}}@keyframes seal-reward{0%{opacity:0;transform:scale(1.2) rotate(-5deg)}15%,68%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:translateY(80px) scale(.4)}}@keyframes mote-drift{0%,100%{translate:0 10px;opacity:.15}50%{translate:12px -35px;opacity:.7}}@keyframes cta-shine{0%,65%{transform:translateX(-130%)}95%,100%{transform:translateX(130%)}}@keyframes art-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}@keyframes art-arrive{from{opacity:.6;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
.exhibit{overflow:clip}.art-area{height:330px!important;min-height:330px!important}.hall-shell .tables{height:322px}.immersive-shell .brew-status{padding:3px 0 7px;background:linear-gradient(90deg,transparent,#17271d70,transparent)}
.hall-entry-actions{display:flex;gap:8px;margin-top:10px}.hall-shell .hall-workshop{display:block;padding:10px 13px}.hall-shell .hall-workshop h1{font-size:18px;margin-top:5px}.hall-shell .hall-entry-actions .gold-button{flex:1;font-size:15px;min-height:39px;padding:8px 12px}.hall-entry-actions .gold-button:first-child{background:#20372e;color:#e8d2a7;border-color:#b29b6b}.hall-shell .day-clock>span{font:15px var(--sans);letter-spacing:0}.hall-shell .hall-info{font-size:13px}.hall-shell .tables{height:288px;gap:15px 35px}.hall-shell .table{height:114px}.hall-shell .customer-art{height:123px}.hall-shell .hall-stock{font-size:11px}.hall-shell .hall-footer{font-size:9px}
.estate-shell{padding:0 17px 12px}.estate-shell .topbar{height:65px;gap:8px}.estate-shell .topbar nav{gap:12px}.estate-shell .topbar .text-button,.estate-shell .topbar .outline-button{font-size:13px;min-height:40px}.estate-shell .brand{font-size:20px}.estate-shell .map-heading{padding:17px 0 16px;position:relative;display:block}.estate-shell .map-heading h1{font-size:27px;letter-spacing:1px;margin:10px 0}.estate-shell .map-heading .eyebrow{font-size:10px;letter-spacing:1px}.estate-shell .map-heading p{font-size:13px;line-height:1.6;color:#65715f}.estate-shell .map-heading .wallet{position:absolute;right:0;top:15px;font-size:11px}.estate-shell .map-heading .wallet b{font-size:23px}.estate-shell .map-heading .wallet small{font-size:10px;margin-top:4px}.estate-shell .estate-map{height:470px}.estate-shell .map-tag{font:17px/1.35 var(--serif);padding:10px 12px;gap:10px;width:100%;max-width:none;background:#f4ead4f7}.estate-shell .map-tag em{font-size:19px;padding-right:9px}.estate-shell .map-tag small{font:12px/1.5 var(--sans);color:#6f725e;margin-top:4px}.estate-shell .map-building.production{width:72%;left:0;top:0}.estate-shell .map-building.research{width:76%;right:0;top:29%}.estate-shell .map-building.cellar{width:72%;left:0;bottom:2%}.estate-shell .map-building>img{max-height:139px}.estate-shell .map-building.research .map-tag{font-size:16px}.estate-shell .map-watermark{font-size:21px;right:12px}.estate-shell .map-footer{display:block;padding:12px 0 0;font-size:12px}.estate-shell .map-footer>div{display:flex;gap:12px;align-items:center;justify-content:space-between}.estate-shell .map-footer b{font-size:15px}.estate-shell .map-footer>small{display:block;text-align:center;font-size:10px;margin-top:8px;color:#6f7968}
.estate-shell .map-building.production{z-index:2}.estate-shell .map-building.research{z-index:3}.estate-shell .map-building.cellar{z-index:1}
/* Hall controls and seating share the background's 414 × 736 coordinates. */
.hall-shell{position:relative;background:linear-gradient(#14231be0 0,transparent 27%,transparent 72%,#14231b77),url('assets/tavern_background.webp') center/100% 100% no-repeat;padding:14px 16px}.hall-shell .hall-header{height:40px}.hall-shell .hall-info{position:absolute;left:16px;right:16px;top:65px;margin:0;height:47px;padding:9px 12px}.hall-shell .hall-workshop{position:absolute;top:123px;left:16px;right:16px;padding:0;margin:0;background:none}.hall-shell .hall-entry-actions{margin:0;gap:10px}.hall-shell .hall-entry-actions .gold-button{height:39px;min-height:39px;padding:7px 12px}.hall-shell .tables{position:absolute;inset:0;height:736px;min-height:0;display:block;padding:0;pointer-events:none}.hall-shell .table{position:absolute;width:110px;height:85px;border-radius:10px;pointer-events:auto;background:none}.hall-shell .table[data-table="0"]{left:80px;top:224px}.hall-shell .table[data-table="1"]{left:228px;top:224px}.hall-shell .table[data-table="2"]{left:53px;top:337px;width:126px;height:102px}.hall-shell .table[data-table="3"]{left:235px;top:337px;width:126px;height:102px}.hall-shell .customer{inset:-32px 0 0}.hall-shell .customer-art{width:112px;height:96px;margin:auto}.hall-shell .table:nth-child(n+3) .customer{top:-28px}.hall-shell .table:nth-child(n+3) .customer-art{height:109px;width:123px}.hall-shell .order{bottom:10px;font-size:12px;padding:5px 12px;min-width:79px}.hall-shell .patience{bottom:3px}.hall-shell .empty-table{font-size:22px;margin-top:15px;color:#e7d4a5b3}.hall-shell .empty-table small{font-size:9px}.hall-shell .serve-tray{position:absolute;top:auto;bottom:28px;left:16px;right:16px;margin:0;height:130px;padding:12px 11px 10px}.hall-shell .tray-label{margin-bottom:8px;font-size:18px}.tutorial-replay{font-size:11px;color:#d9c493;min-height:26px;border-bottom:1px solid #bca36f66;padding:3px 1px}.hall-shell .serve-wine{height:80px;padding:3px 2px 7px}.hall-shell .serve-wine img{height:41px;width:47px}.hall-shell .serve-wine>span{font-size:14px}.hall-shell .serve-wine small{font-size:10px;margin-top:3px}.hall-shell .hall-footer{position:absolute;bottom:8px;left:16px;right:16px;font-size:9px;line-height:1.5;margin:0}.hall-shell .table.drop-ready{outline:2px solid #ead394;background:#e8c76d22}.hall-shell .game-overlay{z-index:10}
.serve-tutorial{position:absolute;inset:0;z-index:30;background:linear-gradient(#08180c88,#08180cbb 70%,#08180c22);display:flex;align-items:flex-end;justify-content:center;padding:0 23px 175px;animation:reveal .35s ease-out}.tutorial-popover{position:relative;width:100%;padding:24px 22px 22px;background:url('assets/premium/jade-frame.webp') center/100% 100%;color:#f7e5ba;box-shadow:0 16px 45px #0008}.tutorial-popover::after{content:"";position:absolute;bottom:-10px;left:49px;width:20px;height:20px;transform:rotate(45deg);background:#233e2e;border-right:1px solid #bba471;border-bottom:1px solid #bba471}.tutorial-popover>.eyebrow{display:block;text-align:center;font-size:9px;color:#c6b481;letter-spacing:1px}.tutorial-popover h2{font-size:21px;text-align:center;margin:10px 0 0;letter-spacing:1px}.tutorial-popover .primary-button{display:block;width:100%;background:linear-gradient(#eddaad,#bea06b);color:#20362a;font-size:15px;padding:12px;margin-top:7px}.tutorial-demo{height:228px;position:relative}.demo-customer{position:absolute;right:29px;top:7px;width:108px;height:101px;border-bottom:7px solid #8f7043;border-radius:5px}.demo-customer>img{width:88px;height:86px;object-fit:contain;margin:auto}.demo-customer>span{display:block;position:absolute;bottom:2px;left:15px;right:15px;background:#f1dfb9;color:#493d28;font-size:12px;text-align:center;padding:4px}.demo-card{position:absolute;left:28px;bottom:38px;width:66px;height:78px;background:#f2e0b8;border:1px solid #bda473;border-radius:3px;text-align:center;padding:4px}.demo-card img{width:46px;height:48px;object-fit:contain;margin:auto}.demo-card span{font-size:12px;color:#3d422b}.demo-flight{position:absolute;left:38px;top:114px;width:47px;height:50px;z-index:2;animation:serve-demo-flight 8s infinite}.demo-flight img{width:47px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px #ffe2a388)}.demo-finger{position:absolute;left:27px;top:32px;width:13px;height:21px;border-radius:9px;background:#f9e9c9;border:2px solid #b88d53;transform:rotate(-25deg);box-shadow:0 0 0 4px #ffdd7e33}.demo-tap{position:absolute;width:32px;height:32px;border:2px solid #f3db9e;border-radius:50%;box-shadow:0 0 0 6px #dfbf7c33;opacity:0}.card-tap{left:46px;top:143px;animation:serve-demo-tap-card 8s infinite}.table-tap{right:64px;top:66px;animation:serve-demo-tap-table 8s infinite}.demo-success{position:absolute;right:0;left:0;top:8px;font:13px var(--sans);text-align:center;color:#fff2c7;text-shadow:0 1px 4px #000;opacity:0;animation:serve-demo-success 8s infinite}.demo-caption{position:absolute;bottom:7px;left:0;right:0;font-size:12px;color:#e4d5b2;text-align:center}.drag-caption{animation:serve-demo-drag-caption 8s infinite}.tap-caption{opacity:0;animation:serve-demo-tap-caption 8s infinite}
@keyframes serve-demo-flight{0%,5%{opacity:0;transform:translate(0,0)}12%,18%{opacity:1;transform:translate(0,0)}35%{opacity:1;transform:translate(139px,-78px)}42%,100%{opacity:0;transform:translate(139px,-78px)}}@keyframes serve-demo-success{0%,36%,48%,83%,100%{opacity:0;translate:0 0}40%,45%,75%,80%{opacity:1;translate:0 -16px}}@keyframes serve-demo-tap-card{0%,52%,64%,100%{opacity:0;scale:.6}55%,61%{opacity:1;scale:1}}@keyframes serve-demo-tap-table{0%,65%,80%,100%{opacity:0;scale:.6}69%,74%{opacity:1;scale:1}}@keyframes serve-demo-drag-caption{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}@keyframes serve-demo-tap-caption{0%,45%{opacity:0}50%,95%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.drag-guide{display:none}.celebrate .brew-reward{display:none}.demo-flight{display:none}.drag-caption{opacity:1;bottom:20px}.tap-caption{opacity:1;bottom:2px}.table-tap{opacity:1}}
/* Shared jade and champagne palette for the estate and both galleries. */
.estate-shell,.exhibit{--ink:#f0dfb9;--paper:#152c23;--muted:#b8bca5;--gold:#dec18a;--line:#bca16a40;color:var(--ink);background:radial-gradient(ellipse at 15% 0,#324a35 0,transparent 45%),linear-gradient(145deg,#1c352a,#10271f)}
.estate-shell .topbar,.exhibit .topbar{background:#172e25f5;border-color:var(--line);height:58px;color:#e6c990}
.estate-shell .brand,.exhibit .brand{color:#e6c990;font-size:20px}
.estate-shell .topbar nav,.exhibit .topbar nav{gap:12px}
.estate-shell .topbar .text-button,.estate-shell .topbar .outline-button,.exhibit .topbar .text-button,.exhibit .topbar .outline-button{color:#e4d4b0;font-size:12px}
.estate-shell .topbar .text-button{display:none}
.estate-shell{height:736px;min-height:736px;padding:0 12px 8px;overflow:hidden}
.estate-shell .map-heading{height:57px;padding:7px 3px;display:flex;align-items:center}
.estate-shell .map-heading .eyebrow,.estate-shell .map-heading p{display:none}
.estate-shell .map-heading h1{font-size:21px;letter-spacing:1px;line-height:1.3;margin:0;color:#f0dfb9}
.estate-shell .map-heading .wallet{position:static;font-size:10px;align-self:center;color:#d9c493}
.estate-shell .map-heading .wallet b{font-size:20px}
.estate-shell .map-heading .wallet small{font-size:9px;color:#b7bea4;margin-top:2px}
.estate-shell .estate-map{height:568px;border:1px solid #bda36a;box-shadow:0 8px 25px #0005,inset 0 0 0 3px #bd9e5d44;background:#263e2d}
.estate-shell .map-bg{filter:saturate(.87);object-position:center}
.estate-shell .map-building>img{max-height:167px;filter:drop-shadow(0 8px 7px #0c201a55)}
.estate-shell .map-building.production{width:73%;left:0;top:1%}
.estate-shell .map-building.research{width:80%;right:0;top:32%}
.estate-shell .map-building.cellar{width:73%;left:0;bottom:2%}
.estate-shell .map-tag{background:linear-gradient(115deg,#173b2cf5,#20382cf5);border:1px solid #c2a568;box-shadow:0 5px 18px #081b1766,inset 0 0 0 3px #c3a77016;color:#f2dfb4;padding:10px 12px;font-size:17px;margin-top:-12px}
.estate-shell .map-tag em{color:#e0bc77;border-color:#c3a77066;font-size:21px}
.estate-shell .map-tag small{color:#c7c9af;font-size:12px;margin-top:4px}
.estate-shell .map-building.research .map-tag{font-size:15px}
.estate-shell .map-watermark{color:#fff0c7;text-shadow:0 2px 6px #132d22}
.estate-shell .map-footer{height:45px;padding:9px 2px 0;color:#bfc6ab;font-size:11px}
.estate-shell .map-footer>div{gap:6px}
.estate-shell .map-footer b{color:#f1d293;font-size:14px}
.estate-shell .map-footer>small{color:#a6b297;font-size:8px;margin-top:6px}
.exhibit{padding:0 18px}
.exhibit .hero-copy>.eyebrow,.exhibit .story-heading>.eyebrow{color:#cfb779}
.exhibit .hero-kicker{color:#dfcba0;font-size:12px}
.exhibit .hero-desc,.exhibit .hero-foot,.exhibit .story-heading>p,.exhibit #detail-copy p{color:#c4cbb6}
.exhibit .hero-copy h1{color:#f1dfb4;font-size:38px}
.exhibit .hero-image{border:1px solid #c4aa6b66;box-shadow:0 10px 25px #0004}
.exhibit .small-seal{color:#d7b673;border-color:#b89b65}
.exhibit .stat-strip{background:#263d2f66;border-color:var(--line);padding:17px 12px 12px}
.exhibit .stat strong{color:#e0bf80}.exhibit .stat span{color:#e0d6b9}
.exhibit .stat-strip>p,.exhibit .stat-strip small,.exhibit .chapter-heading,.exhibit .exhibit-number{color:#afbca5}
.exhibit .topic-nav>button{color:#cbd0b9}
.exhibit .topic-nav>button.active,.exhibit .topic-nav>button:hover{background:#c5a8661f;color:#f4d799;border-color:#d7b87a}
.exhibit .topic-nav>button>span{color:#c3a772}
.exhibit .interactive-panel{background:#1d382b;border-color:#bda06a66;box-shadow:0 8px 24px #0003}
.exhibit .art-area{border-color:#bda06a44;background:#20382c}
.exhibit .detail-tabs button{background:#112b23;color:#cbd0b9;border-color:#a38d5b77}
.exhibit .detail-tabs button.active{color:#ffdf99;border-color:#d2b372;background-color:#2f4933;box-shadow:0 0 15px #c3a66a16}
.exhibit .detail-tabs button>small{color:#c3af7c}
.exhibit .detail-index{color:#d8c08818}
.exhibit .detail-pagination>span,.exhibit .source-note,.exhibit .exhibit-footer,.exhibit .exhibit-footer>.text-button{color:#b8c2aa}
.exhibit .source-note>span{border-color:#a38d5b77;color:#d7bd86}
.exhibit .round-button{border-color:#a38d5b88;color:#e8cf9d}.exhibit .round-button:hover{background:#37503a;color:#ffe5ac}
.exhibit .footer-brand{border-color:var(--line)}
dialog{background:#193328;color:#ecddbc;border-color:#b59a65} .dialog-content>p,.dialog-content>small,.refund-list small{color:#c0c7b0}.dialog-close{color:#dac392}.source-links a,.refund-list>div{border-color:#b59a6544}.source-links a:hover{color:#f2d492}
.estate-shell .map-building.production>img{max-height:150px}
.estate-shell .map-building.research{top:37%}