.scene-host{position:absolute;inset:0}.play-root{--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}.play-root{box-sizing:border-box;margin:0;padding:0}.play-root{width:100%;height:100%;overflow:hidden}.play-root{font-family:var(--font-zh);background:#111;color:var(--ink)}.play-root [lang=ja]{font-family:var(--font-ja)}.play-root svg{display:block}.play-root[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}.play-root[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}.play-root[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)}.play-root .world{position:absolute;inset:0;overflow:hidden}.play-root .world img.bg,.play-root .world img.fg{position:absolute;max-width:none}.play-root .world .cat{position:absolute;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}.play-root .world img.fg{z-index:2}.play-root .grade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,var(--grade) 0,transparent 140px),linear-gradient(0deg,var(--grade) 0,transparent 42%)}.play-root.d .grade{background:linear-gradient(180deg,var(--grade) 0,transparent 130px),linear-gradient(0deg,var(--grade) 0,transparent 46%),linear-gradient(90deg,var(--grade) 0,transparent 30%)}.play-root .hud{position:absolute;z-index:10;top:14px;left:18px;right:18px;display:flex;align-items:flex-start;gap:12px}.play-root .plate{background:var(--hud-bg);color:var(--hud-ink);border:2px solid var(--hud-line);border-radius:14px;box-shadow:0 4px #0000002e,0 10px 22px #00000038}.play-root .rbtn{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center}.play-root .rbtn svg{width:22px;height:22px}.play-root .scene{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 8px}.play-root .scene .no{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font:900 15px/1 var(--font-latin)}.play-root .scene b{display:block;font-size:16px;font-weight:900;letter-spacing:.02em}.play-root .scene small{display:block;font:800 10.5px/1.3 var(--font-latin);letter-spacing:.12em;color:var(--ink-3)}.play-root[data-skin=c] .scene small{color:#8fa6d8}.play-root .prog{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;align-items:center;gap:6px}.play-root .prog .count{font:900 15px/1 var(--font-latin);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);margin-left:6px}.play-root .prog .count small{opacity:.8}.play-root .hudstrip{margin-left:auto;display:flex;align-items:center;height:46px;padding:0 6px 0 16px;gap:0}.play-root .hudstrip .mt{display:flex;align-items:center;gap:8px;padding:0 14px}.play-root .hudstrip .mt+.mt{border-left:2px solid color-mix(in srgb,var(--hud-line) 30%,transparent)}.play-root .hudstrip .mt svg{width:20px;height:20px;color:var(--accent)}.play-root[data-skin=a] .hudstrip .mt svg{color:var(--accent)}.play-root .hudstrip .v{font:900 22px/1 var(--font-latin)}.play-root .hudstrip .v small{font-size:13px;margin-left:1px}.play-root .hudstrip .l{font:800 10px/1.1 var(--font-latin);letter-spacing:.1em;color:var(--ink-3)}.play-root .hudstrip .flame{color:#f29a3a!important}.play-root .hudstrip .pz{width:38px;height:38px;margin-left:6px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.play-root .hudstrip .pz svg{width:18px;height:18px;color:var(--accent-ink)}.play-root .hudstrip .hot .v{color:var(--ok)}.play-root .hudstrip .drop{color:var(--ng);font:900 12px/1 var(--font-latin);margin-left:4px}.play-root .hudstrip .broken .v{color:var(--ink-3);text-decoration:line-through}.play-root[data-skin=a] .prog{top:-14px;padding:14px 14px 0}.play-root[data-skin=a] .prog:before{content:"";position:absolute;left:4px;right:44px;top:6px;height:12px;border-radius:6px;background:linear-gradient(180deg,#9a6a42,#6b4429);box-shadow:0 3px 6px #00000059}.play-root[data-skin=a] .prog .node{position:relative;margin-top:2px}.play-root[data-skin=b] .prog{background:#fffffff0;border:2px solid #2F4A6D;border-radius:999px;padding:6px 16px 4px;gap:0;box-shadow:0 4px #00000026}.play-root[data-skin=b] .prog .node{display:flex;flex-direction:column;align-items:center;gap:1px;width:46px;position:relative}.play-root[data-skin=b] .prog .node em{font-style:normal;font-size:10px;font-weight:700;color:#5c6878}.play-root[data-skin=b] .prog .node.n-cur em{color:#2f4a6d;font-weight:900}.play-root[data-skin=b] .prog .node+.node:before{content:"";position:absolute;right:31px;top:15px;width:30px;height:4px;background:#2f4a6d;border-radius:2px;z-index:-1}.play-root[data-skin=b] .prog .node.n-todo:before{background:repeating-linear-gradient(90deg,#9AA6B6 0 5px,transparent 5px 9px)}.play-root[data-skin=b] .prog .count{color:#24303f;text-shadow:none}.play-root[data-skin=c] .prog{top:-16px;padding:16px 10px 0}.play-root[data-skin=c] .prog:before{content:"";position:absolute;left:0;right:40px;top:12px;height:14px;border-top:2px solid #1B2347;border-radius:50%}.play-root[data-skin=c] .prog .node{margin-top:4px}.play-root .log{position:absolute;z-index:6;left:24px;top:92px;width:300px;padding:12px 12px 14px;border-radius:16px;background:var(--log-bg);border:2px solid var(--log-line);box-shadow:0 10px 24px #00000038;-webkit-mask:linear-gradient(180deg,transparent 0,#000 54px)}.play-root .log h4{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--ink-2);letter-spacing:.08em;margin:0 2px 8px}.play-root .log h4 svg{width:15px;height:15px}.play-root .turn{display:flex;gap:8px;align-items:flex-end;margin-top:8px}.play-root .turn .ic{flex:none;width:26px;height:24px}.play-root .turn .t{padding:7px 11px;border-radius:12px;font-size:14.5px;line-height:1.35;font-weight:500;max-width:236px}.play-root .turn .t small{display:block;font-size:11px;color:var(--ink-3);font-family:var(--font-zh);margin-top:1px}.play-root .turn.npc .t{background:#fff;color:#2b2f36;border:1.5px solid #E2DACB;border-bottom-left-radius:4px}.play-root .turn.npc .t small{color:#8a8f99}.play-root .turn.me{justify-content:flex-end}.play-root .turn.me .t{background:var(--me-bg);border:1.5px solid var(--me-line);border-bottom-right-radius:4px;color:var(--ink)}.play-root .turn.me .ok{flex:none;width:20px;height:20px;border-radius:50%;background:var(--confirm);color:var(--surface);display:grid;place-items:center;margin-bottom:4px}.play-root[data-skin=c] .turn.me .ok{color:#04223a}.play-root .turn.me .ok svg{width:12px;height:12px}.play-root .logpill{display:none}.play-root .bubble{position:absolute;z-index:7;background:#fff;color:#2b2f36;border:3px solid var(--bubble-line);border-radius:22px;padding:16px 22px 13px;box-shadow:0 6px #0000001f,0 16px 30px #00000040;max-width:400px}.play-root .bubble:before{content:"";position:absolute;left:-17px;top:34px;border:10px solid transparent;border-right:17px solid var(--bubble-line);border-left:0}.play-root .bubble:after{content:"";position:absolute;left:-11px;top:37px;border:7px solid transparent;border-right:13px solid #fff;border-left:0}.play-root .bubble .who{position:absolute;top:-13px;left:18px;display:flex;align-items:center;gap:6px;font:800 11px/1 var(--font-latin);letter-spacing:.12em;background:var(--bubble-line);color:#fff;padding:5px 10px 5px 6px;border-radius:999px}.play-root[data-skin=c] .bubble .who{color:#04223a}.play-root .bubble .who i{width:16px;height:14px;display:block}.play-root .bubble .ja{font-family:var(--font-target);font-weight:700;font-size:var(--fs-npc);line-height:1.4;white-space:nowrap}.play-root .bubble .zh{font-size:14px;color:#6e7480;margin-top:3px}.play-root[data-skin=c] .bubble{box-shadow:0 0 0 4px #3fe0e838,0 0 26px #3fe0e880,0 16px 30px #0006}.play-root .dlg{position:absolute;z-index:8;left:var(--dlg-side);right:var(--dlg-side);bottom:16px;height:var(--dlg-h)}.play-root .page{position:relative;height:100%;display:flex;flex-direction:column;padding:28px 34px 14px}.play-root .tab{position:absolute;z-index:3;top:-17px;left:30px;display:flex;align-items:center;gap:8px;height:34px;padding:0 16px 0 10px;border-radius:10px;font-weight:900;font-size:15px;letter-spacing:.04em;background:var(--accent);color:var(--accent-ink);box-shadow:0 4px #0000002e}.play-root .tab small{font:900 10px/1 var(--font-latin);letter-spacing:.16em;opacity:.8}.play-root .tab .tri{width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;border-right:0}.play-root .mean{display:flex;align-items:center;gap:10px;font-size:var(--fs-mean);color:var(--ink-2)}.play-root .mean .chip{font-size:11.5px;font-weight:800;letter-spacing:.06em;padding:4px 8px;border-radius:7px;background:var(--confirm-soft);color:var(--accent);border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent)}.play-root[data-skin=c] .mean .chip{color:var(--accent)}.play-root .mean b{color:var(--ink);font-weight:700}.play-root .line{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;position:relative;min-height:0}.play-root .seg{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 3px}.play-root .seg .jp{font-family:var(--font-target);font-weight:900;font-size:var(--fs-target);line-height:1.15;letter-spacing:.03em;color:var(--ink);opacity:.6;padding:0 4px;border-radius:10px;position:relative}.play-root .seg .rm{font:800 var(--fs-romaji)/1.1 var(--font-latin);letter-spacing:.05em;margin-top:7px;color:var(--ink-3);opacity:.35}.play-root .seg.done .jp{color:var(--confirm);opacity:1}.play-root .seg.done .jp:after{content:"";position:absolute;left:4px;right:4px;bottom:-3px;height:4px;border-radius:3px;background:var(--confirm)}.play-root .seg.done .rm{color:var(--confirm);opacity:.9}.play-root .seg .ck{position:absolute;right:-6px;top:-4px;width:20px;height:20px;border-radius:50%;background:var(--confirm);color:var(--surface);display:grid;place-items:center;box-shadow:0 0 0 2.5px var(--surface)}.play-root[data-skin=c] .seg .ck{color:#04223a}.play-root .seg .ck svg{width:12px;height:12px}.play-root .seg.cur .jp{opacity:1;color:var(--ink);background:var(--cur-bg);box-shadow:inset 0 -5px 0 var(--cur-line)}.play-root .seg.cur .rm{color:var(--ink);opacity:.62}.play-root .seg.cur:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);border:7px solid transparent;border-top:9px solid var(--cur-line);border-bottom:0}.play-root .seg.next .rm{opacity:.2}.play-root .seg.bad .jp .w{color:var(--ng);box-shadow:0 0 0 3px var(--ng);border-radius:8px;background:var(--ng-soft)}.play-root .seg.bad .rm{color:var(--ng);opacity:1;text-decoration:underline wavy var(--ng);text-underline-offset:5px}.play-root .input{position:relative;margin-top:14px;height:78px;display:flex;align-items:center;gap:14px;padding:0 14px;border-radius:18px;background:var(--in-bg,#FFFFFF);border:3px solid var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 16%,transparent),0 8px 20px #0000001f,inset 0 3px #0000000d}.play-root .ime{flex:none;width:46px;height:46px;border-radius:13px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:900 22px/1 var(--font-ja)}.play-root .typed{flex:1;font:700 var(--fs-input)/1 var(--font-ja);color:var(--ink);display:flex;align-items:center;white-space:nowrap}.play-root .typed .comp{border-bottom:3px dotted var(--ink);padding-bottom:3px}.play-root .typed .bad{color:var(--ng);text-decoration:underline wavy var(--ng);text-underline-offset:8px}.play-root .typed .ph{color:var(--ink-3);font-weight:500;font-size:20px;display:flex;align-items:center;gap:8px}.play-root .typed .ph svg{width:24px;height:24px}.play-root .caret{display:inline-block;width:3px;height:34px;background:var(--accent);border-radius:2px;margin-left:4px;box-shadow:0 0 8px var(--accent)}.play-root .key{display:inline-flex;align-items:center;gap:5px;font:900 12px/1 var(--font-latin);color:var(--ink-2);padding:6px 8px;border-radius:8px;border:2px solid color-mix(in srgb,var(--ink-3) 55%,transparent);border-bottom-width:4px;background:transparent;white-space:nowrap}.play-root .key svg{width:14px;height:14px}.play-root .okmark{flex:none;width:46px;height:46px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px var(--ok-soft),0 0 18px var(--ok-glow)}.play-root .okmark svg{width:26px;height:26px}.play-root .ctrl{display:flex;align-items:center;gap:18px;margin-top:10px;font-size:14px;color:var(--ink-2)}.play-root .ctrl .q{display:inline-flex;align-items:center;gap:7px;font-weight:700}.play-root .ctrl .q svg{width:18px;height:18px}.play-root .ctrl .q .key{padding:4px 6px;font-size:11px;border-bottom-width:3px}.play-root .ctrl .state{font-size:12.5px;color:var(--ink-3)}.play-root .ctrl .state b{color:var(--ink-2)}.play-root .ctrl .sp{flex:1}.play-root[data-skin=a] .dlg{padding:12px;border-radius:12px;background:repeating-linear-gradient(92deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,rgba(0,0,0,.08) 0 1px,transparent 1px 13px),linear-gradient(180deg,#a2714a,#7b4f2f 55%,#5e3b22);border:2px solid #3E2614;box-shadow:0 18px 40px #1e0f058c,inset 0 2px #ffe1b459}.play-root[data-skin=a] .page{border-radius:6px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.65),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(176,128,72,.22),transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(176,128,72,.18),transparent 50%),repeating-linear-gradient(0deg,rgba(120,90,50,.035) 0 1px,transparent 1px 4px),#f8efd9;box-shadow:inset 0 0 0 1px #d8c29a,inset 0 0 26px #96693740}.play-root[data-skin=a] .page:before{content:"";position:absolute;left:10px;top:12px;bottom:12px;border-left:2px dashed rgba(139,94,60,.35)}.play-root[data-skin=a] .input{--in-bg:#FFFDF6}.play-root .o{display:none;position:absolute;pointer-events:none}.play-root[data-skin=a] .oa{display:block}.play-root .oa.cn{width:46px;height:46px;background:linear-gradient(135deg,#f2d58a,#b8892f 60%,#8e6620);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.play-root .oa.cn:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#fff3c8;box-shadow:0 0 0 1.5px #7a561a}.play-root .oa.tl{top:-2px;left:-2px;clip-path:polygon(0 0,100% 0,0 100%)}.play-root .oa.tl:after{left:9px;top:9px}.play-root .oa.tr{top:-2px;right:-2px;clip-path:polygon(0 0,100% 0,100% 100%)}.play-root .oa.tr:after{right:9px;top:9px}.play-root .oa.bl{bottom:-2px;left:-2px;clip-path:polygon(0 0,0 100%,100% 100%)}.play-root .oa.bl:after{left:9px;bottom:9px}.play-root .oa.br{bottom:-2px;right:-2px;clip-path:polygon(100% 0,100% 100%,0 100%)}.play-root .oa.br:after{right:9px;bottom:9px}.play-root .oa.rib{top:-22px;right:84px;width:34px;height:92px;background:linear-gradient(90deg,#24493a,#3d6e55 45%,#24493a);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.play-root .oa.rib:after{content:"";position:absolute;left:9px;top:46px;width:16px;height:16px;background:#e2b85a;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><ellipse cx="12" cy="16" rx="5" ry="4"/><circle cx="6" cy="10" r="2.2"/><circle cx="10" cy="6.5" r="2.2"/><circle cx="14" cy="6.5" r="2.2"/><circle cx="18" cy="10" r="2.2"/></svg>') center/contain no-repeat}.play-root[data-skin=a] .tab{background:linear-gradient(180deg,#fff9ea,#f0e0be);color:#3a2e26;border:2px solid #B8892F;box-shadow:0 0 0 3px #fff7e6,0 0 0 4.5px #b8892f,0 5px 10px #00000040}.play-root[data-skin=a] .tab .tri{color:var(--accent)}.play-root[data-skin=a] .hudstrip,.play-root[data-skin=a] .scene,.play-root[data-skin=a] .rbtn{border-color:#8b5e3c;box-shadow:0 0 0 2px #fff7e6 inset,0 4px #3c1e0a59,0 10px 22px #00000040}.play-root[data-skin=a] .log{background:linear-gradient(180deg,#fbf4e4ed,#f4e8ceed);border-color:#8b5e3c}.play-root[data-skin=b] .dlg{filter:drop-shadow(0 14px 22px rgba(20,30,50,.35))}.play-root .ob.paper{inset:0;border-radius:16px;background:#fff;-webkit-mask:radial-gradient(circle at 92px 0,transparent 13px,#000 14px) top/100% 51% no-repeat,radial-gradient(circle at 92px 100%,transparent 13px,#000 14px) bottom/100% 51% no-repeat}.play-root[data-skin=b] .page{margin-left:92px;padding-left:30px;background:repeating-radial-gradient(circle at 85% 120%,rgba(47,74,109,.045) 0 2px,transparent 2px 9px),#fff;border-radius:0 16px 16px 0}.play-root[data-skin=b] .ob{display:block}.play-root .ob.stub{left:0;top:0;bottom:0;width:92px;background:linear-gradient(180deg,#f7f3ec,#efe9df);border-radius:16px 0 0 16px;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#2f4a6d}.play-root[data-skin=b] .ob.stub{display:flex}.play-root .ob.stub .v{writing-mode:vertical-rl;font:900 15px/1 var(--font-zh);letter-spacing:.3em}.play-root .ob.stub .n{font:900 28px/1 var(--font-latin)}.play-root .ob.stub .n small{font-size:13px;color:#98a2b0}.play-root .ob.stub .p{width:26px;height:26px;border-radius:50%;border:2.5px dashed #F2884B}.play-root .ob.perf{left:91px;top:16px;bottom:16px;border-left:3px dotted #C9C2B6}.play-root .ob.stripe{left:92px;right:0;top:0;height:8px;border-radius:0 16px 0 0;background:linear-gradient(180deg,#f2884b 0 5px,#2f4a6d 5px 8px)}.play-root .ob.no{right:22px;top:16px;font:800 10.5px/1 var(--font-latin);letter-spacing:.18em;color:#98a2b0}.play-root[data-skin=b] .tab{left:118px;background:#2f4a6d;border-radius:8px 8px 8px 2px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.play-root[data-skin=b] .rbtn,.play-root[data-skin=b] .scene,.play-root[data-skin=b] .hudstrip{border-color:#2f4a6d}.play-root[data-skin=c] .dlg{border-radius:20px;background:linear-gradient(180deg,#101e46f0,#080f26f5);box-shadow:0 0 0 2px #3fe0e840,0 24px 60px #0009}.play-root[data-skin=c] .page{--in-bg:rgba(5,12,32,.85)}.play-root[data-skin=c] .oc{display:block}.play-root .oc.tube{background:#cffcff;border-radius:6px;box-shadow:0 0 4px #3fe0e8,0 0 12px #3fe0e8,0 0 24px #3fe0e8b3}.play-root .oc.t{top:-3px;left:44px;right:44px;height:6px}.play-root .oc.b{bottom:-3px;left:44px;right:44px;height:6px}.play-root .oc.l{left:-3px;top:40px;bottom:40px;width:6px}.play-root .oc.r{right:-3px;top:40px;bottom:40px;width:6px}.play-root .oc.br2{width:30px;height:30px;border:4px solid #FFC857;filter:drop-shadow(0 0 5px rgba(255,200,87,.7))}.play-root .oc.k1{top:-8px;left:-8px;border-right:0;border-bottom:0;border-radius:10px 0 0}.play-root .oc.k2{top:-8px;right:-8px;border-left:0;border-bottom:0;border-radius:0 10px 0 0}.play-root .oc.k3{bottom:-8px;left:-8px;border-right:0;border-top:0;border-radius:0 0 0 10px}.play-root .oc.k4{bottom:-8px;right:-8px;border-left:0;border-top:0;border-radius:0 0 10px}.play-root .oc.lan{top:-74px;width:40px}.play-root .oc.lan.l1{left:60px}.play-root .oc.lan.r1{right:60px}.play-root[data-skin=c] .tab{background:#0a1430;color:#ffe3a0;border:2px solid #FFC857;text-shadow:0 0 6px #FFC857,0 0 14px rgba(255,200,87,.7);box-shadow:0 0 12px #ffc85773}.play-root[data-skin=c] .input{box-shadow:0 0 0 6px #3fe0e824,0 0 24px #3fe0e873,inset 0 2px 10px #00000080}.play-root[data-skin=c] .seg .jp{text-shadow:0 2px 0 rgba(0,0,0,.4)}.play-root[data-skin=c] .seg.done .jp{text-shadow:0 0 14px rgba(63,224,232,.55)}.play-root[data-skin=c] .rbtn,.play-root[data-skin=c] .scene,.play-root[data-skin=c] .hudstrip{border-color:#3fe0e8b3;box-shadow:0 0 14px #3fe0e859,0 10px 22px #0006}.play-root[data-skin=c] .key{color:var(--ink-2);border-color:#3a4f86}.play-root .fx{position:absolute;pointer-events:none;z-index:9}.play-root.st-correct .seg .jp{color:var(--ok)!important;opacity:1!important}.play-root.st-correct .seg .jp:after{background:var(--ok)!important}.play-root.st-correct .seg .rm{color:var(--ok)!important;opacity:.9!important}.play-root.st-correct .seg .ck{background:var(--ok)}.play-root.st-correct .input{border-color:var(--ok);box-shadow:0 0 0 7px var(--ok-soft),0 0 28px var(--ok-glow)}.play-root.st-correct .ime{background:var(--ok);color:#fff}.play-root[data-skin=c].st-correct .oc.tube{background:#e6fff4;box-shadow:0 0 5px var(--ok),0 0 16px var(--ok),0 0 34px #2ee59dcc}.play-root .fx-a-stamp{right:46px;top:26px;width:112px;height:112px;transform:rotate(-12deg)}.play-root .fx-a-curl{right:12px;top:12px;width:120px;height:120px}.play-root .fx-b-stamp{right:40px;top:22px;width:126px;height:126px;transform:rotate(10deg)}.play-root .fx-c-neon{right:40px;top:-58px;transform:rotate(-4deg);font:900 italic 34px/1 var(--font-latin);letter-spacing:.06em;color:#e9fff6;padding:8px 18px;border:3px solid var(--ok);border-radius:12px;background:#06141ed9;text-shadow:0 0 6px var(--ok),0 0 18px var(--ok);box-shadow:0 0 14px var(--ok-glow),inset 0 0 12px var(--ok-glow)}.play-root .fireworks{position:absolute;z-index:1;pointer-events:none}.play-root .sparkles{position:absolute;inset:0;z-index:9;pointer-events:none}.play-root .vignette{position:absolute;inset:0;z-index:11;pointer-events:none;box-shadow:inset 0 0 160px var(--ng-glow)}.play-root.st-miss .input{border-color:var(--ng);box-shadow:0 0 0 7px var(--ng-soft),0 0 26px var(--ng-glow);transform:translate(-6px)}.play-root.st-miss .input:before{content:"";position:absolute;inset:-3px;border:3px solid var(--ng);border-radius:18px;transform:translate(14px);opacity:.3}.play-root.st-miss .ime{background:var(--ng);color:#fff}.play-root .toast{position:absolute;z-index:4;right:18px;top:-50px;display:flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:12px;background:var(--ng);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 18px #0000004d;white-space:nowrap}.play-root .toast:after{content:"";position:absolute;right:52px;bottom:-9px;border:9px solid transparent;border-top-color:var(--ng);border-bottom:0}.play-root .toast .xi{width:24px;height:24px;border-radius:50%;background:#fff;color:var(--ng);display:grid;place-items:center}.play-root .toast .xi svg{width:14px;height:14px}.play-root .toast b{font-family:var(--font-ja);font-size:18px}.play-root .toast .r{font:800 14px/1 var(--font-latin);opacity:.92}.play-root .shake{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:44px}.play-root .shake.l{left:-30px}.play-root .shake.r{right:-34px}.play-root .misstag{position:absolute;z-index:9;left:24px;top:-18px;transform:rotate(-6deg);font:900 italic 22px/1 var(--font-latin);color:#fff;background:var(--ng);padding:6px 14px 5px;border-radius:10px;box-shadow:0 0 0 3px #fff,0 0 16px var(--ng-glow)}.play-root .oskb{position:absolute;z-index:20;left:0;right:0;bottom:0;height:300px;background:#d3d6dc;padding:0 4px 8px;font-family:-apple-system,Noto Sans JP,sans-serif;border-top:1px solid #B9BDC5}.play-root .cands{display:flex;height:42px;align-items:center;gap:0;background:#e9ebef;margin:0 -4px 8px;border-bottom:1px solid #C3C7CE}.play-root .cands span{flex:1;text-align:center;font-size:17px;color:#222;border-right:1px solid #CDD0D6}.play-root .cands span.sel{font-weight:700}.play-root .krow{display:flex;gap:6px;margin:0 0 10px;justify-content:center}.play-root .oskb .key{all:unset;flex:1;height:42px;display:grid;place-items:center;background:#fff;border-radius:6px;box-shadow:0 1px #898c92;font-size:19px;color:#111;max-width:34px}.play-root .oskb .key.wide{max-width:44px;background:#abb0ba}.play-root .oskb .key.fn{max-width:48px;background:#abb0ba;font-size:14px}.play-root .oskb .key.space{max-width:none;flex:4;font-size:14px}.play-root .oskb .key.ret{max-width:84px;flex:1.4;background:#2f7bf6;color:#fff;font-weight:700}.play-root .kblabel{position:absolute;right:8px;bottom:262px;transform:translateY(-100%);display:none}.play-root .oskb:after{content:"OS 鍵盤區域（示意）· OS keyboard area";position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);font:700 12px/1 var(--font-zh);color:#5b6170;background:#ffffffd1;padding:7px 12px;border-radius:999px;border:1px dashed #8A90A0;letter-spacing:.04em}.play-root.m{--fs-target:28px;--fs-romaji:13.5px;--fs-input:21px;--fs-mean:13.5px;--fs-npc:16px}.play-root.m .hud{top:8px;left:8px;right:8px;gap:6px}.play-root.m .rbtn{width:36px;height:36px}.play-root.m .rbtn svg{width:18px;height:18px}.play-root.m .scene{display:none}.play-root.m .prog{position:static;transform:none;margin:0 auto 0 4px;gap:2px}.play-root.m[data-skin=a] .prog{padding:12px 4px 0;margin-top:-10px}.play-root.m[data-skin=a] .prog .node{transform:scale(.8);margin:0 -2px}.play-root.m[data-skin=b] .prog{padding:4px 8px 2px}.play-root.m[data-skin=b] .prog .node{width:30px}.play-root.m[data-skin=b] .prog .node em{display:none}.play-root.m[data-skin=b] .prog .node svg{width:24px!important;height:24px!important}.play-root.m[data-skin=b] .prog .node+.node:before{right:22px;top:10px;width:16px}.play-root.m[data-skin=c] .prog{padding:12px 2px 0;margin-top:-10px}.play-root.m[data-skin=c] .prog .node{transform:scale(.78);margin:0 -4px}.play-root.m .prog .count{font-size:13px;margin-left:2px}.play-root.m .hudstrip{margin-left:0;height:36px;padding:0 3px 0 6px}.play-root.m .hudstrip .mt{padding:0 7px;gap:4px}.play-root.m .hudstrip .mt svg{width:14px;height:14px}.play-root.m .hudstrip .v{font-size:15px}.play-root.m .hudstrip .v small{font-size:10px}.play-root.m .hudstrip .l{display:none}.play-root.m .hudstrip .pz{width:30px;height:30px;margin-left:2px}.play-root.m .log{display:none}.play-root.m .logpill{display:flex;position:absolute;z-index:7;left:8px;top:54px;align-items:center;gap:6px;height:28px;padding:0 10px 0 6px;border-radius:999px;background:var(--log-bg);border:1.5px solid var(--log-line);font-size:11.5px;font-weight:700;color:var(--ink);box-shadow:0 4px 10px #0003}.play-root .logpill .no{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--accent);color:var(--accent-ink);font:900 10px/1 var(--font-latin)}.play-root .logpill .c{display:flex;align-items:center;gap:3px;color:var(--ink-2);font-weight:800;padding-left:6px;border-left:1.5px solid var(--log-line)}.play-root .logpill .c svg{width:13px;height:13px}.play-root.m .bubble{padding:11px 13px 9px;border-radius:16px;max-width:none}.play-root.m .bubble .who{top:-11px;left:12px;font-size:9.5px;padding:4px 8px 4px 5px}.play-root.m .bubble .zh{font-size:11px}.play-root.m .dlg{left:8px;right:8px;bottom:8px}.play-root.m .page{padding:22px 16px 10px}.play-root.m .tab{left:16px;top:-15px;height:28px;font-size:13px;padding:0 12px 0 8px}.play-root.m .tab small{display:none}.play-root.m .mean{gap:7px}.play-root.m .mean .chip{font-size:10px;padding:3px 6px}.play-root.m .seg{padding:0 1px}.play-root.m .seg .jp{padding:0 2px}.play-root.m .seg .rm{margin-top:4px}.play-root.m .seg .ck{width:15px;height:15px;right:-4px;top:-3px}.play-root.m .seg .ck svg{width:9px;height:9px}.play-root.m .seg.cur:before{top:-11px;border-width:5px;border-top-width:7px}.play-root.m .input{height:56px;margin-top:10px;gap:10px;padding:0 10px;border-radius:15px}.play-root.m .ime{width:36px;height:36px;font-size:17px;border-radius:10px}.play-root.m .caret{height:25px}.play-root.m .typed .ph{font-size:15px}.play-root.m .ctrl{margin-top:8px;font-size:12.5px;gap:8px}.play-root.m .ctrl .q{padding:6px 10px;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--ink-3) 45%,transparent)}.play-root.m .ctrl .q .key{display:none}.play-root.m .ctrl .state{font-size:11px}.play-root.m[data-skin=a] .dlg{padding:8px}.play-root.m .oa.cn{width:30px;height:30px}.play-root.m .oa.cn:after{width:4px;height:4px}.play-root.m .oa.tl:after{left:6px;top:6px}.play-root.m .oa.tr:after{right:6px;top:6px}.play-root.m .oa.bl:after{left:6px;bottom:6px}.play-root.m .oa.br:after{right:6px;bottom:6px}.play-root.m .oa.rib{right:36px;width:24px;height:62px;top:-16px}.play-root.m .oa.rib:after{left:5px;top:30px;width:14px;height:14px}.play-root.m .ob.paper{-webkit-mask:radial-gradient(circle at 0 50%,transparent 10px,#000 11px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 10px,#000 11px) right/51% 100% no-repeat}.play-root.m[data-skin=b] .page{margin-left:0;padding-left:16px;border-radius:16px;padding-top:24px}.play-root.m .ob.stub,.play-root.m .ob.perf,.play-root.m .ob.no{display:none!important}.play-root.m .ob.stripe{left:0;border-radius:16px 16px 0 0}.play-root.m[data-skin=b] .tab{left:16px}.play-root.m .oc.lan{display:none}.play-root.m .oc.t,.play-root.m .oc.b{left:28px;right:28px}.play-root.m .oc.l,.play-root.m .oc.r{top:26px;bottom:26px}.play-root.m .oc.br2{width:22px;height:22px;border-width:3px}.play-root.m .toast{right:6px;top:-44px;font-size:12.5px;padding:7px 10px 7px 7px}.play-root.m .toast b{font-size:15px}.play-root.m .toast .r{font-size:11.5px}.play-root.m .toast:after{right:40px}.play-root.m .misstag{font-size:16px;left:auto;right:10px;top:-14px;padding:5px 10px 4px}.play-root.m .shake{display:none}.play-root.m .vignette{box-shadow:inset 0 0 80px var(--ng-glow)}.play-root.m{--dlg-h:292px}.play-root.k{--dlg-h:226px}.play-root.k .dlg{bottom:308px}.play-root.k .page{padding:18px 14px 8px}.play-root.k .input{height:50px;margin-top:6px}.play-root.k .ctrl{margin-top:6px}.play-root.k .mean{font-size:12.5px}.play-root .seg{flex:none;white-space:nowrap}.play-root .prog .count{white-space:nowrap}.play-root.m .prog .count{display:none}.play-root.m .hudstrip .flame svg{width:16px!important;height:16px!important}.play-root .bubble.tdown:before{left:46px;top:auto;bottom:-18px;border:10px solid transparent;border-top:17px solid var(--bubble-line);border-bottom:0}.play-root .bubble.tdown:after{left:49px;top:auto;bottom:-11px;border:7px solid transparent;border-top:13px solid #fff;border-bottom:0}.play-root .oskb .krow{opacity:.55}.play-root .oskb:after{white-space:nowrap;font-size:12.5px;top:56%;background:#fffffff0;box-shadow:0 2px 8px #0000001f}.play-root.m .prog{position:relative}.play-root.m[data-skin=a] .prog:before{left:0;right:0}.play-root.m[data-skin=c] .prog:before{left:0;right:0}.play-root.m[data-skin=b] .prog{padding:4px 6px 2px}.play-root.m[data-skin=b] .prog .node{width:27px}.play-root.m[data-skin=b] .prog .node+.node:before{right:19px;width:12px}.play-root.k .page{padding-top:24px}.play-root.m[data-skin=a].k .page{padding-top:22px}.play-root.m .prog{left:auto;top:auto}.play-root .toast.top{top:-22px;right:10px;z-index:12}.play-root .toast.top:after{display:none}.play-root .toast.top em{font:900 italic 13px/1 var(--font-latin);background:#fff;color:var(--ng);padding:3px 6px;border-radius:6px;margin-right:2px}.play-root.k{--dlg-h:238px}.play-root.k .line{margin-top:8px}.play-root.m[data-skin=a].k .page{padding-top:28px}.play-root .misstag{left:200px;top:-16px}.play-root .fx-b-stamp{right:14px;top:8px;width:108px;height:108px}.play-root.st-correct .ob.stub .p{border:0;background:radial-gradient(circle,#1C2A3D 0 55%,#4A5A70 58%,transparent 62%);box-shadow:0 0 0 3px #f2884b59}.play-root.st-correct .ob.stub .n{color:var(--ok)}.play-root.k .seg.cur:before{top:-9px;border-width:4px;border-top-width:6px}.play-root.k .line{margin-top:12px}.play-root .misstag{left:238px}.play-root .fx-b-stamp{right:-22px;top:-58px;width:118px;height:118px;z-index:12;filter:drop-shadow(0 2px 0 rgba(255,255,255,.8))}.play-root .fx-b-stamp{right:6px;top:-18px;width:110px;height:110px;filter:none}.play-root[data-skin=a]{--chara-f:saturate(.96) sepia(.06);--rim:rgba(255,226,170,.9)}.play-root[data-skin=b]{--chara-f:none;--rim:rgba(255,255,255,.95)}.play-root[data-skin=c]{--chara-f:brightness(.9) saturate(1.05);--rim:rgba(120,240,250,.85)}.play-root .chara{position:absolute;z-index:2}.play-root .chara img{width:100%;height:100%;display:block;filter:var(--chara-f) drop-shadow(0 0 1.5px var(--rim)) drop-shadow(0 10px 16px rgba(0,0,0,.28))}.play-root .chara.extra{z-index:1}.play-root .chara.extra img{filter:var(--chara-f) brightness(.9) saturate(.82) blur(.6px) drop-shadow(0 6px 10px rgba(0,0,0,.25))}.play-root .chara.me{z-index:4}.play-root .chara.happy{transform:translateY(-8px)}.play-root .chara.confused{transform:rotate(-3deg);transform-origin:50% 80%}.play-root .chara.confused img{filter:var(--chara-f) saturate(.85) drop-shadow(0 0 1.5px var(--rim)) drop-shadow(0 10px 16px rgba(0,0,0,.28))}.play-root .emotewrap{position:absolute;z-index:6;pointer-events:none}.play-root .emotewrap svg{width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.play-root .bubble .who{padding:3px 11px 3px 3px;font-family:var(--font-zh);font-size:12px;letter-spacing:.06em}.play-root .bubble .who .av{width:22px;height:22px;border-radius:50%;display:block;box-shadow:0 0 0 1.5px #fff}.play-root .turn .ic{width:30px;height:30px}.play-root .turn .ic .av{width:30px;height:30px;border-radius:50%;display:block;box-shadow:0 0 0 2px #fff,0 2px 4px #0003}.play-root .turn.me .ic{order:3}.play-root .murmur{position:absolute;z-index:6;display:flex;flex-direction:column;gap:1px;padding:7px 11px;border-radius:14px;background:#ffffffb8;color:#4a505c;font-size:13px;line-height:1.3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px dashed rgba(90,96,110,.4);box-shadow:0 4px 10px #00000026;max-width:200px}.play-root .murmur small{font-size:10.5px;color:#7a808c}.play-root .murmur .tag{align-self:flex-start;font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#fff;background:#8a909c;border-radius:999px;padding:1px 7px;margin-bottom:2px}.play-root .murmur:after{content:"";position:absolute;left:40px;bottom:-9px;border:8px solid transparent;border-top:9px solid rgba(255,255,255,.72);border-bottom:0}.play-root[data-skin=c] .murmur{background:#142046b3;color:#c9d4f2;border-color:#a0b4e659}.play-root[data-skin=c] .murmur small{color:#8c9ac4}.play-root[data-skin=c] .murmur:after{border-top-color:#142046b3}.play-root .typing{position:absolute;z-index:7;display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:19px;background:var(--me-bg);border:2.5px solid var(--accent);box-shadow:0 6px 14px #00000038}.play-root[data-skin=c] .typing{background:#0e1b3d;box-shadow:0 0 14px #3fe0e880}.play-root .typing i{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.9}.play-root .typing i:nth-child(2){opacity:.6}.play-root .typing i:nth-child(3){opacity:.3}.play-root .typing:after{content:"";position:absolute;right:-12px;bottom:4px;border:7px solid transparent;border-left:13px solid var(--accent);border-right:0;transform:rotate(25deg)}.play-root .typing.oops{border-color:var(--ng)}.play-root .typing.oops i{background:var(--ng)}.play-root .typing.oops:after{border-left-color:var(--ng)}.play-root .typing b{font:900 15px/1 var(--font-latin);color:var(--ng)}.play-root .mesay{position:absolute;z-index:7;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;border-radius:16px;background:var(--me-bg);border:2.5px solid var(--ok);font:700 16px/1.2 var(--font-ja);color:var(--ink);box-shadow:0 0 0 5px var(--ok-soft),0 8px 18px #00000040}.play-root[data-skin=c] .mesay{background:#0e1b3d}.play-root .mesay .who2{display:flex;align-items:center;gap:4px;font:800 11px/1 var(--font-zh);color:#fff;background:var(--accent);padding:3px 8px 3px 3px;border-radius:999px}.play-root[data-skin=c] .mesay .who2{color:#04223a}.play-root .mesay .who2 .av{width:20px;height:20px;border-radius:50%}.play-root .mesay .okc{width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}.play-root .mesay .okc svg{width:13px;height:13px}.play-root .brand{display:flex;align-items:center;gap:6px;height:46px;padding:0 14px 0 8px;border-radius:23px}.play-root .brand>svg{width:20px;height:20px;opacity:.75}.play-root .brand .mark{width:30px;height:auto;display:block}.play-root .brand b{font:900 17px/1 var(--font-latin);letter-spacing:.01em}.play-root .brand b i{font-style:normal;font-weight:700;opacity:.65;margin-left:2px}.play-root .log{width:270px}.play-root.m .brand{height:36px;padding:0 8px 0 4px}.play-root.m .brand b{display:none}.play-root.m .brand .mark{width:24px}.play-root.m .brand>svg{width:16px;height:16px}.play-root.m .mesay{font-size:13px;padding:4px 6px 4px 4px;gap:5px}.play-root.m .typing{height:30px;padding:0 10px;gap:4px}.play-root.m .typing i{width:6px;height:6px}.play-root.d .oa.rib{right:250px}.play-root .oc.lan.r1{display:none}.play-root .murmur{max-width:186px}.play-root .bubble{padding-top:20px}.play-root .bubble .who{top:-15px}.play-root.m .bubble{padding-top:17px}.play-root.m .bubble .who{top:-13px;padding:2px 9px 2px 2px;font-size:10.5px}.play-root.m .bubble .who .av{width:18px;height:18px}.play-root.m .hudstrip .drop{font-size:9.5px;margin-left:1px}.play-root.m[data-skin=c] .prog .node{transform:scale(.7);margin:0 -6px}.play-root.m .oa.rib{right:150px}.play-root.m .hud{gap:4px}.play-root.m .brand{gap:2px;padding:0 6px 0 2px}.play-root.m .brand>svg{width:14px;height:14px}.play-root.m .brand .mark{width:22px}.play-root.m .hudstrip .mt{padding:0 5px}.play-root.m[data-skin=b] .prog .node{width:24px}.play-root.m[data-skin=b] .prog .node+.node:before{right:17px;width:10px}.play-root .brand .mark{width:36px;margin:-2px 0}.play-root.m .brand .mark{width:28px}.play-root .brand .mark{width:42px;height:42px;margin:-2px -4px -2px -6px}.play-root.m .brand .mark{width:32px;height:32px;margin:-2px -3px}.play-root .brand .mark{width:48px;height:48px;margin:-4px -6px -4px -8px}.play-root .log{display:none!important}.play-root .chara.far img{filter:var(--chara-f) brightness(.95) saturate(.92) drop-shadow(0 0 1.5px var(--rim)) drop-shadow(0 8px 12px rgba(0,0,0,.25))}.play-root .chara{z-index:3}.play-root .cb{position:absolute;z-index:7;display:flex;flex-direction:column;gap:1px;background:#fff;color:#2b2f36;border:2.5px solid var(--bubble-line);border-radius:18px;padding:8px 14px 7px;box-shadow:0 4px #0000001a,0 10px 22px #00000038;--fs:18px}.play-root .cb:before{content:"";position:absolute;left:var(--tx,30px);bottom:-15px;border:8px solid transparent;border-top:15px solid var(--bubble-line);border-bottom:0;transform:skew(-14deg)}.play-root .cb:after{content:"";position:absolute;left:calc(var(--tx,30px) + 3px);bottom:-9.5px;border:5.5px solid transparent;border-top:11px solid #fff;border-bottom:0;transform:skew(-14deg)}.play-root .cb .ja{font:700 var(--fs)/1.3 var(--font-target);white-space:nowrap}.play-root .cb .zh{font-size:12px;color:#6e7480;white-space:nowrap}.play-root .cb.l{--fs:23px;padding:10px 18px 9px;border-width:3px}.play-root .cb.l .zh{font-size:13.5px}.play-root .cb.s{--fs:14.5px;padding:6px 11px 5px;border-radius:14px}.play-root .cb.s .zh{font-size:10.5px}.play-root .cb.ghost{opacity:.55;border-style:dashed;box-shadow:none;background:#ffffffd1}.play-root .cb.ghost:after{border-top-color:#ffffffd1}.play-root[data-skin=c] .cb{box-shadow:0 0 0 3px #3fe0e82e,0 0 18px #3fe0e861,0 12px 24px #0006}.play-root[data-skin=c] .cb.ghost{box-shadow:none}.play-root .cb.me{flex-direction:row;align-items:center;gap:6px;border-color:var(--accent);background:var(--me-bg)}.play-root .cb.me:before{border-top-color:var(--accent);transform:skew(14deg)}.play-root .cb.me:after{border-top-color:var(--me-bg);transform:skew(14deg)}.play-root[data-skin=c] .cb.me{background:#0e1b3d;color:#eaf6ff}.play-root[data-skin=c] .cb.me:after{border-top-color:#0e1b3d}.play-root .cb.dots{height:36px;padding:0 14px}.play-root .cb.dots i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.play-root .cb.dots i:nth-child(2){opacity:.6}.play-root .cb.dots i:nth-child(3){opacity:.3}.play-root .cb.oops{border-color:var(--ng)}.play-root .cb.oops i{background:var(--ng)}.play-root .cb.oops:before{border-top-color:var(--ng)}.play-root .cb.oops b{font:900 15px/1 var(--font-latin);color:var(--ng)}.play-root .cb.said{border-color:var(--ok);box-shadow:0 0 0 5px var(--ok-soft),0 8px 18px #00000040}.play-root .cb.said:before{border-top-color:var(--ok)}.play-root .cb.said .ja{--fs:19px}.play-root .cb.said .okc{width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}.play-root .cb.said .okc svg{width:13px;height:13px}.play-root.m .cb{--fs:14.5px;padding:6px 10px 5px;border-radius:14px;border-width:2px}.play-root.m .cb .zh{font-size:10px}.play-root.m .cb.s{--fs:12px;padding:5px 9px 4px}.play-root.m .cb.s .zh{font-size:9px}.play-root.m .cb.dots{height:28px;padding:0 10px;gap:4px}.play-root.m .cb.dots i{width:6px;height:6px}.play-root.m .cb.said .ja{--fs:13.5px}.play-root.m .cb:before{bottom:-12px;border-width:6px;border-top-width:12px;border-bottom:0}.play-root.m .cb:after{bottom:-7.5px;border-width:4px;border-top-width:8px;border-bottom:0}.play-root.d .oc.lan.l1{display:none}.play-root .chara.far{z-index:2}.play-root[data-skin=a]{--cb-ic:#8B5E3C;--mk-ink:#7A4E2A;--mk-halo:#FFF8EA}.play-root[data-skin=b]{--cb-ic:#2F4A6D;--mk-ink:#2F4A6D;--mk-halo:#FFFFFF}.play-root[data-skin=c]{--cb-ic:#16879A;--mk-ink:#BFF6FA;--mk-halo:rgba(10,20,50,.9)}.play-root .cb.ic{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:0;color:var(--cb-ic);border-radius:999px}.play-root .cb.ic svg{fill:currentColor;display:block}.play-root .cb.ic.k-dots svg{width:48%}.play-root .cb.ic.k-smile svg{width:50%;margin-top:4%}.play-root .cb.ic.k-heart svg{width:46%;color:#f27ba8}.play-root .cb.ic.k-heart{color:#f27ba8}.play-root .cb.ic:before,.play-root .cb.ic:after{transform:none}.play-root .cb.ic.tl:before{left:6px;bottom:-12px;border:0;border-top:14px solid var(--bubble-line);border-right:12px solid transparent}.play-root .cb.ic.tl:after{left:9.5px;bottom:-6.5px;border:0;border-top:8.5px solid #fff;border-right:7px solid transparent}.play-root .cb.ic.tr:before{left:auto;right:6px;bottom:-12px;border:0;border-top:14px solid var(--bubble-line);border-left:12px solid transparent}.play-root .cb.ic.tr:after{left:auto;right:9.5px;bottom:-6.5px;border:0;border-top:8.5px solid #fff;border-left:7px solid transparent}.play-root .cb.ic.ghost{opacity:.5;border-style:dashed;background:#ffffffbf}.play-root .cb.ic.ghost:after{border-top-color:#ffffffbf}.play-root .cb.ic.s{border-width:2px}.play-root .cb.ic.me{color:var(--accent);border-color:var(--accent);background:var(--me-bg)}.play-root .cb.ic.me:before{border-top-color:var(--accent)}.play-root .cb.ic.me:after{border-top-color:var(--me-bg)}.play-root[data-skin=c] .cb.ic.me{background:#0e1b3d}.play-root[data-skin=c] .cb.ic.me:after{border-top-color:#0e1b3d}.play-root .cb.ic.me.dots svg{width:52%}.play-root .cb.ic.me.oops{color:var(--ng);border-color:var(--ng)}.play-root .cb.ic.me.oops:before{border-top-color:var(--ng)}.play-root .cb.ic.me.oops svg{width:40%}.play-root .cb.ic.me.oops b{font:900 15px/1 var(--font-latin);color:var(--ng);margin-left:2px}.play-root .cb.ic.me.said{color:var(--ok);border-color:var(--ok);box-shadow:0 0 0 5px var(--ok-soft),0 8px 18px #00000040}.play-root .cb.ic.me.said:before{border-top-color:var(--ok)}.play-root .cb.ic.me.said svg:first-child{width:42%;margin-top:3%}.play-root .cb.ic.me.said .okc{position:absolute;right:-8px;top:-8px;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}.play-root .cb.ic.me.said .okc svg{width:13px;height:13px;fill:none}.play-root .mk{position:absolute;z-index:7;color:var(--mk-ink);pointer-events:none}.play-root .mk svg{width:100%;height:100%;display:block;fill:currentColor;filter:drop-shadow(0 0 1.2px var(--mk-halo)) drop-shadow(0 0 1.2px var(--mk-halo)) drop-shadow(0 0 1.2px var(--mk-halo)) drop-shadow(0 3px 3px rgba(0,0,0,.25))}.play-root .mk-note,.play-root .mk-notes{color:#e9a23b}.play-root .mk-spark{color:#ffc857}.play-root .mk-heart{color:#f27ba8}.play-root .mk-sweat{color:#86cbf0}.play-root[data-skin=c] .mk-note,.play-root[data-skin=c] .mk-notes{color:#ffc857}.play-root[data-skin=c] .mk svg{filter:drop-shadow(0 0 1.2px var(--mk-halo)) drop-shadow(0 0 1.2px var(--mk-halo)) drop-shadow(0 0 6px rgba(63,224,232,.45))}.play-root.m .cb.ic.s{border-width:1.8px}.play-root.m .cb.ic.me.oops b{font-size:12px}.play-root.m .cb.ic.me.said .okc{width:18px;height:18px;right:-6px;top:-6px}.play-root.m .cb.ic:before,.play-root.m .cb.ic:after{transform:scale(.8);transform-origin:50% 0}.play-root .brand .mark{width:auto;height:38px;margin:0 0 0 -2px}.play-root.m .brand .mark{width:auto;height:28px;margin:0 -1px 0 -2px}.play-root .hud{padding:0;background:transparent}.play-root .brand{text-decoration:none;min-height:0}.play-root .brand img{filter:none}.play-root button,.play-root input{font:inherit;color:inherit}.play-root,.play-root *{box-sizing:border-box}.play-root *{margin:0;padding:0}.play-root[data-ui=ja]{font-family:var(--font-ja)}.play-root.k .dlg{bottom:calc(var(--kb-inset, 300px) + 8px)}.play-root .typed-field{position:relative;flex:1;min-width:0;height:100%;display:grid;align-items:center}.play-root .typed-field .typed,.play-root .ghost{grid-area:1 / 1;font:700 var(--fs-input) / 1 var(--font-ja);white-space:nowrap}.play-root .typed-field .typed{pointer-events:none}.play-root .ghost[lang=zh-Hant-TW],.play-root .typed[lang=zh-Hant-TW]{font-family:var(--font-zh)}.play-root .seg .jp[lang=zh-Hant-TW],.play-root .pz-card .phrase[lang=zh-Hant-TW],.play-root .toast b[lang=zh-Hant-TW]{font-family:var(--font-zh);font-weight:700}.play-root .ghost{width:100%;border:0;outline:0;background:transparent;color:transparent;caret-color:var(--accent);padding:0;z-index:1}.play-root.st-correct .ghost{caret-color:transparent}.play-root.hint-hide .seg .rm{opacity:0!important}.play-root.hint-faint .seg.cur .rm{opacity:.4}.play-root.hint-faint .seg.next .rm{opacity:.15}.play-root.hint-faint .seg.done .rm{opacity:.45}.play-root.is-paused .world,.play-root.is-paused .cb,.play-root.is-paused .mk,.play-root.is-paused .emotewrap{filter:saturate(.75) brightness(.78)}.play-root .pause-scrim{position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(180deg,#04081a38,#04081a80 52%,#04081adb)}.play-root.is-paused .oskb{display:none}.play-root.is-paused .hudstrip .pz{background:#ffc857;color:#14224a;box-shadow:0 0 14px #ffc8578c;border:0}.play-root.is-paused .hudstrip .pz svg{color:#14224a}.play-root .hudstrip .pz{border:0;cursor:pointer}.play-root.is-paused .oc.tube{opacity:.78;box-shadow:0 0 3px #3fe0e8,0 0 9px #3fe0e8b3}.play-root.is-paused .tab{height:32px;padding:0 14px 0 6px;background:linear-gradient(180deg,#1b2c5c,#121e44);color:#ffc857;border:2px solid #ffc857;box-shadow:0 0 14px #ffc85773}.play-root.is-paused .tab small{display:inline;margin-left:2px;letter-spacing:.16em;opacity:.8;color:inherit}.play-root .tab .pi{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#ffc857;color:#14224a}.play-root .tab .pi svg{width:12px;height:12px}.play-root.is-paused.is-settings .dlg{filter:brightness(.5) saturate(.8)}.play-root.is-paused.is-settings .pz1-sub.settings{filter:brightness(1.9);box-shadow:0 0 16px #3fe0e8cc}.play-root .page.is-pause{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);column-gap:24px;row-gap:12px;align-content:center;padding:22px 28px 16px;background:radial-gradient(120% 90% at 78% 30%,rgba(63,224,232,.07),transparent 60%),linear-gradient(180deg,rgba(255,200,87,.05),transparent 34%)}.play-root .page.is-pause .sp{flex:1}.play-root .pz1-notice{grid-column:1 / -1}.play-root .pz1-left,.play-root .pz1-right{display:flex;flex-direction:column;gap:11px;min-width:0}.play-root .pz1-right{justify-content:center;gap:12px}.play-root .pz1-split{align-self:stretch;margin:6px 0;background:linear-gradient(180deg,transparent,rgba(63,224,232,.28) 20%,rgba(63,224,232,.28) 80%,transparent)}.play-root .pz1-notice{display:flex;align-items:center;gap:11px;padding:8px 14px 8px 8px;border-radius:12px;background:linear-gradient(90deg,#ffc85729,#ffc8570a);border:1.5px solid rgba(255,200,87,.5)}.play-root .pz1-notice-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ffc857;color:#1b2547;flex:none;box-shadow:0 0 12px #ffc85773}.play-root .pz1-notice-icon svg{width:19px;height:19px}.play-root .pz1-notice span{display:flex;flex-direction:column;gap:3px;min-width:0}.play-root .pz1-notice b{font-size:15px;font-weight:900;color:#ffe3a3}.play-root .pz1-notice small{font-size:11.5px;font-weight:700;color:var(--ink-2)}.play-root .pz1-head,.play-root .pz1-prog,.play-root .pz1-card-top,.play-root .pz1-card-foot{display:flex;align-items:center;gap:10px;min-width:0}.play-root .pz1-scene{display:flex;align-items:center;gap:8px;min-width:0;font-size:18px}.play-root .pz1-scene small{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font:900 13px/1 var(--font-latin)}.play-root .pz1-scene b{font-weight:900;letter-spacing:.01em;white-space:nowrap}.play-root .pz1-stats{display:inline-flex;gap:8px}.play-root .pz1-stat{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;background:#3fe0e81f;border:1px solid rgba(63,224,232,.35);color:var(--ink)}.play-root .pz1-stat svg{width:14px;height:14px;color:var(--accent)}.play-root .pz1-stat.flame svg{color:#f29a3a}.play-root .pz1-stat b{font:900 15px/1 var(--font-latin)}.play-root .pz1-stat b small{font-size:11px}.play-root .pz1-stat>small{font-size:10.5px;font-weight:800;color:var(--ink-3)}.play-root .pz1-track,.play-root .pz1-step{display:inline-flex;align-items:center}.play-root .pz1-step i{display:block;width:18px;height:2px;border-radius:2px;background:#7182ae59}.play-root .pz1-step i.on{background:linear-gradient(90deg,#ffc857,#ff9a3d)}.play-root .pz1-step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:900 11.5px/1 var(--font-latin);color:var(--ink-3);border:1.5px solid rgba(113,130,174,.55);background:#050c20b3}.play-root .pz1-step b.done{background:linear-gradient(180deg,#ffb257,#ff8a2b);border-color:#ffc857;color:#3a1a00;box-shadow:0 0 8px #ff9a3d73}.play-root .pz1-step b.done svg{width:13px;height:13px}.play-root .pz1-step b.cur{border:2px solid var(--accent);color:#fff;background:#3fe0e829;box-shadow:0 0 0 3px #3fe0e824,0 0 12px #3fe0e8a6}.play-root .pz1-track.is-gone b.done,.play-root .pz1-track.is-gone b.cur,.play-root .pz1-step b.clear{background:#ff9a3d14;border:1.5px dashed #ff9a3d;color:#ffb257;box-shadow:none}.play-root .pz1-track.is-gone .pz1-step i.on{background:repeating-linear-gradient(90deg,#ff9a3d 0 3px,transparent 3px 6px)}.play-root .pz1-where{font-weight:800;color:var(--ink-2);white-space:nowrap}.play-root .pz1-gone{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#ffb257;white-space:nowrap}.play-root .pz1-gone svg{width:14px;height:14px}.play-root .pz1-gone-row{display:flex;justify-content:flex-end}.play-root .pz1-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px 14px 10px 16px;border-radius:14px;background:linear-gradient(180deg,#091432d9,#050c20bf);border:1.5px solid rgba(63,224,232,.32);box-shadow:inset 0 1px #ffffff0d}.play-root .pz1-card:before{content:"";position:absolute;left:-1.5px;top:12px;bottom:12px;width:4px;border-radius:3px;background:var(--accent);box-shadow:0 0 8px #3fe0e8cc}.play-root .pz1-card-label{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:#9fe6ec;white-space:nowrap}.play-root .pz1-card-label i{width:0;height:0;border:5px solid transparent;border-left:7px solid var(--accent);border-right:0}.play-root .pz1-card-label b{font:900 12.5px/1 var(--font-latin);color:#ffc857}.play-root .pz1-card-label em{font-style:normal;opacity:.5}.play-root .pz1-gloss{font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}.play-root .pz1-segs{display:flex;align-items:flex-end;gap:11px;margin-top:5px;min-width:0}.play-root .pz1-seg{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 1px 4px}.play-root .pz1-seg>b{font:900 25px/1.15 var(--font-target);color:#fff;white-space:nowrap}.play-root .pz1-seg>b[lang^=zh]{font-family:var(--font-zh)}.play-root .pz1-seg small{font:800 11.5px/1 var(--font-latin);color:#9fe6ec;opacity:.92;white-space:nowrap}.play-root .pz1-card.is-faint .pz1-seg small{opacity:.45}.play-root .pz1-seg.done>b{color:var(--accent)}.play-root .pz1-seg.done:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 6px #3fe0e8b3}.play-root .pz1-seg .ok{position:absolute;right:-9px;top:-5px;width:13px;height:13px;box-shadow:0 0 0 2px #0a1636;border-radius:50%;background:var(--accent);color:#04223a;display:grid;place-items:center}.play-root .pz1-seg .ok svg{width:9px;height:9px}.play-root .pz1-seg.cur{background:#ffc8571f;border-radius:8px;padding:0 4px 4px}.play-root .pz1-seg.cur:before{content:"";position:absolute;left:50%;top:-8px;margin-left:-5px;border:5px solid transparent;border-top-color:#ffc857}.play-root .pz1-seg.cur:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:3px;border-radius:2px;background:#ffc857}.play-root .pz1-seg.next>b{color:#f2f6ff6b}.play-root .pz1-typed{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 3px;border-radius:9px;background:#050c20d9;border:1.5px solid rgba(63,224,232,.45);white-space:nowrap}.play-root .pz1-typed .ime{display:grid;place-items:center;min-width:21px;height:21px;padding:0 3px;border-radius:6px;background:var(--accent);color:#04223a;font:900 12px/1 var(--font-ja)}.play-root .pz1-typed .tx{font:800 14px/1 var(--font-ja);color:#fff}.play-root .pz1-typed .tx[lang^=zh]{font-family:var(--font-zh)}.play-root .pz1-typed u{text-decoration:underline dotted 2px;text-underline-offset:3px;color:#cffcff}.play-root .pz1-typed .caret{display:inline-block;width:2px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--accent)}.play-root .pz1-typed .kp{font-size:10.5px;font-weight:800;color:var(--ink-3);padding-left:7px;border-left:1px solid rgba(113,130,174,.35)}.play-root .pz1-go{position:relative;height:80px;border:0;border-radius:16px;background:var(--accent);color:var(--accent-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.play-root .pz1-go small{font:900 10px/1 var(--font-latin);letter-spacing:.2em;opacity:.7}.play-root .pz1-go b{display:inline-flex;align-items:center;gap:6px;font-size:22px;font-weight:900;letter-spacing:.04em}.play-root .pz1-go b svg{width:17px;height:17px}.play-root .pz1-go .key{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent-ink) 35%,transparent)}.play-root .pz1-go.is-default{outline:2.5px solid #fff;outline-offset:3px}.play-root .pz1-subs{display:flex;gap:8px}.play-root .pz1-sub{flex:1;min-width:0;height:50px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:14.5px;cursor:pointer}.play-root .pz1-sub svg{width:16px;height:16px}.play-root .pz1-sub.settings{border:1.5px solid rgba(63,224,232,.95);background:#0a1c3eeb;color:var(--ink)}.play-root .pz1-sub.settings svg{color:var(--accent)}.play-root .pz1-sub.quiet{border:1.5px solid rgba(113,130,174,.5);background:#081028b3;box-shadow:none;color:var(--ink-2)}.play-root .pz1-sub.quiet svg{color:#8fa3d6}.play-root .pz1-keep{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:12px;font-weight:700;color:var(--ink-2);text-align:center}.play-root .pz1-keep svg{width:14px;height:14px;flex:none}.play-root[data-pause-chrome=auto] .pz1-keep svg{color:#ffc857}.play-root .pz1-confirm{display:flex;flex-direction:column;gap:9px;padding:14px 16px 16px;border-radius:16px;background:linear-gradient(180deg,#ff9a3d1a,#0a143299 60%);border:1.5px solid rgba(255,154,61,.6);box-shadow:0 0 18px #ff9a3d1f}.play-root .pz1-confirm-title{display:flex;align-items:center;gap:9px}.play-root .pz1-confirm-title span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#ff9a3d2e;border:1.5px solid #ff9a3d;color:#ffb257;flex:none}.play-root .pz1-confirm-title svg{width:16px;height:16px}.play-root .pz1-confirm-title b{font-size:18px;font-weight:900;white-space:nowrap}.play-root .pz1-confirm p{margin:0;font-size:12.5px;font-weight:700;line-height:1.5;color:var(--ink-2)}.play-root .pz1-confirm-actions{display:flex;gap:10px}.play-root .pz1-confirm-actions .pz1-go{flex:1.5;height:62px}.play-root .pz1-confirm-actions .pz1-go b{font-size:20px}.play-root .pz1-go-danger{flex:1;height:62px;border-radius:14px;border:1.5px solid #ff9a3d;background:#1e120a8c;color:#ffe0bf;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:900;cursor:pointer}.play-root .pz1-go-danger svg{width:16px;height:16px;color:#ffb257}.play-root[data-pause-chrome=auto] .pz1-go{height:72px}.play-root[data-pause-chrome=auto] .pz1-sub{height:46px}.play-root[data-pause-chrome=auto] .page.is-pause{padding-top:18px;padding-bottom:12px}.play-root[data-pause-chrome=auto] .pz1-card{padding-top:8px;padding-bottom:8px;gap:4px}.play-root[data-pause-chrome=auto] .pz1-left{gap:9px}.play-root.m .page.is-pause,.play-root.k .page.is-pause{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:26px 14px 12px}.play-root.m .pz1-left,.play-root.m .pz1-right,.play-root.k .pz1-left,.play-root.k .pz1-right{display:contents}.play-root.m .pz1-split,.play-root.k .pz1-split{display:none}.play-root.m .pz1-scene b,.play-root.k .pz1-scene b{font-size:16px}.play-root.m .pz1-step b,.play-root.k .pz1-step b{width:21px;height:21px;font-size:10.5px}.play-root.m .pz1-step i,.play-root.k .pz1-step i{width:9px}.play-root.m .pz1-card,.play-root.k .pz1-card{padding:8px 12px 9px 14px;gap:4px}.play-root.m .pz1-segs,.play-root.k .pz1-segs{gap:9px;margin-top:4px}.play-root.m .pz1-seg>b,.play-root.k .pz1-seg>b{font-size:21px}.play-root.m .pz1-seg small,.play-root.k .pz1-seg small{font-size:10.5px}.play-root.m .pz1-gloss,.play-root.k .pz1-gloss{font-size:11px}.play-root.m .pz1-go,.play-root.k .pz1-go{height:60px;flex:none}.play-root.m .pz1-go b,.play-root.k .pz1-go b{font-size:20px}.play-root.m .pz1-subs,.play-root.k .pz1-subs{gap:6px}.play-root.m .pz1-sub,.play-root.k .pz1-sub{height:44px;font-size:13px;gap:5px;padding:0 4px}.play-root.m .pz1-keep,.play-root.k .pz1-keep{font-size:10.5px}.play-root.m .pz1-keep svg,.play-root.k .pz1-keep svg{width:13px;height:13px}.play-root.m .pz1-notice,.play-root.k .pz1-notice{padding:7px 10px 7px 7px;gap:9px}.play-root.m .pz1-notice-icon,.play-root.k .pz1-notice-icon{width:28px;height:28px}.play-root.m .pz1-notice b,.play-root.k .pz1-notice b{font-size:13.5px}.play-root.m .pz1-notice small,.play-root.k .pz1-notice small{font-size:10.5px;white-space:normal;line-height:1.3}.play-root.m .pz1-typed,.play-root.k .pz1-typed{align-self:flex-start;margin-top:2px}.play-root.m .pz1-confirm,.play-root.k .pz1-confirm{padding:12px 13px 13px;gap:7px}.play-root.m .pz1-confirm-title b,.play-root.k .pz1-confirm-title b{font-size:16px}.play-root.m .pz1-confirm p,.play-root.k .pz1-confirm p{font-size:11.5px}.play-root.m .pz1-confirm-actions,.play-root.k .pz1-confirm-actions{flex-direction:column;gap:8px}.play-root.m .pz1-confirm-actions .pz1-go,.play-root.k .pz1-confirm-actions .pz1-go{height:56px}.play-root.m .pz1-go-danger,.play-root.k .pz1-go-danger{height:44px;flex:none}.play-root.m[data-pause-chrome=auto] .page.is-pause{gap:9px}.play-root.m[data-pause-chrome=keyboard] .page.is-pause{gap:8px;padding-bottom:20px}.play-root.m[data-pause-chrome=keyboard] .pz1-keep{margin-top:-8px}.play-root.m[data-pause-chrome=keyboard] .pz1-go{height:56px}.play-root.m .ctrl button.q,.play-root.k .ctrl button.q{appearance:none;background:color-mix(in srgb,var(--surface) 82%,#000);color:var(--ink-2);border:1.5px solid color-mix(in srgb,var(--ink-3) 70%,transparent);white-space:nowrap;flex-shrink:0}.play-root.m .ctrl,.play-root.k .ctrl{flex-wrap:nowrap;min-width:0}.play-root.m .ctrl .state,.play-root.k .ctrl .state{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.play-root [data-slot=how-to-play]{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.app.is-play{height:100%;overflow:hidden;background:#111}.app.is-play>.hud{display:none}.app.is-play .stage{position:relative;padding:0}.play-root{position:absolute;inset:0;overflow:hidden;background:#111}.result-host{position:absolute;inset:0}.result-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hold-save{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px 20px;background:#040814d1}.hold-save img{max-width:min(860px,100%);max-height:calc(100% - 88px);border-radius:16px}.hold-save p{margin:0;color:#fff;font:800 16px/1.4 Noto Sans JP,Noto Sans TC,sans-serif}.hold-save button{position:absolute;top:12px;right:12px;border:0;border-radius:999px;padding:8px 14px;background:#ffffff24;color:#fff;font:800 14px/1 Noto Sans JP,Noto Sans TC,sans-serif}.top-host{position:absolute;inset:0}: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: 150px;--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}}.drawer.sp1{background:linear-gradient(180deg,#101e46,#080f26);color:var(--panel-ink)}.drawer.sp1 .frame-body{overflow:hidden;gap:8px;padding:20px 22px 14px}.set-root{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.drawer.sp1 .bd3{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:0}.drawer.sp1 .gp1{display:flex;flex-direction:column;gap:6px;padding:11px 0 12px;border-top:1px solid rgba(63,224,232,.14)}.drawer.sp1 .gp1:first-child{border-top:0;padding-top:4px}.drawer.sp1 .sh2{display:flex;align-items:center;gap:7px;margin:0;padding:0;border:0}.drawer.sp1 .sh2 svg{width:15px;height:15px;color:var(--accent);flex:none}.drawer.sp1 .sh2 b{font:900 11.5px/1 var(--font-ja);letter-spacing:.12em;color:var(--ink-3)}.drawer.sp1 .sh2 .note{margin:0;letter-spacing:0;font-size:11px;font-weight:800}[data-ui-lang=zh-TW] .drawer.sp1 .sh2 b{font-family:var(--font-zh)}.drawer.sp1 .hd2{display:flex;align-items:center;gap:10px}.drawer.sp1 .hd2 .ti{display:inline-flex;align-items:center;gap:8px}.drawer.sp1 .hd2 .ti svg{width:22px;height:22px;color:var(--accent)}.drawer.sp1 .hd2 h2{margin:0;font-size:20px;font-weight:900}.drawer.sp1 .hd2 .sp{flex:1}.drawer.sp1 .cl2{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px 0 10px;border-radius:12px;background:var(--sec);border:1.5px solid var(--sec-line);color:var(--panel-ink);font-size:13px;font-weight:800;box-shadow:0 0 10px #3fe0e833}.drawer.sp1 .cl2 svg{width:16px;height:16px;color:var(--accent)}.drawer.sp1 .rw2{display:flex;align-items:center;gap:12px;min-height:42px}.drawer.sp1 .rw2 .lb{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.drawer.sp1 .rw2 .lb b{font-size:14px;font-weight:800;white-space:nowrap}.drawer.sp1 .rw2 .lb small{color:var(--ink-3);font-size:11px;font-weight:700;white-space:nowrap}.drawer.sp1 .sg2{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:#050c20b3;border:1.5px solid var(--tile-line)}.drawer.sp1 .sg2>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:64px;padding:6px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);white-space:nowrap}.drawer.sp1 .sg2.two>button{min-width:96px}.drawer.sp1 .sg2 b{font-size:13px;font-weight:900}.drawer.sp1 .sg2 small{font-size:10px;font-weight:700;color:var(--ink-3)}.drawer.sp1 .sg2>button[aria-pressed=true]{background:#3fe0e829;box-shadow:inset 0 0 0 2px var(--accent),0 0 12px #3fe0e84d;color:#fff}.drawer.sp1 .sg2>button[aria-pressed=true] small{color:#9fe6ec}.drawer.sp1 .sg2.is-locked{opacity:.38;filter:saturate(.4)}.drawer.sp1 .nt9{display:flex;align-items:center;gap:5px;margin:-2px 0 0;font-size:11px;font-weight:800;color:#ffc857}.drawer.sp1 .nt9 svg{width:13px;height:13px;flex:none}.drawer.sp1 .pzchip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:#ffc8571f;border:1px solid rgba(255,200,87,.55);color:#ffc857;font-size:11px;font-weight:800;white-space:nowrap}.drawer.sp1 .pzchip svg{width:11px;height:11px}.drawer.sp1 .pzchip b{font:900 11px/1 Nunito,var(--font-latin),sans-serif;margin-left:4px;padding-left:5px;border-left:1px solid rgba(255,200,87,.45)}.drawer.sp1 .lk1{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;border-radius:5px;background:#ffc85726;color:#ffc857;vertical-align:-3px}.drawer.sp1 .lk1 svg{width:12px;height:12px}@media(min-width:600px){.drawer.sp1.is-paused .sw9 .th{height:50px}}.drawer.sp1 .toggle b{width:22px;text-align:left}.drawer.sp1 .hk1{display:flex;flex-direction:column;gap:8px}.drawer.sp1 .hh1{display:flex;align-items:flex-end;gap:10px}.drawer.sp1 .hh1 .lb{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.drawer.sp1 .hh1 .lb b{font-size:14px;font-weight:800;white-space:nowrap}.drawer.sp1 .hh1 .lb small{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#ffc857;white-space:nowrap}.drawer.sp1 .hh1 .lb small svg{width:13px;height:13px}.drawer.sp1 .now9{font-style:normal;color:#9fe6ec;font-weight:800}.drawer.sp1 .lnk1{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:#3fe0e81a;border:1px solid rgba(63,224,232,.4);font-size:11px;font-weight:700;color:var(--ink-2);white-space:nowrap}.drawer.sp1 .lnk1 svg{width:13px;height:13px;color:var(--accent)}.drawer.sp1 .lnk1 em{font-style:normal;opacity:.7}.drawer.sp1 .lnk1 b{font-weight:900;color:#9fe6ec}.drawer.sp1 .hts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.drawer.sp1 .ht1{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;padding:9px 10px 10px;border-radius:13px;background:#050c2099;border:1.5px solid var(--tile-line);color:var(--panel-ink);text-align:left}.drawer.sp1 .ht1 .tt{display:flex;align-items:center;gap:6px;margin-bottom:3px}.drawer.sp1 .ht1 .tt b{font-size:13px;font-weight:900;color:var(--ink-2)}.drawer.sp1 .ht1 .q{font:900 16px/1.2 var(--font-target);color:#fff;white-space:nowrap}.drawer.sp1 .ht1 .q[lang^=zh]{font-family:var(--font-zh);font-weight:700}.drawer.sp1 .ht1 .rd{display:flex;align-items:center;gap:4px;height:16px;font:800 12px/1 var(--font-latin);color:#9fe6ec;white-space:nowrap}.drawer.sp1 .ht1.later .rd{opacity:.4}.drawer.sp1 .ht1 .rd.hid i{display:block;width:30px;height:7px;border-radius:9px;background:repeating-linear-gradient(90deg,rgba(159,230,236,.25) 0 5px,transparent 5px 8px)}.drawer.sp1 .ht1 .rd.hid i:last-child{width:46px}.drawer.sp1 .ht1 .cp{display:inline-flex;align-items:center;gap:3px;margin-top:3px;padding-top:5px;border-top:1px dashed rgba(113,130,174,.3);font-size:10.5px;font-weight:700;color:var(--ink-3);white-space:nowrap}.drawer.sp1 .ht1 .cp svg{width:12px;height:12px;color:var(--accent);flex:none}.drawer.sp1 .ht1 .cp b{font:900 12px/1 var(--font-latin);color:#ffc857;width:auto}.drawer.sp1 .ht1 .cp .keycap{padding:2px 5px;font-size:9.5px;border-bottom-width:2px;margin-right:1px}.drawer.sp1 .ht1 .kc{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--tile-line)}.drawer.sp1 .ht1 .kc svg{width:12px;height:12px;color:#ffc857}.drawer.sp1 .ht1[aria-pressed=true]{border:2px solid var(--accent);background:#3fe0e81a;box-shadow:0 0 16px #3fe0e840}.drawer.sp1 .ht1[aria-pressed=true] .tt b{color:#fff}.drawer.sp1 .ht1[aria-pressed=true] .cp{color:#bfeff3}.drawer.sp1 .ck3{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--accent);color:#04223a}.drawer.sp1 .ck3 svg{width:11px;height:11px}.drawer.sp1 .sws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.drawer.sp1 .sw9{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px;border-radius:14px;background:var(--tile);border:1.5px solid var(--tile-line);color:var(--ink-2)}.drawer.sp1 .sw9 .th{width:100%;height:72px;border-radius:10px;background-size:cover;background-position:center}.drawer.sp1 .sw9 b{font-size:13px;font-weight:800;color:var(--ink-2)}.drawer.sp1 .sw9[aria-pressed=true]{border:2px solid #ffc857;box-shadow:0 0 16px #ffc8574d}.drawer.sp1 .sw9[aria-pressed=true] b{color:#ffc857}.drawer.sp1 .ck2{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;background:#ffc857;display:grid;place-items:center;color:#2a1a00;box-shadow:0 0 8px #ffc85799}.drawer.sp1 .ck2 svg{width:13px;height:13px}.drawer.sp1 .ft3{display:flex;align-items:center;flex-shrink:0;gap:10px;padding-top:10px;border-top:1px solid rgba(63,224,232,.14)}.drawer.sp1 .sv1{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:11.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}.drawer.sp1 .sv1 svg{width:14px;height:14px;color:#5be3a0;flex:none}.drawer.sp1 .sv1 i{font-style:normal;opacity:.5}.drawer.sp1 .ft3 .sp{flex:1}.drawer.sp1 .rs3{border:0;background:transparent;padding:0;font-size:11.5px;font-weight:700;color:var(--ink-3);text-decoration:underline;text-decoration-color:#9fe6ec59;text-underline-offset:3px;white-space:nowrap}.drawer.sp1 .ft3.is-confirm{flex-direction:column;align-items:stretch;gap:8px}.drawer.sp1 .ft3.is-confirm p{margin:0;font-size:12px;font-weight:700;line-height:1.45;color:var(--ink-2);white-space:pre-line}.drawer.sp1 .confirm-actions{display:flex;justify-content:flex-end;gap:8px}.drawer.sp1 .confirm-do{height:32px;padding:0 12px}.drawer.sp1 .confirm-do b{display:inline}.drawer.sp1 [data-settings-section]{scroll-margin-top:36px}@media(max-width:599px){.drawer.sp1 .frame-body{gap:8px;padding:12px 14px 10px}.drawer.sp1 .gp1{gap:5px;padding:9px 0 10px}.drawer.sp1 .rw2{min-height:38px;gap:8px}.drawer.sp1 .rw2 .lb b{font-size:13px}.drawer.sp1 .sg2>button{min-width:0;padding:5px 8px}.drawer.sp1 .sg2.two>button{min-width:0}.drawer.sp1 .sg2 b{font-size:12px}.drawer.sp1 .sg2 small{font-size:9.5px}.drawer.sp1 .hd2 h2{font-size:18px}.drawer.sp1 .cl2 b{display:none}.drawer.sp1 .cl2{height:32px;padding:0 8px}.drawer.sp1 .hts{gap:6px}.drawer.sp1 .ht1{padding:8px 8px 9px}.drawer.sp1 .ht1 .q{font-size:14px}.drawer.sp1 .ht1 .rd{font-size:10.5px}.drawer.sp1 .ht1 .tt b{font-size:12px}.drawer.sp1 .ht1 .cp{font-size:10px}.drawer.sp1 .lnk1{font-size:10.5px;padding:0 8px}.drawer.sp1 .sws{gap:6px}.drawer.sp1 .sw9{padding:5px;gap:4px}.drawer.sp1 .sw9 .th{height:52px}.drawer.sp1 .sw9 b{font-size:11.5px}.drawer.sp1 .ck2{width:18px;height:18px;right:4px;top:4px}.drawer.sp1 .ft3{gap:6px;padding-top:8px}.drawer.sp1 .sv1,.drawer.sp1 .rs3{font-size:10.5px}.drawer.sp1 .pzchip{margin-left:0;font-size:10px;padding:0 7px}.drawer.sp1 .desk-only{display:none}.drawer.sp1 .ft3.is-confirm .confirm-do{padding:0 12px}.drawer.sp1 .ft3.is-confirm .confirm-do b{display:inline}}*{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}.pause-grid{grid-template-columns:1fr}.desk-only{display:none}.choice button{min-width:0;flex:1}}