.touying-deck[data-astro-cid-lanbdpzq]{aspect-ratio:16/9;background:#fff;width:100%;position:relative;overflow:hidden}.touying-deck[data-astro-cid-lanbdpzq] img[data-astro-cid-lanbdpzq]{object-fit:contain;user-select:none;width:100%;height:100%;display:block}.touying-deck[data-astro-cid-lanbdpzq][data-error]:after{content:attr(data-error);color:#b00;white-space:pre-wrap;background:#fff;padding:1em;font:13px/1.4 system-ui,sans-serif;position:absolute;inset:0}:root{color-scheme:light;--accent:#c0392b;--ink:#1a1a1a;--muted:#6b6b6b;--line:#e3e3e3;--paper:#f4f2ee}*{box-sizing:border-box}html{height:100%}body{color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;margin:0;font:14px/1.5 Noto Sans CJK KR,Noto Sans CJK JP,system-ui,sans-serif;display:grid;overflow:hidden}header,footer{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}footer{border-top:1px solid var(--line);padding-bottom:calc(.6rem + env(safe-area-inset-bottom));border-bottom:0;flex-direction:column;align-items:stretch;gap:.3rem}.title{flex-direction:column;min-width:0;display:flex}.muted{color:var(--muted);font-size:.9em}.controls{align-items:center;gap:.8rem;margin-left:auto;display:flex}.clock{font-variant-numeric:tabular-nums;text-align:right;min-width:4.5em;font-weight:600}button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:6px;padding:.25rem .6rem}button:active{background:var(--paper)}main{grid-template-columns:minmax(0,1fr) 22rem;gap:1rem;min-height:0;padding:1rem;display:grid}.stage{flex-direction:column;gap:.5rem;min-width:0;min-height:0;display:flex;position:relative}.deck-wrap{justify-content:center;min-height:0;display:flex}.touying-deck{border:1px solid var(--line);border-radius:6px;width:100%;max-width:calc(177.778dvh - 30.2222rem);box-shadow:0 2px 10px #0000000f}.touying-deck.is-hidden{display:none}.nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}#play{min-width:2.6em;font-weight:700}.zclock{text-align:center;min-width:4.2em;display:none}#unzoom{display:none}.hint{text-align:center;margin:0}aside{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:#fff;border-radius:6px;min-height:0;overflow:auto}.beats{margin:0;padding:.3rem 0;list-style:none}.beats li{cursor:pointer;border-left:3px solid #0000;grid-template-columns:6.2em minmax(0,1fr);gap:.5rem;padding:.3rem .7rem;display:grid}.beats li .t{font-variant-numeric:tabular-nums;color:var(--muted)}.beats li .b{overflow-wrap:anywhere;min-width:0}.beats li .x{white-space:pre-line;color:var(--ink);font-weight:400;display:none}.beats li.active .x{display:block}.beats li.active .b:has(.x) .l{display:none}.beats li.sub{padding-left:1.6rem;font-size:.9em}.beats li.past{color:#9a9a9a}.beats li.past .t{color:#b5b5b5}.beats li.active{color:var(--accent);border-left-color:var(--accent);background:#fbeeec;font-weight:600}.beats li.active .t{color:var(--accent)}@media (hover:hover){.beats li:hover{background:var(--paper)}}audio{width:100%}.notice{text-align:center;margin:0}.stage.zoomed{z-index:50;background:#000;margin:0;padding:0;display:block;position:fixed;inset:0}.stage.zoomed .deck-wrap{display:block;position:absolute;inset:0}.stage.zoomed .touying-deck{width:min(100vw,177.778dvh);max-width:none;box-shadow:none;border:0;border-radius:0;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.stage.zoomed .touying-deck{width:min(100dvh,177.778vw);transform:translate(-50%,-50%)rotate(90deg)}}.stage.zoomed .hint{display:none}.stage.zoomed .nav{left:50%;bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:2;background:#ffffffd9;border-radius:8px;flex-wrap:nowrap;padding:.3rem;position:absolute;transform:translate(-50%)}.stage.zoomed .nav [data-i18n],.stage.zoomed #zoom{display:none}.stage.zoomed .nav button{min-width:3rem}.stage.zoomed .zclock{display:inline-block}.stage.zoomed #unzoom{top:calc(.5rem + env(safe-area-inset-top));right:calc(.5rem + env(safe-area-inset-right));z-index:2;display:block;position:absolute}@media (pointer:coarse){button{min-height:2.6rem;padding:.35rem .75rem}.beats li{padding:.55rem .8rem}.hint{display:none}}@media (width<=900px) and (orientation:portrait){body{font-size:15px}header{gap:.5rem;padding:.5rem .8rem}.title .sub{display:none}main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:.6rem;padding:.6rem}.touying-deck{max-width:none}.beats li{grid-template-columns:5.6em minmax(0,1fr)}footer{padding:.4rem .8rem calc(.4rem + env(safe-area-inset-bottom))}.notice{font-size:.75em}}@media (height<=520px){header{padding:.3rem .8rem}.title .sub{display:none}main{grid-template-columns:minmax(0,1fr) 15rem;gap:.5rem;padding:.5rem}.touying-deck{max-width:calc(177.778dvh - 17.7778rem)}.hint,.notice{display:none}footer{padding:.3rem .8rem calc(.3rem + env(safe-area-inset-bottom))}}