@font-face{font-family:LocalSerif;src:url(../fonts/serif.woff2) format("woff2");font-display:swap}@font-face{font-family:ParticleSerif;src:url(../fonts/serif-heavy.woff2) format("woff2");font-weight:700;font-display:block}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030708;color:#d5d4c9}body{font-family:LocalSerif,serif}button,a{-webkit-tap-highlight-color:transparent}#experience{position:relative;width:100%;height:100%;height:100svh;isolation:isolate}#cosmos{position:absolute;inset:0;z-index:-2}canvas{display:block;width:100%;height:100%;touch-action:none}#experience:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,transparent 35%,#0008 100%)}.topline,.bottomline{position:absolute;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between}.topline{top:42px;animation:arrive 1.6s both}.identity{display:flex;align-items:center;gap:17px;text-decoration:none;color:inherit}.identity svg{width:44px;height:44px;fill:none;stroke:#b8baa9;stroke-width:1}.identity>span{font-size:21px;letter-spacing:.3em}.identity small{display:block;font:8px/1.8 monospace;letter-spacing:.25em;color:#7e8c8a;margin-top:6px}.edition{font-size:11px;letter-spacing:.2em;color:#a6aaa1;display:flex;align-items:center;gap:10px}.live-dot{width:4px;height:4px;background:#cfbb8a;border-radius:50%;box-shadow:0 0 9px #d6bd7c}.edition-num{font:9px monospace;letter-spacing:.15em;margin-left:25px;color:#627270}.side-note{position:absolute;left:4.2%;top:48%;writing-mode:vertical-rl;font:9px monospace;letter-spacing:.3em;color:#4d6666;transform:rotate(180deg)}.orbit-note{position:absolute;right:4.2%;top:48%;display:flex;flex-direction:column;gap:13px;font:9px monospace;letter-spacing:.12em;color:#647b79}.orbit-note i{width:28px;height:1px;background:#566963}.orbit-note span:last-child{color:#a3a99b;font-size:10px}.bottomline{bottom:34px;border-top:1px solid #b1b39c22;padding-top:22px;animation:arrive 1.6s .3s both}.invitation{display:flex;gap:15px;align-items:center;min-width:250px}.tiny-orbit{font:28px serif;color:#bca77e}.invitation #hint{font-size:13px;letter-spacing:.16em;color:#d0c5aa;transition:opacity .5s}.invitation small,.coordinates small{display:block;font:8px/1.8 monospace;letter-spacing:.14em;margin-top:7px;color:#657a78}.coordinates{text-align:center;font-size:11px;letter-spacing:.22em;color:#92a09a}.controls{display:flex;gap:10px;min-width:250px;justify-content:flex-end}button{width:44px;height:44px;background:transparent;border:1px solid #82948b30;color:#b7bdad;cursor:pointer;transition:background .25s,transform .2s,border-color .25s}button:hover{background:#b5a77d15;border-color:#b5a77d80;transform:translateY(-2px)}button:active{transform:translateY(0) scale(.96)}button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.3}a:focus-visible,button:focus-visible{outline:2px solid #e2d4ad;outline-offset:6px}#still-title{display:none;position:absolute;left:0;right:0;top:58%;text-align:center;font:700 clamp(48px,9vw,110px) ParticleSerif;color:#eadbb4;letter-spacing:.12em;pointer-events:none}#notice{position:absolute;bottom:115px;left:50%;transform:translate(-50%);font-size:12px;color:#bfb398}.formed .tiny-orbit{color:#ede1bd}.formed #hint{opacity:.45}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.topline{top:27px;left:7%;right:7%}.identity{gap:11px}.identity svg{width:34px;height:34px}.identity>span{font-size:18px}.identity small{font-size:6px;letter-spacing:.13em}.edition{font-size:9px}.edition-num{display:none}.side-note{left:7%;top:26%;font-size:7px}.orbit-note{right:7%;top:26%;font-size:7px}.orbit-note span:last-child{font-size:8px}.bottomline{left:7%;right:7%;bottom:25px;padding-top:17px}.coordinates{display:none}.controls{min-width:0;gap:7px}.invitation{min-width:0;gap:9px}.invitation #hint{font-size:12px}.invitation small{font-size:6px;letter-spacing:.06em}.tiny-orbit{font-size:24px}.controls button{width:44px;height:44px}#still-title{top:62%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#still-title{display:block}}