:root{--ink:#234b38;--cream:#fff9e9;--gold:#e6ad4d;--muted:#79806a;--line:#dce0ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:#faf8ef;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #be8425;outline-offset:5px}header{height:78px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--cream);border-bottom:1px solid #dfe1ca;gap:20px}.brand{font-size:23px;font-weight:800;white-space:nowrap;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-left:35px;margin-top:-2px;color:#8c9779}.star{color:#e6ac35;font-size:32px;text-shadow:1px 1px #896d2e}nav{display:flex;gap:36px;height:100%;align-items:center}nav a{padding:28px 0 23px;border-bottom:3px solid transparent}nav a:hover,nav a.active{border-color:var(--ink)}.demo{font-size:11px;border:1px solid #d6dcc3;padding:8px 12px;border-radius:20px;color:#7a816a}.hero{background:#e9efcf;padding:0 0 24px}.intro{padding:35px 5% 18px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#f2f3dc,#e9efcf)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 14px;color:#74815e}h1{font-family:"Songti SC","STSong",serif;font-weight:900;font-size:44px;letter-spacing:2px;margin:0 0 15px}h1 span{color:#dba54e;font-size:32px;margin-left:12px}.sub{margin:0;color:#6d7b5e;font-size:13px}.sub span{margin:0 12px;color:#aab498}.mobile{display:none}.week{background:#fff8df;border:1px solid #d7c99c;border-radius:6px;box-shadow:4px 4px 0 #d7dfb4;min-width:180px;text-align:center;padding:13px 22px;transform:rotate(2deg)}.week>span{font-size:10px;letter-spacing:3px}.week strong{display:block;font-size:29px;margin:4px 0;font-family:Georgia,serif}.week small{font-size:15px}.week p{font-size:11px;margin:0;padding-top:7px;border-top:1px dashed #d7c99c}.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 5% 16px}.segmented{padding:4px;display:flex;background:#d9e3be;border-radius:24px;gap:2px}.segmented button{background:transparent;border:0;padding:10px 18px;border-radius:20px;font-size:12px}.segmented .selected{background:#fff9e9;box-shadow:0 2px 5px #58683318;font-weight:600}.map-toolbar p{font-size:11px;color:#6f7c5b;letter-spacing:.5px}.map-toolbar i{display:inline-block;width:6px;height:6px;background:#82964d;border-radius:50%;margin-right:8px}.map-scroll{overflow:auto;margin:0 2%;border-radius:16px;box-shadow:0 0 0 1px #8f9e6630}.scene{position:relative;width:100%;aspect-ratio:1536/830;overflow:hidden;background:#a7c971}.map-art{position:absolute;width:100%;height:auto;top:-10%;display:block}.house{position:absolute;transform:translate(-50%,-50%);background:#fffbea;border:1px solid #a59462;border-radius:10px;padding:8px 12px;min-width:108px;box-shadow:0 4px 0 #56653438;display:flex;gap:8px;align-items:center;transition:transform .2s,box-shadow .2s}.house:after{content:"";position:absolute;left:48%;bottom:-6px;width:9px;height:9px;background:#fffbea;transform:rotate(45deg);border-bottom:1px solid #a59462;border-right:1px solid #a59462}.house:hover{transform:translate(-50%,-58%);box-shadow:0 8px 16px #284a3d40;z-index:2}.house .num{font-family:Georgia,serif;font-size:22px;color:#907945;border-right:1px solid #e0d9b7;padding-right:8px}.house strong{font-size:12px;display:block}.house small{font-size:10px;display:block;margin-top:3px;font-weight:400;color:#849064}.house[data-stage="2"] small{color:#a77921}.house[data-stage="3"] small{color:#8f71a1}.cinema{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:16%;height:17%;background:#fff9e7;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:inset 0 0 14px #ccb88533}.cinema>span{font-size:27px;color:#d8a948}.cinema strong{font-family:"Songti SC",serif;font-size:19px}.cinema small{font-size:9px;letter-spacing:1px;color:#9d8958}.cinema:hover{background:#fff4d0}.map-caption{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#f9f7e4e8;border-radius:20px;padding:8px 18px;font-size:10px;color:#65794e}.journey{margin:20px 5% 0;display:flex;align-items:center;gap:30px}.journey-label{border-right:1px solid #c9d3ae;padding-right:25px;min-width:145px}.journey-label span{display:block;font-size:8px;letter-spacing:2px;color:#8a9571;margin-bottom:6px}.journey-label strong{font-size:12px}.journey ol{padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;list-style:none;flex:1}.journey li{display:flex;align-items:center;gap:8px;font-size:12px;position:relative}.journey b{font-size:24px;font-weight:400}.journey .current{background:#ffedbf;padding:7px 16px;border-radius:24px;box-shadow:inset 0 0 0 1px #e9d69b}.journey em{font-style:normal;font-size:8px;background:#c39743;color:white;padding:2px 4px;border-radius:3px}.section{max-width:1280px;margin:auto;padding:62px 40px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}h2{font-family:"Songti SC","STSong",serif;font-size:30px;letter-spacing:1px;margin:0 0 12px}.section-heading h2 span{color:#ccaa63}.section-heading p:not(.eyebrow){color:#8a8f7b;margin:0;font-size:12px}.quiet{font-size:10px;color:#929782}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journal-card{background:#fffdf5;border:1px solid #e1e3d2;border-radius:12px;padding:25px;text-align:left;transition:transform .2s;box-shadow:0 4px 0 #e4e5d729}.journal-card:hover{transform:translateY(-5px);border-color:#b6bd93}.card-top{display:flex;justify-content:space-between;align-items:center;color:#899175;font-size:10px}.card-stamp{height:36px;width:36px;border:1px solid #d4d9ba;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:18px;transform:rotate(-9deg)}.journal-card h3{font-size:18px;line-height:1.5;margin:20px 0 12px}.journal-card p{color:#818772;font-size:12px;line-height:1.9;margin:0 0 20px}.card-bottom{border-top:1px dashed #dce0cc;padding-top:15px;display:flex;justify-content:space-between;font-size:10px}.card-bottom span:last-child{color:#9b8a50}.festival{margin:0 auto 55px;max-width:1200px;padding:40px;background:#eaf0dc;border:1px solid #d6dfc2;border-radius:16px;display:flex;align-items:center;gap:34px;position:relative}.festival-star{font-size:90px;color:#dcb667;text-shadow:3px 4px #c4c99b;line-height:1}.festival h2{font-size:27px}.festival p:not(.eyebrow){color:#7b866b;font-size:12px;line-height:1.9}.festival-tags{display:flex;gap:14px;font-size:9px;color:#859372}.festival-tags span+span{border-left:1px solid #c9d3b3;padding-left:14px}.primary{background:#2e5943;border:0;color:#fff8e6;border-radius:24px;padding:14px 21px;font-size:12px;white-space:nowrap}.primary:hover{background:#426b49}.festival .primary{margin-left:auto}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e4d4;padding:30px 5%;gap:25px}footer .brand{font-size:17px}footer p{color:#909782;font-size:10px;line-height:2;margin:0}footer>span{font-size:11px;color:#929b82}footer small{font-size:9px}.list-view{margin:0 5%;padding:25px 30px;background:#fffbed;border:1px solid #d7dec4;border-radius:14px;min-height:540px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.list-heading h2{font-size:24px;margin-bottom:6px}.list-heading p{font-size:11px;color:#879073}select{background:#f2f1de;border:1px solid #dce0ca;border-radius:6px;padding:9px;font-size:11px}.progress-row{display:grid;grid-template-columns:1.2fr .6fr 1.5fr 1.3fr 20px;gap:18px;align-items:center;padding:16px 0;border-top:1px solid #e7e8d8;cursor:pointer;font-size:11px}.progress-row:hover{background:#f4f2df}.progress-row strong{font-size:13px}.progress-row span{color:#7f896a;line-height:1.6}.progress-row .badge{background:#eaf0da;border-radius:12px;padding:5px 8px;text-align:center;width:max-content;font-size:10px}.progress-row button{border:0;background:transparent}dialog{padding:38px;border:1px solid #b9c799;border-radius:18px;width:min(620px,calc(100% - 30px));max-height:85vh;color:var(--ink);background:#fffbed;box-shadow:0 20px 100px #142b3260}dialog::backdrop{background:#1f382d88;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:12px;border:0;background:#eaf0db;border-radius:50%;font-size:24px;width:32px;height:32px}.detail-title{font-size:32px;margin-top:12px}dialog .lead{color:#788267;font-size:13px;line-height:1.9}.detail-stages{display:flex;gap:8px;margin:22px 0}.detail-stages span{flex:1;text-align:center;padding:10px 2px;font-size:10px;background:#eef0e2;border-radius:6px;color:#a2a792}.detail-stages .done{background:#dfe9cf;color:#52713f}.detail-stages .now{background:#f9df9d;color:#8c6828}dialog h3{font-size:15px;margin:26px 0 17px}.timeline{border-left:1px solid #cbd5b8;padding-left:22px;margin-left:5px}.event{position:relative;margin-bottom:22px}.event:before{content:"";position:absolute;left:-27px;top:4px;background:#86a069;border:3px solid #fffbed;width:9px;height:9px;border-radius:50%}.event small{font-size:10px;color:#95a084}.event strong{display:block;font-size:13px;margin:7px 0}.event p{font-size:12px;line-height:1.8;color:#808c71;margin:0}.next{background:#eef1dd;padding:15px;border-radius:8px;font-size:12px;line-height:1.8}.notice{font-size:10px;color:#9ca388;margin-top:22px}.invitation{text-align:center;padding:12px 0}.invitation .festival-star{font-size:65px}.invitation h2{margin-top:20px}.invitation p{font-size:13px;line-height:2;color:#818b72}[hidden]{display:none!important}@media(min-width:1700px){.hero{padding-left:calc((100vw - 1660px)/2);padding-right:calc((100vw - 1660px)/2)}}@media(max-width:900px){header{height:68px}.brand{font-size:19px}nav{gap:18px;font-size:12px}nav a{padding:22px 0}.demo{display:none}.intro{padding-top:27px}h1{font-size:34px}.journey-label{display:none}.journey li{font-size:10px;gap:4px}.journey .current{padding:6px 9px}.journey em{display:none}.scene{min-width:950px}.house{min-width:96px;padding:6px 9px}.house .num{font-size:18px}.cinema strong{font-size:15px}.section{padding:42px 25px}.journal-grid{gap:14px}.journal-card{padding:18px}.festival{margin:0 25px 35px;padding:28px;gap:20px}.festival-star{font-size:65px}.festival h2{font-size:22px}.festival-tags{flex-wrap:wrap;gap:7px}.progress-row{grid-template-columns:1fr .7fr 1.4fr 20px}.progress-row .next-col{display:none}footer>span{display:none}}@media(max-width:600px){header{padding:0 5%}.brand{font-size:17px}.brand small{font-size:6px;letter-spacing:1.8px;margin-left:26px}.star{font-size:25px}nav{gap:15px;font-size:11px}nav a:first-child{display:none}.intro{align-items:flex-start;padding-top:28px;padding-bottom:20px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:32px;line-height:1.4;letter-spacing:1px}.mobile{display:block}h1 span{font-size:25px}.sub{max-width:240px;line-height:1.8;font-size:10px}.sub span{margin:0 5px}.week{min-width:92px;padding:10px 9px;margin-top:20px}.week>span{font-size:8px;letter-spacing:1px}.week strong{font-size:23px}.week small{font-size:11px}.week p{font-size:8px;width:80px;line-height:1.6}.map-toolbar{display:block}.map-toolbar p{font-size:10px;margin:12px 0 0}.segmented{width:max-content}.segmented button{font-size:11px;padding:9px 16px}.map-scroll{margin:0 3%;border-radius:10px}.scene{min-width:900px}.journey{margin:16px 5% 0}.journey ol{gap:6px}.journey li{font-size:8px;flex-direction:column;gap:2px;white-space:nowrap}.journey b{font-size:20px}.journey .current{padding:5px 10px;border-radius:10px}.section{padding:36px 6%}.section-heading{display:block}.section-heading h2{font-size:26px}.section-heading p:not(.eyebrow){font-size:11px;line-height:1.8}.quiet{display:block;margin-top:14px}.journal-grid{grid-template-columns:1fr}.journal-card{padding:22px}.journal-card h3{margin:10px 0}.journal-card p{margin-bottom:13px}.festival{margin:0 5% 30px;display:block;padding:28px}.festival>.festival-star{position:absolute;right:24px;top:20px;font-size:45px;opacity:.6}.festival h2{font-size:23px;max-width:230px;line-height:1.5}.festival .primary{margin-top:20px}.festival-tags{font-size:8px}.festival-tags span+span{padding-left:7px}footer{display:block;padding:25px 6%}footer p{margin-top:10px}.list-view{padding:20px 15px;margin:0 4%}.list-heading{display:block}.list-heading h2{font-size:20px}select{margin:7px 0}.progress-row{grid-template-columns:1fr auto 20px;gap:10px;padding:15px 0}.progress-row .latest-col{grid-column:1/3;grid-row:auto}.progress-row button{grid-column:3;grid-row:1/3}.progress-row strong{font-size:12px}.progress-row{position:relative}.progress-row button{position:absolute;right:0;top:20px}.progress-row .badge{margin-right:20px}.progress-row .latest-col{font-size:10px}dialog{padding:27px 23px}.detail-title{font-size:27px}.detail-stages{gap:4px}.detail-stages span{font-size:9px}.map-caption{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Match the live cinema control to the illustrated projection screen. */
.cinema{top:41%;height:12%;width:15.2%;gap:4px}.cinema>span{font-size:23px}.cinema strong{font-size:17px}.cinema small{font-size:9px}
@media(max-width:900px){.cinema>span{font-size:19px}.cinema strong{font-size:14px}.cinema small{font-size:8px}.cinema{gap:3px}}
/* pixel village motion */
.live-house{animation:houseBob 2.8s steps(4) infinite;transition:filter .2s,transform .2s}
.live-house:nth-of-type(3n){animation-delay:.35s}.live-house:nth-of-type(3n+1){animation-delay:.7s}
.live-house:hover{transform:translate(-50%,-58%) scale(1.08);filter:brightness(1.15)}
.live-house:after{content:'✦';position:absolute;right:8px;top:4px;color:#f3c95d;font-size:13px;animation:windowGlow 1.6s steps(2) infinite}
.cinema{animation:stageGlow 2s steps(3) infinite;position:absolute}
.map-scroll{animation:pixelReveal .7s steps(6) both}
@keyframes houseBob{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-54%)}}
@keyframes windowGlow{50%{opacity:.25;transform:scale(.7)}}
@keyframes stageGlow{50%{filter:brightness(1.18) drop-shadow(0 0 12px #f1c65c)}}
@keyframes pixelReveal{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
.segmented{border:2px solid #c7d49f;padding:5px;box-shadow:inset 0 0 0 2px #edf2d8,0 3px 0 #b4c385;background:#dce8bd}
.segmented a{position:relative;border-radius:17px;min-width:132px;text-align:center;font-weight:700;letter-spacing:.5px}
.segmented a:first-child:before{content:'⌘';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:7px;border:2px solid #78905d;border-radius:6px;background:#f9f4d9;vertical-align:middle}
.segmented a:nth-child(2):before{content:'☷';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:7px;border:2px solid #78905d;border-radius:6px;background:#f9f4d9;vertical-align:middle}
.segmented a.selected{border:2px solid #d3c68e;margin:-2px;background:#fff9e9}
.cinema:before{content:'🗝️';display:block;font-size:26px;animation:keyPulse 1.7s steps(3) infinite}
@keyframes keyPulse{50%{filter:drop-shadow(0 0 8px #ffd45b);transform:rotate(-8deg) scale(1.12)}}
@media(max-width:520px){.segmented a{min-width:112px}}
.scene:after{content:'';position:absolute;left:0;bottom:0;width:31%;height:14%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 8px,#d9f3c966 9px 11px,transparent 12px 19px);transform:skewY(-8deg);animation:riverFlow 1.2s steps(4) infinite;mix-blend-mode:screen}
@keyframes riverFlow{to{background-position:0 38px}}
.music-toggle{position:fixed;right:18px;bottom:18px;z-index:30;border:2px solid #8a9b66;background:#fff8df;color:#34543d;border-radius:20px;padding:9px 14px;box-shadow:0 3px 0 #b7c28e;font-size:12px}.music-toggle:hover{transform:translateY(-2px)}
/* generated asset integration */
.live-house{background:#fffbea url('/static/assets/group-house.png') center 18%/86px auto no-repeat;padding-top:78px;min-width:130px;text-align:center;display:flex;flex-direction:column;gap:3px;will-change:transform;animation:houseBob 3.8s ease-in-out infinite}
.live-house>span{display:none}.live-house strong,.live-house small{background:#fffbeaee;padding:2px 6px;border-radius:4px}.live-house:nth-of-type(2n){animation-delay:.45s}.live-house:nth-of-type(3n){animation-delay:.9s}
.cinema{background:#fff9e7 url('/static/assets/group-house.png') center 22%/120px auto no-repeat;padding-top:90px;}
.scene:after{display:none}
@keyframes houseBob{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))}}
/* visual correction: keep map artwork clean */
.live-house{background:#fffbeaee;padding-top:8px;min-width:108px;display:flex;flex-direction:row;text-align:left;animation:houseBob 3.8s ease-in-out infinite}
.live-house strong,.live-house small{background:transparent;padding:0}.cinema{background:#fff9e7;padding-top:18px;width:18%;height:16%;display:flex;flex-direction:column;gap:6px}.cinema:before{content:'🗝️';font-size:24px}.cinema>span{display:none}