:root{--paper: #f3ecd9;--paper-deep: #e7dcc2;--ink: #29261f;--muted: #6f6758;--red: #9b2f27;--line: rgba(70, 59, 43, .22);font-family:Songti TC,"Noto Serif TC",PMingLiU,Times New Roman,serif;color:var(--ink);background:#d9ceb5;font-size:20px}*{box-sizing:border-box}html,body{margin:0;min-width:0;overflow-x:hidden}body{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.46),transparent 28rem),repeating-linear-gradient(3deg,rgba(80,64,36,.022) 0 1px,transparent 1px 5px),var(--paper);line-height:1.72}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit}.site-header{width:min(100% - 32px,1040px);margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--red);border-radius:50%;color:var(--red);font-size:17px}nav{display:flex;gap:22px;font-size:18px}nav a{text-decoration:none}nav a:hover,nav a:focus-visible{color:var(--red)}main{width:min(100% - 32px,920px);margin:0 auto}.page{padding:64px 0 72px}.eyebrow{margin:0 0 10px;color:var(--red);letter-spacing:.18em;font-size:16px;font-weight:700}h1,h2,h3{line-height:1.28;font-weight:700}h1{margin:0;font-size:clamp(36px,7vw,64px);letter-spacing:.04em}h2{font-size:clamp(28px,5vw,38px)}h3{font-size:24px}p{margin:.6em 0}.lede{max-width:690px;color:var(--muted);font-size:clamp(21px,3.2vw,26px)}.small,small{font-size:16px;color:var(--muted)}.muted{color:var(--muted)}.card{border:1px solid var(--line);border-radius:4px;background:#fffcf294;box-shadow:0 18px 48px #41331d14}.site-footer{width:min(100% - 32px,920px);margin:0 auto;padding:34px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:16px}.platforms h2{margin:0 0 20px;color:var(--ink);font-size:24px}.platform-list{display:grid;gap:10px}.platform-item{min-width:0;display:flex;align-items:center;gap:16px;text-decoration:none}a.platform-item:hover .platform-button,a.platform-item:focus-visible .platform-button{border-color:var(--red);color:var(--red)}a.platform-item:focus-visible{outline:2px solid var(--red);outline-offset:4px}.platform-button{width:132px;flex:none;padding:7px 12px;border:1px solid var(--ink);border-radius:2px;color:var(--ink);text-align:center;font-weight:700}.footer-notes{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:1px solid var(--ink);border-radius:2px;color:var(--paper);background:var(--ink);text-decoration:none;cursor:pointer}.button.secondary{color:var(--ink);background:transparent}.button:hover,button:hover,.button:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:3px}.hexagram{width:108px;display:flex;flex-direction:column;gap:8px;flex:none}.hex-line{display:flex;width:100%;height:10px;background:var(--ink)}.hex-line.yin{justify-content:space-between;background:transparent}.hex-line.yin i{display:block;width:42%;background:var(--ink)}.hex-line.moving,.hex-line.moving i{background:var(--red)}@media(max-width:620px){:root{font-size:20px}.site-header{min-height:68px;align-items:flex-start;padding:14px 0}.brand{max-width:190px;line-height:1.25;font-size:17px}.brand-mark{display:none}nav{gap:12px;font-size:16px;white-space:nowrap}.page{padding:42px 0 54px}.platform-item{align-items:flex-start;gap:10px}.platform-button{width:112px;padding-inline:6px}.platform-item>span:last-child{min-width:0;overflow-wrap:anywhere}.footer-notes{flex-direction:column;gap:0}.button,button{width:100%}}.brand-logo{width:40px;height:40px;flex:none}@media(max-width:520px){.brand-logo{width:34px;height:34px}.brand{max-width:210px}}.shows-page header{margin-bottom:28px}.show-group{margin:34px 0}.show-group h2{margin:0 0 6px;color:var(--red)}.show-note{margin:0 0 14px;color:var(--muted)}.show-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.show-item{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line, #d8cdb9);border-radius:8px;text-decoration:none;background:#ffffff59}.show-item strong{font-size:21px}.show-item span{color:var(--muted);font-size:17px}.show-item em{font-style:normal;color:var(--red);font-size:16px;font-weight:700}a.show-item:hover,a.show-item:focus-visible{border-color:var(--red)}.show-item.soon{opacity:.6}.home-shows{margin-top:36px;text-align:center}
