@font-face{font-family:Roboto;src:url(font.woff2) format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#292a2d;font-family:Roboto,Arial,sans-serif}body{background:#fff}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #a87b00;outline-offset:3px}button:hover{background:#f2e4b8}header{height:104px;padding:16px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dededb}header img{object-fit:contain;max-width:150px;height:auto}.back{font-size:13px;text-decoration:none}.back span{margin-left:18px;color:#97700b}main{margin:22px 3% 0;border:1px solid #dededb}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:21px 26px;gap:18px;border-bottom:1px solid #dededb}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#767773;font-weight:600}h1{font-size:26px;letter-spacing:-.5px;font-weight:500;margin:7px 0 0}.views{display:flex;gap:3px;background:#f4f4f0;padding:4px}.views button{border:0;background:transparent;padding:0 16px;height:44px;font-size:13px}.views button[aria-pressed=true]{background:#292a2d;color:white}.stage{position:relative;height:clamp(380px,60vh,760px);min-height:300px;background:radial-gradient(ellipse at 50% 52%,#fafbf9,#eceeea);overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.stage-title{position:absolute;left:26px;top:22px;font-size:12px;pointer-events:none;z-index:1}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b58b1f;margin:0 7px 1px 0}.muted{color:#777b75;margin-left:5px}.controls{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px}.controls button{width:44px;height:44px;background:#fffffff2;border:1px solid #d6d8d1;font-size:24px;box-shadow:0 2px 4px #00000005}.controls button:hover{background:#e7b731}.stage-bottom{position:absolute;bottom:18px;left:26px;right:20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#71766f;gap:14px}.stage-bottom button{background:#fff;border:1px solid #d6d8d1;font-size:11px;min-height:36px;padding:0 12px}.stage-bottom button span{margin-left:10px}#view-label{font-weight:600;color:#50564e}.facts{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:20px 26px;gap:22px;background:#fff}.facts>div{border-right:1px solid #dededb}.facts span{display:block;font-size:9px;letter-spacing:1.1px;color:#7a7a72}.facts strong{display:block;margin-top:8px;font-size:20px;font-weight:400}.facts small{font-size:12px;color:#7a7a72}.facts>a{display:flex;justify-content:space-between;align-items:center;font-size:13px;text-decoration:none}.facts>a span{color:#8c6800}footer{display:flex;justify-content:space-between;gap:14px;margin:23px 3%;font-size:10px;color:#74756f}footer i{font-style:normal;color:#bd972f;margin:0 8px}dialog{max-width:550px;width:calc(100% - 32px);max-height:85vh;overflow:auto;border:1px solid #dededb;padding:35px;box-shadow:0 15px 70px #0003}dialog::backdrop{background:#1f252771}dialog h2{font-size:24px;font-weight:400;line-height:1.3}dialog p{font-size:14px;line-height:1.65;color:#565a54}dialog a{font-size:13px;color:#816000}#close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:27px;width:36px;height:36px}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;font-size:13px}#error{position:absolute;inset:30% 15%;background:#fff;padding:20px;font-size:14px}main:fullscreen{margin:0;background:white;display:flex;flex-direction:column}main:fullscreen .stage{height:auto;flex:1}main:fullscreen .facts{flex:none}.embed header,.embed footer,.embed .facts{display:none}.embed main{margin:0;border:0}.embed .stage{height:calc(100dvh - 103px)}
@media(max-width:650px){header{height:74px;padding:10px 18px}header img{width:120px}main{margin:12px 12px 0}.toolbar{padding:16px;flex-direction:column;align-items:stretch;gap:14px}h1{font-size:23px}.views{justify-content:space-between}.views button{font-size:11px;padding:0 10px;flex:1}.stage{height:430px;max-height:58svh;min-height:310px}.stage-title{top:17px;left:16px;font-size:10px}.controls{right:10px}.controls button{width:40px;height:40px}.stage-bottom{left:16px;right:10px;bottom:12px;gap:5px;font-size:10px}.gesture{display:none}.stage-bottom button{font-size:10px}.facts{grid-template-columns:1fr 1fr;padding:16px;gap:20px}.facts>div:nth-child(2){border:0}.facts strong{font-size:18px}.facts>a{font-size:12px}footer{margin:20px 16px;flex-direction:column;font-size:9px}.embed .stage{height:calc(100dvh - 138px);max-height:none}dialog{padding:28px 23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:650px){canvas{width:calc(100% - 46px)}}