:root{--kitan-yoiyami:#131320;--kitan-yoiyami-hi:#1b1b2e;--kitan-kindei:#d9a94c;--kitan-kindei-hi:#f0ce7e;--kitan-shokko:#c93a2e;--kitan-geppaku:#e8e4d8;--kitan-anshi:#5c4470;--kitan-panel:#100e1c;--kitan-bubble:#181626;--kitan-sublabel:#9d93b5;--kitan-font:"Shippori Mincho B1","Hiragino Mincho ProN",serif;--kitan-rounded-sm:4px;--kitan-rounded-md:5px;--kitan-rounded-lg:10px}.kitan-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:132px;height:44px;font-family:var(--kitan-font);background:linear-gradient(#e2c176,#95713a,#6a4e22);border:0;border-radius:5px;padding:1px;transition:transform 90ms ease-out;display:inline-block;position:relative;box-shadow:0 4px 10px #0000008c}.kitan-btn:active{transform:scale(.965)}.kitan-btn:disabled{opacity:.4;pointer-events:none}.kitan-btn__inner{color:#f0ce7e;letter-spacing:4px;text-shadow:0 0 8px #f0d69659,0 1px 2px #000000de;background:linear-gradient(#232033,#161320);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 14px;font-size:14px;font-weight:800;line-height:1.15;display:flex;position:relative}.kitan-btn__inner:before{content:"";background:#ffe9b830;height:1px;position:absolute;top:0;left:10px;right:10px}.kitan-btn:active .kitan-btn__inner{background:linear-gradient(#16131f,#1c1929)}.kitan-btn--quiet{background:linear-gradient(#565064,#2c2838)}.kitan-btn--quiet .kitan-btn__inner{color:#e8e4d8;text-shadow:0 1px #000000de}.kitan-btn--quiet .kitan-btn__inner:before{background:#ffffff1f}.kitan-btn__sub{letter-spacing:1px;color:#9d93b5;font-size:11px;font-weight:700;line-height:1.25}.kitan-close{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.kitan-close__disc{color:#f0ce7e;background:radial-gradient(circle at 50% 32%,#1b1b2e,#131320 72%);border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;line-height:1;transition:transform 80ms ease-out;display:grid;box-shadow:0 2px 6px #0000008c,inset 0 1px #ffffff1f}.kitan-close:active .kitan-close__disc{transform:scale(.92)}.kitan-panel{color:#e8e4d8;font-family:var(--kitan-font);background:radial-gradient(220% 220% at 50% -30%,#24203ef2,#181432f2 42%,#110f1ef2);border-radius:2px;padding:26px 24px 24px;position:relative;box-shadow:0 18px 44px #000000b3,0 4px 14px #00000080,inset 0 -12px 18px -12px #0006}.kitan-panel:before{content:"";background:linear-gradient(90deg,#0000 14%,#e8e4d81f 50%,#0000 86%);border-radius:2px 2px 0 0;height:1px;position:absolute;top:0;left:0;right:0}.kitan-panel--glow{box-shadow:0 0 34px 2px #f0ce7e40,0 18px 44px #000000b3,0 4px 14px #00000080}.kitan-panel--enter{animation:.28s cubic-bezier(.215,.61,.355,1) kitan-panel-in}@keyframes kitan-panel-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.kitan-bubble{color:#e8e4d8;font-family:var(--kitan-font);background:#181626f2;border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.7;display:inline-block;box-shadow:0 6px 18px #0000008c}.kitan-heading{font-family:var(--kitan-font);letter-spacing:4px;background:linear-gradient(#fff9e6,#f2d88e,#cfa040,#96692a);-webkit-text-fill-color:transparent;color:#f0ce7e;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800;line-height:1.3}.kitan-line-quiet{border:.8px solid #e8e4d82e}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--kitan-yoiyami);color:var(--kitan-geppaku);font-family:var(--kitan-font);-webkit-tap-highlight-color:transparent;touch-action:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#app{background:var(--kitan-yoiyami);touch-action:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{--stage-w:min(100vw, 100vh * 9 / 16);aspect-ratio:9/16;background:var(--kitan-yoiyami);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(100vw,56.25dvh);position:relative;overflow:hidden;box-shadow:0 0 40px #13132080}@supports (height:100dvh){#stage{--stage-w:min(100vw, 100dvh * 9 / 16)}}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;--hud-fs:clamp(11px, calc(var(--stage-w) * 13 / 360), 13px);--hud-ls:clamp(.4px, calc(var(--stage-w) * 1 / 360), 1px);font-size:var(--hud-fs);flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:absolute;inset:0}.hud span,.hud button,.hud b{white-space:nowrap}.hud.hidden{display:none}.hud__top{font-size:var(--hud-fs);letter-spacing:var(--hud-ls);color:var(--kitan-geppaku);text-shadow:0 1px 3px #13132099;justify-content:space-between;align-items:center;gap:6px;font-weight:700;display:flex}.hud__top b{color:var(--kitan-kindei-hi)}.hud__top-left{flex-direction:column;gap:2px;display:flex}.hud__top-right{align-items:center;gap:6px;display:flex}.hud__sound-btn{pointer-events:auto;font-family:inherit;font-size:var(--hud-fs);letter-spacing:inherit;color:var(--kitan-sublabel);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#181626b8;border:.8px solid #e8e4d82e;border-radius:5px;padding:3px 6px;font-weight:700;transition:transform 90ms ease-out;position:relative}.hud__sound-btn:after{content:"";position:absolute;inset:-10px}.hud__sound-btn:active{transform:scale(.96)}.hud__sub{justify-content:space-between;align-items:center;display:flex}.hud__guard{font-size:var(--hud-fs);color:var(--kitan-kindei-hi);text-shadow:0 1px 3px #13132099;margin-left:auto;font-weight:700}.hud__guard.hidden{display:none}.hud__guard--spent{color:var(--kitan-sublabel);text-shadow:none}.hud-ougi{align-items:center;gap:6px;display:flex}.hud-ougi.hidden{display:none}.hud-ougi__pips{gap:3px;display:flex}.hud-ougi__pip{border:1px solid var(--kitan-kindei);background:#13132080;width:8px;height:8px;transform:rotate(45deg)}.hud-ougi__pip--on{background:var(--kitan-kindei-hi);border-color:var(--kitan-kindei-hi)}.hud-ougi__label{font-size:var(--hud-fs);color:var(--kitan-sublabel);text-shadow:0 1px 3px #13132099;font-weight:700}.hud-ougi--active .hud-ougi__label{color:var(--kitan-kindei-hi)}.hud-ougi--spent .hud-ougi__label{color:var(--kitan-sublabel)}.screen{justify-content:center;align-items:flex-start;padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.screen.hidden{display:none}.screen{touch-action:pan-y}.title-panel,.select-panel,.result-panel,.credits-panel,.ranking-panel{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;margin-block:auto;display:flex}#screen-select{padding:10px 8px}.select-panel{gap:6px;height:min(100%,560px);padding:12px 10px 10px;overflow:hidden}.select-panel>.select-head,.select-panel>.select-actions{flex-shrink:0}.select-head{justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:0 2px;display:flex}.select-head .screen-title{margin:0}.select-koban{color:var(--kitan-geppaku);white-space:nowrap;margin:0;font-size:12px}.select-koban b{color:var(--kitan-kindei-hi)}.select-scroll{touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#e8e4d859 transparent;scrollbar-gutter:stable;flex-direction:column;flex:auto;align-items:stretch;gap:8px;width:100%;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.select-scroll>*{flex-shrink:0}.select-section{text-align:left;flex-direction:column;align-items:stretch;gap:4px;display:flex}.select-sub{text-align:left;letter-spacing:1px;color:var(--kitan-sublabel);border-bottom:.8px solid #e8e4d82e;margin:0;padding:0 2px 2px;font-size:12px;font-weight:700;line-height:1.3}.select-sub b{color:var(--kitan-kindei-hi);margin-left:4px;font-size:13px}#screen-splash{cursor:pointer;touch-action:none;background:linear-gradient(#13132073 0%,#1313201f 38% 62%,#1313209e 100%);flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.splash-body{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:14%;display:flex}.splash-logo{font-size:max(11px, min(40px, calc((var(--stage-w) - 40px) / 6.5)));letter-spacing:.25em;white-space:nowrap;filter:drop-shadow(0 2px 4px #000000b3);margin:0}.splash-sub{word-break:keep-all;text-wrap:balance;color:var(--kitan-geppaku);text-shadow:0 1px 3px #000000d9;margin:0;font-size:12px}.splash-prompt{text-align:center;color:var(--kitan-geppaku);text-shadow:0 1px 3px #000000d9;flex-direction:column;align-items:center;gap:6px;margin:0;animation:2.8s ease-in-out infinite splash-blink;display:flex;position:absolute;bottom:12%;left:0;right:0}.splash-prompt__main{letter-spacing:4px;font-size:15px;font-weight:700}.splash-prompt__hint{letter-spacing:1px;color:var(--kitan-sublabel);font-size:11px}@keyframes splash-blink{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.splash-prompt{animation:none}}.title-logo{font-size:max(11px, min(30px, calc((var(--stage-w) - 88px) / 6.5)));letter-spacing:.25em;white-space:nowrap;margin:4px 0 0}.title-sub{word-break:keep-all;color:var(--kitan-sublabel);margin:0 0 6px;font-size:11px}.title-stats{width:100%;color:var(--kitan-geppaku);flex-wrap:wrap;justify-content:center;gap:2px 14px;margin-bottom:6px;font-size:12px;display:flex}.title-stats>span{white-space:nowrap}.title-stats b{color:var(--kitan-kindei-hi)}.screen-title{margin:0 0 4px;font-size:18px}.roster-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;display:grid}.roster-card{cursor:pointer;min-width:0;color:var(--kitan-geppaku);-webkit-tap-highlight-color:transparent;background:#181626e6;border:.8px solid #e8e4d824;border-radius:5px;flex-direction:column;align-items:center;gap:1px;padding:4px 1px 3px;font-family:inherit;display:flex;position:relative}.roster-card:focus-visible{outline:1px solid var(--kitan-kindei-hi);outline-offset:1px}.roster-card__icon{object-fit:cover;background:#13132099;border-radius:50%;width:34px;height:34px}.roster-card__slot{width:34px;height:34px;color:var(--kitan-sublabel);text-align:center;background:#13132099;border-radius:5px;place-items:center;font-size:11px;line-height:1.1;display:grid}.roster-card--soon .roster-card__name{color:var(--kitan-sublabel)}.roster-card__name{white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2}.roster-card__ougi{color:var(--kitan-kindei);white-space:nowrap;font-size:11px;line-height:1.2}.roster-card--selected{border-color:var(--kitan-kindei);box-shadow:0 0 0 1px #d9a94c80}.roster-card--viewing{border-style:dashed;border-color:#e8e4d899}.roster-card[aria-disabled=true]{cursor:default}.select-detail{color:var(--kitan-sublabel);margin:0;font-size:12px;line-height:1.3}.select-ougi{text-align:left;background:#181626e6;border:.8px solid #d9a94c59;border-radius:5px;flex-direction:column;gap:2px;width:100%;margin:0;padding:6px 8px;display:flex}.select-ougi.hidden{display:none}.select-ougi__title{color:var(--kitan-kindei-hi);margin:0;font-size:13px;font-weight:700;line-height:1.3}.select-ougi__how{color:var(--kitan-sublabel);margin:0;font-size:11px;line-height:1.3}.select-ougi__now{color:var(--kitan-geppaku);margin:0;font-size:12px;line-height:1.3}.select-ougi__next{color:var(--kitan-sublabel);margin:0;font-size:12px;line-height:1.3}.select-ougi__next.hidden{display:none}.ougi-upgrade{cursor:pointer;color:var(--kitan-kindei-hi);background:#d9a94c29;border:0;border-radius:4px;align-self:flex-start;margin-top:1px;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px #d9a94c99}.ougi-upgrade--off{cursor:default;color:var(--kitan-sublabel);box-shadow:none;background:#e8e4d814}.ougi-upgrade--max.ougi-upgrade--off{color:var(--kitan-kindei-hi);box-shadow:inset 0 -1px 0 var(--kitan-kindei);background:#d9a94c29}.select-actions,.result-actions{flex-direction:column;gap:8px;width:100%;display:flex}.select-actions{flex-direction:row;gap:6px}.select-actions .kitan-btn{flex:1 1 0;min-width:0}.select-actions #btn-select-play{flex:2 1 0}.select-actions .kitan-btn__inner{letter-spacing:2px;white-space:nowrap;padding:0 6px}.select-partner-effect{color:var(--kitan-geppaku);margin:0;font-size:12px;line-height:1.3}.select-partner-line{color:var(--kitan-sublabel);margin:0;font-size:11px;line-height:1.3}.select-partner-line:empty{display:none}.result-rank{width:100%;height:32px;font-family:var(--kitan-font);letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;color:var(--kitan-geppaku);cursor:pointer;background:#e8e4d80f;border:.8px solid #e8e4d866;border-radius:5px;margin:2px 0;padding:0 10px;font-size:13px;font-weight:700;transition:transform 90ms ease-out;overflow:hidden}.result-rank:active{transform:scale(.97)}.result-rank.hidden{display:none}.result-rank--blank{visibility:hidden}.result-rank:disabled{cursor:default;color:var(--kitan-sublabel);background:0 0;border-color:#e8e4d82e;transform:none}.result-breakdown{flex-wrap:wrap;justify-content:center;gap:0 10px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.result-breakdown li{white-space:nowrap}.result-totals{flex-wrap:wrap;justify-content:center;gap:0 12px;margin:0;font-size:13px;display:flex}.result-totals span{white-space:nowrap}.result-breakdown b,.result-level b,.result-score b,#result-streak,#result-total-koban{color:var(--kitan-kindei-hi)}.result-level{margin:0;font-size:14px}.result-score{margin:0;font-size:15px;font-weight:700}.result-score__best{color:var(--kitan-geppaku);margin-left:6px;font-size:12px;font-weight:500}.result-newbest{color:var(--kitan-kindei-hi);text-shadow:0 0 8px #f0d69659;margin:0;font-size:14px;font-weight:800}.result-newbest.hidden{display:none}.result-newbest--in{animation:.32s cubic-bezier(.34,1.56,.64,1) result-newbest-in}@keyframes result-newbest-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.result-next-upgrade{color:var(--kitan-sublabel);margin:0;font-size:12px}.result-partner-row{color:var(--kitan-geppaku);margin:0;font-size:12px}.result-partner-row.hidden{display:none}.notice{color:var(--kitan-sublabel);margin:6px 0 0;font-size:11px}#screen-result{padding:12px}.result-panel{overscroll-behavior:contain;touch-action:pan-y;gap:3px;max-height:100%;padding:16px 14px 12px;overflow-y:auto}.result-panel>*{flex-shrink:0}#result-title{margin:0 0 2px}.result-panel>.result-actions{margin-top:4px}.result-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.result-actions>.kitan-btn{min-width:0}.result-actions>#btn-retry{grid-column:1/-1}#modal-credits{background:#131320b8}.credits-panel{max-width:300px;position:relative}.credits-text{text-align:left;color:var(--kitan-geppaku);font-size:12px;line-height:1.7}.credits-text p{margin:0 0 8px}.credits-link{color:var(--kitan-kindei-hi);word-break:break-all}#modal-ranking{background:#131320db}.ranking-panel{gap:4px;max-width:300px;max-height:100%;padding:22px 16px 16px;overflow:hidden}.ranking-panel>*{flex-shrink:0}.ranking-sub{color:var(--kitan-sublabel);margin:0 0 6px;font-size:13px}.ranking-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;flex-shrink:1;gap:4px;width:100%;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ranking-list>li{flex-shrink:0}.ranking-row{text-align:left;background:#e8e4d80f;border-radius:4px;grid-template-columns:minmax(3.2em,auto) minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:6px 10px;font-size:13px;line-height:1.3;display:grid}.ranking-row__rank{white-space:nowrap;color:var(--kitan-sublabel)}.ranking-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ranking-row__score{white-space:nowrap;text-align:right;font-weight:700}.ranking-row.is-you{color:var(--kitan-kindei-hi);box-shadow:inset 0 0 0 1px var(--kitan-kindei)}.ranking-row.is-you .ranking-row__rank{color:var(--kitan-kindei-hi)}.ranking-gap{color:var(--kitan-sublabel);letter-spacing:2px;font-size:13px;line-height:1}.kitan-close{position:absolute;top:4px;right:4px}.kitan-btn,button{touch-action:manipulation}