:root{--night:#07142b;--ink:#14213d;--paper:#fff9df;--cyan:#5cf4ff;--pink:#ff5f9e;--gold:#ffd55a;--violet:#6f5bff;--danger:#ff7648}*{box-sizing:border-box}html{background:#050914}body{margin:0;min-width:280px;min-height:100vh;color:#f9fbff;background:#07142b;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif}.comic-shell{width:min(1180px,100%);min-height:100vh;margin:auto;background-color:#091831;background-image:linear-gradient(rgba(92,244,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,244,255,.035) 1px,transparent 1px);background-size:28px 28px}.top-strip{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 18px;border-bottom:4px solid var(--cyan);background:#050914;font-weight:800}.top-strip a{color:#fff;text-decoration:none}.top-strip span{font:800 13px/1.2 monospace;letter-spacing:.12em;color:var(--cyan)}button{font:inherit;cursor:pointer}.top-strip button{min-height:40px;padding:7px 12px;border:2px solid #fff;background:#151f46;color:#fff}.screen[hidden]{display:none!important}.start-screen{min-height:calc(100vh - 54px);display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr);align-items:stretch}.cover-art{position:relative;min-height:610px;overflow:hidden;background:#0b1230;border-right:8px solid #050914}.cover-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 18%,rgba(255,213,90,.2),transparent 22%),repeating-radial-gradient(circle at 50% 55%,transparent 0 46px,rgba(92,244,255,.08) 47px 49px);transform:rotate(-5deg) scale(1.15)}.moon-word{position:absolute;top:34px;left:32px;font:900 clamp(34px,5vw,66px)/.8 Impact,sans-serif;transform:rotate(-6deg);color:#fff;text-shadow:5px 5px 0 #332072;z-index:2}.moon-word b{color:var(--pink)}.cover-clock{position:absolute;width:min(480px,82vw);aspect-ratio:1;left:50%;top:55%;transform:translate(-50%,-50%) rotate(-3deg);border-radius:50%;border:18px double var(--cyan);background:radial-gradient(circle,#152951 0 10%,#0b1631 11% 61%,#111d43 62%);box-shadow:0 0 0 8px #050914,0 0 42px rgba(92,244,255,.55),inset 0 0 38px rgba(92,244,255,.25)}.cover-clock:before{content:"";position:absolute;inset:15px;border-radius:50%;border:5px dashed rgba(255,213,90,.75)}.mark{position:absolute;font:900 26px monospace;color:#fff;font-style:normal;z-index:3}.m12{left:50%;top:17px;transform:translateX(-50%)}.m3{right:24px;top:50%;transform:translateY(-50%)}.m6{left:50%;bottom:17px;transform:translateX(-50%)}.m9{left:24px;top:50%;transform:translateY(-50%)}.cover-hand{position:absolute;left:50%;bottom:50%;display:block;transform-origin:50% 100%;border-radius:9px;z-index:4}.cover-hand.short{width:14px;height:30%;background:var(--pink);transform:translateX(-50%) rotate(77deg);box-shadow:0 0 18px var(--pink)}.cover-hand.long{width:8px;height:42%;background:var(--gold);transform:translateX(-50%) rotate(180deg);box-shadow:0 0 16px var(--gold)}.pin{position:absolute;width:34px;height:34px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:8px solid var(--violet);z-index:5}.shadow-bird{position:absolute;color:var(--pink);font-size:42px;filter:drop-shadow(0 0 12px var(--pink));animation:orbit 4s ease-in-out infinite}.b1{right:5%;top:22%;transform:rotate(18deg)}.b2{left:2%;bottom:20%;transform:rotate(-14deg);animation-delay:-2s}.dawn-line{position:absolute;left:-10%;right:-10%;bottom:-70px;height:180px;background:var(--gold);transform:rotate(-4deg);box-shadow:0 -15px 0 var(--pink)}.opening-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:46px 36px;background:var(--paper);color:var(--ink)}.opening-panel:before{content:"";position:absolute;inset:14px;border:4px solid var(--ink);pointer-events:none}.opening-panel>*{position:relative;z-index:1}.eyebrow{font:900 13px monospace;letter-spacing:.13em;color:#6556b8}.opening-panel h1{font-size:clamp(42px,6vw,72px);line-height:1.04;margin:8px 0 18px;letter-spacing:-.06em}.opening-panel h1 em{font-style:normal;color:#d42470;text-decoration:underline 10px var(--gold);text-underline-offset:4px}.opening-panel>p:not(.eyebrow){font-size:18px;line-height:1.85}.hero-button{border:4px solid var(--ink);background:var(--gold);color:var(--ink);min-height:62px;padding:12px 22px;font-size:20px;font-weight:900;box-shadow:8px 8px 0 var(--pink)}.opening-panel small{display:block;margin-top:18px;line-height:1.7}.best-box{display:grid;grid-template-columns:1fr auto;gap:2px 14px;border-top:4px solid var(--ink);margin-top:28px;padding-top:12px}.best-box strong{grid-row:1/3;grid-column:2;font:900 38px monospace;color:#d42470}.best-box span:last-child{font-size:13px}.play-screen{padding:12px 16px 32px}.hud-ribbon{display:grid;grid-template-columns:repeat(4,1fr);max-width:1040px;margin:auto;background:#fff;color:var(--ink);border:4px solid #050914;box-shadow:0 4px 0 var(--cyan)}.hud-ribbon div{padding:7px 12px;border-right:3px solid var(--ink)}.hud-ribbon div:last-child{border:0}.hud-ribbon small,.hud-ribbon strong{display:block}.hud-ribbon small{font-size:11px}.hud-ribbon strong{font:900 20px monospace}.play-layout{display:grid;grid-template-columns:160px minmax(320px,760px) 160px;align-items:center;justify-content:center;gap:12px;margin:16px auto 0}.story-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:18px 12px;background:var(--paper);color:var(--ink);border:5px solid #050914;box-shadow:6px 6px 0 var(--violet);text-align:center}.story-panel p{font:900 12px monospace;margin:0 0 7px}.story-panel strong{font-size:28px;color:#d42470}.story-panel span{display:block;margin-top:8px;line-height:1.45;font-weight:800}.warning-key{margin-top:auto;padding-top:16px;font-size:12px;text-align:left}.warning-key i{display:inline-block;width:16px;height:16px;border:4px solid var(--danger);border-radius:50%;vertical-align:middle;margin-right:4px}.clock-arena{position:relative;width:100%;max-height:calc(100vh - 250px);aspect-ratio:1;border:7px solid #050914;border-radius:50%;overflow:hidden;background:#081329;box-shadow:0 0 0 4px var(--cyan),0 0 34px rgba(92,244,255,.35);touch-action:pan-y}.clock-arena canvas{display:block;width:100%;height:100%}.arena-message{position:absolute;left:50%;top:13%;transform:translateX(-50%) rotate(-2deg);max-width:70%;padding:7px 13px;border:3px solid #050914;background:var(--paper);color:var(--ink);font-weight:900;text-align:center;pointer-events:none}.danger-caption{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);width:max-content;max-width:76%;padding:5px 10px;background:#050914;color:var(--gold);font-weight:800;font-size:12px;text-align:center;pointer-events:none}.charge-meter{height:18px;margin:20px 0 5px;border:3px solid var(--ink);background:#fff}.charge-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink))}.time-panel small{font-size:12px}.control-deck{display:grid;grid-template-columns:120px 170px minmax(180px,280px) 120px;justify-content:center;gap:10px;max-width:850px;margin:16px auto 0}.control-deck button{min-height:70px;border:4px solid #050914;background:#fff;color:var(--ink);font-weight:900;box-shadow:4px 4px 0 var(--cyan);touch-action:manipulation}.control-deck button b,.control-deck button span{display:block}.control-deck button b{font-size:25px}.minute-switch{background:var(--gold)!important}.minute-switch[aria-pressed="true"]{background:var(--pink)!important;color:#fff}.fire-button{background:var(--cyan)!important}.fire-button.charging{background:var(--pink)!important;color:#fff;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--gold)}.fire-button small,.fire-button b{display:block}.play-note{max-width:850px;margin:10px auto 0;text-align:center;font-size:13px;color:#d5f7ff}.quiz-screen,.result-screen{min-height:calc(100vh - 54px);display:grid;place-items:center;padding:28px 16px}.quiz-page,.final-page{position:relative;width:min(760px,100%);background:var(--paper);color:var(--ink);border:6px solid #050914;padding:26px;box-shadow:12px 12px 0 var(--violet);overflow:hidden}.quiz-kicker{font:900 13px monospace;letter-spacing:.08em;border-bottom:4px solid var(--ink);padding-bottom:8px}.quiz-clock{position:relative;width:128px;height:128px;border:7px double var(--ink);border-radius:50%;margin:8px auto;background:#fff}.quiz-clock:before{content:"12\A\A\A\A 6";white-space:pre;position:absolute;inset:6px;text-align:center;font:900 13px/1.15 monospace}.quiz-clock span{position:absolute;bottom:50%;left:50%;transform-origin:50% 100%;border-radius:4px}.quiz-clock .q-short{width:7px;height:33%;background:var(--pink);transform:translateX(-50%)}.quiz-clock .q-long{width:4px;height:43%;background:var(--violet);transform:translateX(-50%)}.quiz-clock i{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}.quiz-page h2{font-size:clamp(22px,5vw,34px);line-height:1.5}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-choices button{min-height:58px;padding:10px;border:4px solid var(--ink);background:#fff;color:var(--ink);font-weight:900;text-align:left}.quiz-choices button:disabled{opacity:.68}.quiz-feedback{margin-top:14px;padding:14px;background:#fff;border-left:10px solid var(--gold)}.quiz-feedback strong{font-size:22px}.quiz-feedback button{min-height:50px;border:3px solid var(--ink);background:var(--cyan);font-weight:900;padding:9px 15px}.final-page{text-align:center}.final-page h2{font-size:clamp(28px,6vw,52px);margin:8px 0;position:relative}.final-page>p{position:relative}.sunrise{position:absolute;width:320px;height:320px;border-radius:50%;left:50%;top:-190px;transform:translateX(-50%);background:var(--gold);box-shadow:0 0 0 24px rgba(255,95,158,.25),0 0 0 50px rgba(92,244,255,.12)}.final-score{position:relative;margin:18px 0}.final-score span,.final-score strong{display:block}.final-score strong{font:900 clamp(48px,10vw,86px) monospace;color:#d42470}.result-stamps{display:grid;grid-template-columns:repeat(3,1fr);border-block:4px solid var(--ink);margin:18px 0;position:relative}.result-stamps div{padding:12px;border-right:3px solid var(--ink)}.result-stamps div:last-child{border:0}.result-stamps small,.result-stamps b{display:block}.result-stamps b{font:900 25px monospace}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;position:relative}.result-actions button{min-height:56px;padding:10px 18px;border:4px solid var(--ink);font-weight:900}.ranking-panel.itc-ranking{position:relative;margin-top:20px;padding:16px;background:#fff;color:var(--ink);text-align:left;border:4px solid var(--ink);overflow-x:auto}.ranking-panel .itc-ranking__tabs button[aria-pressed="true"]{background:var(--ink);color:#fff}.ranking-panel .itc-ranking__tabs button{color:var(--ink);background:#fff}.ranking-panel .itc-ranking__status{color:var(--ink)}@keyframes orbit{50%{transform:translateY(-16px) rotate(45deg)}}@media(max-width:930px){.play-layout{grid-template-columns:1fr;max-width:720px}.story-panel{min-height:auto;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:8px;text-align:left}.story-panel p,.story-panel strong,.story-panel span{margin:0}.warning-key{display:none}.clock-arena{grid-row:2;max-height:none}.forecast-panel{grid-row:1}.time-panel{grid-row:3}.time-panel .charge-meter{margin:0}.control-deck{grid-template-columns:1fr 1.3fr 1.7fr 1fr}}@media(max-width:700px){.top-strip{padding-inline:10px}.top-strip span{display:none}.start-screen{grid-template-columns:1fr}.cover-art{min-height:340px;border-right:0;border-bottom:8px solid #050914}.cover-clock{width:285px;border-width:12px}.moon-word{font-size:35px;top:25px;left:20px}.dawn-line{bottom:-100px}.opening-panel{padding:35px 25px}.opening-panel:before{inset:9px}.opening-panel h1{font-size:43px}.opening-panel>p:not(.eyebrow){font-size:16px}.play-screen{padding-inline:8px}.hud-ribbon div{padding:6px 4px}.hud-ribbon small{font-size:9px}.hud-ribbon strong{font-size:15px}.play-layout{gap:8px;margin-top:12px}.story-panel{grid-template-columns:auto auto 1fr;padding:9px}.story-panel strong{font-size:22px}.story-panel span{font-size:12px}.clock-arena{border-width:5px}.arena-message{top:10%;font-size:12px}.danger-caption{font-size:10px}.control-deck{grid-template-columns:1fr 1fr 1.4fr 1fr;gap:6px;margin-top:10px}.control-deck button{min-height:62px;font-size:12px}.control-deck button b{font-size:21px}.fire-button small{font-size:9px}.play-note{font-size:11px}.quiz-page,.final-page{padding:18px 14px;box-shadow:7px 7px 0 var(--violet)}.quiz-choices{grid-template-columns:1fr}.quiz-choices button{width:100%;font-size:16px}.result-stamps{grid-template-columns:1fr}.result-stamps div{border-right:0;border-bottom:2px solid var(--ink)}.result-stamps div:last-child{border-bottom:0}.ranking-panel.itc-ranking{width:100%;max-width:100%;font-size:14px}.ranking-panel .itc-ranking__table{min-width:420px}}@media(max-width:380px){.control-deck{grid-template-columns:1fr 1fr}.fire-button{grid-column:1/3;grid-row:1}.minute-switch{grid-column:1/3}.story-panel{display:block;text-align:center}.story-panel>*{margin:3px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.shadow-bird{transform:none!important}}