:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:#080a0d;color:#f4f5f6}*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}main{display:grid;grid-template-columns:minmax(330px,38%) 1fr;background:radial-gradient(circle at 75% 20%,#161b21 0,#0b0e12 50%,#080a0d 100%)}aside{position:relative;z-index:2;padding:8vh 7vw 5vh 5vw;border-right:1px solid #20252c;background:linear-gradient(145deg,rgba(5,7,9,.97),rgba(13,16,20,.92))}.eyebrow{margin:14vh 0 26px;color:#a9c16c;font-size:11px;letter-spacing:.24em}.eyebrow:before{content:"";display:inline-block;width:26px;height:1px;margin:0 13px 3px 0;background:#a9c16c}h1{margin:0;font-size:clamp(64px,7vw,118px);font-weight:650;letter-spacing:-.055em;line-height:.88}h2{margin:24px 0 28px;color:#b7bec8;font:italic 34px/1.1 Georgia,serif}.description{max-width:550px;color:#9ca5af;font-size:14px;line-height:1.8}dl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:46px 0 30px;padding:22px 0;border-block:1px solid #252a31}dt{color:#6f7883;font-size:10px;margin-bottom:9px}dd{margin:0;font-size:20px;font-weight:650}dd small{color:#88909a;font-size:10px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:8px 12px;border:1px solid #293039;border-radius:20px;color:#929ba6;font-size:10px}#stage{position:relative;min-width:0;height:100%}canvas{display:block;width:100%;height:100%;outline:none}#loading{position:absolute;inset:0;display:grid;place-content:center;gap:16px;text-align:center;background:#0c0f13;transition:opacity .5s,visibility .5s}#loading b{font-size:44px}#loading span{color:#77818d;font-size:10px;letter-spacing:.22em}#loading.done{opacity:0;visibility:hidden}.hint{position:absolute;left:28px;bottom:22px;color:#727b85;font-size:10px;letter-spacing:.12em}.actions{position:absolute;right:24px;bottom:24px;display:flex;gap:9px;align-items:center}button{border:1px solid #343b44;background:rgba(14,18,23,.86);color:#fff;cursor:pointer;backdrop-filter:blur(12px)}button:hover{border-color:#a9c16c}.primary{height:58px;min-width:146px;padding:9px 18px;text-align:left;border-radius:5px}.primary small,.primary strong{display:block}.primary small{color:#83905f;font-size:9px;letter-spacing:.14em;margin-bottom:4px}.primary strong{font-size:14px}.round{width:46px;height:46px;border-radius:50%;font-size:20px}.round.active{color:#b5cd78;border-color:#6f8048}#state{position:absolute;right:26px;top:24px;color:#8f99a4;font-size:10px;letter-spacing:.13em}#state i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#a9c16c;box-shadow:0 0 12px #a9c16c}#state.open i{background:#e4ad55;box-shadow:0 0 12px #e4ad55}@media(max-width:850px){main{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:auto}html,body,main{overflow:auto}aside{padding:28px 24px 22px;border-right:0;border-bottom:1px solid #20252c}.eyebrow{margin:0 0 18px}h1{font-size:58px}h2{font-size:23px;margin:12px 0}.description{display:none}dl{margin:20px 0 12px;padding:14px 0}.tags{display:none}#stage{min-height:62vh}.hint{display:none}}