:root{font-family:Arial,Helvetica,sans-serif;color:#25372d;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}header,footer{position:fixed;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;z-index:2}header{top:0;justify-content:flex-end}header a{text-decoration:none;color:inherit;font-size:13px;font-weight:700;letter-spacing:2px}header>span,footer{font-size:11px;letter-spacing:1.7px;color:#67736a}button{font:inherit;cursor:pointer}header button{border:1px solid #d8ded6;border-radius:25px;background:transparent;padding:10px 15px;color:#425447;font-size:12px}main{height:100svh;position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:16px;padding:76px 24px 78px}#scene{position:relative;width:min(100%,1120px);height:100%;min-height:0;touch-action:none;cursor:grab;outline-offset:-5px}#scene:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}.caption{position:absolute;left:0;right:0;top:17%;text-align:center;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#7a887b}h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,52px);letter-spacing:-1.8px;font-weight:400;margin:12px 0 8px}.caption p{font-size:13px;color:#778274;margin:0}.controls{position:relative;display:flex;gap:10px;white-space:nowrap;z-index:1}.controls button{border:1px solid #d4dcd0;border-radius:30px;height:46px;color:#36573a;background:#f7f8f4;padding:0 24px;font-size:12px}.controls button:hover{background:#e6ecdf}.controls button span{margin-left:20px}#reset{width:46px;padding:0;font-size:22px}#hint{position:relative;width:100%;margin:0;text-align:center;color:#82907f;font-size:11px;line-height:1.5;pointer-events:none}footer{bottom:0;display:grid;grid-template-columns:1fr auto 1fr;padding-bottom:24px}footer>span:last-child{justify-self:end}#status{letter-spacing:1px}#error{position:absolute;top:48%;left:15%;right:15%;text-align:center;background:#fff;padding:20px;border:1px solid #ddd}button:focus-visible{outline:2px solid #477b35;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}footer>span:last-child{display:block}@media(max-width:600px){header,footer{padding:20px}header>span{display:none}header a{font-size:11px;letter-spacing:1px}header button{font-size:11px}main{gap:12px;padding:68px 12px 72px}.controls button{height:44px;padding:0 19px}#reset{width:44px;padding:0}#hint{font-size:10px;padding:0 24px}footer{font-size:8px;letter-spacing:1px}footer>span:last-child{display:none}}@media(max-height:620px){main{gap:8px;padding-top:62px;padding-bottom:58px}.controls button{height:40px}#hint{display:none}header,footer{padding-top:14px;padding-bottom:14px}}