:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body{width:100%;height:100%;margin:0;overscroll-behavior:none}#app{width:100%;height:100%}@font-face{font-family:Rosq;src:url(/assets/Rosq-hAEG7eHN.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:RosqBody;src:url(/assets/RosqBody-DYRBz864.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:RosqCircle;src:url(/assets/RosqCircle-4QxguwR_.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}.viewport{position:relative;width:100vw;height:100vh;overflow:hidden;background:#fff;touch-action:none}.world{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.04),transparent 55%);cursor:grab;touch-action:none;perspective:900px;perspective-origin:50% 50%}.world.dragging{cursor:grabbing}#c{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}.axis-label{position:absolute;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:100;font-size:12pt;line-height:1;text-transform:uppercase;letter-spacing:.02em;color:#828282;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;transition:opacity .3s ease}.axis-label.top{top:40px;left:50%;transform:translate(-50%)}.axis-label.bottom{bottom:40px;left:50%;transform:translate(-50%)}.axis-label.left{left:40px;top:50%;transform:translateY(-50%)}.axis-label.right{right:40px;top:50%;transform:translateY(-50%)}.axis-label.hidden{opacity:0}.corner-logo{position:absolute;top:clamp(20px,calc(2vh + 5px),35px);left:clamp(5px,calc(2vw - 10px),20px);width:clamp(60px,7vw,100px);height:auto;z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none}.info-layer{position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;display:flex;align-items:center;justify-content:center}.info-layer.show{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.info-group{align-self:stretch;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(92vw,1693px);gap:1.2vh}.info-title{padding-top:calc(41pt + 65px);margin-bottom:0;width:100%;overflow:visible;white-space:pre-line;font-family:Rosq,sans-serif;font-size:clamp(36pt,8vw,100pt);line-height:.85;text-transform:uppercase;color:#000}.info-description{margin-top:auto;width:min(500px,80vw);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:clamp(9pt,1.2vw,12pt);line-height:1;white-space:pre-line;text-transform:uppercase;color:#000}.info-body{padding-bottom:120px;width:min(420px,80vw);font-family:RosqCircle,sans-serif;font-size:clamp(10pt,1.3vw,14pt);line-height:1;white-space:pre-line;text-transform:none;color:#000}.focus-debug{position:absolute;left:50%;top:50%;width:380px;height:260px;transform:translate(-50%,-50%);border-radius:999px;outline:2px dashed rgba(247,4,4,.28);background:#00000008;pointer-events:none;z-index:3;display:none}.focus-debug.is-on{display:block}.ui{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;padding:32px;z-index:10}.hint{opacity:.7;margin-top:12px}@media(max-width:600px){.viewport{height:100vh;height:100dvh}.info-group{position:absolute;inset:0;width:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;gap:0}.info-title{padding-top:calc(41pt + 20px);padding-left:20px;padding-right:20px;margin-bottom:0;width:100%;box-sizing:border-box;font-size:clamp(28pt,11vw,64pt)}.info-description{margin-top:auto;width:100%;max-width:none;box-sizing:border-box;padding:0 20px 10px;font-size:clamp(8pt,3vw,11pt)}.info-body{width:100%!important;max-width:none!important;box-sizing:border-box;padding:0 20px calc(30px + env(safe-area-inset-bottom,0px));font-size:clamp(9pt,3.2vw,12pt)}.axis-label{font-size:10pt}.axis-label.left{left:16px}.axis-label.right{right:16px}.corner-logo{width:clamp(48px,14vw,72px)}}