.telescope-door{position:absolute;right:10%;top:24%;z-index:10;display:flex;align-items:flex-end;justify-content:center;min-width:92px;min-height:64px;padding:0 0 2px;border:0;border-radius:50%;background:transparent;color:#f2dcad;text-decoration:none;cursor:zoom-in;isolation:isolate}
.telescope-door::before{content:"";position:absolute;width:38px;height:38px;top:8px;left:calc(50% - 19px);border:1px solid #e6ce8f99;border-radius:50%;box-shadow:0 0 0 5px #161e2290,inset 0 0 18px #8cc9e42b;opacity:.6;transition:transform .35s,opacity .35s}
.telescope-door span{position:relative;padding:5px 9px;font:13px/1.4 "Yu Mincho",serif;white-space:nowrap;background:#13252ad9;border:1px solid #a88f5888;border-radius:20px;box-shadow:0 2px 8px #0006}
.telescope-door:hover::before,.telescope-door:focus-visible::before{opacity:1;transform:scale(1.2);box-shadow:0 0 0 5px #161e2290,0 0 22px #95d9fa80}
.telescope-door:focus-visible{outline:2px solid #f5d998;outline-offset:5px}
.cosmos-portal[hidden]{display:none!important}.cosmos-portal{position:fixed;inset:0;z-index:2147483646;height:100dvh;background:#030915;color:#edf2e9;overflow:hidden;isolation:isolate;opacity:1}
.cosmos-portal canvas{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 48%,#233d5955 0,#0c182744 25%,#020710 70%)}
.cosmos-eyepiece{position:absolute;width:var(--lens-size,66vmin);height:var(--lens-size,66vmin);left:var(--lens-x,50%);top:var(--lens-y,50%);transform:translate(-50%,-50%);border:9px solid #372e22;border-radius:50%;box-shadow:0 0 0 2px #ad935f,inset 0 0 0 3px #c4a97166,inset 0 0 45px 20px #000b,0 0 0 180vmax #020407;pointer-events:none}
.cosmos-reticle{position:absolute;inset:0;pointer-events:none;opacity:.6;background:linear-gradient(#d7d4ad55,#d7d4ad55) center / 1px 38px no-repeat,linear-gradient(90deg,#d7d4ad55,#d7d4ad55) center / 38px 1px no-repeat}
.cosmos-caption{position:absolute;left:20px;right:20px;bottom:max(12%,75px);text-align:center;font:clamp(17px,2.4vw,25px)/1.8 "Yu Mincho",serif;letter-spacing:.16em;text-shadow:0 2px 12px #000;pointer-events:none}
.cosmos-caption small{display:block;margin-top:9px;font:11px/1.5 system-ui,sans-serif;letter-spacing:.28em;color:#adc9d8}
.cosmos-toolbar{position:absolute;inset:0 0 auto;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:env(safe-area-inset-top,0px) 12px 0;background:#071019ed;border-bottom:1px solid #a38e5e55;font:13px/1.4 system-ui,sans-serif}
.cosmos-toolbar button,.cosmos-toolbar a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:6px 12px;color:#ebdfbd;background:transparent;border:1px solid #a38e5e77;border-radius:5px;font:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.cosmos-toolbar button:focus-visible,.cosmos-toolbar a:focus-visible{outline:3px solid #b4dfef;outline-offset:2px}.cosmos-toolbar strong{font:13px/1.4 system-ui,sans-serif;letter-spacing:.1em}
.cosmos-game{position:absolute;inset:calc(53px + env(safe-area-inset-top,0px)) 0 0;visibility:hidden;opacity:0;background:#09120f;transition:opacity .45s}
.cosmos-game iframe{display:block;width:100%;height:100%;border:0;background:#09120f}.cosmos-portal[data-phase="game"] .cosmos-game{visibility:visible;opacity:1}.cosmos-portal[data-phase="game"] canvas,.cosmos-portal[data-phase="game"] .cosmos-eyepiece,.cosmos-portal[data-phase="game"] .cosmos-reticle,.cosmos-portal[data-phase="game"] .cosmos-caption{display:none}
.cosmos-loading{position:absolute;inset:45% 15px auto;text-align:center;font:16px/1.8 system-ui,sans-serif;color:#dfddbe;pointer-events:none}
.cosmos-fallback{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:10px 14px;border:1px solid #bca77788;border-radius:7px;background:#112028;color:#f4e5bc;font:14px/1.6 system-ui,sans-serif;text-decoration:underline;z-index:4}.cosmos-fallback[hidden]{display:none}
body.cosmos-open{overflow:hidden!important}.cosmos-portal[data-phase="enter"]{animation:cosmos-reveal .38s both}
@keyframes cosmos-reveal{from{opacity:1}to{opacity:1}}
@media(max-width:767px){.telescope-door{min-width:104px}.cosmos-toolbar{padding-left:6px;padding-right:6px;gap:5px}.cosmos-toolbar strong{font-size:11px;letter-spacing:0}.cosmos-toolbar a,.cosmos-toolbar button{font-size:12px;padding:5px 8px}.cosmos-caption{letter-spacing:.08em}.cosmos-caption small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cosmos-portal,.cosmos-game,.telescope-door::before{animation:none!important;transition:none!important}}