@charset "UTF-8";
:root{--ink:#263b34;--muted:#7c8276;--paper:#f5f2e9;--gold:#b29257;--red:#9b4b38;--line:#dcdccf;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#e6e7df;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-tap-highlight-color:transparent}button,a{-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #c09146;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}small{font-size:11px}img{display:block;max-width:100%}button{transition:background .2s,color .2s,transform .25s,border-color .2s}button:active:not(:disabled){transform:translateY(1px)}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:500}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-family:var(--serif);font-size:21px;letter-spacing:3px}.brand small{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:1.9px;margin-top:4px}.brand-seal{display:grid;place-content:center;border:1px solid currentColor;width:38px;height:42px;line-height:1.18;font-size:14px;letter-spacing:3px;padding-left:3px}.topbar{height:92px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.section-label{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px;letter-spacing:1px}.topbar nav{margin-left:auto;display:flex;gap:20px;align-items:center}.text-button{padding:10px 0;font-size:12px}.text-button:hover{color:var(--gold)}.outline-button{border:1px solid #9b9f89;padding:11px 18px;font-size:12px;border-radius:2px}.outline-button:hover{background:#dfdfcf}.primary-button{background:var(--ink);color:#f3ecda;padding:14px 25px;font-size:13px;letter-spacing:1px;border-radius:2px}.primary-button:hover{background:#3d5749}.gold-button{background:#dabd82;color:#2e3025;padding:14px 20px;border:1px solid #e4cd9d;border-radius:3px}.gold-button:hover{background:#ead3a7}.wallet{text-align:right;font-size:12px}.wallet b{font:26px Georgia,serif;margin-left:7px}.wallet small{display:block;margin-top:8px;color:var(--muted)}.meter{height:4px;background:#ffffff26;border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;background:#d5b273;transition:width .1s linear}.meter i.urgent{background:#b74c35}.round-button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:17px}.round-button:hover{background:var(--ink);color:var(--paper)}
/* Museum galleries */
.exhibit{max-width:1440px;margin:auto;background:var(--paper);min-height:100vh;padding:0 6.25%;overflow:hidden;position:relative}.exhibit::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23807860' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.exhibit>*{position:relative}.exhibit-hero{display:grid;grid-template-columns:1fr 1fr;gap:5.5%;padding:58px 0 48px;align-items:center}.hero-copy>.eyebrow{display:flex;align-items:center;gap:8px;color:#8b794e}.tiny-diamond{font-size:18px}.exhibit-number{font-size:8px;margin-left:auto;letter-spacing:1.5px;color:var(--muted)}.hero-kicker{font-size:13px;letter-spacing:3px;margin-top:24px}.hero-copy h1{font-size:clamp(38px,4.3vw,62px);line-height:1.35;letter-spacing:5px;margin:14px 0 20px}.hero-desc{font-size:12px;color:#858779;line-height:1.9}.hero-foot{display:flex;gap:14px;align-items:center;margin-top:28px;font-size:10px;letter-spacing:1.5px;color:#7d816e}.small-seal{font:20px var(--serif);border:1px solid #a66b53;color:#a66b53;padding:4px 5px;transform:rotate(-5deg)}.hero-image{position:relative;margin-bottom:8px;align-self:stretch;min-height:285px;overflow:hidden;background:#263c33;padding:10px;box-shadow:0 15px 30px #26382d14}.hero-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.65) contrast(.95);transition:transform 1.5s}.hero-image:hover>img{transform:scale(1.035)}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10291fbd,transparent 50%,#1d362515);pointer-events:none}.hero-image figcaption{position:absolute;z-index:2;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;color:#f4ecd9;font-size:10px;letter-spacing:1px}.hero-image figcaption b{font-size:20px;font-weight:400}.photo-corner{position:absolute;z-index:2;width:26px;height:26px;border-color:#e2cea0aa;border-style:solid}.photo-corner.top{left:12px;top:12px;border-width:1px 0 0 1px}.photo-corner.bottom{right:12px;bottom:12px;border-width:0 1px 1px 0}.photo-word{position:absolute;right:20px;top:12px;z-index:2;writing-mode:vertical-rl;font:54px var(--serif);color:#eee6d65c}.stat-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;align-items:center;gap:20px}.stat{border-right:1px solid var(--line);display:flex;align-items:baseline;gap:12px}.stat strong{font:42px Georgia,serif;letter-spacing:-1.5px;color:#8b714a}.stat span{font-size:11px;letter-spacing:1px}.stat-strip>p{font-size:10px;line-height:1.8;color:#777f71;justify-self:end}.stat-strip small{display:block;font-size:9px;color:#999b8f}.exhibit-body{padding-top:29px}.chapter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;color:#7d806e}.chapter-heading>span:last-child{font-size:10px;letter-spacing:1px}.chapter-heading .tiny-diamond{margin-left:12px}.story-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:48px}.topic-nav>button{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:18px 9px;border-bottom:1px solid var(--line);font-size:13px}.topic-nav>button>span{font:11px Georgia,serif;color:#a39370}.topic-nav>button>b{margin-left:auto;font-weight:400;opacity:0}.topic-nav>button.active{background:#e7e8dc;border-left:2px solid var(--ink)}.topic-nav>button.active>b{opacity:1}.topic-nav>button:hover{background:#e7e8dc}.nav-colophon{display:flex;gap:14px;padding:50px 14px;color:#a8a795;align-items:center}.nav-colophon>span{font:48px var(--serif);opacity:.5}.nav-colophon>p{font:11px/2 var(--serif);letter-spacing:3px}.story-heading>.eyebrow{color:#9d8b64;font-size:9px;letter-spacing:1.5px}.story-heading h2{font-size:25px;letter-spacing:1px;margin:11px 0 12px}.story-heading>p{font-size:11px;line-height:1.9;color:#7b8073}.interactive-panel{margin-top:25px;display:grid;grid-template-columns:42% 58%;background:#edeedf;border:1px solid #dddecd;min-height:290px;overflow:hidden}.art-area{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:290px;border-right:1px solid #daddca;background:radial-gradient(ellipse at 50% 40%,#f8f5dbaa,transparent 64%)}.art-area:before{content:"";position:absolute;inset:15px;border:1px solid #b9bda322;pointer-events:none}.art-caption{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#898f75;font-size:7px;letter-spacing:1.3px}.art-caption small{display:block;font-size:8px;margin-top:5px;letter-spacing:1px;opacity:.8}.research-orbit{position:relative;width:230px;height:230px;margin-bottom:20px}.orbit{position:absolute;inset:16px;border:1px solid #adb29166;border-radius:50%;animation:orbit-spin 48s linear infinite}.orbit-one:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#bfa163;top:34px;left:21px;box-shadow:0 0 10px #bfa163}.orbit-two{inset:36px;border-style:dashed;border-color:#a9b09766;animation-direction:reverse;transform:rotateX(40deg)}.orbit-three{inset:3px 58px;transform:rotate(-35deg);animation:none}.wine-drop{position:absolute;left:75px;top:64px;width:88px;height:112px;border-radius:60% 40% 58% 42% / 67% 39% 61% 33%;transform:rotate(25deg);background:linear-gradient(135deg,#faf5dbbb,#c3a26466 45%,#a58946aa);box-shadow:inset -8px -10px 20px #a8894244,inset 6px 5px 14px #fffdf6,0 15px 24px #8c8c5433;animation:drop-float 6s ease-in-out infinite;overflow:hidden;filter:hue-rotate(var(--detail-hue,0deg))}.wine-drop>span{display:grid;place-content:center;height:100%;font:35px var(--serif);color:#766b3e;transform:rotate(-25deg)}.drop-liquid{position:absolute;inset:3px;border-radius:inherit;border:1px solid #fff8d488}.orbit-dot{position:absolute;border-radius:50%;background:#a99a62;width:4px;height:4px}.d1{top:70px;right:27px}.d2{left:35px;bottom:43px}.d3{right:57px;bottom:36px;width:3px;height:3px}.art-label{position:absolute;color:#8d9078;font:10px var(--serif);letter-spacing:2px}.label-one{left:13px;top:72px}.label-two{right:2px;bottom:83px}.detail-area{padding:25px 27px 18px;display:flex;flex-direction:column}.detail-tabs{display:flex;gap:9px}.detail-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #c8ccb7;padding:10px 4px;min-width:0;color:#677155;background:#f6f4e857}.detail-tabs button>span{font:20px var(--serif)}.detail-tabs button>small{font:8px Georgia,serif;color:#9da287}.detail-tabs button.active{background:#304b3c;color:#faf6e6;border-color:#304b3c}.detail-tabs button:hover{border-color:#758965}.detail-tabs button.active>small{color:#b6c29b}#detail-copy{position:relative;margin:23px 0 19px;animation:reveal .5s both;flex:1}#detail-copy h3{font-size:19px;position:relative;margin-bottom:14px}#detail-copy p{font-size:11px;line-height:2;color:#6c7561;position:relative}.detail-index{position:absolute;right:-1px;top:-5px;font:65px Georgia,serif;color:#526a4310}.detail-pagination{display:flex;gap:8px;align-items:center}.detail-pagination>span{font:10px Georgia,serif;letter-spacing:2px;color:#8e947d;margin-right:auto}.source-note{margin:15px 0 30px;font-size:9px;line-height:1.8;color:#8e9183;display:flex;align-items:baseline;gap:8px}.source-note>span{color:#a28960;flex-shrink:0;border:1px solid #cfc5ac;font:10px var(--serif);padding:0 3px}.exhibit-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:15px 0 21px;font-size:9px;color:#8c9181}.exhibit-footer>.text-button{font-size:10px;color:#66735f}.exhibit-footer>span:nth-child(2){margin-left:auto}.footer-brand{letter-spacing:1px}.status-dot{width:4px;height:4px;display:inline-block;vertical-align:middle;border-radius:50%;background:#86956f;margin-right:7px}.cellar{--ink:#443c30;--line:#dfd8c8}.cellar .hero-copy>.eyebrow{color:#a07b51}.cellar .interactive-panel{background:#eee5d5;border-color:#dfd3be}.cellar .art-area{border-color:#dfd3be}.cellar .detail-tabs button.active{background:#6c5440;border-color:#6c5440}.cellar .detail-tabs button{border-color:#cabc9f}.cellar .detail-tabs button>small{color:#a79679}.cellar #detail-copy p{color:#7e725e}.cellar .topic-nav>button.active,.cellar .topic-nav>button:hover{background:#e9e2d3}.cellar .hero-image::after{background:linear-gradient(0deg,#2c251aca,transparent 70%)}.jar-orbit{width:250px;height:260px;position:relative;margin-bottom:19px}.illustrated-jar{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 10px #57412615);animation:jar-float 7s ease-in-out infinite}.jar-halo{position:absolute;width:190px;height:190px;left:30px;top:30px;border:1px solid #b5a58666;border-radius:50%;box-shadow:0 0 0 14px #c8b89011,0 0 0 35px #c8b8900b}.jar-halo:after{content:"";position:absolute;inset:-23px;border:1px dashed #b5a58633;border-radius:50%;animation:orbit-spin 90s linear infinite}.jar-calligraphy{position:absolute;top:45px;right:11px;writing-mode:vertical-rl;font:14px var(--serif);letter-spacing:5px;color:#a49373}.gold-dust{position:absolute;width:3px;height:3px;border-radius:50%;background:#b29959;box-shadow:0 0 8px #b2995988;animation:dust 5s ease-in-out infinite}.dust-one{left:40px;top:80px}.dust-two{right:29px;bottom:72px;animation-delay:-2s}.dust-three{left:35px;bottom:67px;animation-delay:-4s}.art-change .wine-drop,.art-change .illustrated-jar{animation:art-reveal .7s both,drop-float 6s .7s ease-in-out infinite}
/* Front hall: original assets and four-table gameplay */
.page-hall{min-height:100vh;background:linear-gradient(#111d18a6,#161b17d9),url('assets/tavern_background.webp') center/cover fixed;display:flex;justify-content:center}.hall-shell{width:min(100%,620px);min-height:100vh;background:linear-gradient(#1c261ce6,transparent 38%,#1c211cec),url('assets/tavern_background.webp') center/cover;position:relative;color:#f7ebd2;padding:22px 25px 16px;box-shadow:0 0 100px #0006}.hall-header{display:flex;justify-content:space-between;align-items:center}.hall-header .brand{color:#e3c891;font-size:21px}.hall-header .wallet{color:#e3c891}.hall-header .wallet small{color:#dfd2b7}.hall-info{display:flex;gap:20px;align-items:center;background:#18261cc9;border:1px solid #d1b47c55;margin-top:20px;padding:15px 18px;font-size:12px}.day-clock{flex:1;max-width:260px}.day-clock>span{display:block;margin-bottom:7px;font:11px Georgia,serif;letter-spacing:1px}.hall-info>span:last-child{margin-left:auto}.hall-workshop{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#1e2b22d9;padding:20px 18px 12px;margin-top:13px}.hall-workshop small{font-size:9px;letter-spacing:2px;color:#d1c1a1}.hall-workshop h1{font-size:20px;margin-top:9px}.hall-workshop .gold-button{font-size:11px;white-space:nowrap;padding:12px}.hall-stock{display:flex;background:#1e2b22d9;padding:0 18px 15px;gap:20px;color:#d8cba9;font-size:10px}.hall-stock b{margin-left:5px;color:#f3e8cd}.tables{display:grid;grid-template-columns:1fr 1fr;gap:25px 50px;padding:55px 24px 14px;min-height:390px}.table{position:relative;height:155px;border-radius:45%;background:radial-gradient(ellipse at 50% 65%,#3b301890 25%,#7b582f88 45%,transparent 65%);transition:box-shadow .2s,background .2s}.empty-table{display:block;font:28px var(--serif);color:#e0c89999;margin-top:25px;text-shadow:0 1px 4px #000}.empty-table small{display:block;font:9px var(--sans);letter-spacing:2px;margin-top:8px}.table.occupied .empty-table{visibility:hidden}.customer{position:absolute;inset:-28px -10px 0;pointer-events:none;animation:guest-enter .6s both}.customer-art{width:145px;height:154px;object-fit:contain;margin:auto;filter:drop-shadow(0 8px 4px #0005)}.order{display:block;position:absolute;bottom:19px;left:50%;transform:translateX(-50%);padding:6px 14px;min-width:84px;white-space:nowrap;background:#f7e8c8;color:#433825;border:1px solid #ae8b4b;border-radius:3px;font-size:12px;box-shadow:0 3px 12px #0004}.patience{position:absolute;left:26%;right:26%;bottom:7px;height:4px;background:#2c2e20;border-radius:3px;overflow:hidden}.patience i{display:block;height:100%}.customer.leaving{animation:guest-leave .55s both}.serve-tray{border:1px solid #d1b47c88;background:#202b21ec;padding:16px;margin-top:18px;border-radius:5px}.tray-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font:17px var(--serif);color:#e2cda7}.tray-label small{font:9px var(--sans);color:#bfb99b}.wine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.serve-wine{display:flex;align-items:center;justify-content:center;gap:2px;padding:9px 2px;background:#efe1c5;border:1px solid #d6bd89;border-radius:3px;color:#342f22;touch-action:none}.serve-wine>img{width:50px;height:62px;object-fit:contain}.serve-wine>span{font:14px var(--serif)}.serve-wine small{display:block;font:9px var(--sans);margin-top:6px;color:#897449}.serve-wine.selected{background:#ffda89;box-shadow:0 0 0 2px #cfb171,0 0 15px #d1a45655}.hall-footer{font:10px/1.8 var(--serif);text-align:center;letter-spacing:1px;margin:17px 0 3px;color:#d1c5aa}.game-overlay{position:absolute;inset:0;background:#102017b3;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:5;padding:30px}.welcome-card{width:100%;max-width:410px;background:#f4eedf;color:#2e4337;padding:40px 32px 28px;text-align:center;box-shadow:0 25px 70px #0004;position:relative;border:1px solid #c5b791;outline:1px solid #c5b791;outline-offset:-10px}.welcome-card>.eyebrow{font-size:8px}.welcome-seal{display:block;font:13px var(--serif);color:#ac6346;letter-spacing:6px;margin:24px auto 17px}.welcome-card h2{font-size:43px;letter-spacing:8px;line-height:1.5}.welcome-card p{font-size:12px;line-height:2;margin:20px 0 26px;color:#838371}.welcome-card .primary-button{display:block;width:80%;margin:0 auto 12px}.welcome-card .text-button{font-size:10px}.float-text{position:absolute;left:50%;top:40%;transform:translateX(-50%);font-size:16px;color:#ffe4a2;white-space:nowrap;text-shadow:0 2px 5px #000;pointer-events:none;z-index:10;animation:float-text 1.3s both}
/* Estate and production */
.estate-shell,.production-shell{max-width:1180px;margin:auto;background:var(--paper);min-height:100vh;padding:0 5% 20px}.map-heading,.production-heading{display:flex;align-items:center;justify-content:space-between;padding:32px 0 25px;gap:20px}.map-heading h1,.production-heading h1{font-size:32px;letter-spacing:2px;margin:12px 0}.map-heading p{color:var(--muted);font-size:12px}.estate-map{position:relative;width:100%;height:760px;overflow:hidden;border:8px solid #e6e4d4;box-shadow:0 5px 25px #233b2515;background:#a8b89a}.map-bg{width:100%;height:100%;object-fit:cover}.map-building{position:absolute;width:42%;padding:0;transition:transform .4s;filter:drop-shadow(0 10px 10px #172f2922)}.map-building:hover{transform:scale(1.04);z-index:2}.map-building.production{left:3%;top:0}.map-building.research{right:2%;top:29%;width:41%}.map-building.cellar{left:5%;bottom:3%;width:44%}.map-building>img{width:100%;height:auto;max-height:300px;object-fit:contain}.map-tag{display:flex;align-items:center;gap:12px;position:relative;background:#f2ebd9ee;border:1px solid #9d916f;box-shadow:0 7px 15px #30452e33;padding:13px 18px;max-width:280px;margin:-15px auto 0;text-align:left;font:16px var(--serif)}.map-tag em{font:20px Georgia,serif;color:#9a7250;border-right:1px solid #c6b999;padding-right:12px}.map-tag small{display:block;font:9px var(--sans);color:#8a8a70;margin-top:7px}.map-watermark{position:absolute;right:25px;bottom:35px;writing-mode:vertical-rl;font:28px var(--serif);color:#f3e8c7;letter-spacing:8px;text-shadow:0 2px 4px #526943}.map-footer,.production-footer{padding:22px 0 10px;display:flex;justify-content:space-between;gap:15px;color:#7f846e;font-size:11px}.map-footer>div,.production-footer>div{display:flex;gap:17px}.map-footer b,.production-footer b{color:var(--ink);margin-left:4px}.production-grid{display:grid;grid-template-columns:34% 1fr;gap:30px;border-top:1px solid var(--line);padding-top:25px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:21px}.section-title em{font:14px Georgia,serif;color:var(--gold);margin-right:8px}.section-title .text-button{font-size:10px}.section-title small{font-size:10px;color:var(--muted)}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.material{text-align:center;background:#ecebdd;padding:16px 7px;border:1px solid #dddeca}.material img{width:75px;height:70px;object-fit:contain;margin:auto}.material h3{font-size:18px;margin:8px 0}.material p{font-size:11px;color:#8d8d75;margin-bottom:12px}.material .outline-button{font-size:11px;padding:9px 15px}.brew-stage{position:relative;height:236px;overflow:hidden;background:#253529;border:1px solid #6d7554}.brew-background{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.7)}.brew-status{position:absolute;inset:35px 25px 20px;color:#eee2c2;text-align:center}.brew-status>.eyebrow{font-size:9px;color:#d3c399}.brew-status h3{font-size:23px;margin:25px 0 12px}.brew-status p{font-size:10px;color:#dfd5b7;line-height:1.8}.brew-status .meter{position:absolute;bottom:5px;left:0;right:0}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.recipe{text-align:center;background:#eeeadd;border:1px solid #dfd9c4;padding:8px 5px 16px}.recipe-art{touch-action:none;display:block;width:100%;padding:0}.recipe-art img{width:85px;height:94px;object-fit:contain;margin:auto;transition:transform .3s}.recipe-art:hover img{transform:translateY(-5px)}.recipe h3{font-size:19px;margin:7px 0}.recipe p{font-size:10px;color:#8b826c;margin:10px 0 15px}.recipe .primary-button{font-size:11px;padding:10px 15px}.production-footer{border-top:1px solid var(--line);margin-top:25px;flex-wrap:wrap}.production-footer small{font-size:9px}.steam{position:absolute;inset:0;opacity:0;transition:opacity .5s}.brewing .steam{opacity:1}.steam i{position:absolute;left:45%;bottom:-40px;width:40px;height:130px;border-radius:50%;background:#e5d4a055;filter:blur(15px);animation:steam 2.5s infinite}.steam i:nth-child(2){left:55%;animation-delay:-1s}.steam i:nth-child(3){left:35%;animation-delay:-1.7s}.celebrate:after{content:'封坛入库 +3';position:absolute;top:35%;left:50%;background:#99503b;color:#f3e1ba;border:2px solid #e4c583;padding:16px 20px;font:24px var(--serif);white-space:nowrap;animation:stamp 1.5s both;pointer-events:none}.drag-ghost{position:fixed;width:85px;height:85px;object-fit:contain;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 8px #0007)}.dragging{opacity:.5}.drop-ready{outline:3px solid #dcbd74;outline-offset:-3px;box-shadow:inset 0 0 35px #ebcf7688}
/* Shared feedback */
#toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,18px);color:#f2ebd8;background:#273c32f2;border:1px solid #c5b68766;border-radius:5px;box-shadow:0 8px 35px #0003;padding:14px 24px;font-size:12px;z-index:1001;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;width:max-content;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #c6bea8;background:#f5f0e4;color:var(--ink);padding:0;max-width:540px;width:calc(100% - 40px);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#15261fc2;backdrop-filter:blur(5px)}.dialog-content{padding:40px 32px 32px}.dialog-close{position:absolute;right:15px;top:12px;font-size:27px;color:#888772}.dialog-content h2{font-size:28px;margin:18px 0}.dialog-content>p{font-size:12px;line-height:2;color:#7d816e}.dialog-content>small{color:#93917c;font-size:10px}.source-links{margin:24px 0}.source-links a{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #d7d5c3;font-size:12px;line-height:1.5}.source-links a:hover{color:#a07743}.refund-list{margin-top:20px}.refund-list>div{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ddd8c6}.refund-list small{display:block;color:#91917d;margin-top:5px}
@keyframes orbit-spin{to{rotate:360deg}}@keyframes drop-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes jar-float{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes dust{0%,100%{opacity:.2;translate:0 0}50%{opacity:1;translate:3px -15px}}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes art-reveal{from{opacity:.35;scale:.94}to{opacity:1;scale:1}}@keyframes guest-enter{from{opacity:0;translate:-40px 5px}to{opacity:1;translate:0 0}}@keyframes guest-leave{to{opacity:0;translate:35px -10px}}@keyframes float-text{from{opacity:1;translate:0 0}to{opacity:0;translate:0 -65px}}@keyframes steam{from{translate:0 0;opacity:0}35%{opacity:1}to{translate:20px -220px;opacity:0}}@keyframes stamp{0%{transform:translateX(-50%) scale(1.5);opacity:0}15%,70%{transform:translateX(-50%) scale(1);opacity:1}100%{transform:translateX(-50%) scale(1);opacity:0}}
@media(min-width:1500px){.exhibit{padding:0 90px}.estate-shell,.production-shell{padding-left:60px;padding-right:60px}}@container game (max-width:1000px){.exhibit{padding:0 4%}.topbar{gap:20px}.section-label{display:none}.exhibit-hero{gap:5%;padding-top:38px}.hero-copy h1{font-size:45px}.hero-image{min-height:300px}.stat-strip{grid-template-columns:1fr 1fr 1fr;gap:15px}.stat-strip>p{grid-column:1/-1;justify-self:start;display:flex;gap:15px}.stat:nth-child(3){border:0}.story-layout{grid-template-columns:155px 1fr;gap:25px}.topic-nav>button{font-size:12px}.interactive-panel{grid-template-columns:40% 60%}.detail-area{padding:22px 18px 17px}.research-orbit{scale:.85}.jar-orbit{scale:.85}.production-grid{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(4,1fr)}.material img{height:60px}.brew-stage{height:240px}.production-heading h1{font-size:26px}.map-building>img{max-height:260px}.estate-map{height:720px}.hero-kicker{font-size:11px;letter-spacing:2px}.exhibit-number{display:none}}
@container game (max-width:680px){body{font-size:13px}.exhibit{padding:0 23px}.topbar{height:75px;gap:12px}.brand{font-size:17px;letter-spacing:2px;gap:8px}.brand-seal{width:30px;height:34px;font-size:11px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:1.3px}.topbar nav{gap:14px}.topbar nav .text-button{font-size:10px}.topbar nav .outline-button{border:none;padding:10px 0;font-size:10px}.exhibit-hero{display:block;padding:28px 0 25px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:2px}.exhibit-number{display:block;font-size:7px}.hero-kicker{font-size:11px;letter-spacing:2px;margin-top:18px}.hero-copy h1{font-size:43px;line-height:1.4;margin:10px 0 13px;letter-spacing:4px}.hero-desc{font-size:10px}.hero-foot{margin-top:17px;margin-bottom:25px;font-size:9px;letter-spacing:1px}.small-seal{font-size:16px;padding:3px 4px}.hero-image{height:214px;min-height:0;margin-bottom:0}.hero-image>img{object-position:center 42%}.hero-image figcaption{font-size:8px;left:17px;right:17px;bottom:14px}.photo-word{font-size:42px}.stat-strip{padding:18px 0 12px;gap:9px 12px}.stat{display:block}.stat strong{font-size:35px}.stat span{display:block;font-size:9px;letter-spacing:1px;margin-top:5px}.stat-strip>p{font-size:8px;gap:10px;margin-top:7px;flex-wrap:wrap}.stat-strip small{font-size:8px}.exhibit-body{padding-top:22px}.chapter-heading{margin-bottom:16px}.chapter-heading>.eyebrow{font-size:7px;letter-spacing:1.5px}.chapter-heading>span:last-child{font-size:8px;letter-spacing:0}.chapter-heading .tiny-diamond{margin-left:2px;font-size:12px}.story-layout{display:block}.topic-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line);margin-bottom:24px}.topic-nav>button{font-size:11px;padding:12px 3px;justify-content:center;gap:5px;border-bottom:2px solid transparent;white-space:nowrap}.topic-nav>button>span{font-size:9px}.topic-nav>button.active{border-left:0;border-bottom-color:var(--ink)}.topic-nav>button>b{display:none}.nav-colophon{display:none}.story-heading>.eyebrow{font-size:8px}.story-heading h2{font-size:22px;line-height:1.5;margin:8px 0 11px;letter-spacing:0}.story-heading>p{font-size:10px;line-height:1.9}.interactive-panel{margin-top:19px;display:block}.art-area{height:210px;min-height:210px;border-right:0;border-bottom:1px solid #daddca}.research-orbit{scale:.8;margin-bottom:5px}.art-caption{left:auto;right:14px;bottom:15px;font-size:6px;writing-mode:vertical-rl;letter-spacing:1px}.art-caption small{display:none}.jar-orbit{scale:.8;margin-bottom:0}.detail-area{padding:20px 22px}.detail-tabs{gap:8px}.detail-tabs button{padding:8px 3px}.detail-tabs button>span{font-size:21px}.detail-tabs button>small{font-size:8px}#detail-copy{min-height:112px;margin:22px 0 12px}#detail-copy h3{font-size:20px;line-height:1.5;margin-bottom:13px}#detail-copy p{font-size:11px;line-height:2}.source-note{font-size:8px;margin-bottom:24px}.exhibit-footer{gap:8px;flex-wrap:wrap;padding:13px 0 20px;font-size:8px}.exhibit-footer>.text-button{font-size:9px}.footer-brand{width:100%;text-align:center;padding-top:10px;border-top:1px solid #dcdccf77;margin-top:5px;font-size:8px}.exhibit-footer>span:nth-child(2){font-size:8px}.hall-shell{padding:18px 16px 14px;min-height:100svh}.hall-header .brand{font-size:20px}.wallet b{font-size:23px}.hall-info{margin-top:16px;padding:12px 13px;gap:13px;font-size:10px}.hall-workshop{padding:17px 13px 12px;gap:8px}.hall-workshop h1{font-size:17px}.hall-workshop small{font-size:8px}.hall-workshop .gold-button{font-size:10px;padding:11px 9px}.hall-stock{padding:0 13px 13px;font-size:9px;gap:14px}.tables{gap:24px 25px;padding:40px 12px 4px;min-height:345px}.table{height:137px}.customer-art{width:128px;height:140px}.order{font-size:11px;bottom:16px}.patience{bottom:5px}.serve-tray{padding:12px 9px;margin-top:10px}.tray-label{font-size:16px}.tray-label small{font-size:8px}.wine-grid{gap:7px}.serve-wine{display:block;padding:5px 2px 9px}.serve-wine>img{margin:auto;width:50px;height:54px}.serve-wine>span{font-size:13px}.serve-wine small{font-size:8px;margin-top:4px}.hall-footer{font-size:8px;margin-top:14px}.welcome-card{padding:32px 24px 25px}.welcome-card h2{font-size:38px}.welcome-card p{font-size:11px}.welcome-card .eyebrow{font-size:7px;letter-spacing:1.5px}.welcome-card .primary-button{font-size:12px}.estate-shell,.production-shell{padding:0 18px 18px}.map-heading,.production-heading{padding:24px 0 19px}.map-heading h1,.production-heading h1{font-size:23px;line-height:1.5;margin:8px 0}.map-heading>.wallet,.production-heading>.wallet{flex-shrink:0;font-size:9px}.map-heading>.wallet b,.production-heading>.wallet b{font-size:20px;margin:0}.map-heading>.wallet small,.production-heading>.wallet small{font-size:8px}.map-heading>.wallet{align-self:flex-start}.map-heading p{font-size:10px;line-height:1.8}.map-heading .eyebrow,.production-heading .eyebrow{font-size:8px;letter-spacing:1px}.estate-map{height:620px;border-width:4px}.map-building.production{width:66%;left:-2%;top:1%}.map-building.research{width:63%;right:-4%;top:33%}.map-building.cellar{width:68%;left:-3%;bottom:4%}.map-building>img{max-height:190px}.map-tag{padding:9px 10px;gap:7px;font-size:12px;width:90%;margin-top:-12px}.map-tag em{font-size:16px;padding-right:7px}.map-tag small{font-size:8px;line-height:1.5;margin-top:5px}.map-watermark{right:14px;bottom:28px;font-size:19px;letter-spacing:5px}.map-footer{font-size:9px;flex-wrap:wrap;padding-top:18px}.map-footer>div{gap:10px}.map-footer small{font-size:8px}.production-heading h1{font-size:21px;max-width:235px}.production-grid{gap:25px;padding-top:21px}.section-title{margin-bottom:16px}.section-title h2{font-size:19px}.material-grid{gap:6px}.material{padding:11px 3px}.material img{width:55px;height:54px}.material h3{font-size:15px}.material p{font-size:10px}.material .outline-button{font-size:9px;padding:8px 5px}.brew-stage{height:210px}.brew-status{inset:25px 18px 15px}.brew-status h3{font-size:21px;margin:26px 0 13px}.brew-status p{font-size:9px}.recipe-grid{gap:7px;margin-top:12px}.recipe{padding:8px 3px 13px}.recipe-art img{width:74px;height:84px}.recipe h3{font-size:17px}.recipe p{font-size:9px}.recipe .primary-button{padding:10px 10px;font-size:10px}.production-footer{font-size:9px;line-height:1.8;padding-top:17px}.production-footer>div{gap:13px}.production-footer small{font-size:8px}.dialog-content{padding:35px 24px 26px}.dialog-content h2{font-size:25px}.dialog-content>p{font-size:11px}.source-links a{font-size:11px}.dialog-content>small{font-size:9px}}
@container game (max-width:360px){.exhibit{padding:0 17px}.brand{font-size:15px}.topbar nav{gap:9px}.hero-copy h1{font-size:39px}.topic-nav>button{font-size:10px;gap:3px}.story-heading h2{font-size:20px}.tables{gap:20px 15px}.hall-workshop h1{font-size:15px}.hall-header .brand{font-size:18px}}
.brand-seal{display:block;text-align:center;letter-spacing:1px;padding:3px 0;line-height:1.15;flex-shrink:0}
.photo-open{position:absolute;inset:0;z-index:3;width:100%;height:100%;cursor:zoom-in}.lightbox-image{width:100%;margin:20px 0}.customer.leaving:has(img[src*="happy"]){animation:guest-leave .65s .7s both}
@container game (max-width:680px){.story-heading>p{font-size:12px;line-height:1.9}#detail-copy p{font-size:12px;line-height:2}.hero-desc{font-size:11px}.topic-nav>button{font-size:12px}.stat span{font-size:10px}.topbar nav .text-button,.topbar nav .outline-button{font-size:11px}.production-heading h1{font-size:20px}.source-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}