:root{--brand: #ff2d95;--brand-glow: rgba(255, 45, 149, .55);--font-zh: "Noto Sans TC", "Noto Sans JP", sans-serif;--font-ja: "Noto Sans JP", "Noto Sans TC", sans-serif;--font-target: "Zen Maru Gothic", "Noto Sans JP", sans-serif;--font-latin: "Nunito", "Noto Sans JP", sans-serif;--fs-target: 50px;--fs-romaji: 19px;--fs-input: 30px;--fs-mean: 17px;--fs-npc: 22px;--ok: #1e9e6a;--ok-glow: rgba(30, 158, 106, .45);--ok-soft: rgba(30, 158, 106, .14);--ng: #d7263d;--ng-glow: rgba(215, 38, 61, .5);--ng-soft: rgba(215, 38, 61, .12);--dlg-h: 300px;--dlg-side: 150px;--drawer-width: 470px;--drawer-inset: 16px;--sheet-top: 118px;--sheet-inset: 6px;--screen-desktop-w: 1280px;--screen-desktop-h: 800px;--screen-mobile-w: 390px;--screen-mobile-h: 844px;--ink: #f2f6ff;--ink-2: #b9c6e6;--ink-3: #7182ae;--surface: #0e1b3d;--accent: #3fe0e8;--accent-ink: #04223a;--accent-2: #ffc857;--confirm: #3fe0e8;--confirm-soft: rgba(63, 224, 232, .12);--cur-bg: rgba(255, 200, 87, .16);--cur-line: #ffc857;--hud-bg: linear-gradient(180deg, rgba(18, 30, 68, .92), rgba(9, 17, 42, .92));--hud-line: #3fe0e8;--hud-ink: #f2f6ff;--log-bg: rgba(9, 17, 42, .78);--log-line: rgba(63, 224, 232, .45);--me-bg: rgba(63, 224, 232, .14);--me-line: rgba(63, 224, 232, .5);--bubble-line: #3fe0e8;--grade: rgba(4, 8, 26, .62);--fx: #ffc857;--tile: rgba(20, 36, 80, .75);--tile-line: rgba(63, 224, 232, .28);--panel-ink: #f2f6ff;--pri: #3fe0e8;--pri-ink: #04223a;--pri-edge: #1a9aa6;--sec: rgba(10, 20, 50, .9);--sec-line: rgba(63, 224, 232, .6);--miss-bg: rgba(255, 77, 109, .1);--hl: #ffc857;--neon-core: #cffcff;--neon: #3fe0e8;--bracket: #ffc857;--chara-filter: brightness(.9) saturate(1.05);--rim: rgba(120, 240, 250, .85);--page: #111;--scrim: rgba(3, 6, 20, .55);--panel-bg: linear-gradient(180deg, rgba(16, 30, 70, .95), rgba(8, 15, 38, .97));--panel-solid: linear-gradient(180deg, #101e46, #080f26)}[data-skin=a]{--ink: #3a2e26;--ink-2: #6e5d4e;--ink-3: #9c8b78;--surface: #fbf4e4;--accent: #2f5d46;--accent-ink: #fff8ea;--accent-2: #c99a3b;--confirm: #2f7a55;--confirm-soft: rgba(47, 122, 85, .12);--cur-bg: rgba(201, 154, 59, .2);--cur-line: #c99a3b;--hud-bg: linear-gradient(180deg, #fff9ec, #f1e2c2);--hud-line: #8b5e3c;--hud-ink: #3a2e26;--log-bg: rgba(251, 244, 228, .9);--log-line: #8b5e3c;--me-bg: #e3efe6;--me-line: #9cc2ac;--bubble-line: #8b5e3c;--grade: rgba(46, 26, 12, .55);--fx: #e2b85a;--ok: #1e9e6a;--ok-glow: rgba(30, 158, 106, .45);--ok-soft: rgba(30, 158, 106, .14);--ng: #d7263d;--ng-glow: rgba(215, 38, 61, .5);--ng-soft: rgba(215, 38, 61, .12);--tile: #fffbf0;--tile-line: #e2cfa6;--panel-ink: #3a2e26;--pri: #2f5d46;--pri-ink: #fff8ea;--pri-edge: #1e3d2e;--sec: #fff8ea;--sec-line: #b8892f;--miss-bg: #fff4ee;--hl: #c99a3b;--chara-filter: saturate(.96) sepia(.06);--rim: rgba(255, 226, 170, .9);--panel-bg: #f8efd9;--panel-solid: #fff8ea}[data-skin=b]{--ink: #24303f;--ink-2: #5c6878;--ink-3: #98a2b0;--surface: #ffffff;--accent: #2f4a6d;--accent-ink: #ffffff;--accent-2: #f2884b;--confirm: #2f4a6d;--confirm-soft: rgba(47, 74, 109, .1);--cur-bg: rgba(242, 136, 75, .16);--cur-line: #f2884b;--hud-bg: #ffffff;--hud-line: #2f4a6d;--hud-ink: #24303f;--log-bg: rgba(255, 255, 255, .92);--log-line: #c9d1db;--me-bg: #e8eef6;--me-line: #afc0d6;--bubble-line: #2f4a6d;--grade: rgba(24, 34, 52, .42);--fx: #f2884b;--ok: #1e9e6a;--ok-glow: rgba(30, 158, 106, .45);--ok-soft: rgba(30, 158, 106, .14);--ng: #d7263d;--ng-glow: rgba(215, 38, 61, .5);--ng-soft: rgba(215, 38, 61, .12);--tile: #f5f7fa;--tile-line: #d7dee7;--panel-ink: #24303f;--pri: #f2884b;--pri-ink: #ffffff;--pri-edge: #c9632a;--sec: #ffffff;--sec-line: #2f4a6d;--miss-bg: #fff6f1;--hl: #f2884b;--chara-filter: none;--rim: rgba(255, 255, 255, .95);--panel-bg: #ffffff;--panel-solid: #ffffff}[data-skin=c]{--ink: #f2f6ff;--ink-2: #b9c6e6;--ink-3: #7182ae;--surface: #0e1b3d;--accent: #3fe0e8;--accent-ink: #04223a;--accent-2: #ffc857;--confirm: #3fe0e8;--confirm-soft: rgba(63, 224, 232, .12);--cur-bg: rgba(255, 200, 87, .16);--cur-line: #ffc857;--hud-bg: linear-gradient(180deg, rgba(18, 30, 68, .92), rgba(9, 17, 42, .92));--hud-line: #3fe0e8;--hud-ink: #f2f6ff;--log-bg: rgba(9, 17, 42, .78);--log-line: rgba(63, 224, 232, .45);--me-bg: rgba(63, 224, 232, .14);--me-line: rgba(63, 224, 232, .5);--bubble-line: #3fe0e8;--grade: rgba(4, 8, 26, .62);--fx: #ffc857;--ok: #2ee59d;--ok-glow: rgba(46, 229, 157, .55);--ok-soft: rgba(46, 229, 157, .14);--ng: #ff4d6d;--ng-glow: rgba(255, 77, 109, .55);--ng-soft: rgba(255, 77, 109, .16);--tile: rgba(20, 36, 80, .75);--tile-line: rgba(63, 224, 232, .28);--panel-ink: #f2f6ff;--pri: #3fe0e8;--pri-ink: #04223a;--pri-edge: #1a9aa6;--sec: rgba(10, 20, 50, .9);--sec-line: rgba(63, 224, 232, .6);--miss-bg: rgba(255, 77, 109, .1);--hl: #ffc857;--chara-filter: brightness(.9) saturate(1.05);--rim: rgba(120, 240, 250, .85);--panel-bg: linear-gradient(180deg, rgba(16, 30, 70, .95), rgba(8, 15, 38, .97));--panel-solid: linear-gradient(180deg, #101e46, #080f26)}@media(max-width:599px){:root{--fs-target: 28px;--fs-romaji: 13.5px;--fs-input: 21px;--fs-mean: 13.5px;--fs-npc: 16px}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font-ja);font-size:16px;line-height:1.5}[data-ui-lang=zh-TW] body{font-family:var(--font-zh)}[lang=ja]{font-family:var(--font-ja)}button,a{font:inherit;color:inherit}button{cursor:pointer}.app{min-height:100%;display:flex;flex-direction:column;background:var(--surface);color:var(--panel-ink)}.hud{display:flex;align-items:center;gap:12px;padding:14px 18px 10px}.brand{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px 0 4px;text-decoration:none;background:var(--hud-bg);color:var(--hud-ink);border:2px solid var(--hud-line);border-radius:23px;box-shadow:0 0 14px #3fe0e859,0 10px 22px #0006}.brand img{height:38px;width:auto;display:block;filter:drop-shadow(0 0 6px var(--brand-glow))}.brand b{font:900 17px/1 var(--font-latin);letter-spacing:.01em}.brand b i{font-style:normal;font-weight:700;opacity:.65;margin-left:2px}.hud-title{font:900 16px/1.2 var(--font-ja)}[data-ui-lang=zh-TW] .hud-title{font-family:var(--font-zh)}.hud .sp{flex:1}.stage{flex:1;display:flex;min-height:0;padding:8px 18px 16px}.neon-frame{position:relative;flex:1;min-width:0;border-radius:20px;background:var(--panel-bg);box-shadow:0 0 0 2px #3fe0e840,0 24px 60px #0009;color:var(--panel-ink)}.neon-frame .tube{position:absolute;background:var(--neon-core);border-radius:6px;box-shadow:0 0 4px var(--neon),0 0 12px var(--neon),0 0 24px #3fe0e8b3;pointer-events:none}.neon-frame .tube.t{top:-3px;left:44px;right:44px;height:6px}.neon-frame .tube.b{bottom:-3px;left:44px;right:44px;height:6px}.neon-frame .tube.l{left:-3px;top:40px;bottom:40px;width:6px}.neon-frame .tube.r{right:-3px;top:40px;bottom:40px;width:6px}.neon-frame .bracket{position:absolute;width:30px;height:30px;border:4px solid var(--bracket);filter:drop-shadow(0 0 5px rgba(255,200,87,.7));pointer-events:none}.neon-frame .k1{top:-8px;left:-8px;border-right:0;border-bottom:0;border-radius:10px 0 0}.neon-frame .k2{top:-8px;right:-8px;border-left:0;border-bottom:0;border-radius:0 10px 0 0}.neon-frame .k3{bottom:-8px;left:-8px;border-right:0;border-top:0;border-radius:0 0 0 10px}.neon-frame .k4{bottom:-8px;right:-8px;border-left:0;border-top:0;border-radius:0 0 10px}.frame-body{height:100%;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:28px 32px 24px}.tagline{margin:0;font-weight:700;color:var(--ink-2)}.note{margin:0;color:var(--ink-3);font-size:13px;font-weight:700}.phrase{margin:0;font-family:var(--font-target);font-weight:900;font-size:var(--fs-target);line-height:1.15;letter-spacing:.03em}.scene-name{margin:0;font-weight:900;font-size:22px}.scene-name small{display:block;margin-bottom:4px;font:800 11px/1.3 var(--font-latin);letter-spacing:.14em;color:#8fa6d8}.actions{display:flex;flex-direction:column;gap:10px;max-width:440px}.actions.row{flex-direction:row;flex-wrap:wrap}.btn-pri,.btn-sec,.btn-hud{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;font-weight:900;white-space:nowrap;text-decoration:none;border:0}.btn-pri{height:70px;padding:0 22px;background:var(--pri);color:var(--pri-ink);font-size:20px;box-shadow:0 5px 0 var(--pri-edge),0 12px 20px #00000040}[data-skin=c] .btn-pri{box-shadow:0 6px 0 var(--pri-edge),0 0 28px #3fe0e899,0 14px 28px #00000047}.btn-sec,.btn-hud{height:48px;padding:0 16px;background:var(--sec);border:2px solid var(--sec-line);color:var(--panel-ink);font-size:15px;box-shadow:0 3px #00000024}[data-skin=c] .btn-sec,[data-skin=c] .btn-hud{box-shadow:0 0 10px #3fe0e833}.btn-hud{height:46px}.keycap{display:inline-flex;align-items:center;font:900 12px/1 var(--font-latin);color:var(--ink-2);padding:4px 6px;border-radius:8px;border:2px solid #3a4f86;border-bottom-width:3px}.btn-pri .keycap{color:var(--pri-ink);border-color:color-mix(in srgb,var(--pri-ink) 45%,transparent)}.lang-pill{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#060e24b8;border:1.5px solid rgba(63,224,232,.35)}.lang-pill button{border:0;background:transparent;font-size:12px;font-weight:800;color:var(--ink-3);padding:4px 10px;border-radius:999px;line-height:1}.lang-pill button[lang=ja]{font-family:var(--font-ja)}.lang-pill button[lang=zh-Hant-TW]{font-family:var(--font-zh)}.lang-pill button[aria-pressed=true]{background:#3fe0e82e;color:var(--accent);box-shadow:inset 0 0 0 1px #3fe0e88c}.scene-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.scene-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;background:var(--tile);border:1.5px solid var(--tile-line);color:var(--panel-ink)}.scene-row[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.scene-row .no{font:900 15px/1 var(--font-latin);color:var(--accent)}.pause-note{margin:0;font-weight:800;color:var(--hl)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.scrim{position:fixed;inset:0;z-index:20;border:0;padding:0;background:var(--scrim);cursor:pointer}.drawer{position:fixed;z-index:21;top:var(--drawer-inset);right:var(--drawer-inset);bottom:var(--drawer-inset);width:var(--drawer-width);flex:none;background:var(--panel-solid)}.drawer .frame-body{gap:14px;padding:20px 22px 16px}.grab{display:none}.drawer-head{display:flex;align-items:center;gap:10px}.drawer-head h2{margin:0;font-size:20px;font-weight:900}.drawer-head .sp{flex:1}.group h3{margin:0 0 8px;font:900 11.5px/1 var(--font-ja);letter-spacing:.12em;color:var(--ink-3)}[data-ui-lang=zh-TW] .group h3{font-family:var(--font-zh)}.lang-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}.lang-row b{font-size:14px;font-weight:800}.slots{margin:8px 0 0;padding:0;list-style:none;color:var(--ink-3);font-size:13px;font-weight:700}.slots li{padding:4px 0}.saved{margin:0;font-size:11px;font-weight:600;color:var(--ink-3)}.num{font-family:var(--font-latin)}.group h2{margin:0 0 8px;font-size:16px;font-weight:900}.choice{display:flex;flex-wrap:wrap;gap:8px}.choice button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:140px;padding:8px 12px;border-radius:12px;background:#050c20b3;border:1.5px solid var(--tile-line);color:var(--ink-2)}.choice button small{font-size:11px;font-weight:700;color:var(--ink-3)}.choice button[aria-pressed=true]{color:var(--panel-ink);background:#3fe0e829;box-shadow:inset 0 0 0 2px var(--accent)}.choice.is-locked{opacity:.45}.choice.is-locked button{pointer-events:none}.hint-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hint-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border-radius:12px;background:var(--tile);border:1.5px solid var(--tile-line);color:var(--panel-ink);text-align:left}.hint-card small{font-size:11px;font-weight:700;color:var(--ink-3)}.hint-card[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.toggle{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--ink-3);font:900 11px/1 var(--font-latin);letter-spacing:.1em}.toggle i{width:46px;height:26px;border-radius:999px;background:#7182ae59;border:1.5px solid rgba(113,130,174,.6);position:relative}.toggle i:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#c8d2ec}.toggle.on{color:var(--accent)}.toggle.on i{background:#3fe0e84d;border-color:var(--accent)}.toggle.on i:after{left:22px;background:#fff}.reading{margin:0;font-family:var(--font-latin);font-weight:800;font-size:var(--fs-romaji);color:var(--ink-2)}.gloss{margin:0;font-size:var(--fs-mean);color:var(--ink-2)}.phrase.is-faint,.reading.is-faint{opacity:.4}.foot-row{display:flex;align-items:center;gap:12px;margin-top:auto}.foot-row .saved{flex:1}.linkish{border:0;background:transparent;padding:0;color:var(--ink-3);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto}.confirm p{margin:0;font-weight:800}.confirm .btn-sec{height:40px}.chip{font-size:12px;font-weight:800;padding:4px 8px;border-radius:999px;border:1.5px solid var(--accent-2);color:var(--hl)}.play{position:relative;flex:1;display:flex;min-width:0;min-height:0}.dim{position:absolute;inset:0;z-index:0;background:#03061473}.play>.neon-frame{position:relative;z-index:1}.btn-hud.is-paused{border-color:var(--accent-2);box-shadow:0 0 14px #ffc8578c}.pause-tab{margin:0}.pause-tab small{letter-spacing:.16em;color:var(--ink-3)}.pause-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:22px;align-items:start}[data-motion=still],[data-motion=still] *{animation:none!important}.play[data-skin=a] .tube,.play[data-skin=b] .tube,.play[data-skin=a] .bracket,.play[data-skin=b] .bracket{display:none}@media(max-width:599px){.hud{padding:8px 8px 6px;gap:6px}.hud-title{display:none}.brand{min-height:36px;padding:0 8px 0 2px}.brand img{height:28px}.brand b{display:none}.hud-title{font-size:14px}.stage{padding:6px}.frame-body{padding:18px 14px 14px;gap:12px}.btn-pri{height:58px;font-size:17px}.phrase{font-size:var(--fs-target)}.actions{max-width:none}.lang-pill button{font-size:11px;padding:4px 7px}.keycap{display:none}.drawer{top:var(--sheet-top);right:var(--sheet-inset);bottom:var(--sheet-inset);left:var(--sheet-inset);width:auto}.grab{display:block;align-self:center;width:44px;height:5px;border-radius:9px;background:#c8d2ec73;margin:-2px 0 2px}.hint-cards,.pause-grid{grid-template-columns:1fr}.desk-only{display:none}.choice button{min-width:0;flex:1}}