:root{color-scheme:dark;--ink:#eef4ff;--muted:#aebed8;--night:#07101f;--deep:#0c1930;--line:#6784b8;--gold:#ffd66b;--cyan:#72e0e8;--violet:#b59cff;--danger:#ff9d77;--ok:#8ff0b5;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",system-ui,sans-serif}
*{box-sizing:border-box}
html{min-width:320px;background:#040914}
body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 75% 8%,#26356a 0 2%,transparent 18%),radial-gradient(circle at 20% 30%,#12294b,transparent 35%),#040914;overflow-x:hidden}
button{font:inherit}
button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.observatory{width:min(100%,900px);min-height:100vh;margin:auto;padding:clamp(12px,3vw,28px)}
.screen{position:relative;min-height:calc(100vh - 56px);border:1px solid #405985;background:linear-gradient(155deg,rgba(9,22,44,.97),rgba(5,11,24,.98));box-shadow:0 24px 80px #000b;overflow:hidden}
.screen[hidden]{display:none!important}
.eyebrow{margin:0;color:var(--cyan);font-size:.76rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.start-screen{display:grid;align-content:center;justify-items:center;padding:clamp(28px,7vw,68px);text-align:center;background:linear-gradient(180deg,rgba(5,12,27,.75),rgba(5,12,27,.95)),repeating-linear-gradient(110deg,transparent 0 80px,#ffffff08 81px 82px),radial-gradient(circle at 50% 22%,#243c6b,#07101f 52%)}
.start-screen:before,.start-screen:after{content:"";position:absolute;border:1px solid #7198d755;border-radius:50%;pointer-events:none}.start-screen:before{width:70vw;max-width:650px;aspect-ratio:1;top:-42%;transform:rotate(18deg)}.start-screen:after{width:49vw;max-width:420px;aspect-ratio:1;bottom:-28%;right:-15%}
.constellation-title{position:relative;width:230px;height:75px;margin-bottom:22px}.constellation-title i,.final-constellation i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 18px #83d8ff}.constellation-title i:nth-child(1){left:5%;top:58%}.constellation-title i:nth-child(2){left:30%;top:18%}.constellation-title i:nth-child(3){left:60%;top:48%}.constellation-title i:nth-child(4){left:91%;top:7%}.constellation-title span,.constellation-title b{position:absolute;height:2px;background:#81a8e6;transform-origin:left center}.constellation-title span{width:143px;left:8%;top:60%;transform:rotate(-13deg)}.constellation-title b{width:148px;left:32%;top:23%;transform:rotate(8deg)}
h1{position:relative;margin:8px 0 18px;font-size:clamp(2.7rem,9vw,5rem);line-height:.96;letter-spacing:.03em}h1 em{color:var(--gold);font-style:normal;font-family:Georgia,"Yu Mincho",serif;font-size:1.16em}.lead{position:relative;max-width:580px;margin:0 0 22px;color:#d8e5fb;line-height:1.8}.start-orbit{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 22px}.start-orbit span{display:grid;place-items:center;width:54px;aspect-ratio:1;border:1px solid #9bc8ff;border-radius:50%;background:#132a4d;font:700 1.55rem Georgia,serif;box-shadow:inset 0 0 18px #65a9f133,0 0 0 6px #ffffff08}.rules{position:relative;display:grid;gap:8px;width:min(100%,520px);margin:0 0 24px;padding:0;list-style:none;text-align:left}.rules li{display:grid;grid-template-columns:5.6rem 1fr;align-items:center;padding:8px 12px;border-left:3px solid #5b78aa;background:#ffffff08;color:#cbd8ee}.rules b{color:var(--gold);letter-spacing:.08em}.primary-button,.secondary-button,.sound-button{min-height:48px;border:0;cursor:pointer}.primary-button{padding:13px 24px;background:var(--gold);color:#172039;font-weight:900;box-shadow:5px 5px 0 #8e6d25;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.6)}.calm-note{color:var(--muted);font-size:.85rem}
.play-screen{padding:clamp(14px,3vw,28px);background:radial-gradient(circle at 50% 34%,#192d53 0,#091426 58%,#050b18 100%)}.sky-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stage-kicker{margin:0;color:var(--cyan);font-size:.74rem;font-weight:900;letter-spacing:.15em}.sky-header h2{margin:3px 0 0;font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.35rem,4vw,2rem)}.sound-button{padding:8px 11px;border:1px solid #6d84aa;background:#0f1c33;color:var(--ink);font-size:.86rem}.hud{display:flex;flex-wrap:wrap;gap:4px 18px;margin:18px 0 13px;padding:9px 12px;border-block:1px solid #3c5278;color:var(--muted);font-size:.85rem}.hud b{color:#fff;font-size:1rem}.mission-banner{position:relative;padding:13px 16px 14px;border-left:5px solid var(--gold);background:#101f39}.mission-banner:after{content:"";position:absolute;right:18px;top:-8px;width:18px;height:18px;border:2px solid #ffe28a;transform:rotate(45deg);opacity:.55}.mission-label{display:block;color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.13em}.mission-banner strong{display:block;margin:3px 0;font-size:clamp(1.05rem,3.6vw,1.45rem)}.mission-banner small{color:#c0cce1}
.sky-world{position:relative;margin-top:13px;padding:clamp(16px,4vw,28px);border:1px solid #4a6592;background:radial-gradient(circle at 50% 28%,#203969 0 4%,transparent 38%),linear-gradient(#0b1930,#07101f);overflow:hidden;touch-action:pan-y}.sky-world:before{content:"";position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:39px 37px;background-position:11px 4px;pointer-events:none}.sky-world.danger{border-color:var(--danger);box-shadow:inset 0 0 40px #d94c3a33}.meteor-curtain{position:absolute;inset:0;pointer-events:none;opacity:.12;transition:opacity .35s}.danger .meteor-curtain{opacity:.75}.meteor-curtain i{position:absolute;width:38%;height:3px;background:linear-gradient(90deg,transparent,#ffbc91);transform:rotate(-28deg);animation:meteor 3.5s linear infinite}.meteor-curtain i:nth-child(1){top:15%;left:75%}.meteor-curtain i:nth-child(2){top:47%;left:100%;animation-delay:1.1s}.meteor-curtain i:nth-child(3){top:76%;left:85%;animation-delay:2.1s}.gate-arch{position:absolute;left:50%;top:18px;width:min(70%,480px);height:148px;transform:translateX(-50%);border:2px solid #7191c0;border-bottom:0;border-radius:50% 50% 0 0;opacity:.27}.gate-arch span{position:absolute;inset:14px;border:1px dashed #8eb0df;border-bottom:0;border-radius:50% 50% 0 0}.number-readout{position:relative;z-index:1;display:grid;justify-items:center;margin:0 auto 17px}.number-readout small{color:var(--muted);letter-spacing:.12em}.number-readout strong{font:700 clamp(2.45rem,9vw,4.6rem)/1 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:.1em;text-shadow:0 0 20px #75d7ff88}.number-readout span{margin-top:5px;padding:3px 9px;background:#07101fcc;color:#d0dcef;font-size:.83rem}.number-readout span.ready{color:#10253b;background:var(--ok);font-weight:900}
.place-labels{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(5px,2vw,14px);width:min(100%,650px);margin:auto}.place-labels span{text-align:center;color:#aebed8;font-size:clamp(.7rem,2.6vw,.87rem);font-weight:800}.orbit-board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(52px,1fr));gap:clamp(6px,2vw,14px);width:min(100%,650px);margin:6px auto 0}.orbit-slot{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;border:1px dashed #5e769f;background:#0b1629cc}.orbit-slot:nth-child(n+5){grid-row:2;aspect-ratio:1.55;max-height:92px;border-radius:50%}.orbit-slot:nth-child(5){grid-column:2}.orbit-slot:nth-child(6){grid-column:3}.orbit-slot.empty:after{content:"空き";color:#7183a1;font-size:.72rem}.digit-star{position:relative;display:grid;place-items:center;width:78%;aspect-ratio:1;border:2px solid #b6d8ff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 3%,#6bbbdc 5%,#224b79 40%,#101c3a 70%);color:#fff;font:900 clamp(1.5rem,6vw,3rem) Georgia,serif;text-shadow:0 2px 0 #09152c;box-shadow:0 0 0 5px #ffffff0c,0 0 20px #65cbff44;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .16s,box-shadow .16s}.digit-star:after{content:"";position:absolute;width:116%;height:34%;border:1px solid #b9d8ff99;border-radius:50%;transform:rotate(-15deg)}.digit-star.selected{transform:scale(1.07);box-shadow:0 0 0 5px var(--gold),0 0 25px #ffdc6aaa}.orbit-slot.target{border-style:solid;border-color:var(--gold);background:#624f1838}.buffer-label{position:relative;z-index:1;margin:7px 0 14px;text-align:center;color:#8fa1bc;font-size:.76rem}.pressure-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(115px,auto) 1fr;align-items:center;gap:12px}.pressure-row>div:first-child{display:flex;flex-direction:column;color:var(--muted);font-size:.72rem}.pressure-row b{color:#fff;font-size:1rem}.pressure-track{height:11px;border:1px solid #546b91;background:#06101e;overflow:hidden}.pressure-track i{display:block;width:0;height:100%;background:repeating-linear-gradient(135deg,var(--cyan) 0 8px,#a4f4f8 8px 12px);transition:width .25s}.danger .pressure-track i{background:repeating-linear-gradient(135deg,var(--danger) 0 8px,#ffd0b9 8px 12px)}.selection-text{position:relative;z-index:1;min-height:2.5em;margin:11px 0 0;text-align:center;color:#d2dcef;font-size:.88rem}.spark-burst{position:absolute;left:50%;top:44%;width:10px;height:10px;pointer-events:none}.spark-burst.go:before,.spark-burst.go:after{content:"✦  ✦  ✦  ✦";position:absolute;color:var(--gold);font-size:2rem;white-space:nowrap;animation:burst .7s ease-out forwards}.spark-burst.go:after{transform:rotate(80deg);color:var(--cyan)}
.action-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1.2fr);gap:10px;margin:13px 0}.secondary-button{padding:11px 14px;border:1px solid #6d84aa;background:#0c1930;color:#e1e9f8;font-weight:800}.risk-note{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;padding:10px 13px;border:1px solid #6e5f32;background:#211d12}.risk-note span{color:var(--gold);font-size:.77rem;font-weight:900}.risk-note b{font-size:.9rem}.risk-note small{grid-column:1/-1;color:#bbb39d}.stage-clear,.recovery-panel{position:absolute;z-index:10;inset:clamp(50px,10vh,90px) clamp(12px,6vw,70px) auto;padding:clamp(22px,5vw,40px);border:2px solid var(--gold);background:#09162cf5;text-align:center;box-shadow:0 22px 80px #000}.stage-clear .release-star{color:var(--gold);font-size:4.5rem;line-height:1;text-shadow:0 0 28px #fff;animation:release .6s ease-out}.stage-clear>p:first-of-type{color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.15em}.stage-clear h3,.recovery-panel h3{margin:4px 0 8px;font-size:clamp(1.35rem,5vw,2rem)}.stage-clear>strong{display:block;color:var(--gold);font:900 clamp(2.6rem,9vw,4.5rem) Georgia,serif}.stage-clear>span{display:block;margin-bottom:8px;color:var(--ok);font-weight:900}.stage-clear p:not(:first-of-type),.recovery-panel p{color:#cbd7e9;line-height:1.65}.warning-mark{color:var(--danger)!important;font-weight:900}.recovery-panel{border-color:var(--danger)}
.quiz-screen,.result-screen{display:grid;align-content:center;justify-items:center;padding:clamp(22px,6vw,55px);text-align:center}.quiet-sky{font-size:4rem;color:#fff5c4;text-shadow:0 0 22px #9bb8ff}.quiz-screen h2,.result-screen h2{margin:8px 0 6px;font-size:clamp(1.7rem,6vw,2.8rem)}.no-timer{margin:0 0 16px;color:var(--ok);font-size:.85rem}.quiz-count{color:var(--gold);font-weight:900}.quiz-question{width:min(100%,650px);min-height:3em;margin:12px auto 18px;font-size:clamp(1.15rem,4vw,1.6rem);font-weight:900;line-height:1.55}.quiz-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,650px)}.quiz-choice{min-height:56px;padding:10px;border:1px solid #7189ad;background:#101f39;color:#fff;font-weight:800;cursor:pointer;overflow-wrap:anywhere}.quiz-choice:hover{border-color:var(--cyan)}.quiz-choice:disabled{cursor:default}.quiz-choice.correct{border-color:var(--ok);background:#16422d}.quiz-choice.wrong{border-color:var(--danger);background:#52271e}.quiz-feedback{width:min(100%,650px);margin-top:18px;padding:15px;border-left:4px solid var(--cyan);background:#0e1c34;text-align:left}.quiz-feedback strong{color:var(--gold);font-size:1.1rem}.quiz-feedback p{line-height:1.65}.quiz-feedback .primary-button{display:block;margin-left:auto}
.result-screen{background:radial-gradient(circle at 50% 30%,#29447a,#081224 55%)}.final-constellation{position:relative;width:250px;height:70px}.final-constellation i:nth-child(1){left:4%;top:56%}.final-constellation i:nth-child(2){left:31%;top:8%}.final-constellation i:nth-child(3){left:64%;top:58%}.final-constellation i:nth-child(4){left:92%;top:16%}.final-constellation span{position:absolute;left:7%;top:58%;width:215px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--gold));transform:rotate(-7deg)}.final-label{margin:18px 0 0;color:var(--muted)}.final-score{margin:0;color:var(--gold);font:900 clamp(3.6rem,14vw,6.8rem) Georgia,serif;text-shadow:0 0 20px #ffca5688}.result-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:min(100%,620px);margin:14px 0;background:#526a92}.result-facts div{padding:12px 8px;background:#0c1930}.result-facts dt{color:var(--muted);font-size:.75rem}.result-facts dd{margin:5px 0 0;font-weight:900}.result-message{max-width:620px;line-height:1.7}.best-line{color:#c1cee2}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ranking-panel{width:min(100%,650px);margin-top:18px;padding:14px;border:1px solid #7189ad;background:#f4f7fc;color:#17233a;text-align:left}.ranking-panel :where(button,[role=tab]){color:#17233a}.ranking-panel :where(.is-active,[aria-selected=true]){background:#193862!important;color:#fff!important}
@keyframes meteor{from{transform:translate(0,0) rotate(-28deg)}to{transform:translate(-380px,210px) rotate(-28deg)}}@keyframes burst{from{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(2.8)}}@keyframes release{0%{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.2) rotate(8deg)}100%{transform:scale(1);opacity:1}}
@media(max-width:600px){.observatory{padding:0}.screen{min-height:100vh;border-inline:0}.play-screen{padding:14px 11px}.orbit-board{gap:6px}.orbit-slot{min-height:58px}.digit-star{width:84%}.place-labels{gap:5px}.action-row{grid-template-columns:1fr}.risk-note{grid-template-columns:1fr}.quiz-screen,.result-screen{padding:24px 14px}.quiz-choices{grid-template-columns:1fr}.result-facts{grid-template-columns:1fr}.result-facts div{display:flex;justify-content:space-between;align-items:center;padding:9px 12px}.result-facts dd{margin:0}.stage-clear,.recovery-panel{position:fixed;inset:8vh 12px auto;max-height:84vh;overflow-y:auto}.ranking-panel{max-height:55vh;overflow:auto}.sky-world{padding:14px 8px}}
@media(max-width:390px){.place-labels span{font-size:.67rem}.number-readout strong{font-size:2.55rem}.digit-star{font-size:1.65rem}.start-orbit span{width:47px}.rules li{grid-template-columns:4.7rem 1fr;font-size:.88rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}