*{box-sizing:border-box}body{color:#282722;background:#f3f0e9;margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;transition:background .25s,color .25s}header{letter-spacing:.05em;justify-content:space-between;align-items:center;max-width:1360px;margin:auto;padding:30px 5%;font-size:12px;display:flex}header a{color:inherit;letter-spacing:-.05em;font-size:21px;font-weight:700;text-decoration:none}header a span{letter-spacing:.16em;margin-top:3px;font-size:10px;display:block}main{grid-template-columns:1fr 1.3fr;align-items:center;max-width:1250px;margin:auto;padding:30px 5% 24px;display:grid}.intro{padding-bottom:50px}.eyebrow{letter-spacing:.18em;color:#7b613d;font-size:11px}h1{letter-spacing:-.05em;margin:25px 0;font-size:clamp(38px,4.6vw,65px);font-weight:600;line-height:1.24}.intro>p:not(.eyebrow){color:#777369;font-size:15px;line-height:1.95}.status{color:#736044;margin-top:28px;font-size:12px}.status:before{content:"";background:#a2783c;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.stage-wrap{min-width:0;position:relative}#stage{isolation:isolate;width:100%;height:550px;max-height:65vh;position:relative}#stage canvas{touch-action:pan-y;width:100%;height:100%;display:block}#poster{object-fit:contain;z-index:-1;width:100%;height:100%;position:absolute}.hint{text-align:center;color:#817c72;letter-spacing:.03em;font-size:11px}.actions{grid-column:1/-1;justify-content:center;gap:12px;margin-top:20px;display:flex}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:1px solid #d7d0c4;border-radius:30px;padding:13px 23px;font-size:13px;transition:background .2s}button:hover{background:#e5dece}button:focus-visible{outline-offset:4px;outline:3px solid #806234}button:disabled{opacity:.4;cursor:wait}.actions button:first-child{color:#fff;background:#302d25;border-color:#302d25}.actions button[aria-pressed=true]{box-shadow:0 0 0 2px #b49a73}footer{color:#777369;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;margin:32px 0 0;font-size:11px;display:flex}footer button{padding:7px 12px;font-size:11px}.dark{color:#e9e4d9;background:#202726}.dark .intro>p:not(.eyebrow),.dark footer,.dark .hint{color:#afa99c}.dark .status,.dark .eyebrow{color:#d4bb91}.dark button{border-color:#6c7066}.dark button:hover{background:#39413b}.dark .actions button:first-child{color:#282722;background:#e7dcc5}.dark .actions button[aria-pressed=true]{box-shadow:0 0 0 2px #aa8651}@media (width<=680px){header{padding:22px 6%}header>span{font-size:10px}main{grid-template-columns:1fr;padding:24px 6%}.intro{padding:0}.eyebrow{font-size:10px}h1{margin:16px 0 10px;font-size:37px;line-height:1.22}h1 br{display:none}.intro>p:not(.eyebrow){font-size:13px;line-height:1.7}.intro>p br{display:none}.status{margin-top:12px}#stage{height:390px;max-height:49vh}.hint{margin:0 0 10px}.actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.actions button{padding:12px 9px;font-size:12px}footer{flex-wrap:wrap;gap:10px;margin-top:22px}footer span{text-align:center;flex-basis:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}