@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:"Noto Serif SC",Songti SC,serif;color:#4a1f12;background:#e7a936;font-synthesis:none;--ink: #461d12;--vermilion: #a7331e;--red: #8d2418;--gold: #f7d985;--paper: #fff4d0;--line: rgba(100, 37, 20, .28);--shadow: 0 20px 70px rgba(83, 30, 5, .24)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #fff4c0;outline-offset:4px}img,video{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff4d0;color:#5c2013;padding:12px 18px;border-radius:4px}.skip-link:focus{top:16px}.page{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden}.scene{position:fixed;inset:0;z-index:-2;background:#eeb339;overflow:hidden}.scene__image{width:100%;height:100%;object-fit:cover;object-position:center 13%;filter:saturate(.92) contrast(1.02)}.scene__veil{position:absolute;inset:0;background:linear-gradient(180deg,#ffe8a00a,#87330c0d 35%,#6b1d0c4d)}.scene__light{position:absolute;width:80vw;height:80vw;left:50%;top:6%;translate:-50% 0;border-radius:50%;background:radial-gradient(circle,rgba(255,247,190,.42),transparent 67%);mix-blend-mode:screen;animation:breathe 7s ease-in-out infinite alternate}.scene__grain{position:absolute;inset:0;opacity:.12;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");pointer-events:none}.masthead{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:28px 0;display:flex;align-items:center;gap:12px;color:var(--red)}.brand-mark,.mini-brand span{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;padding:3px;border:1px solid rgba(141,36,24,.5);border-radius:50%;background:#fff8dad1;box-shadow:0 5px 18px #621f0b21;overflow:hidden}.brand-logo,.mini-brand-logo,.not-found-logo{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:multiply;pointer-events:none}.brand-copy{min-width:0}.masthead p{margin:0;font-weight:700;letter-spacing:.12em}.masthead span{font-family:Georgia,serif;font-size:8px;letter-spacing:.24em;opacity:.72}.home-page{display:flex;flex-direction:column}.home-content{width:min(1060px,calc(100% - 48px));margin:0 auto;padding:clamp(35vh,7vh,5.5rem) 0 0;display:flex;flex-direction:column;align-items:center;gap:clamp(2.5rem,5vh,3.5rem)}.intro{width:100%;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 18px;font-size:12px;letter-spacing:.25em;color:#7c2b18}.intro .eyebrow{font-size:14px}.eyebrow span{width:30px;height:1px;background:currentColor}.intro h1{margin:0;color:#682315;font-family:Ma Shan Zheng,STKaiti,serif;font-size:clamp(58px,6.4vw,100px);line-height:.97;font-weight:400;letter-spacing:.05em;text-shadow:0 2px 0 rgba(255,239,170,.28)}.intro h1 em{color:#a52b1c;font-style:normal}.lead{margin:28px 0 0;font-size:15px;letter-spacing:.18em}.zodiac-panel{position:relative;width:100%;height:520px;max-height:calc(100dvh - 40px);padding:29px 28px 32px;display:flex;flex-direction:column;border-block:1px solid rgba(117,42,20,.2);background:radial-gradient(ellipse at 50% 48%,rgba(255,245,199,.45),rgba(255,212,98,.12) 70%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.zodiac-panel:before,.zodiac-panel:after{content:"◆";position:absolute;left:50%;translate:-50% 0;color:#8b2d177a;font-size:8px;line-height:1}.zodiac-panel:before{top:-4px}.zodiac-panel:after{bottom:-4px}.panel-heading{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:25px;color:var(--ink)}.panel-heading>span{font-size:18px;font-weight:700;letter-spacing:.24em}.panel-heading i{width:clamp(46px,8vw,100px);height:1px;flex:0 1 auto;background:linear-gradient(90deg,var(--line),transparent);order:-1}.panel-heading:after{content:"";width:clamp(46px,8vw,100px);height:1px;background:linear-gradient(90deg,transparent,var(--line))}.panel-heading small{font-size:10px;letter-spacing:.24em;color:#8d3922}.zodiac-grid{flex:1 1 auto;min-height:0;padding-right:3px;display:grid;grid-template-columns:repeat(6,1fr);align-content:start;gap:24px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(117,42,20,.18) transparent;-webkit-overflow-scrolling:touch}.zodiac-grid::-webkit-scrollbar{width:3px}.zodiac-grid::-webkit-scrollbar-track{background:transparent}.zodiac-grid::-webkit-scrollbar-thumb{background:#752a142e;border-radius:999px}.zodiac-grid:hover::-webkit-scrollbar-thumb{background:#752a144d}.zodiac-card{position:relative;min-width:0;min-height:150px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink);cursor:pointer;opacity:0;transform:translateY(12px);animation:card-in .45s ease-out forwards;animation-delay:calc(.18s + var(--delay));transition:transform .22s ease,color .22s ease;touch-action:manipulation}.zodiac-image-wrap{position:relative;width:102px;height:102px;display:grid;place-items:center;border-radius:50%;transition:transform .22s ease}.zodiac-image-wrap:before{content:"";position:absolute;inset:6%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,240,164,.8),rgba(217,126,29,.2) 62%,transparent 73%);box-shadow:0 0 0 1px #94321614,0 9px 30px #772a0d1c;opacity:.56;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.zodiac-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(96,25,10,.14))}.zodiac-card:hover{transform:translateY(-4px);color:#8d2518}.zodiac-card:hover .zodiac-image-wrap:before{opacity:1;transform:scale(1.08);box-shadow:0 0 32px #ffdd776b}.zodiac-card:active .zodiac-image-wrap{transform:scale(.94)}.zodiac-name{margin-top:7px;font-weight:700;font-size:14px;letter-spacing:.18em}.zodiac-hint{margin-top:3px;font-size:8px;letter-spacing:.16em;color:#501e1280;opacity:0;translate:0 3px;transition:opacity .22s ease,translate .22s ease}.zodiac-card:hover .zodiac-hint,.zodiac-card:focus-visible .zodiac-hint{opacity:1;translate:0 0}.player-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}.player-page:before{background:transparent;-webkit-backdrop-filter:blur(12px) saturate(.85);backdrop-filter:blur(12px) saturate(.85)}.player-header{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff1c5}.icon-button,.home-button,.neighbor-button{color:inherit;border:0;background:transparent;cursor:pointer}.icon-button{justify-self:start;min-height:48px;display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em}.icon-button svg{width:22px;height:22px}.mini-brand{display:flex;align-items:center;min-width:0;gap:10px;font-weight:600;letter-spacing:.1em}.mini-brand span{width:38px;height:38px;padding:2px;border-color:#ffe5a1a6;background:#fff6d2ed}.mini-brand b{font:inherit;white-space:nowrap}.player-content{width:min(560px,calc(100% - 40px));margin:0 auto;padding:clamp(2rem,5vh,4.5rem) 0 3rem}.player-title{display:flex;justify-content:center;align-items:center;gap:20px;color:#fff1c5;text-align:left;margin-bottom:28px}.large-seal{width:70px;height:70px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,230,162,.6);background:#74180c99;box-shadow:inset 0 0 0 4px #ffd97c1a;font-family:Ma Shan Zheng,cursive;font-size:42px}.player-title .eyebrow{margin:0 0 7px;color:#f5f0e6;font-size:16px;line-height:1.5;letter-spacing:.16em;flex-wrap:wrap}.player-title h1{margin:0;font-size:clamp(22px,3vw,34px);font-weight:500;letter-spacing:.12em}.media-shell{position:relative;width:min(100%,40.5dvh);margin-inline:auto;aspect-ratio:9/16;display:grid;place-items:center;border:1px solid rgba(255,226,151,.45);background:#5c2b16d1;box-shadow:0 22px 64px #4c1f0a47,0 0 0 8px #ffdb8414;overflow:hidden}.media-shell video{width:100%;height:100%;object-fit:contain;background:#4a2416}.media-start,.media-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff1c5;background:radial-gradient(circle,#96441b38,#461e1094);transition:opacity .25s,visibility .25s}.media-start.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.play-button{width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(255,229,161,.75);border-radius:50%;color:#fff0bd;background:#7d2011b3;box-shadow:0 0 0 10px #ffdb7d14,0 0 60px #ffbe4133;cursor:pointer;transition:transform .22s,background .22s}.play-button:hover{transform:scale(1.06);background:#9e2d16e0}.play-button:active{transform:scale(.96)}.play-button svg{width:32px;height:32px;margin-left:4px}.media-start p{font-size:13px;letter-spacing:.18em;margin:24px 0 0}.media-error{z-index:2;text-align:center;padding:24px}.media-error[hidden]{display:none}.media-error>span svg{width:38px;height:38px;opacity:.75}.media-error h2{margin:14px 0 4px;font-size:20px;letter-spacing:.12em}.media-error p{margin:4px 0 18px;color:#fff1c5bf;font-size:13px}.media-error code{color:#ffe5a0}.media-error button{min-height:44px;padding:0 24px;color:#551b10;background:#f4d386;border:0;cursor:pointer}.player-nav{margin-top:26px;display:grid;grid-template-columns:1fr auto 1fr;color:#fff1c5}.neighbor-button{min-height:52px;display:flex;align-items:center;gap:12px;text-align:left}.neighbor-button:last-child{justify-self:end;text-align:right}.neighbor-button b{font-family:Georgia,serif;font-size:34px;font-weight:400;color:#f4d484}.neighbor-button span{display:flex;flex-direction:column;gap:2px;font-weight:600}.neighbor-button small{font-size:9px;letter-spacing:.18em;font-weight:400;opacity:.7}.home-button{min-width:100px;min-height:52px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;letter-spacing:.12em}.home-button svg{width:23px;height:23px;color:#f4d484}.not-found{min-height:100dvh;display:grid;place-content:center;justify-items:center;text-align:center;background:#e5a334;color:var(--ink)}.not-found>span{display:block;width:96px;height:96px;padding:5px;border:1px solid rgba(141,36,24,.5);border-radius:50%;background:#fff8dad1;box-shadow:0 12px 35px #621f0b29;overflow:hidden}.not-found h1{margin:12px 0 4px}.not-found button{margin-top:20px;min-height:48px;padding:0 28px;color:#fff2c5;background:var(--red);border:0;cursor:pointer}@keyframes breathe{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}@keyframes card-in{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.scene__image{height:auto;min-height:100%;object-fit:cover;object-position:center top}.home-content{gap:2.6rem;padding-top:42%}.zodiac-panel{height:480px}.zodiac-grid{grid-template-columns:repeat(4,1fr)}.zodiac-card{min-height:140px}.zodiac-image-wrap{width:94px;height:94px}}@media(min-width:901px)and (max-height:850px){.home-content{padding-top:42%;gap:2rem}.intro h1{font-size:clamp(54px,8vh,76px)}.lead{margin-top:18px}.zodiac-card{min-height:125px}.zodiac-image-wrap{width:86px;height:86px}}@media(max-width:560px){.scene__image{width:100%;height:auto;min-height:0;object-fit:contain}.scene{background:linear-gradient(180deg,#efb43b,#e8a72d 65%,#c86b1d)}.scene__veil{background:linear-gradient(180deg,#ffe69105 15%,#e29b271a 37%,#701d0a57)}.masthead{width:calc(100% - 32px);padding:18px 0}.brand-mark{width:40px;height:40px;padding:2px}.masthead{gap:9px}.masthead p{font-size:13px;letter-spacing:.05em;white-space:nowrap}.masthead span{font-size:6px;letter-spacing:.12em}.home-content{width:calc(100% - 28px);padding:clamp(12.5rem,31vh,18rem) 0 0;gap:2rem}.intro h1{font-size:clamp(52px,17vw,72px)}.intro .eyebrow{margin-bottom:12px;font-size:12px}.lead{margin-top:18px;font-size:13px;letter-spacing:.1em}.zodiac-panel{height:430px;padding:22px 6px 26px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-heading{gap:10px;margin-bottom:20px}.panel-heading>span{font-size:16px}.panel-heading small{font-size:9px}.zodiac-grid{grid-template-columns:repeat(3,1fr);gap:25px 10px}.zodiac-card{min-height:118px;padding:0}.zodiac-image-wrap{width:clamp(76px,23vw,86px);height:clamp(76px,23vw,86px)}.zodiac-name{margin-top:6px;font-size:13px}.zodiac-hint{display:none}.player-header{width:calc(100% - 28px);padding:14px 0}.player-page:before{-webkit-backdrop-filter:blur(8px) saturate(.88);backdrop-filter:blur(8px) saturate(.88)}.icon-button span{display:none}.mini-brand{max-width:calc(100vw - 104px);gap:7px;font-size:clamp(10px,3vw,13px);letter-spacing:.03em}.mini-brand span{width:32px;height:32px}.mini-brand b{overflow:hidden;text-overflow:ellipsis}.header-spacer{width:22px}.player-content{width:calc(100% - 24px);padding:4vh 0 2rem}.player-title{gap:13px;justify-content:flex-start;margin:0 8px 20px}.large-seal{width:58px;height:58px;font-size:34px}.player-title h1{font-size:18px;letter-spacing:.07em;line-height:1.5}.player-title .eyebrow{justify-content:flex-start;font-size:13px;line-height:1.6;letter-spacing:.1em}.media-shell{box-shadow:0 16px 38px #4c1f0a4d,0 0 0 5px #ffdb8414}.play-button{width:66px;height:66px}.play-button svg{width:26px;height:26px}.media-start p{margin-top:16px;font-size:11px}.media-error h2{font-size:16px}.media-error p{max-width:300px;font-size:11px}.neighbor-button{gap:6px;font-size:13px}.neighbor-button b{font-size:28px}.home-button{min-width:74px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}