:root{color-scheme:dark;--ink:#0b1423;--cream:#faf0d8;--muted:#9aa8b8;--gold:#e9c881;--line:rgba(225,204,158,.18);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--cream);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#17273d 0,#0b1423 65%);min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{touch-action:manipulation}button:disabled{opacity:.5}.app{max-width:1536px;padding:0 40px;margin:auto}.site-header{height:92px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none;letter-spacing:.13em;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:20px;font-weight:600}.brand-moon{font-size:43px;line-height:1;color:var(--gold);transform:rotate(-18deg)}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;font-weight:400;letter-spacing:.31em;color:var(--gold);margin-top:6px}.header-note{font-size:12px;color:#9fabb9;letter-spacing:.12em;margin:auto}.utilities{display:flex;align-items:center;gap:12px}.icon-button{display:flex;align-items:center;gap:8px;height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:7px;background:#ffffff03;font-size:12px;color:#c9d0d8;transition:background .2s,border-color .2s}.icon-button:hover{background:#ffffff09;border-color:#e9c88170}.icon-button svg{width:19px;height:19px}.question-icon{width:18px;height:18px;border:1px solid currentColor;border-radius:100%;text-align:center;line-height:17px;font-family:serif;font-size:14px}.game-stage{height:min(66vw,calc(100svh - 255px));min-height:440px;max-height:800px;position:relative;overflow:hidden;border:1px solid #8c835847;border-radius:16px;background:#102139;isolation:isolate;box-shadow:0 18px 65px #0003;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#040e1d66,transparent 38%,transparent 80%,#040e1d22),linear-gradient(#0001,transparent 20%,transparent 78%,#08122255);box-shadow:inset 0 0 60px #0002}.title-screen{position:absolute;inset:0;pointer-events:none}.scene-caption{position:absolute;top:27px;left:30px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.18em;color:#c9d5d5}.scene-caption>span{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #ffd780}.title-copy{position:absolute;left:8%;top:20%;text-shadow:0 2px 20px #020915b3}.eyebrow{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:14px;letter-spacing:.27em;color:#efd9a9;margin:0 0 20px}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(48px,5.8vw,84px);font-weight:600;line-height:1.18;letter-spacing:.09em;margin:0;color:#fff3cd}h1>span{display:block;position:relative}.title-star{position:absolute;font-size:24px;margin:13px 0 0 10px;color:var(--gold)}.title-description{font-size:14px;line-height:2;letter-spacing:.15em;color:#d9dfdf;margin:23px 0}.primary-button{min-height:52px;min-width:238px;padding:14px 25px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #f5d793;border-radius:7px;color:#312920;background:linear-gradient(115deg,#f4deb0,#e5bd73);font-weight:600;letter-spacing:.14em;box-shadow:0 5px 25px #e5b75b24;transition:filter .2s,transform .2s;pointer-events:auto;text-shadow:none}.primary-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary-button:active{transform:translateY(1px)}.play-note{font-size:10px;color:#b6c0c9;letter-spacing:.06em;margin-top:14px}.scene-seal{position:absolute;right:25px;bottom:28px;writing-mode:vertical-rl;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:var(--gold);font-size:21px;letter-spacing:.25em;line-height:2}.scene-seal>span{font-size:10px;color:#c1c5bd;letter-spacing:.15em}.game-hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;left:24px;right:24px;top:20px;display:flex;gap:0;align-items:center;border:1px solid #eed7a026;background:linear-gradient(90deg,#091523cc,#0c1926a6);border-radius:9px;backdrop-filter:blur(10px);padding:13px 20px;box-shadow:0 4px 30px #0002}.stat{min-width:100px;padding:0 27px;border-right:1px solid #e4d5af22;display:flex;flex-direction:column;gap:5px}.stat:first-child{padding-left:0;flex:1}.stat-label{font-size:10px;letter-spacing:.13em;color:#aebcc9}.stat strong{white-space:nowrap;font-family:"Avenir Next",Arial,sans-serif;font-size:24px;font-weight:500;letter-spacing:.05em;font-variant-numeric:tabular-nums}.score-stat strong{color:#f8d996}.stat strong small{font-size:11px;margin-left:6px;font-family:inherit;color:#bfc7cf}.combo-stat{border:0}.combo-stat strong{color:var(--gold)}.pause-button{display:grid;place-items:center;background:#ffffff08;border:1px solid #b7c5d444;border-radius:50%;width:42px;height:42px;margin-left:14px;pointer-events:auto}.pause-button:hover{background:#ffffff18}.moon-meter{position:absolute;left:28px;top:118px;width:205px;text-shadow:0 2px 5px #000}.moon-meter>div:first-child{display:flex;justify-content:space-between;font-size:11px;gap:15px;color:#ccd5d8}.tiny-moon{color:var(--gold);margin-right:4px}.moon-meter strong{color:var(--gold);font-size:12px;font-family:Arial,sans-serif}.meter-track{height:4px;background:#b0c4dc22;border-radius:3px;margin:9px 0;overflow:hidden}.meter-track i{height:100%;display:block;background:linear-gradient(90deg,#bfa77a,#ffe3a5);width:100%;border-radius:3px;transition:width .15s linear}.moon-meter>small{font-size:10px;color:#b4c0ce}.throw-hint{position:absolute;bottom:22px;left:26px;padding:10px 14px;border:1px solid #e4d7b229;border-radius:30px;background:#0814249c;font-size:11px;letter-spacing:.04em;color:#d9dacc;transition:opacity 1s}.hint-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:6px}.combo-banner{position:absolute;right:35px;top:127px;font-family:Georgia,serif;color:var(--gold);font-size:26px;text-align:right;text-shadow:0 0 20px #f5cc6677}.combo-banner small{display:block;font-size:11px;margin-top:6px;letter-spacing:.1em}.event-toast{position:absolute;bottom:25%;left:50%;transform:translateX(-50%);padding:13px 24px;white-space:nowrap;background:#15232de8;border:1px solid #f3d4876b;box-shadow:0 0 45px #edc27020;border-radius:7px;text-align:center;font-size:15px;color:#ffe5ab;pointer-events:none}.festival-panel{display:flex;align-items:center;gap:42px;padding:26px 4px 22px;border-bottom:1px solid var(--line)}.festival-heading{min-width:175px}.section-eyebrow{display:block;color:#bba473;font-family:Arial,sans-serif;letter-spacing:.19em;font-size:9px;margin-bottom:8px}.festival-heading h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;font-weight:500;letter-spacing:.1em;margin:0 0 8px}.festival-heading #festival-count{font-size:10px;letter-spacing:.04em;color:#91a0b2}.milestones{display:flex;flex:1;justify-content:space-between;position:relative;gap:8px}.milestones:before{content:"";height:1px;position:absolute;background:linear-gradient(90deg,#ac915d30,#a1adc41c);left:5%;right:5%;top:19px}.milestone{text-align:center;position:relative;min-width:67px;color:#a3afbe}.milestone-symbol{display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:21px;width:38px;height:38px;border:1px solid #8492a22c;border-radius:50%;margin:0 auto 8px;background:#101b2b;color:#8c9daf;transition:all .5s}.milestone-name{display:block;font-size:10px;letter-spacing:.02em}.milestone small{display:block;margin-top:5px;font-size:9px;color:#718398}.milestone.reached{color:#ecd39c}.milestone.reached .milestone-symbol{border-color:#dbc18485;background:#3c3424;color:#f0d291;box-shadow:0 0 22px #e3bd6120}.milestone.reached small{color:#bfaa7d}.page-footer{display:flex;justify-content:space-between;padding:18px 3px 22px;font-size:10px;letter-spacing:.08em;color:#6e8298}.page-footer>span:first-child{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:#a1a9ab}.page-footer i{font-style:normal;color:#ae9363;margin:0 10px}.modal{color:var(--cream);background:linear-gradient(150deg,#172840,#0e192b);border:1px solid #b39a6255;border-radius:16px;box-shadow:0 30px 120px #0008;padding:38px;width:min(92vw,500px);max-height:calc(100dvh - 32px);overflow:auto}.modal::backdrop{background:#020814a6;backdrop-filter:blur(8px)}.modal h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:25px;font-weight:500;line-height:1.7;letter-spacing:.05em;margin:8px 0 14px}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:27px;color:#b4bece;width:36px;height:36px}.modal-lead{font-size:13px;line-height:1.9;color:#c3cddd;margin-bottom:24px}.help-steps{list-style:none;padding:0;margin:25px 0}.help-steps li{display:flex;gap:15px;margin:22px 0}.help-steps li>span{color:var(--gold);font-family:Georgia,serif;font-size:19px;padding-top:1px}.help-steps h3{font-size:14px;font-weight:500;margin:0 0 7px}.help-steps p{font-size:12px;line-height:1.9;color:#adbdce;margin:0}.help-extra{font-size:11px;color:#a5b4c7;line-height:1.9;padding:13px 0;border-top:1px solid var(--line)}.full-button{width:100%;justify-content:center;min-width:0}.pause-modal{text-align:center;width:min(90vw,380px)}.modal-moon{display:block;font-family:Georgia,serif;color:var(--gold);font-size:65px;line-height:1.2;margin:5px 0 18px}.secondary-button{background:none;border:0;color:#bcc8d9;min-height:44px;font-size:12px;letter-spacing:.08em;margin-top:9px;width:100%}.secondary-button:hover{color:var(--gold)}.result-modal{text-align:center;width:min(92vw,480px);padding:27px 34px}.result-moon{font:52px/1.2 Georgia,serif;color:var(--gold);margin:10px 0 4px}.result-pretitle{font-size:12px;color:#bac6d5;margin:4px 0}.result-modal h2{color:#f0d695;font-size:28px;margin:0 0 12px}.result-score{padding:14px 0 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;flex-direction:column}.result-score>span{font:10px Arial,sans-serif;letter-spacing:.18em;color:#b8bec3}.result-score>strong{font:400 43px/1.2 "Avenir Next",Arial,sans-serif;letter-spacing:.06em;margin-top:7px;color:#fff0c2}.result-score>small{font-size:10px;color:var(--gold);margin-top:5px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin:23px 0}.result-grid>div{display:flex;flex-direction:column;gap:7px}.result-grid span{font-size:11px;color:#9cacc0}.result-grid strong{font-size:17px;font-weight:500}.result-grid #result-event{font-size:14px;color:#ecd095}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.debug-panel{position:fixed;bottom:8px;left:8px;z-index:100;background:#0a142aef;padding:12px;border:1px solid #fc9;font-size:12px;max-width:340px;border-radius:6px}.debug-panel button,.debug-panel input{font-size:11px;padding:5px;background:#293a50;border:1px solid #68778c;color:#fff;margin:3px}.debug-panel summary{cursor:pointer;color:var(--gold);margin-bottom:5px}.debug-panel label{display:block}.debug-panel output{display:block;color:#cdd8e3;font:10px monospace;max-width:310px;word-wrap:break-word}
@media(min-width:1600px){.game-stage{height:calc(100svh - 265px)}.title-copy{top:23%}}
@media(max-width:1050px){.app{padding:0 24px}.header-note{display:none}.utilities{margin-left:auto}.festival-panel{gap:18px}.festival-heading{min-width:138px}.milestone{min-width:55px}.milestone-name{font-size:9px}.title-copy{left:6%;top:21%}.game-stage{min-height:460px}.stat{padding:0 20px}.festival-heading h2{font-size:16px}.title-description{margin:18px 0}}
@media(max-width:700px){.app{padding:0 12px}.site-header{height:71px;gap:8px}.brand{font-size:16px;gap:8px;letter-spacing:.06em}.brand-moon{font-size:34px}.brand small{font-size:8px;letter-spacing:.2em;margin-top:4px}.utilities{gap:7px}.icon-button{width:35px;height:35px;padding:7px;justify-content:center}.icon-button>span:not(.question-icon){display:none}.game-stage{height:calc(100svh - 244px);min-height:500px;max-height:950px;border-radius:13px}.scene-caption{top:20px;left:19px;font-size:9px}.title-copy{left:0;right:0;top:40%;text-align:center}.eyebrow{font-size:10px;letter-spacing:.2em;margin:0 0 10px}h1{font-size:46px;line-height:1.2;letter-spacing:.08em}h1>span{display:inline}.title-star{font-size:15px;margin-top:5px;margin-left:1px}.title-description{font-size:12px;line-height:1.8;margin:13px 0 17px;text-shadow:0 1px 12px #000}.primary-button{min-height:46px;min-width:210px;padding:12px 21px;font-size:14px}.title-copy .primary-button{margin:0 auto;min-width:210px;width:210px}.play-note{font-size:9px;margin-top:10px}.scene-seal{right:12px;bottom:18px;font-size:14px}.scene-seal>span{font-size:8px}.festival-panel{display:block;padding:19px 0 15px}.festival-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.festival-heading .section-eyebrow{font-size:8px;margin:0}.festival-heading>div{display:flex;align-items:center;gap:9px}.festival-heading h2{font-size:13px;margin:0}.festival-heading #festival-count{font-size:9px}.milestones{gap:2px}.milestone{min-width:0;flex:1}.milestone-symbol{width:28px;height:28px;font-size:17px;margin-bottom:6px}.milestones:before{top:14px}.milestone-name{font-size:8px;white-space:nowrap}.milestone small{font-size:8px;margin-top:4px}.page-footer{padding:13px 2px 17px;font-size:9px}.page-footer>span:last-child{font-size:0}.page-footer>span:last-child:after{content:"TSUKIMI GUARD";font-size:8px;letter-spacing:.12em}.page-footer i{display:none}.hud-top{left:11px;right:11px;top:12px;padding:11px 12px;border-radius:7px}.stat{min-width:0;padding:0 12px;gap:5px}.stat-label{font-size:8px;letter-spacing:.02em}.stat strong{font-size:18px;letter-spacing:.01em}.stat strong small{font-size:9px;margin-left:3px}.combo-stat{padding-right:5px}.pause-button{width:29px;height:29px;margin-left:7px;flex-shrink:0}.pause-button svg{width:12px;height:15px}.moon-meter{left:18px;top:87px;width:145px}.moon-meter>div:first-child{font-size:9px}.moon-meter strong{font-size:10px}.moon-meter>small{font-size:8px}.meter-track{margin:7px 0;height:3px}.throw-hint{left:50%;transform:translateX(-50%);bottom:15px;white-space:nowrap;font-size:9px;padding:8px 11px}.combo-banner{right:18px;top:95px;font-size:20px}.combo-banner small{font-size:9px}.event-toast{font-size:12px;max-width:92%;padding:12px 15px;bottom:27%}.modal{padding:30px 24px}.modal h2{font-size:22px}.result-modal{padding:22px 26px}.result-grid{gap:15px}.result-score>strong{font-size:36px}}
@media(max-height:740px) and (min-width:701px){.site-header{height:70px}.game-stage{min-height:370px;height:calc(100svh - 230px)}.title-copy{top:15%}h1{font-size:55px}.eyebrow{margin-bottom:11px}.title-description{margin:12px 0;font-size:12px}.play-note{margin-top:9px}.festival-panel{padding:18px 0}.page-footer{padding:12px 0}}
@media(max-width:380px){.app{padding:0 8px}.game-stage{min-height:490px}.title-copy{top:42%}h1{font-size:39px}.festival-heading #festival-count{display:none}.milestone-name{font-size:7px}.stat{padding:0 9px}.stat strong{font-size:16px}.result-modal{padding:22px}.modal h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.primary-button:hover{transform:none}}
/* Keep the center of the sky clear for the full moon. */
@media(min-width:701px){.hud-top{display:grid;grid-template-columns:130px 110px 1fr 105px 95px 42px;gap:10px;background:none;backdrop-filter:none;border:0;box-shadow:none;padding:0;align-items:start}.hud-top .stat{padding:11px 15px;border:1px solid #eed7a026;border-radius:7px;background:#0b192ac9;min-width:0}.score-stat{grid-column:1}.hud-top .stat:nth-child(2){grid-column:4;grid-row:1}.hud-top .stat:nth-child(3){grid-column:2;grid-row:1}.combo-stat{grid-column:5;grid-row:1}.hud-top .pause-button{grid-column:6;grid-row:1;margin:11px 0 0;background:#0b192ac9}.moon-meter{top:112px}}
@media(max-width:700px){.hud-top{padding-top:9px;padding-bottom:9px}.stat{gap:3px}.moon-meter{top:85px}}
@media(max-width:700px){.milestone-name{font-size:0}.milestone-name:after{content:attr(data-short);font-size:9px}.moon-meter>small{max-width:115px;display:block;line-height:1.5}}
@media(max-height:500px) and (orientation:landscape){.app{padding:0 12px}.site-header{height:50px}.brand{font-size:16px}.brand-moon{font-size:30px}.brand small{font-size:7px;margin-top:3px}.icon-button{height:30px}.game-stage{height:calc(100svh - 62px);min-height:0;max-height:none;border-radius:10px}.festival-panel,.page-footer{display:none}.scene-caption{display:none}.title-copy{left:6%;top:12%;right:auto;text-align:left}.eyebrow{font-size:10px;margin-bottom:8px}h1{font-size:42px}.title-description{font-size:11px;line-height:1.7;margin:12px 0}.primary-button{min-height:39px;min-width:180px;padding:9px 17px;font-size:12px}.play-note{font-size:8px;margin-top:8px}.hud-top{top:12px;left:15px;right:15px;grid-template-columns:110px 80px 1fr 85px 75px 34px;gap:7px}.hud-top .stat{padding:7px 10px}.stat-label{font-size:8px}.stat strong{font-size:18px}.hud-top .pause-button{width:32px;height:32px;margin-top:8px}.moon-meter{top:84px;left:18px;width:145px}.moon-meter>small{display:none}.moon-meter>div:first-child{font-size:9px}.combo-banner{top:88px;font-size:20px}.throw-hint{bottom:12px;font-size:9px}.scene-seal{font-size:14px;bottom:15px}.scene-seal>span{font-size:8px}.modal{max-height:calc(100dvh - 20px)}}