:root{--ink:#0f0a08;--ink-2:#1b120d;--ink-3:#28190f;--paper:#f3eadb;--paper-2:#dccfb7;--paper-dim:#b9aa90;--line:#f3eadb29;--kin:#dcbb70;--kin-deep:#a07e3e;--kin-line:#dcbb7099;--kin-hair:#dcbb704d;--foil:linear-gradient(172deg, #fff3cf 0%, #e9c983 30%, #b48a3e 50%, #e2c27c 66%, #fff1c8 100%);--shu:#c8321f;--shu-deep:#9c2416;--ai:#3d5f93;--ai-light:#9bb6e4;--ok:var(--kin);--ng:var(--ai-light);--mincho:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--gothic:"Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--plate:linear-gradient(180deg, #2d1c12, #160d09)}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--gothic);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--kin);outline-offset:3px}[hidden]{display:none!important}ruby{ruby-position:over}rt{letter-spacing:0;opacity:.82;font-size:.58em;font-weight:500}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{display:block}.btn{border:1px solid var(--kin-line);min-height:52px;font-family:var(--mincho);letter-spacing:.2em;text-indent:.2em;color:var(--kin);box-shadow:inset 0 0 0 3px #0f0a08e6, inset 0 0 0 4px var(--kin-hair), 0 10px 26px #00000073;background:#0f0a08d1;border-radius:3px;padding:0 34px;font-size:17px;font-weight:700;transition:background .15s,border-color .15s,transform .1s,filter .15s;position:relative}.btn:hover{border-color:var(--kin);background:#28190fe6}.btn:active{transform:translateY(1px)}.btn.primary{color:#fff6ea;text-shadow:0 1px 2px #500a0080;background:linear-gradient(#d63e27,#a8261a);border-color:#e46a50;box-shadow:inset 0 0 0 3px #a8261ae6,inset 0 0 0 4px #ffd8aa80,0 12px 28px #00000080}.btn.primary:hover{filter:brightness(1.08);background:linear-gradient(#d63e27,#a8261a)}.btn.ghost{background:#0f0a08d1}.icon-btn{border:1px solid var(--kin-hair);color:var(--paper);letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);background:#160e0adb;border-radius:3px;padding:7px 15px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s}.icon-btn:hover{border-color:var(--kin-line);color:var(--kin)}.sound-toggle[aria-pressed=false]{color:var(--paper-dim)}.icon-btn:disabled{opacity:.45;cursor:default}.icon-btn:disabled:hover{border-color:var(--kin-hair);color:var(--paper)}.icon-btn small{color:var(--kin);letter-spacing:0;margin-left:6px;font-size:12px}.icon-btn small:empty{display:none}.topbar{padding:max(10px, env(safe-area-inset-top)) 18px 10px;z-index:5;border-bottom:1px solid var(--kin-hair);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0f0a08f0,#140d09db);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #0000004d}.shop{font-family:var(--mincho);align-items:center;gap:14px;min-width:0;display:flex}.shop-name{letter-spacing:.22em;text-indent:.22em;color:var(--kin);white-space:nowrap;border:1px solid var(--kin-line);background:var(--plate);box-shadow:inset 0 0 0 2px #160d09, inset 0 0 0 3px var(--kin-hair);border-radius:2px;padding:4px 10px;font-size:16px;font-weight:700}.chapter{letter-spacing:.14em;color:var(--paper);white-space:nowrap;font-size:17px;font-weight:700}.chapter span{color:var(--paper-2);letter-spacing:.16em;margin-right:.7em;font-size:13px;font-weight:600}.topbar-right{align-items:center;gap:10px;display:flex}.progress{align-items:center;gap:12px;margin-right:6px;display:flex}.pips{gap:5px;display:flex}.pips i{background:#f3eadb0d;border:1px solid #dcbb7073;width:9px;height:9px;transition:background .2s,border-color .2s;transform:rotate(45deg)}.pips i.ok{background:var(--kin);border-color:var(--kin)}.pips i.ng{background:var(--ai);border-color:var(--ai-light)}.pips i.now{background:#fff3cf;border-color:#fff3cf;box-shadow:0 0 0 3px #dcbb704d}.pcount{color:var(--paper-2);letter-spacing:.06em;white-space:nowrap;font-size:13px}.pcount b{font-family:var(--mincho);color:var(--kin);margin-right:2px;font-size:18px}.pcount small{margin-left:3px;font-size:12px}.screen{z-index:10;place-items:center;display:grid;position:fixed;inset:0}.title-screen{background:radial-gradient(46% 40%,#0f0a089e,#0f0a0800 100%),radial-gradient(at 50% 55%,#0f0a0826,#0f0a08e6 72%)}.title-inner{text-align:center;padding:24px}.title-kicker{font-family:var(--mincho);letter-spacing:.24em;color:var(--paper);text-shadow:0 1px 3px #000,0 0 18px #000000e6;align-items:center;gap:14px;margin:0 0 22px;font-size:16px;font-weight:600;display:inline-flex}.title-kicker:before,.title-kicker:after{content:"";background:var(--kin-line);width:34px;height:1px}.title-logo{width:max-content;font-family:var(--mincho);letter-spacing:.1em;filter:drop-shadow(0 2px 1px #3c1e00cc)drop-shadow(0 6px 30px #000000d9);justify-content:center;gap:.06em;margin:0 auto;font-size:clamp(76px,15vw,144px);font-weight:800;line-height:1;display:flex;position:relative}.title-logo span{background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text}.title-seal{writing-mode:vertical-rl;letter-spacing:.08em;color:#fff3e6;background:var(--shu);box-shadow:inset 0 0 0 2px var(--shu), inset 0 0 0 3px #ffeedcbf;border-radius:3px;padding:7px 5px;font-size:max(14px,.15em);font-style:normal;font-weight:800;line-height:1.1;position:absolute;bottom:.06em;right:-.36em;transform:rotate(4deg)}.title-chapter{font-family:var(--mincho);letter-spacing:.5em;text-indent:.5em;color:var(--kin);text-shadow:0 1px 3px #000,0 0 14px #000000e6;justify-content:center;align-items:center;gap:14px;margin:22px 0 40px;font-size:18px;font-weight:700;display:flex}.title-chapter:before,.title-chapter:after{content:"";background:var(--kin);width:7px;height:7px;transform:rotate(45deg)}.title-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.title-sub{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.title-shun{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin-top:22px;display:flex}.ts-label{font-family:var(--mincho);letter-spacing:.2em;color:#fff6ea;background:var(--shu);box-shadow:inset 0 0 0 2px var(--shu), inset 0 0 0 3px #ffeedc99;border-radius:2px;padding:4px 10px 4px 12px;font-size:14px;font-weight:800}.ts-ch{border:0;border-bottom:1px solid var(--kin-line);font-family:var(--mincho);color:var(--kin);letter-spacing:.1em;text-shadow:0 1px 3px #000,0 0 12px #000000e6;background:0 0;align-items:baseline;gap:6px;padding:3px 2px;font-size:17px;font-weight:800;display:inline-flex}.ts-ch small{color:var(--paper-2);letter-spacing:.04em;font-size:13px;font-weight:600}.ts-ch:hover{border-bottom-color:var(--kin)}.title-sound{top:max(14px, env(safe-area-inset-top));position:absolute;right:18px}.title-note{color:var(--paper-2);letter-spacing:.1em;text-shadow:0 1px 3px #000,0 0 12px #000000e6;min-height:1em;margin:24px 0 0;font-size:14px}.title-screen.master .title-chapter:after{content:"皆伝";color:#ff6a50;letter-spacing:.3em;background:0 0;width:auto;height:auto;transform:none}.menu-screen{background:#0f0a08e0;place-items:start center;padding:0 16px 40px;overflow-y:auto}.menu-inner{width:min(940px,100%);padding-top:max(26px, env(safe-area-inset-top))}.menu-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-top h2,.zukan-top h2{font-family:var(--mincho);letter-spacing:.36em;background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:34px;font-weight:800}.menu-btns{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.menu-sub{color:var(--paper-2);letter-spacing:.06em;margin:10px 0 26px;font-size:15px;line-height:1.8}.fuda-wall{border:1px solid var(--kin-hair);background:linear-gradient(#00000059,#0000 30%),repeating-linear-gradient(90deg,#2a1c12 0 3px,#24170f 3px 7px,#2d1e13 7px 12px);border-radius:4px;flex-flow:row-reverse wrap;justify-content:center;gap:22px 16px;padding:30px max(20px,50% - 306px);display:flex;position:relative;box-shadow:inset 0 0 50px #000000a6,0 20px 50px #0006}.fuda{color:#1b120b;width:108px;height:324px;font-family:var(--mincho);background:linear-gradient(90deg,#00000014,#ffffff1a 30%,#0000000f),repeating-linear-gradient(90deg,#e8d4ad 0 5px,#dfc99f 5px 9px,#ecd9b5 9px 14px);border:0;border-radius:3px 3px 5px 5px;flex-direction:column;align-items:center;padding:16px 4px 12px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 10px 20px #0000008c,inset 0 0 0 1px #5a3c1e59,inset 0 0 0 4px #fffaeb40}.fuda:before{content:"";background:radial-gradient(circle at 35% 35%,#f0d690,#9a7434);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-13px;left:50%;box-shadow:0 0 0 2px #3a2614}.fuda:hover{box-shadow:0 16px 28px #0009, 0 0 0 1px var(--kin-line), inset 0 0 0 1px #5a3c1e59;transform:translateY(-5px)rotate(-.6deg)}.fuda:active{transform:translateY(-2px)}.fuda:focus-visible{outline:2px solid var(--kin);outline-offset:5px}.fu-no{letter-spacing:.18em;writing-mode:vertical-rl;color:#5e3f22;font-size:13px;font-weight:700}.fu-name{white-space:nowrap;writing-mode:vertical-rl;letter-spacing:.1em;flex:1;justify-content:center;align-items:center;min-height:0;font-size:46px;font-weight:800;display:flex}.fu-name.long{letter-spacing:.02em;font-size:38px}.fu-yomi{letter-spacing:.14em;color:#5e3f22;margin-bottom:3px;font-size:13px;font-weight:600}.fu-when{letter-spacing:.08em;color:#9a2a18;margin-bottom:8px;font-size:13px;font-weight:700}.fu-foot{text-align:center;font-family:var(--gothic);border-top:1px solid #5a3c1e4d;justify-items:center;gap:4px;width:100%;padding-top:8px;display:grid}.fu-score{font-family:var(--mincho);color:#1b120b;font-size:22px;font-weight:800;line-height:1}.fu-score small{color:#5e3f22;font-size:13px;font-weight:700}.fu-rank{letter-spacing:.04em;background:var(--shu);color:#fff6ea;white-space:nowrap;border-radius:2px;padding:2px 6px;font-size:12px;font-weight:700}.fu-rank.none{color:#5e3f22;letter-spacing:.2em;background:0 0;border:1px dashed #5e3f2299;font-weight:500}.fu-got{color:#4a3220;white-space:nowrap;font-size:12px;font-weight:500}.fuda:not(.played) .fu-name{color:#3a2a1c}.fu-shun{writing-mode:vertical-rl;white-space:nowrap;font-family:var(--mincho);letter-spacing:.2em;color:#fff6ea;background:var(--shu);border-radius:2px;padding:8px 3px 6px;font-size:12px;font-weight:800;position:absolute;top:74px;right:-9px;transform:rotate(3deg);box-shadow:0 2px 6px #0006}.fuda.shun{box-shadow:0 10px 20px #0000008c,0 0 0 2px #c8321fcc,0 0 22px #c8321f59}.fu-seal{background:var(--shu);color:#fff6ec;width:32px;height:32px;box-shadow:inset 0 0 0 2px var(--shu), inset 0 0 0 3px #ffeedcb3, 0 2px 6px #00000059;border-radius:4px;place-items:center;font-size:17px;font-weight:800;display:grid;position:absolute;top:34px;right:-9px;transform:rotate(8deg)}.season-tabs{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.stab{border:1px solid var(--kin-hair);background:var(--plate);color:var(--paper-2);font-family:var(--mincho);letter-spacing:.2em;border-radius:2px;align-items:baseline;gap:6px;padding:7px 16px 7px 18px;font-size:16px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.stab small{font-family:var(--gothic);letter-spacing:.04em;color:var(--paper-dim);font-size:12px;font-weight:500}.stab:hover{border-color:var(--kin-line);color:var(--paper)}.stab.on{color:#1b120b;background:var(--foil);border-color:#0000}.stab.on small{color:#4a3220}.stab.on.s-0{background:linear-gradient(#f6c7d2,#d98ea2)}.stab.on.s-1{background:linear-gradient(#b9d3f0,#7fa3d4)}.stab.on.s-2{background:linear-gradient(#f2c08c,#d4884a)}.stab.on.s-3{background:linear-gradient(#eef1f4,#b8c2cc)}.season-mark{width:26px;height:26px;font-family:var(--mincho);color:#fff8ee;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1.5px #fff8ee8c}.season-mark.s-0{background:#b8455e}.season-mark.s-1{background:#2f5c8f}.season-mark.s-2{background:#a8501c}.season-mark.s-3{background:#4c5a68}.fuda .season-mark{position:absolute;top:30px;left:-8px;transform:rotate(-8deg);box-shadow:inset 0 0 0 1.5px #fff8ee8c,0 2px 5px #00000059}.chap-head .season-mark{align-self:center}@media (width<=640px){.season-tabs{flex-wrap:nowrap;gap:5px}.stab{letter-spacing:.08em;flex:1 1 0;justify-content:center;gap:3px;padding:7px 0;font-size:15px}.stab small{font-size:11px}}.titles-screen .menu-inner{width:min(860px,100%)}.titles-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.ttl{border:1px dashed var(--kin-hair);background:#160e0ab3;border-radius:4px;gap:6px;padding:16px 16px 14px;display:grid;position:relative}.ttl b{font-family:var(--mincho);letter-spacing:.14em;color:var(--paper-dim);font-size:20px;font-weight:800}.ttl span{color:var(--paper-dim);font-size:13px;line-height:1.6}.ttl.got{border:1px solid var(--kin-line);background:linear-gradient(#3c2614e6,#1e130cf2)}.ttl.got b{background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text}.ttl.got span{color:var(--paper-2)}.ttl i{width:26px;height:26px;font-style:normal;font-family:var(--mincho);color:#fff6ea;background:var(--shu);box-shadow:inset 0 0 0 2px var(--shu), inset 0 0 0 3px #ffeedc99;border-radius:3px;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:10px;right:10px;transform:rotate(6deg)}.modal{z-index:28;-webkit-backdrop-filter:blur(4px);background:#080504b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--kin-line);background:var(--plate);width:min(460px,100%);box-shadow:inset 0 0 0 4px #0f0a08e6, inset 0 0 0 5px var(--kin-hair), 0 24px 60px #0009;border-radius:4px;padding:26px 26px 22px}.modal-card h2{font-family:var(--mincho);letter-spacing:.4em;background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 18px;font-size:24px;font-weight:800}.set-row{grid-template-columns:6.5em 1fr 2.4em;align-items:center;gap:12px;margin:0 0 16px;display:grid}.set-row .seg{grid-column:2/4}.set-name{font-family:var(--mincho);letter-spacing:.12em;color:var(--paper);font-size:15px;font-weight:700}.set-row output{color:var(--kin);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.set-row input[type=range]{width:100%;accent-color:var(--shu)}.seg{border:1px solid var(--kin-hair);border-radius:3px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.seg button{border:0;border-left:1px solid var(--kin-hair);color:var(--paper-2);letter-spacing:.04em;background:0 0;padding:8px 0;font-size:13px}.seg button:first-child{border-left:0}.seg button[aria-pressed=true]{background:var(--foil);color:#1b120b;font-weight:700}.set-sample{min-height:3.4em;color:var(--paper);font-size:15px;line-height:1.7;font-family:var(--mincho);background:#0000004d;border-radius:3px;margin:4px 0 0;padding:12px 14px}.set-note{color:var(--paper-dim);margin:10px 0 0;font-size:12px}.set-actions{justify-content:center;margin-top:18px;display:flex}.toasts{z-index:29;top:max(16px, env(safe-area-inset-top));pointer-events:none;gap:8px;width:min(360px,100% - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--kin-line);box-shadow:inset 4px 0 0 var(--shu), 0 14px 34px #0000008c;background:#160e0af2;border-radius:3px;gap:2px;padding:12px 18px 12px 20px;animation:.5s cubic-bezier(.2,.9,.3,1.2) both toast-in;display:grid}.toast small{letter-spacing:.2em;color:var(--paper-dim);font-size:12px}.toast b{font-family:var(--mincho);letter-spacing:.14em;color:var(--kin);font-size:20px;font-weight:800}.toast span{color:var(--paper-2);font-size:12px}.toast.out{animation:.5s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px)}}.puzzle-screen .menu-inner{width:min(760px,100%)}.pz-top{margin-bottom:14px}.pz-intro{text-align:center;justify-items:center;gap:18px;display:grid}.pz-intro .menu-sub{max-width:34em;margin:4px 0 0}.pz-intro .menu-sub b{color:var(--kin)}.pz-cast{gap:14px;margin:0;display:flex}.pz-cast figure{border:1px solid var(--kin-hair);background:#140d09;border-radius:4px;justify-items:center;gap:4px;margin:0;padding:8px 8px 6px;display:grid}.pz-cast canvas{width:64px;height:64px}.pz-cast figcaption{font-family:var(--mincho);color:var(--paper);letter-spacing:.1em;font-size:15px;font-weight:800}.pz-cast{flex-wrap:wrap;justify-content:center}.pz-cast figure.later{border-style:dashed}.pz-cast figcaption small{font-family:var(--gothic);color:var(--paper-dim);letter-spacing:.04em;text-align:center;font-size:11px;font-weight:500;display:block}.pz-news{pointer-events:none;position:absolute;top:36%;left:50%;transform:translate(-50%)}.pz-news-slip{border:1px solid var(--kin-line);box-shadow:inset 0 3px 0 var(--shu), 0 14px 34px #0009;background:#160e0af0;border-radius:3px;justify-items:center;gap:2px;padding:10px 18px 12px;animation:2.6s cubic-bezier(.2,.9,.3,1.2) both pz-news;display:grid}.pz-news-slip small{letter-spacing:.3em;color:#ff8a5c;font-size:12px;font-weight:700}.pz-news-slip b{font-family:var(--mincho);letter-spacing:.1em;font-size:26px;font-weight:800;display:flex}.pz-news-slip b i{background:var(--foil);color:#0000;animation:2.2s cubic-bezier(.2,.9,.3,1.2) both pz-char;animation-delay:calc(.2s + var(--i) * 80ms);-webkit-background-clip:text;background-clip:text;font-style:normal}@keyframes pz-news{0%{opacity:0;transform:translateY(-30px)rotate(-4deg)}12%{opacity:1;transform:none}82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}.pz-keys{text-align:left;grid-template-columns:auto auto;gap:6px 16px;margin:0;font-size:14px;display:grid}.pz-keys dt{color:var(--kin);text-align:right;font-weight:700}.pz-keys dd{color:var(--paper-2);margin:0}.pz-best{color:var(--paper-2);letter-spacing:.06em;margin:0;font-size:14px}.pz-best b{font-family:var(--mincho);color:var(--kin);font-size:20px}.pz-play{justify-content:center;align-items:flex-start;gap:18px;display:flex}.pz-side{gap:10px;width:150px;display:grid}.pz-box{border:1px solid var(--kin-hair);background:var(--plate);border-radius:3px;gap:2px;padding:10px 12px;display:grid}.pz-box span{letter-spacing:.2em;color:var(--paper-dim);font-size:12px}.pz-box b{font-family:var(--mincho);color:var(--kin);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.2}.pz-next canvas{margin:4px auto 0;display:block}.pz-board{touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 1px var(--kin-line), 0 0 0 5px #0b0705, 0 0 0 6px var(--kin-hair), 0 20px 50px #0009;border-radius:3px;flex:none;position:relative;overflow:hidden}.pz-board canvas{display:block}.pz-chain{left:var(--x,50%);top:var(--y,50%);pointer-events:none;text-align:center;position:absolute;transform:translate(-50%,-50%)}.pz-cw{font-family:var(--mincho);white-space:nowrap;filter:drop-shadow(0 2px #3c1400e6)drop-shadow(0 4px 12px #000c);justify-content:center;margin:0;font-size:40px;font-weight:800;line-height:1;display:flex}.pz-cw.big{font-size:54px}.pz-cw i{background:var(--foil);color:#0000;will-change:transform, opacity;animation:1.3s cubic-bezier(.2,.9,.3,1.2) both pz-char;animation-delay:calc(var(--i) * 60ms);-webkit-background-clip:text;background-clip:text;font-style:normal}.pz-cw.big i{background:linear-gradient(#fff1c8,#ff8a5c 55%,#c8321f);-webkit-background-clip:text;background-clip:text}.pz-cg{color:#fff3cf;text-shadow:0 1px 3px #000;margin:4px 0 0;font-size:15px;font-weight:700;animation:1.3s ease-out .15s both pz-gain}@keyframes pz-char{0%{opacity:0;transform:translateY(.5em)scale(2)rotate(-14deg)}18%{opacity:1;transform:none}70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.4em)scale(.9)}}@keyframes pz-gain{0%{opacity:0;transform:translateY(6px)}20%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.pz-over{background:#0a0604c7;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.pz-over-card{text-align:center;justify-items:center;gap:8px;display:grid}.pz-over-h{font-family:var(--mincho);letter-spacing:.2em;color:#fff3e6;background:var(--shu);box-shadow:inset 0 0 0 3px var(--shu), inset 0 0 0 5px #ffeedcb3;margin:0;padding:6px 18px 6px 26px;font-size:44px;font-weight:800;animation:.45s cubic-bezier(.2,.9,.3,1.3) both pz-stamp;transform:rotate(-3deg)}@keyframes pz-stamp{0%{opacity:0;transform:rotate(-3deg)scale(2.2)}}.pz-over-sub{font-family:var(--mincho);color:var(--paper-2);letter-spacing:.2em;margin:6px 0 0;font-size:15px}.pz-over-score{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;margin:4px 0 0;display:flex}.pz-over-score b{font-family:var(--mincho);color:var(--kin);font-size:44px;font-weight:800}.pz-over-score small{color:var(--paper-2);font-size:14px}.pz-over-score em{color:#ff8a5c;letter-spacing:.2em;flex-basis:100%;font-size:13px;font-style:normal;font-weight:700}.pz-over-stats{color:var(--paper-2);margin:0;font-size:13px}.pz-over-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.pz-over-btns .btn{min-height:46px;padding:0 22px}.pz-controls{max-width:420px;padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:repeat(6,1fr);gap:6px;margin:12px auto 0;display:grid}.pz-controls[hidden]{display:none}.pz-ctl{border:1px solid var(--kin-hair);background:var(--plate);height:58px;color:var(--kin);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:6px;font-size:22px}.pz-ctl:active{border-color:var(--kin-line);background:#3a2616}@media (width<=640px){.pz-top{margin-bottom:8px}.pz-play{flex-direction:column;align-items:center;gap:10px}.pz-side{grid-template-columns:auto;grid-auto-flow:column;gap:8px;width:auto}.pz-box{align-content:center;padding:6px 10px}.pz-box b{font-size:19px}.pz-hide-sm{display:none}.pz-next{grid-auto-flow:column;align-items:center;gap:6px}.pz-next canvas{margin:0}.pz-cast canvas{width:52px;height:52px}}.kanji-screen .menu-inner{width:min(760px,100%)}.kj-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.kj-top h2{font-family:var(--mincho);letter-spacing:.24em;background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:800}.kj-levels{grid-template-columns:1fr 1fr;gap:14px;display:grid}.kj-level{--c:var(--kin);text-align:left;border:1px solid var(--kin-hair);background:var(--plate);color:var(--paper);border-radius:4px;justify-items:start;gap:8px;padding:18px 20px 16px;transition:border-color .15s,transform .1s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 26px #0006}.kj-level:before{content:"";background:var(--c);width:4px;position:absolute;top:0;bottom:0;left:0}.kj-level:hover{border-color:var(--kin-line)}.kj-level:active{transform:translateY(1px)}.lv-0{--c:#9fc28a}.lv-1{--c:#dcbb70}.lv-2{--c:#e0805e}.lv-3{--c:#c4a0e0}.kl-name{font-family:var(--mincho);letter-spacing:.3em;color:var(--c);font-size:22px;font-weight:800}.kl-sample{font-family:var(--mincho);color:var(--paper);gap:10px;font-size:34px;font-weight:800;line-height:1.1;display:flex}.kl-sub{color:var(--paper-2);letter-spacing:.06em;font-size:14px}.kl-best{color:var(--paper-dim);letter-spacing:.04em;font-size:13px}.kl-best b{font-family:var(--mincho);color:var(--kin);font-size:18px}.kj-bar{align-items:center;gap:12px;margin:18px 0 14px;display:flex}.kj-lv{font-family:var(--mincho);letter-spacing:.24em;color:#1b120b;background:var(--c);border-radius:2px;margin:0;padding:4px 10px 4px 13px;font-size:15px;font-weight:800}.kj-count{font-family:var(--mincho);color:var(--paper-2);letter-spacing:.1em;font-size:15px}.kj-count b{color:var(--kin);font-size:20px}.kj-pips{gap:5px;margin-left:auto;display:flex}.kj-pips i{border:1px solid var(--kin-hair);border-radius:50%;width:10px;height:10px}.kj-pips i.now{border-color:var(--kin);background:#dcbb7059}.kj-pips i.ok{background:var(--kin);border-color:var(--kin)}.kj-pips i.ng{background:var(--ai);border-color:var(--ai-light)}.kj-board{color:#1b120b;min-height:240px;font-family:var(--mincho);background:linear-gradient(90deg,#00000014,#ffffff1a 30%,#0000000f),repeating-linear-gradient(90deg,#e8d4ad 0 5px,#dfc99f 5px 9px,#ecd9b5 9px 14px);border-radius:4px;place-items:center;padding:18px 16px 16px;display:grid;box-shadow:0 12px 30px #00000080,inset 0 0 0 1px #5a3c1e59,inset 0 0 0 5px #fffaeb40}.kj-board.rev{min-height:150px}.kj-char{letter-spacing:.04em;margin:0;font-size:128px;font-weight:800;line-height:1.1}.kj-char.long{font-size:96px}.kj-ask{letter-spacing:.14em;color:#5e3f22;margin:12px 0 0;font-size:17px;font-weight:700}.kj-board.rev .kj-ask{color:#1b120b;font-size:22px}.kj-board.rev .kj-ask b{color:#9a2a18;letter-spacing:.1em;font-size:34px}.kj-opts{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.kj-opts.answered .opt:not(.correct):not(.wrong){opacity:.38}.kj-opts.rev .opt-text{letter-spacing:.08em;font-size:30px;font-weight:800}.kj-reveal{border:1px solid var(--kin-hair);background:var(--plate);text-align:center;border-radius:4px;justify-items:center;gap:12px;margin-top:18px;padding:18px 20px;display:grid}.kj-verdict{align-items:center;gap:18px;display:flex}.kj-verdict .hanko{flex:none;width:72px;height:72px;margin:0;position:static}.kj-verdict .hanko span{font-size:17px}.kj-verdict.ng .hanko{background:radial-gradient(circle at 40% 35%,#5277b0,#2f4d7c 70%);box-shadow:inset 0 0 0 4px #2f4d7c,inset 0 0 0 6px #ecf2ffcc,0 8px 26px #0000008c}.kj-answer{font-family:var(--mincho);justify-items:start;margin:0;display:grid}.kj-answer ruby{font-size:44px;font-weight:800;line-height:1.3}.kj-answer ruby rt{opacity:1;color:var(--kin);font-size:.36em}.kj-answer span{display:none}.kj-note{max-width:34em;font-family:var(--mincho);color:var(--paper);text-align:left;margin:0;font-size:16px;line-height:1.85}.kj-result{border:1px solid var(--kin-hair);background:var(--plate);text-align:center;border-radius:4px;justify-items:center;gap:6px;margin-top:18px;padding:26px 20px;display:grid}.kj-score{font-family:var(--mincho);color:var(--paper-2);margin:6px 0 0;font-size:22px}.kj-score b{color:var(--kin);font-size:64px;line-height:1}.kj-rank{font-family:var(--mincho);letter-spacing:.3em;margin:0;font-size:26px;font-weight:800}.kj-rank small{letter-spacing:.1em;background:var(--shu);color:#fff6ea;vertical-align:middle;border-radius:2px;margin-left:10px;padding:2px 8px;font-size:13px}.kj-rank-text{color:var(--paper-2);margin:0 0 10px;font-size:15px}.kj-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 16px;display:flex}.kj-item{font-family:var(--mincho);border:1px solid var(--kin-hair);border-radius:3px;padding:6px 10px 2px;font-size:28px;font-weight:800}.kj-item rt{opacity:1;color:var(--paper-2);font-size:.42em}.kj-item.ok{border-color:var(--kin-line)}.kj-item.ng{border-color:var(--ai-light);background:#3d5f934d}.kj-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=640px){.kj-top h2{letter-spacing:.12em;font-size:22px}.kj-levels{grid-template-columns:1fr;gap:10px}.kj-level{gap:5px;padding:14px 16px 12px}.kl-sample{font-size:28px}.kj-board{min-height:190px}.kj-char{font-size:104px}.kj-char.long{font-size:72px}.kj-opts.rev .opt-text{font-size:24px}.kj-opts.long{grid-template-columns:1fr;gap:8px}.kj-pips i{width:8px;height:8px}}.sheet{z-index:6;padding:0 14px calc(14px + var(--safe-b));position:fixed;bottom:0;left:0;right:0}.sheet-inner{border:1px solid var(--kin-line);background:radial-gradient(80% 60% at 30% 0,#78462829,#0000 70%),linear-gradient(#21150ef7,#0f0a08f7);border-radius:5px;max-width:800px;margin:0 auto;padding:30px 30px 24px;position:relative;box-shadow:0 -6px 40px #00000073,0 2px #00000080,inset 0 1px #ffe6b41f}.sheet-inner:before,.sheet-inner:after{content:"";pointer-events:none;border-radius:3px;position:absolute;inset:6px}.sheet-inner:before{border:1px solid var(--kin-hair)}.sheet-inner:after{--k:var(--kin);background:linear-gradient(var(--k), var(--k)) left top / 18px 1px no-repeat, linear-gradient(var(--k), var(--k)) left top / 1px 18px no-repeat, linear-gradient(var(--k), var(--k)) right top / 18px 1px no-repeat, linear-gradient(var(--k), var(--k)) right top / 1px 18px no-repeat, linear-gradient(var(--k), var(--k)) left bottom / 18px 1px no-repeat, linear-gradient(var(--k), var(--k)) left bottom / 1px 18px no-repeat, linear-gradient(var(--k), var(--k)) right bottom / 18px 1px no-repeat, linear-gradient(var(--k), var(--k)) right bottom / 1px 18px no-repeat}.sheet.tappable .sheet-inner{cursor:pointer}.sheet-head{z-index:1;align-items:stretch;gap:8px;max-width:calc(100% - 244px);display:flex;position:absolute;top:-17px;left:22px}.speaker,.quiz-head .chip,.quiz-count,.carry{border:1px solid var(--kin-line);background:var(--plate);white-space:nowrap;border-radius:3px;align-items:center;min-height:34px;padding:0 16px;display:flex;box-shadow:0 6px 14px #00000073}.speaker{gap:12px}.speaker:before{content:"";background:var(--who,var(--kin));flex:none;width:8px;height:8px;transform:rotate(45deg)}.speaker[data-who=taisho]{--who:var(--shu)}.speaker[data-who=jouren]{--who:var(--kin)}.speaker[data-who=minato]{--who:#7fa6d8}.speaker-name{font-family:var(--mincho);letter-spacing:.16em;color:var(--kin);font-size:18px;font-weight:800}.speaker-name.small{font-size:14px}.speaker-role{color:var(--paper-2);letter-spacing:.08em;border-left:1px solid var(--kin-hair);padding-left:12px;font-size:13px}.quiz-head{gap:8px;display:flex}.quiz-head .chip{font-family:var(--mincho);letter-spacing:.24em;color:#fff6ea;background:linear-gradient(#d63e27,#a8261a);border-color:#e46a50;padding-right:12px;font-size:16px;font-weight:800}.quiz-count{letter-spacing:.08em;color:var(--paper-2);gap:4px;font-size:14px}.quiz-count b{font-family:var(--mincho);color:var(--kin);margin:0 2px;font-size:19px}.carry{font-family:var(--mincho);letter-spacing:.08em;gap:8px;min-width:0;padding:0 14px 0 8px;font-size:15px;font-weight:700;overflow:hidden}.carry span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.carry i{width:20px;height:20px;font-style:normal;font-family:var(--gothic);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.carry.ok{color:var(--kin)}.carry.ok i{border:3px solid var(--shu);font-size:0}.carry.ng{color:var(--ai-light);border-color:#9bb6e48c}.carry.ng i{background:var(--ai);color:#eef3ff}.sheet-ctrl{z-index:1;gap:6px;display:flex;position:absolute;top:-15px;right:22px}.ctrl{border:1px solid var(--kin-hair);background:var(--plate);height:30px;color:var(--paper-2);letter-spacing:.1em;border-radius:3px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;transition:color .15s,border-color .15s,background .15s;display:flex;box-shadow:0 4px 10px #0006}.ctrl:hover:not(:disabled){color:var(--paper);border-color:var(--kin-line)}.ctrl .lamp{background:#f3eadb40;border-radius:50%;width:7px;height:7px;transition:background .15s,box-shadow .15s}.ctrl .ff{letter-spacing:-.1em;font-size:9px;font-style:normal}.ctrl[aria-pressed=true]{color:#1b120b;background:linear-gradient(#ecd08e,#c69d4c);border-color:#f3dca4}.ctrl[aria-pressed=true] .lamp{background:var(--shu);box-shadow:0 0 6px 1px #d63e27cc}.ctrl:disabled{opacity:.35;cursor:default}.line{font-family:var(--mincho);letter-spacing:.04em;min-height:3.8em;color:var(--paper);text-wrap:pretty;margin:0;font-size:19px;font-weight:500;line-height:1.9}.sheet.quiz .line{min-height:0;padding-right:64px;font-size:20px;font-weight:700}.line.narr{color:var(--paper-2);letter-spacing:.07em;border-left:2px solid #0000;border-image:linear-gradient(180deg, #dcbb7000, var(--kin-line) 25%, var(--kin-line) 75%, #dcbb7000) 1;padding-left:18px;font-size:18px}.sheet.narr .sheet-inner{padding-top:24px}.next{color:var(--kin);background:0 0;border:0;padding:6px;font-size:14px;animation:1s ease-in-out infinite bob;position:absolute;bottom:14px;right:22px}@keyframes bob{50%{opacity:.55;transform:translateY(3px)}}.sheet.auto .next{animation-duration:.6s}.options{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.options:empty{display:none}.opt{text-align:left;min-height:60px;color:var(--paper);font-family:var(--mincho);letter-spacing:.06em;background:linear-gradient(#f3eadb12,#f3eadb05);border:1px solid #dcbb7052;border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 16px 10px 12px;font-size:18px;font-weight:700;line-height:1.45;transition:background .12s,border-color .12s,opacity .15s,transform 80ms;display:grid}.opt .kana{width:32px;height:32px;font-family:var(--mincho);color:var(--kin);border:1px solid var(--kin-line);background:#0f0a0899;border-radius:50%;place-items:center;font-size:16px;font-weight:800;transition:background .12s,color .12s;display:grid}.opt .mark{text-align:center;width:26px;font-size:24px;font-weight:800;line-height:1}@media (hover:hover){.opt:hover:not(:disabled){border-color:var(--kin);background:linear-gradient(#dcbb7029,#dcbb700d)}.opt:hover:not(:disabled) .kana{background:var(--kin);color:#1b120b}}.opt:active:not(:disabled){transform:scale(.985)}.opt:disabled{cursor:default}.options.answered .opt:not(.correct):not(.wrong){opacity:.38}.opt.correct{border-color:var(--kin);box-shadow:0 0 0 1px var(--kin), 0 0 22px #dcbb7040;background:linear-gradient(#dcbb7052,#dcbb701f)}.opt.correct .kana{background:var(--kin);color:#1b120b;border-color:var(--kin)}.opt .mark:before{content:"";margin:0 auto;display:block}.opt.correct .mark:before{border:3px solid var(--shu);border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #ffe1a099,inset 0 0 0 1px #ffe1a099}.opt.wrong{border-color:var(--ai-light);background:linear-gradient(#3d5f9380,#3d5f9340)}.opt.wrong .kana{background:var(--ai);color:#eef3ff;border-color:var(--ai-light)}.opt.wrong .mark:before{content:"×";font-family:var(--gothic);color:var(--ai-light);font-weight:700}.hint{color:var(--paper);letter-spacing:.06em;align-items:center;gap:10px;margin:14px 0 0;font-size:15px;font-weight:500;display:flex}.hint:before{content:"";border:1px solid var(--kin-line);background:radial-gradient(circle, var(--kin) 0 4px, transparent 5px);border-radius:50%;flex:none;width:22px;height:22px;animation:1.4s ease-in-out infinite tap-pulse}@keyframes tap-pulse{50%{box-shadow:0 0 0 5px #dcbb702e}}.verdict{align-items:baseline;gap:12px;margin-top:14px;display:flex}.v-text{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.v-text b{font-family:var(--mincho);letter-spacing:.2em;font-size:18px;font-weight:800}.verdict.ok .v-text b{color:var(--kin)}.verdict.ng .v-text b{color:var(--ai-light)}.v-text small{font-family:var(--mincho);letter-spacing:.05em;color:var(--paper);font-size:17px;font-weight:700}.hanko{z-index:2;pointer-events:none;color:#fff4e8;background:radial-gradient(circle at 40% 35%,#de4a30,#b02a18 70%);border-radius:50%;place-items:center;width:104px;height:104px;margin-left:-52px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both stamp;display:grid;position:absolute;top:-64px;left:50%;transform:rotate(-10deg);box-shadow:inset 0 0 0 4px #b02a18,inset 0 0 0 6px #ffecdcd9,0 8px 26px #0000008c}.hanko span{font-family:var(--mincho);letter-spacing:.02em;text-shadow:0 1px #5a0a0080;font-size:24px;font-weight:800}.verdict.ng .hanko{background:radial-gradient(circle at 40% 35%,#5277b0,#2f4d7c 70%);box-shadow:inset 0 0 0 4px #2f4d7c,inset 0 0 0 6px #ecf2ffcc,0 8px 26px #0000008c}@keyframes stamp{0%{opacity:0;transform:rotate(-18deg)scale(1.9)}70%{opacity:1;transform:rotate(-9deg)scale(.94)}to{transform:rotate(-10deg)scale(1)}}.chapter-card{z-index:8;text-align:center;cursor:pointer;font-family:var(--mincho);text-shadow:0 2px 14px #000000e6,0 0 2px #000c;background:radial-gradient(60% 55%,#0f0a08cc,#0f0a0866 100%);place-content:center;justify-items:center;padding:24px;animation:.2s both cc-fade;display:grid;position:fixed;inset:0}.cc-frame{justify-items:center;padding:26px 8px 30px;display:grid;position:relative}.cc-frame:before,.cc-frame:after{content:"";background:linear-gradient(90deg, #dcbb7000, var(--kin-line), #dcbb7000);width:min(420px,70vw);height:1px;animation:.4s both cc-in;position:absolute;left:50%;transform:translate(-50%)}.cc-frame:before{top:0}.cc-frame:after{bottom:0}.cc-frame>*{margin:0;animation:.38s both cc-in}.cc-no{letter-spacing:.5em;color:var(--kin);padding-left:.5em;font-size:16px;font-weight:700}.cc-name{letter-spacing:.14em;background:linear-gradient(#fff8e0 0%,#f6e0a4 38%,#e6c276 62%,#fbeac0 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 1px 1px #281400b3)drop-shadow(0 4px 22px #000000d9);-webkit-background-clip:text;background-clip:text;padding-left:.14em;font-size:clamp(64px,13vw,112px);font-weight:800;line-height:1.2;margin:4px 0 2px!important;animation-delay:40ms!important}.cc-yomi{letter-spacing:.5em;color:var(--paper-2);padding-left:.5em;font-size:16px;font-weight:700;margin:-4px 0 10px!important;animation-delay:60ms!important}.cc-title{letter-spacing:.26em;color:var(--paper);padding-left:.26em;font-size:23px;font-weight:800;margin-bottom:12px!important;animation-delay:80ms!important}.cc-when{letter-spacing:.34em;color:var(--paper-2);padding-left:.34em;font-size:16px;font-weight:600;animation-delay:.12s!important}.cc-when:before,.cc-when:after{content:"―";color:var(--kin-deep);margin:0 .8em}.cc-lead{letter-spacing:.05em;max-width:28em;color:var(--paper);text-wrap:pretty;font-size:18px;font-weight:500;line-height:2.05;margin-top:24px!important;animation-delay:.18s!important}.cc-next{font-family:var(--gothic);letter-spacing:.2em;color:var(--paper-2);opacity:0;justify-items:center;gap:10px;margin:22px 0 0;font-size:14px;transition:opacity .2s;display:grid}.cc-timer{background:#dcbb7033;width:120px;height:2px;display:block;position:relative;overflow:hidden}.cc-timer:after{content:"";background:var(--kin);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.chapter-card.ready .cc-next{opacity:1}.chapter-card.ready .cc-timer:after{animation:cc-stay var(--stay,4s) linear both}.chapter-card.ready .cc-frame>*,.chapter-card.ready .cc-frame:before,.chapter-card.ready .cc-frame:after{animation:none}@keyframes cc-in{0%{opacity:0;transform:translateY(5px)}}@keyframes cc-fade{0%{opacity:0}}@keyframes cc-stay{to{transform:scaleX(1)}}.result-screen{background:#0f0a08c7;padding:16px;display:flex;overflow-y:auto}.result-screen .receipt{margin:auto}.card{color:#2a211a;background:#f5eddf;border-radius:3px;box-shadow:0 30px 80px #0000008c}.receipt{text-align:center;width:min(440px,100%);font-family:var(--mincho);background-image:repeating-linear-gradient(0deg,#0000 0 27px,#2a211a0b 27px 28px);padding:34px 32px 28px;position:relative;box-shadow:0 30px 80px #0000008c,inset 0 0 0 8px #f5eddf,inset 0 0 0 9px #a07e3e73}.receipt-head{letter-spacing:.6em;margin:0;padding-left:.6em;font-size:28px;font-weight:800}.receipt-shop{text-wrap:balance;letter-spacing:.14em;color:#5d4f40;margin:8px 0 22px;font-size:13px;font-weight:600;line-height:1.7}.stamps{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.stamp{width:32px;height:32px;font-size:14px;font-weight:700;font-family:var(--gothic);border:2px solid;border-radius:50%;place-items:center;display:grid}.stamp.ok{color:#fff6ec;background:var(--shu);border-color:var(--shu)}.stamp.ng{color:var(--ai);border-color:#3d5f9399}.score{margin:6px 0 0;font-size:64px;font-weight:800;line-height:1}.score small{color:#6d5d4a;margin-left:4px;font-size:20px}.rank{letter-spacing:.3em;color:var(--shu);border:3px double var(--shu);border-radius:3px;margin:16px 0 8px;padding:6px 16px 6px 22px;font-size:24px;font-weight:800;display:inline-block;transform:rotate(-3deg)}.rank-text{color:#4a3d30;font-size:14px;line-height:1.8;font-family:var(--gothic);margin:0 0 20px}.review{text-align:left;border-top:1px dashed #bfae94;margin-bottom:16px;padding-top:14px}.review-head{letter-spacing:.4em;color:#8a6a2a;margin:0 0 6px;font-size:14px;font-weight:800}.review-all{color:#4a3d30;font-size:14px;font-family:var(--gothic);margin:0}.review-item{border-bottom:1px dotted #d4c6ae}.review-item summary{cursor:pointer;grid-template-columns:auto 1fr;gap:2px 10px;padding:10px 20px 10px 0;font-size:14.5px;line-height:1.6;list-style:none;display:grid;position:relative}.review-item summary::-webkit-details-marker{display:none}.review-item summary:after{content:"＋";color:#8a785e;font-size:13px;position:absolute;top:10px;right:0}.review-item[open] summary:after{content:"－"}.rv-no{font-family:var(--gothic);color:#8a785e;grid-row:span 2;padding-top:2px;font-size:12px;font-weight:700}.rv-q{color:#2a211a;font-weight:600}.rv-a{color:var(--shu);font-weight:800}.rv-a:before{content:"正解　";color:#6d5d4a;font-size:12px;font-weight:500;font-family:var(--gothic)}.review-item p{color:#3d3226;font-size:14px;line-height:1.85;font-family:var(--gothic);margin:0 0 12px;padding-left:3.1em}.farewell{text-align:left;border-top:1px dashed #bfae94;margin-bottom:22px;padding-top:16px}.farewell .speaker-name{color:#8a6a2a}.farewell p{margin:6px 0 0;font-size:15.5px;font-weight:500;line-height:1.9}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-screen .btn.ghost{color:#2a211a;background:0 0;border-color:#a58c62;box-shadow:inset 0 0 0 3px #f5eddf,inset 0 0 0 4px #a07e3e59}.result-screen .btn.ghost:hover{background:#a07e3e1a}.result-links{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:16px;display:flex}.link-btn{font-family:var(--gothic);letter-spacing:.12em;color:#5d4f40;text-underline-offset:5px;background:0 0;border:0;padding:4px 2px;font-size:14px;font-weight:500;-webkit-text-decoration:underline #5d4f4066;text-decoration:underline #5d4f4066}.link-btn:hover{color:#2a211a}.milestone{border:2px solid var(--shu);background:#c8321f0f;border-radius:3px;gap:4px;margin:0 0 16px;padding:12px 14px;display:grid}.milestone b{letter-spacing:.5em;color:var(--shu);padding-left:.5em;font-size:20px}.milestone span{color:#3d3226;font-size:13.5px;font-family:var(--gothic);line-height:1.7}.zukan-screen{background:#0f0a08e6;place-items:start center;padding:0 16px 40px;overflow-y:auto}.zukan-list{width:min(900px,100%);padding-top:max(26px, env(safe-area-inset-top))}.zukan-top{justify-content:space-between;align-items:center;display:flex}.zukan-sub{color:var(--paper-2);letter-spacing:.06em;margin:10px 0 24px;font-size:15px}.cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.ncard{text-align:left;background:linear-gradient(#1d140e,#140d0a);border:1px solid #dcbb7038;border-radius:4px;flex-direction:column;padding:0 0 14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.ncard .ph{aspect-ratio:3/2;background:#120e0b 50%/cover no-repeat;margin-bottom:8px;transition:transform .4s;display:block;-webkit-mask:linear-gradient(#000 78%,#0000);mask:linear-gradient(#000 78%,#0000)}.ncard:not(.locked):hover .ph{transform:scale(1.04)}.ncard .nm,.ncard .yo{padding:0 14px}.ncard .no{font-family:var(--mincho);color:var(--paper);letter-spacing:.1em;background:#0f0a08b8;border-radius:2px;padding:2px 7px;font-size:12px;font-weight:700;position:absolute;top:9px;left:10px}.ncard .nm{font-family:var(--mincho);letter-spacing:.14em;font-size:21px;font-weight:800;line-height:1.9;position:relative}.ncard .nm.long{letter-spacing:.06em;font-size:17px}.ncard .yo{color:var(--paper-2);letter-spacing:.1em;margin-top:3px;font-size:12.5px;position:relative}.ncard .rare{letter-spacing:.18em;color:#1b120b;background:linear-gradient(#ecd08e,#c69d4c);border-radius:2px;padding:2px 6px 2px 8px;font-size:12px;font-weight:700;position:absolute;top:9px;right:10px}.ncard.locked{cursor:default}.ncard.locked .nm,.ncard.locked .yo{color:var(--paper-dim)}.ncard:not(.locked):hover{border-color:var(--kin-line);box-shadow:0 10px 24px #0006}.chap-head{border-bottom:1px solid var(--kin-hair);grid-column:1/-1;align-items:baseline;gap:14px;margin:22px 0 2px;padding-bottom:10px;display:flex}.chap-head:first-child{margin-top:0}.ch-no{font-family:var(--mincho);letter-spacing:.26em;color:var(--kin);font-size:14px;font-weight:700}.ch-name{font-family:var(--mincho);letter-spacing:.26em;font-size:24px;font-weight:800}.ch-state{letter-spacing:.08em;color:var(--paper-2);margin-left:auto;font-size:13px}.ch-state.preview{color:var(--kin);border:1px solid var(--kin-line);border-radius:2px;padding:2px 8px}.d-chap{font-family:var(--mincho);letter-spacing:.22em;color:var(--kin);font-weight:700;margin:0 0 6px!important;font-size:14px!important}.d-chap span{font-family:var(--gothic);letter-spacing:.15em;border:1px solid var(--kin-line);border-radius:2px;margin-left:10px;padding:1px 6px;font-size:12px}.map-banner{text-align:left;border:1px solid var(--kin-line);border-radius:4px;grid-column:1/-1;gap:5px;padding:18px 48px 18px 22px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.map-banner:hover{border-color:var(--kin);box-shadow:0 10px 24px #0006}.map-banner:after{content:"→";color:var(--kin);font-size:22px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.mb-kicker{letter-spacing:.24em;color:var(--kin);font-size:13px;font-weight:700}.mb-title{font-family:var(--mincho);letter-spacing:.22em;font-size:23px;font-weight:800}.mb-sub{color:var(--paper-2);letter-spacing:.06em;font-size:14px}.detail{z-index:12;border-left:1px solid var(--kin-line);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#1f140ef7,#0f0a08f7);width:min(460px,100%);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 50px #0006}.detail-inner{padding:max(22px, env(safe-area-inset-top)) 28px calc(34px + var(--safe-b))}.detail-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.detail h3{font-family:var(--mincho);letter-spacing:.18em;background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;margin:0;font-size:38px;font-weight:800}.detail .yomi{color:var(--paper-2);letter-spacing:.24em;margin:4px 0 16px;font-size:14px}.facts{border:1px solid var(--kin-hair);background:#f3eadb08;border-radius:3px;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 18px;padding:12px 14px;font-size:14.5px;line-height:1.6;display:grid}.facts dt{color:var(--kin);font-family:var(--mincho);letter-spacing:.12em;font-weight:700}.facts dd{margin:0}.detail h4{font-family:var(--mincho);letter-spacing:.26em;color:var(--kin);align-items:center;gap:12px;margin:24px 0 10px;font-size:16px;font-weight:800;display:flex}.detail h4:after{content:"";background:linear-gradient(90deg, var(--kin-hair), #dcbb7000);flex:1;height:1px}.detail p{color:var(--paper);margin:0;font-size:15px;line-height:1.95}.detail .flavor{font-family:var(--mincho);font-size:17px;font-weight:500;line-height:2}.bars{gap:8px;display:grid}.bar{letter-spacing:.08em;color:var(--paper-2);grid-template-columns:3.2em 1fr;align-items:center;gap:12px;font-size:13.5px;display:grid}.bar .track{background:#f3eadb1a;border-radius:4px;height:7px;display:block;overflow:hidden}.bar .fill{background:linear-gradient(90deg, #8e1a22, var(--shu) 70%, #e0603f);border-radius:4px;height:100%;display:block}.section-svg{align-items:center;gap:16px;display:flex}.section-svg svg{flex:none;width:128px;height:auto}.section-svg p{color:var(--paper-2);font-size:13.5px;line-height:1.85}.detail .btn{letter-spacing:.12em;padding:10px 16px;font-size:14px}.map-lead{color:var(--paper-2)!important;margin-top:4px!important;font-size:14.5px!important}.map-note{border-left:3px solid var(--c);margin-top:6px;padding:4px 0 4px 16px}.map-note .mn-name{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.map-note .mn-name b{font-family:var(--mincho);letter-spacing:.14em;font-size:22px;font-weight:800}.map-note .mn-name small{color:var(--paper-2);letter-spacing:.18em;font-size:13px}.mn-go{margin-top:12px}.mn-locked{color:var(--paper-2)!important;margin-top:8px!important;font-size:13.5px!important}.map-list{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px;display:grid}.map-chip{text-align:left;border:1px solid var(--line);background:#f3eadb0a;border-radius:3px;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:9px 10px;transition:border-color .15s,background .15s;display:grid}.map-chip .dot{background:var(--c);border-radius:50%;grid-row:span 2;width:11px;height:11px;box-shadow:0 0 0 2px #0006}.map-chip b{font-family:var(--mincho);letter-spacing:.08em;font-size:15px;font-weight:800}.map-chip small{color:var(--paper-2);letter-spacing:.06em;font-size:12px}.map-chip:hover{border-color:var(--kin-line)}.map-chip.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 20%, transparent)}.labels{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rlabel{will-change:transform;background:0 0;border:0;padding:0;transition:opacity .2s;position:absolute;top:0;left:0}.labels.interactive .rlabel{pointer-events:auto;cursor:pointer}.rlabel.off{opacity:0;pointer-events:none!important}.rl-tag{left:var(--shift,0px);bottom:calc(10px + var(--lift,0px));white-space:nowrap;border:1px solid color-mix(in srgb, var(--c) 70%, #fff 15%);color:var(--paper);-webkit-backdrop-filter:blur(6px);background:#0f0a08e6;border-radius:999px;align-items:baseline;gap:7px;padding:5px 12px 6px 13px;transition:background .2s,transform .2s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #00000073}.rl-tag b{font-family:var(--mincho);letter-spacing:.1em;font-size:15px;font-weight:800}.rl-tag small{color:var(--paper-2);letter-spacing:.08em;font-size:12px}.rlabel:after{content:"";background:var(--c);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 2px #0f0a08d9}.rlabel:before{content:"";width:1px;height:calc(10px + var(--lift,0px));background:#f3eadbbf;position:absolute;bottom:0;left:-.5px}.rlabel.below .rl-tag{bottom:auto;top:calc(10px + var(--lift,0px))}.rlabel.below:before{top:0;bottom:auto}.rlabel.on .rl-tag{background:var(--c);text-shadow:0 1px 2px #00000059;border-color:#fff6ec;transform:translate(-50%)scale(1.08)}.rlabel.on .rl-tag small{color:#fff6eceb}.rlabel.on.pale .rl-tag{color:#1a120c;text-shadow:none;border-color:#1a120c}.rlabel.on.pale .rl-tag small{color:#1a120cc7}.busy{z-index:25;border:1px solid var(--kin-line);font-family:var(--mincho);letter-spacing:.3em;color:var(--paper-2);background:#0f0a08e6;border-radius:3px;padding:12px 24px;font-size:15px;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.busy p{margin:0}.loading{z-index:30;background:radial-gradient(ellipse at 50% 45%, #2a1a10 0%, var(--ink) 62%);font-family:var(--mincho);color:var(--paper-2);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0 16px;font-weight:700;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading p{margin:0}.ld-shop{color:var(--kin);gap:.6em;font-size:15px;display:flex}.ld-shop i{will-change:transform, opacity;animation:1.4s cubic-bezier(.16,1,.3,1) both ld-shop;animation-delay:calc(.1s + var(--i) * .14s);font-style:normal}.ld-shop i:nth-child(2){margin-left:.5em}@keyframes ld-shop{0%{opacity:0;transform:translateX(calc((var(--i) - 1) * 1.1em)) scale(1.5)}}.ld-text{letter-spacing:.4em;color:var(--kin);padding-left:.4em;font-size:16px}.ld-text i{will-change:transform, opacity;animation:1.8s cubic-bezier(.45,0,.55,1) infinite both ld-wave;animation-delay:calc(var(--i) * .12s);font-style:normal;display:inline-block}@keyframes ld-wave{0%,44%,to{opacity:.55;transform:none}22%{opacity:1;transform:translateY(-5px)}}.ld-words{height:92px;margin-bottom:-4px;display:grid}.ld-word{flex-direction:column;grid-area:1/1;justify-content:flex-end;align-items:center;gap:2px;display:flex}.ld-word i{will-change:transform, opacity;animation:8.4s infinite both ld-char;animation-delay:calc(var(--d) + var(--i) * 80ms);font-style:normal;display:inline-block}.ld-k{font-size:62px;font-weight:800;line-height:1;display:flex}.ld-k i{background:var(--foil);color:#0000;-webkit-background-clip:text;background-clip:text}.ld-y{color:var(--paper-2);gap:.3em;font-size:13px;display:flex}@keyframes ld-char{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.9,.3,1.2);transform:translateY(.6em)scale(2)rotate(-12deg)}6%{opacity:1;transform:none}19.5%{animation-timing-function:ease-out;transform:none}21%{animation-timing-function:ease-in-out;transform:translateY(.06em)scale(1.1,.9)}24%,27.5%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.8,.5);transform:none}32%,to{opacity:0;transform:translate(.8em)skew(-16deg)}}.ld-bar{background:var(--kin-hair);width:min(200px,56vw);height:2px;overflow:hidden}.ld-bar i{background:var(--foil);transform-origin:0;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block;transform:scaleX(.04)}.ld-sushi{aspect-ratio:240/150;width:min(360px,84vw);position:relative}.ld-sushi svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ld-piece{position:absolute;inset:0}.ld-piece,.ld-piece>svg{will-change:transform, opacity;animation-duration:8.4s;animation-iteration-count:infinite;animation-fill-mode:both}.ld-piece{animation-name:ld-piece}.ld-piece .ld-rice{transform-origin:50% 78%;animation-name:ld-rice}.ld-piece .ld-shadow{fill:#00000059;transform-origin:50% 78%;animation-name:ld-shadow}.ld-piece .ld-neta{transform-origin:50% 73%;animation-name:ld-neta}.ld-piece .ld-kira{fill:#fff3cf;transform-origin:73.3% 40.7%;animation-name:ld-kira}.ld-piece:nth-of-type(2),.ld-piece:nth-of-type(2)>svg{animation-delay:2.8s}.ld-piece:nth-of-type(3),.ld-piece:nth-of-type(3)>svg{animation-delay:5.6s}@keyframes ld-piece{0%,27%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.9,.6);transform:none}33%,to{opacity:0;transform:translate(20%)}}@keyframes ld-rice{0%,2%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-60%)}5%{opacity:1}9.5%{animation-timing-function:cubic-bezier(.3,0,.3,1);transform:translateY(0)scale(1.14,.8)}12.5%{animation-timing-function:ease-in-out;transform:translateY(0)scale(.95,1.07)}15.5%,to{opacity:1;transform:none}}@keyframes ld-shadow{0%,2%{opacity:0;animation-timing-function:ease-in;transform:scale(.3)}9.5%,to{opacity:1;transform:none}}@keyframes ld-neta{0%,12.5%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:translateY(-73%)rotate(-18deg)}14%{opacity:1}19.5%{animation-timing-function:cubic-bezier(.3,0,.3,1);transform:translateY(1.3%)scale(1.08,.82)}22.5%{animation-timing-function:ease-in-out;transform:translateY(0)scale(.97,1.05)}25.5%,to{opacity:1;transform:none}}@keyframes ld-kira{0%,21.5%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.3,1.3);transform:scale(0)rotate(0)}24.5%{opacity:1;animation-timing-function:ease-in;transform:scale(1.1)rotate(45deg)}28.5%,to{opacity:0;transform:scale(0)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.ld-piece,.ld-piece *,.loading i{animation:none!important}.ld-piece:nth-of-type(n+2),.ld-word:nth-child(n+2){display:none}}@media (width<=640px){.sheet{padding:0 8px calc(8px + var(--safe-b))}.sheet-inner{padding:27px 17px 16px}.sheet-head{gap:6px;max-width:calc(100% - 24px);top:-16px;left:12px}.speaker,.quiz-head .chip,.quiz-count,.carry{min-height:31px;padding:0 11px}.speaker{gap:8px}.speaker-name{letter-spacing:.12em;font-size:16px}.speaker-role{padding-left:8px;font-size:12px}.sheet-head:has(.carry:not([hidden])) .speaker-role{display:none}.quiz-head .chip{font-size:14px}.quiz-count{font-size:12.5px}.quiz-count b{font-size:16px}.carry{padding:0 10px 0 6px;font-size:13.5px;overflow:hidden}.carry span{text-overflow:ellipsis;overflow:hidden}.sheet-ctrl{gap:6px;margin-top:12px;position:static}.sheet.quiz .sheet-ctrl{display:none}.options.long{grid-template-columns:1fr}.carry{max-width:calc(100vw - 150px)}.ctrl{letter-spacing:.04em;gap:5px;height:28px;padding:0 9px;font-size:12px}.line{min-height:3.6em;font-size:16.5px;line-height:1.8}.sheet.quiz .line{padding-right:0;font-size:17px}.line.narr{padding-left:12px;font-size:16px}.next{bottom:8px;right:12px}.options{gap:7px;margin-top:14px}.opt{gap:9px;min-height:54px;padding:8px 10px 8px 8px;font-size:16px}.opt .kana{width:28px;height:28px;font-size:14px}.opt .mark{width:18px;font-size:20px}.hint{font-size:14px}.hanko{width:86px;height:86px;margin-left:0;top:-104px;left:auto;right:14px}.hanko span{font-size:20px}.v-text small{font-size:15.5px}.cc-lead{font-size:16px;line-height:2}.cc-title{font-size:20px}.cc-when{letter-spacing:.2em;font-size:14px}.topbar{padding:max(8px, env(safe-area-inset-top)) 10px 13px;gap:8px}.shop{gap:8px}.shop-name{letter-spacing:.12em;text-indent:.12em;padding:3px 7px;font-size:14px}.chapter{letter-spacing:.06em;font-size:15px}.chapter span{letter-spacing:.04em;margin-right:.4em;font-size:12px}.topbar-right{gap:6px}.topbar-right .icon-btn{white-space:nowrap;letter-spacing:.04em;padding:6px 9px;font-size:13px}.progress{margin:0;position:absolute;bottom:4px;left:10px;right:10px}.pips{flex:1;gap:3px}.pips i{background:#f3eadb29;border:0;flex:1;width:auto;height:3px;transform:none}.pips i.ng{background:var(--ai-light)}.pips i.now{box-shadow:none;background:#fff3cfb3}.pcount{display:none}.title-screen{background:radial-gradient(at 50% 45%,#0f0a088c,#0f0a08eb 75%)}.title-kicker{letter-spacing:.08em;font-size:14px}.title-kicker:before,.title-kicker:after{display:none}.title-seal{right:-.44em}.title-actions{flex-direction:column;align-items:center}.title-actions .btn{width:min(280px,100%)}.detail{border-left:0;border-top:1px solid var(--kin-line);border-radius:10px 10px 0 0;width:100%;height:58vh;top:auto}.detail-inner{padding-left:20px;padding-right:20px}.detail h3{font-size:30px}.menu-top h2,.zukan-top h2{letter-spacing:.26em;font-size:26px}.menu-top{flex-wrap:wrap}.menu-top h2{white-space:nowrap;flex:1 0 auto}.menu-btns{gap:6px}.menu-btns .icon-btn{letter-spacing:.04em;padding:6px 10px;font-size:13px}.menu-sub,.zukan-sub{font-size:14px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.ncard .nm{font-size:19px}.map-banner{padding:14px 40px 14px 16px}.chap-head{flex-wrap:wrap;row-gap:4px}.ch-state{flex-basis:100%;margin-left:0}.mb-title{font-size:20px}.map-list{grid-template-columns:repeat(3,1fr);margin-top:12px}.map-chip{padding:7px 8px}.fuda-wall{gap:20px 8px;padding:24px 6px}.fuda{width:80px;height:276px;padding:14px 2px 10px}.fu-name{font-size:32px}.fu-name.long{font-size:27px}.fu-foot{gap:3px;padding-top:6px}.fu-no{font-size:12px}.fu-yomi,.fu-when{letter-spacing:.04em;font-size:12px}.fu-score{font-size:19px}.rl-tag{padding:4px 10px 5px}.rl-tag b{font-size:14px}.rl-tag small{display:none}.receipt{padding:30px 22px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.chapter-card.ready .cc-timer:after{animation:none;transform:scaleX(0)}}