:root{--cream:#fff4dc;--gold:#f6d27a;--gold-deep:#c8862a;--brown:#3a1d0b;--muted:#e6cfa6;--ok:#ffe27a;--ng:#ff8b7b;--serif:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Noto Serif CJK JP", serif;--sans:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;color:var(--cream);font-family:var(--sans);background:#1a0505}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;touch-action:manipulation;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img{-webkit-user-drag:none}#backdrop{z-index:0;background:#1a0505;position:fixed;inset:0}#backdrop>div{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .5s;position:absolute;inset:0}#backdrop .stage-title{background-image:url(./stage-DmiD9etB.webp)}#backdrop .stage-dim{background-image:url(./stage-dim-CE5LwcME.webp)}#backdrop .stage-blur{background-image:linear-gradient(#14040459,#1404048c),url(./stage-blur-DM72rLRT.webp)}html[data-stage=title] #backdrop .stage-title,html[data-stage=dim] #backdrop .stage-dim,html[data-stage=blur] #backdrop .stage-blur{opacity:1}#app{z-index:1;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;display:flex;position:relative}.screen{-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;gap:12px;width:min(100%,480px);height:100%;padding:12px 16px 24px;display:flex;position:relative;overflow:hidden auto}.screen>*{flex-shrink:0}.gold-frame{border-style:solid;border-width:16px;border-image:url(./frame-gold-Uc9HTMYs.webp) 64 fill/16px}.red-frame{border-style:solid;border-width:14px 22px;border-image:url(./frame-red-Budyi06u.webp) 56 88 fill/14px 22px}.gold-button{min-height:46px;color:var(--brown);font-family:var(--serif);letter-spacing:.04em;background:0 0;border-style:solid;border-width:11px 14px;border-image:url(./button-Bw11iXuL.webp) 46 54 fill/11px 14px;padding:2px 10px;font-weight:700;transition:transform 80ms,filter .2s}.gold-button:active:not(:disabled){transform:scale(.96)}.gold-button:disabled{filter:saturate(.4)brightness(.8)}.gold-button.big{width:min(78%,300px);min-height:64px;font-size:22px}.text-button{color:var(--muted);text-underline-offset:4px;background:0 0;border:0;padding:8px 12px;font-size:14px;text-decoration:underline}.bubble{background:var(--cream);color:var(--brown);border:2px solid var(--gold-deep);border-radius:14px;padding:8px 12px;font-size:14px;font-weight:600;line-height:1.55;position:relative;box-shadow:0 4px 12px #00000059}.bubble strong{color:#a3240f}.screen-title{padding:0;overflow:hidden}.title-logo{filter:drop-shadow(0 6px 14px #00000080);width:94%;position:absolute;top:7%;left:3%}.title-logo img{width:100%;height:auto;display:block}.title-start{aspect-ratio:720/238;width:58%;min-height:0;font-size:clamp(22px,7.5vw,34px);animation:2.4s ease-in-out infinite breathe;position:absolute;top:41%;left:50%;transform:translate(-50%)}.title-start:active{transform:translate(-50%)scale(.96)}.title-host{width:32%;height:auto;position:absolute;top:50%;left:3%}.title-judge{width:30%;height:auto;position:absolute;bottom:3%;right:4%}@keyframes breathe{50%{filter:drop-shadow(0 0 14px #ffd678cc)}}.host-talk{align-items:flex-end;gap:6px;width:100%;display:flex}.talk-host{flex:none;width:84px;height:auto}.host-talk .bubble{margin-bottom:18px}.host-talk .bubble:before{content:"";border:8px solid #0000;border-right:10px solid var(--gold-deep);border-left:0;position:absolute;bottom:18px;left:-10px}.section-heading{font-family:var(--serif);color:var(--gold);letter-spacing:.2em;text-shadow:0 2px 6px #000000b3;font-size:17px}.difficulty-list{gap:8px;width:100%;display:grid}.difficulty{cursor:pointer;filter:saturate(.55)brightness(.75);grid-template-columns:1fr auto;align-items:center;gap:0 8px;min-height:70px;padding:0 4px;transition:filter .2s;display:grid}.difficulty:has(input:checked){filter:drop-shadow(0 0 10px #ffd26ed9)}.difficulty input,.count-list input{opacity:0;pointer-events:none;position:absolute}.difficulty-name{font-family:var(--serif);color:var(--gold);font-size:19px;font-weight:700}.difficulty-desc{color:var(--muted);grid-column:1;font-size:12px}.difficulty small{color:var(--cream);grid-area:1/2/span 2;font-size:13px}.count-list{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.count-list label{min-height:46px;color:var(--brown);font-family:var(--serif);cursor:pointer;filter:saturate(.4)brightness(.65);border-style:solid;border-width:11px 14px;border-image:url(./button-Bw11iXuL.webp) 46 54 fill/11px 14px;place-items:center;font-weight:700;display:grid;position:relative}.count-list label:has(input:checked){filter:drop-shadow(0 0 8px #ffd26ed9)}.difficulty:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.count-list label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.start-note{color:var(--ng);text-align:center;min-height:1em;font-size:14px}.hud{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-bottom:-8px;font-size:13px;display:flex}.hud-leave{padding:4px 0 4px 12px;font-size:13px}.rank-caption{font-family:var(--serif);letter-spacing:.15em;text-shadow:0 2px 6px #000c;font-size:15px;font-weight:700}.rank-label{aspect-ratio:1024/319;width:66%;font-family:var(--serif);text-align:center;color:var(--cream);text-shadow:0 1px 3px #000c;background:url(./rank-label-Ys6VL0ee.webp) 50%/contain no-repeat;place-items:center;margin-top:-6px;font-weight:700;line-height:1.15;display:grid;container-type:inline-size}.rank-label span{max-width:60%;font-size:min(19px,7cqi)}.rank-label.big{width:92%}.rank-label.big span{max-width:64%;font-size:min(28px,6cqi)}.rank-label.drop{animation:.6s drop}@keyframes drop{30%{filter:brightness(.6);transform:translateY(6px)scale(.96)}}.cast{grid-template-columns:22% 1fr 24%;align-items:end;gap:6px;width:100%;margin-bottom:-22px;display:grid}.cast img{z-index:2;width:100%;height:auto;position:relative}.cast-host{object-fit:contain;object-position:bottom;max-height:120px}.cast-judge{object-fit:contain;object-position:bottom;max-height:110px}.cast .bubble{text-align:center;align-self:center;margin-bottom:18px;font-size:13px}.clip{align-items:center;width:100%;transition:filter .2s;display:grid}.clip.playing{filter:drop-shadow(0 0 10px #ffcd64cc)}.accompaniment{z-index:1;grid-template-columns:auto 1fr;gap:12px;min-height:92px;padding:4px 8px;position:relative}.melody{border-left-width:20px;border-right-width:20px;grid-template-columns:auto 1fr auto;gap:6px;min-height:76px;padding:0 2px}.melody .play-button{width:40px;height:40px}.melody .clip-name strong{font-size:15px}.melody.correct{filter:drop-shadow(0 0 10px #ffe27ae6)}.melody.wrong-pick{filter:saturate(.5)brightness(.8)}.melody.wrong-pick.playing{filter:saturate(.8)drop-shadow(0 0 8px #ffcd64b3)}.clip-body{gap:4px;min-width:0;display:grid}.clip-name{align-items:baseline;gap:6px;min-width:0;display:flex}.clip-name strong{font-family:var(--serif);color:var(--cream);white-space:nowrap;font-size:16px}.accompaniment .clip-name strong{font-size:19px}.category{text-overflow:ellipsis;min-width:0;color:var(--muted);white-space:nowrap;border:1px solid #f6d27a73;border-radius:999px;padding:0 7px;font-size:11px;overflow:hidden}.mark{white-space:nowrap;border-radius:4px;margin-right:4px;padding:0 5px;font-size:10px;font-weight:700}.mark:empty{display:none}.correct .mark{background:var(--ok);color:var(--brown)}.wrong-pick .mark{background:var(--ng);color:var(--brown)}.answer-line{color:var(--gold);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.play-button{border:2px solid var(--gold);width:44px;height:44px;color:var(--gold);background:radial-gradient(circle at 35% 30%,#4a2410,#160603 75%);border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 0 0 2px #0006,inset 0 0 8px #ffc86440}.accompaniment .play-button{border-width:3px;width:58px;height:58px}.play-button svg{fill:currentColor;width:22px;height:22px;margin-left:3px}.accompaniment .play-button svg{width:28px;height:28px}.wave{--progress:0%;height:26px;position:relative}.accompaniment .wave{height:32px}.wave-bars{align-items:center;gap:2px;display:flex;position:absolute;inset:0 0 6px}.wave-bars span{background:#fff0dc59;border-radius:1px;flex:1;min-height:2px}.wave-bars.fill{clip-path:inset(0 calc(100% - var(--progress)) 0 0)}.wave-bars.fill span{background:linear-gradient(var(--gold), var(--gold-deep))}.wave:after{content:"";background:linear-gradient(90deg, var(--gold) var(--progress), #ffffff2e var(--progress));border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0}.pick{white-space:nowrap;width:96px;min-height:46px;padding:0;font-size:17px}.pick.mix{letter-spacing:0;font-size:11px}.correct .pick:disabled{filter:none;color:#8a5a00}.choices{gap:6px;width:100%;display:grid}.hint{color:var(--muted);text-align:center;text-shadow:0 1px 4px #000c;min-height:1.4em;font-size:13px}.mix-note{color:var(--gold);text-align:center;background:#1e0804bf;border-radius:10px;padding:6px 10px;font-size:13px;line-height:1.6}.reveal{text-align:center;gap:6px;width:100%;padding:6px 4px;display:grid}.verdict{font-family:var(--serif);font-size:24px;font-weight:800}.verdict.ok{color:var(--ok)}.verdict.ng{color:var(--ng)}.reveal h2{font-family:var(--serif);color:var(--cream);font-size:19px}.answer-composer{color:var(--muted);font-size:12px}.parts-info{color:var(--muted);font-size:12px;line-height:1.6}.parts-info strong{color:var(--gold)}.reveal .row{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.reveal .row .gold-button{font-size:15px}.credits-dialog{width:min(92vw,440px);max-height:80dvh;color:var(--cream);background:0 0;margin:auto;padding:10px 6px;overflow:hidden}.credits-dialog[open]{grid-template-rows:auto 1fr auto;gap:10px;display:grid}.credits-dialog::backdrop{background:#0a0202b8}.credits-dialog h2{font-family:var(--serif);color:var(--gold);text-align:center;font-size:17px}.credits-dialog .gold-button{justify-self:center;width:60%;font-size:16px}.credits{color:var(--muted);word-break:break-all;-webkit-user-select:text;user-select:text;gap:8px;margin:0;padding-left:18px;font-size:12px;line-height:1.5;display:grid;overflow-y:auto}.screen-result .cast{margin-bottom:0}.result-list{gap:6px;width:100%;margin:0;padding:4px 6px 4px 30px;font-size:13px;line-height:1.45;display:grid}.result-list .ok{color:var(--ok);font-weight:700}.result-list .ng{color:var(--ng);font-weight:700}@media (height<=700px){.cast-host{max-height:92px}.cast-judge{max-height:84px}.melody{min-height:68px}.accompaniment{min-height:82px}}.updating{z-index:20;color:var(--cream);font-family:var(--serif);background:#1a0505;place-items:center;font-size:18px;display:grid;position:fixed;inset:0}#rotate-gate{z-index:40;font-family:var(--serif);text-align:center;background:#1a0505;justify-content:center;align-items:center;padding:24px;font-size:22px;display:none;position:fixed;inset:0}@media (orientation:landscape) and (height<=520px){#rotate-gate{display:flex}}