@font-face{font-family:InterTight;src:url('vendor/inter-tight-regular.ttf');font-display:swap}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#111311;color:#e7e6de;font-family:InterTight,Arial,'Microsoft YaHei',sans-serif}body{display:grid;grid-template-rows:85px minmax(0,1fr) 110px;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333731}header a{color:inherit;text-decoration:none;font-size:20px;letter-spacing:1px}sup{font-size:7px;margin-left:3px}header>span{font-size:10px;text-align:right;letter-spacing:1px}.muted{display:block;font-size:8px;color:#7d8478;margin-top:6px}main{position:relative;min-height:0}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.title{position:absolute;top:40px;left:0;z-index:2;pointer-events:none}.eyebrow{font-size:8px;color:#a9b19f;letter-spacing:2px}h1{font-size:clamp(36px,4vw,67px);line-height:.94;letter-spacing:-2px;font-weight:400;margin:17px 0}h1 i{font-style:normal;color:#c4c9a3}.title p{font-size:10px;letter-spacing:3px;color:#969c8d}.stage-label,.stage-index{position:absolute;bottom:22px;pointer-events:none;font-size:9px;line-height:1.8;color:#939b88;letter-spacing:1px}.stage-label{left:0}.stage-index{right:0;text-align:right}footer{border-top:1px solid #333731;display:grid;grid-template-columns:1fr auto;align-content:center;gap:15px}.instructions{font-size:15px}.instructions>span{display:block;font-size:9px;color:#939b88;margin-top:7px;letter-spacing:1px}nav{display:flex;align-items:center;gap:24px}button{font:inherit;font-size:10px;background:none;color:inherit;border:0;padding:12px 0;cursor:pointer}button small{font-size:8px;color:#939b88;margin-left:5px}button:hover{color:#d2e5a4}button:focus-visible,a:focus-visible{outline:1px solid #d2e5a4;outline-offset:5px}.status{grid-column:1/-1;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#89947d}#fallback{position:fixed;left:10%;top:45%;background:#242824;padding:24px}#touch-cursor{position:fixed;border:1px solid #d2e5a480;border-radius:50%;width:34px;height:34px;transform:translate(-50%,-50%);pointer-events:none;z-index:3}@media(max-width:800px){body{padding:0 20px;grid-template-rows:70px minmax(0,1fr) 145px}.title{top:22px}h1{font-size:36px;letter-spacing:-1px}.eyebrow{font-size:7px}.title p{font-size:8px}.stage-index{font-size:7px}.stage-label{font-size:7px}footer{grid-template-columns:1fr;gap:10px}.instructions{font-size:12px}nav{gap:0;justify-content:space-between}.status{grid-column:auto}button{font-size:8px}button small{font-size:7px;margin-left:3px}header a{font-size:16px}header>span{font-size:8px}}@media(max-height:550px){body{grid-template-rows:55px minmax(0,1fr) 85px}.title{top:12px}h1{font-size:26px;margin:10px 0}.title p,.stage-index,.stage-label{display:none}footer{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}.status{width:100%}}

header .back-collection{margin-left:auto;margin-right:30px;font-size:9px;letter-spacing:1px}@media(max-width:600px){header .back-collection{font-size:7px;letter-spacing:0;margin-right:12px}}
