:root{--k-paper:#f5eddc;--k-paper-2:#ebdfc6;--k-paper-hi:#fffaf0;--k-line:#cdbb9b;--k-ink:#2a1d12;--k-coffee:#3b2a1e;--k-coffee-2:#6b5743;--k-night:#1b1712;--k-teal:#5f8f8b;--k-teal-ink:#3f7372;--k-teal-hi:#8cc1ba;--k-brick:#a8452f;--k-brick-hi:#bb553c;--k-amber:#f2b134;--k-amber-ink:#9c6a0e;--k-moss:#2f6b4f;--k-font-ui:"Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--k-font-hand:"Klee One", "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", serif;--k-radius-s:6px;--k-radius-m:10px;--k-radius-l:16px;--k-radius-pill:999px;--k-shadow-1:0 1px 0 #fff6 inset, 0 2px 6px #1b171238;--k-shadow-2:0 16px 38px #1b171261, 0 2px 6px #1b171233;--cream:var(--k-paper);--paper:var(--k-paper-2);--coffee:var(--k-coffee);--coffee-soft:var(--k-coffee-2);--teal:var(--k-teal);--brick:var(--k-brick);--ink:var(--k-ink);--night:var(--k-night);--line:var(--k-line);--font:var(--k-font-ui);--hand:var(--k-font-hand);--t-xs:12px;--t-s:14px;--t-m:16px;--t-l:20px;--t-xl:26px;--t-2xl:34px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--bar-top:52px;--bar-bottom:58px;--scrim:#1b1712e6;--focus:3px solid var(--k-teal-hi)}html,body{background:var(--k-night);height:100%;font-family:var(--k-font-ui);color:var(--k-coffee);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#game{place-items:center;height:100%;display:grid}#ui{pointer-events:none;position:fixed;inset:0}rt{font-family:var(--k-font-ui);color:var(--k-brick);letter-spacing:0;font-size:.5em;font-weight:500}.btn{font:inherit;font-size:var(--t-m);color:var(--k-coffee);background:var(--k-paper);border:1.5px solid var(--k-coffee-2);border-radius:var(--k-radius-s);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px 12px;line-height:1.3;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--k-paper-hi);border-color:var(--k-coffee)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}:is(.btn,.menu-btn,.ab-btn,.bust,.hotspot):focus-visible{outline:var(--focus);outline-offset:2px}.btn.primary{background:var(--k-brick);border-color:var(--k-brick);color:var(--k-paper-hi);font-weight:700}.btn.primary:hover:not(:disabled){background:var(--k-brick-hi);border-color:var(--k-brick-hi)}.btn.ghost{border-color:var(--k-line);color:var(--k-coffee-2);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--k-paper-2);color:var(--k-coffee)}.btn.tiny{font-size:var(--t-xs);padding:2px 8px}.btn.chip{font-size:var(--t-s);border-radius:var(--k-radius-pill);border-width:1px;padding:4px 12px}.btn.toggle.on,.btn.chip.on{background:var(--k-teal);border-color:var(--k-teal);color:var(--k-paper-hi)}.btn.mic{-webkit-user-select:none;user-select:none;touch-action:none;min-width:132px}.btn.mic .icon{color:var(--k-brick)}.btn.mic.live{background:var(--k-brick);border-color:var(--k-brick);color:var(--k-paper-hi);box-shadow:0 0 0 4px #a8452f40}.btn.mic.live .icon{color:var(--k-paper-hi)}kbd{font-family:var(--k-font-ui);opacity:.6;white-space:nowrap;border:1px solid;border-radius:4px;padding:3px 5px 2px;font-size:11px;font-weight:700;line-height:1}.say{font:inherit;border:1.5px solid var(--k-line);border-radius:var(--k-radius-s);background:var(--k-paper-hi);color:var(--k-ink);min-width:0;padding:7px 11px;font-size:18px}.say:focus{border-color:var(--k-teal);outline:3px solid #5f8f8b66}.say.fix{padding:2px 6px;font-size:15px}.muted{color:var(--k-coffee-2);font-size:var(--t-s)}.notice{font-size:var(--t-s);color:var(--k-brick);min-height:1em}.notice:empty{display:none}.placeholder{border:2px dashed var(--k-coffee-2);color:var(--k-coffee-2);border-radius:var(--k-radius-m);text-align:center;background:repeating-linear-gradient(45deg,#e9dcc1 0 12px,#e2d3b5 12px 24px);align-content:center;place-items:center;gap:6px;font-size:13px;display:grid}.layer{pointer-events:none;z-index:3;position:absolute;inset:0}.layer>*{pointer-events:auto}.backdrop{padding:calc(var(--bar-top) + 8px) 16px 16px;pointer-events:auto;background:#1b171294;place-items:center;display:grid;position:absolute;inset:0}.card{background:var(--k-paper);border:1.5px solid var(--k-coffee-2);border-radius:var(--k-radius-l);box-shadow:var(--k-shadow-2);max-width:min(520px,92vw);max-height:calc(100vh - var(--bar-top) - 40px);box-sizing:border-box;padding:22px 26px;animation:.22s cubic-bezier(.2,.8,.2,1) both card-in;overflow:auto}.card.wide{width:100%;max-width:min(760px,94vw)}.card.tall{height:min(620px,88vh)}.card h2{font-size:var(--t-xl);margin:0 0 10px;line-height:1.3}.actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.hud{z-index:4;height:var(--bar-top);box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--s-3);background:var(--scrim);color:var(--k-paper);pointer-events:auto;border-bottom:1px solid #f5eddc1a;padding:0 10px 0 18px;display:flex;position:absolute;top:0;left:0;right:0}.hud-left,.hud-menu{align-items:center;gap:var(--s-1);min-width:0;display:flex}.hud-left{gap:var(--s-4)}.hud-when{align-items:baseline;gap:var(--s-3);white-space:nowrap;display:flex}.hud-date{letter-spacing:.02em;font-size:17px;font-weight:700}.hud-time{font-size:var(--t-s);color:#f5eddcbf;align-items:center;gap:5px;display:inline-flex}.hud-slot-icon{color:var(--k-amber);display:inline-flex}.hud-where{padding-left:var(--s-4);white-space:nowrap;border-left:1px solid #f5eddc33;align-items:center;gap:6px;display:inline-flex}.hud-where .icon{color:var(--k-amber)}.hud-place{font-family:var(--k-font-hand);font-size:20px;font-weight:600}.hud-mode.on,.hud-debug{border-radius:var(--k-radius-pill);font-size:var(--t-xs);white-space:nowrap;padding:2px 10px}.hud-mode.on{background:var(--k-brick);color:var(--k-paper-hi)}.hud-debug{color:var(--k-paper);font-variant-numeric:tabular-nums;background:#5f8f8b59}.hud-debug:empty{display:none}.menu-btn{height:36px;font:inherit;font-size:var(--t-s);color:var(--k-paper);border-radius:var(--k-radius-s);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:0 10px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.menu-btn:hover{background:#f5eddc1a;border-color:#f5eddc2e}.menu-btn .icon{color:var(--k-teal-hi)}.menu-btn kbd{opacity:.45}.menu-btn[hidden]{display:none}.menu-btn[data-testid=end-session]{margin-left:var(--s-2);border-color:#f5eddc38}.menu-btn[data-testid=end-session] .icon{color:var(--k-paper)}#ui.blocking .hud-menu{pointer-events:none;opacity:.4}@media (width<=1100px){.menu-label{display:none}}@media (width<=760px){.menu-btn kbd,.hud-time{display:none}}.guide{top:calc(var(--bar-top) + 10px);z-index:5;pointer-events:none;max-width:min(440px,40vw);transition:max-width .16s,opacity .16s;position:absolute;left:16px}#ui .guide,#ui .guide .objective-card{pointer-events:none}.guide.busy{max-width:min(380px,30vw);left:auto;right:16px}#ui:is([data-overlay~=scene],[data-overlay~=fade]) .guide{opacity:0}.objective-card{background:var(--k-paper);color:var(--k-ink);border:1.5px solid var(--k-coffee);border-left:7px solid var(--k-amber);border-radius:var(--k-radius-m);box-shadow:var(--k-shadow-2);padding:9px 14px 10px 12px}.guide.busy .objective-card{opacity:.96;padding:6px 10px 7px}.guide.busy .objective-card .oc-ja{font-size:16px}.guide.busy .objective-card .oc-en{font-size:12.5px}.objective-card[hidden]{display:none}.objective-card .oc-row{align-items:flex-start;gap:8px;display:flex}.objective-card .oc-row>.icon{color:var(--k-brick);flex:none;margin-top:7px}.objective-card .oc-ja{font-family:var(--k-font-hand);font-size:21px;font-weight:600;line-height:1.75}.objective-card .oc-en{border-top:1px dashed var(--k-line);font-size:var(--t-s);color:var(--k-coffee);align-items:flex-start;gap:6px;margin-top:4px;padding-top:6px;line-height:1.45;display:flex}.objective-card .oc-en[hidden]{display:none}.objective-card .oc-en>.icon{color:var(--k-amber-ink);flex:none;margin-top:2px}.objective-card.oc-enter{animation:.38s cubic-bezier(.2,.8,.2,1) both slide-in}.objective-card.nudged{border-color:var(--k-amber-ink);animation:1.1s ease-in-out infinite nudge}@keyframes slide-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes nudge{50%{box-shadow:0 0 0 6px #f2b1348c, var(--k-shadow-2)}}.hud-middle{flex:1;align-self:stretch;min-width:0;position:relative}.toasts{z-index:6;pointer-events:none;justify-items:center;gap:6px;width:max-content;max-width:60vw;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}.toast{white-space:nowrap;background:var(--k-coffee);color:var(--k-paper);border-radius:var(--k-radius-pill);box-shadow:var(--k-shadow-2);border:1px solid #f5eddc38;padding:7px 16px;font-size:15px;animation:.22s ease-out both toast-in}.toast.toast-done{background:var(--k-moss);padding:7px 20px;font-size:16px;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.frame,.vn-stage{width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:size}.frame{z-index:1;pointer-events:none}#ui:is([data-overlay~=conversation],[data-overlay~=activity],[data-overlay~=scene]) :is(.frame,.actionbar){visibility:hidden}.busts{position:absolute;inset:0}.bust{--rank:0;height:calc(66% - var(--rank) * 7%);aspect-ratio:3/4;cursor:pointer;pointer-events:auto;z-index:calc(10 - var(--rank));transform-origin:bottom;filter:drop-shadow(0 8px 16px #1b171259) brightness(calc(1 - var(--rank) * .06));background:0 0;border:0;padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s;animation:.42s cubic-bezier(.2,.8,.2,1) both bust-arrive;position:absolute;bottom:0}.bust-left{left:calc(1% + var(--rank) * 13%)}.bust-right{right:calc(1% + var(--rank) * 13%)}.bust-img,.bust-ph{object-fit:contain;object-position:bottom;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.bust:is(:hover,.is-hover,.is-current){filter:drop-shadow(0 0 2px #fffaf0e6)drop-shadow(0 0 14px #fff0d28c)drop-shadow(0 8px 16px #1b171259);transform:translateY(-1.5%)}.bust-name{left:50%;bottom:calc(18% + var(--rank) * 2%);border-radius:var(--k-radius-pill);color:var(--k-paper);font-family:var(--k-font-hand);white-space:nowrap;background:#3b2a1ee0;align-items:baseline;gap:6px;padding:3px 12px 4px;font-size:clamp(14px,2.5cqh,24px);font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 8px #1b171259}.bn-reading{font-family:var(--k-font-ui);opacity:.75;font-size:.6em;font-weight:500}.bust:is(:hover,.is-hover,.is-current) .bust-name{background:var(--k-coffee)}.bust.mark-primary{animation:.42s cubic-bezier(.2,.8,.2,1) both bust-arrive,1.6s ease-in-out infinite halo-amber}.bust.mark-secondary{animation:.42s cubic-bezier(.2,.8,.2,1) both bust-arrive,2.2s ease-in-out infinite halo-teal}.bust.nudged{animation-duration:.42s,.8s}.bust.mark-primary .bust-name{background:var(--k-amber);color:var(--k-ink)}@keyframes bust-arrive{0%{opacity:0;transform:translateY(4%)}to{opacity:1;transform:none}}@keyframes halo-amber{0%,to{filter:drop-shadow(0 0 3px #f2b134f2)drop-shadow(0 0 10px #f2b13473)}50%{filter:drop-shadow(0 0 4px #f2b134)drop-shadow(0 0 24px #f2b134bf)}}@keyframes halo-teal{0%,to{filter:drop-shadow(0 0 3px #8cc1bad9)drop-shadow(0 0 8px #8cc1ba59)}50%{filter:drop-shadow(0 0 4px #8cc1baf2)drop-shadow(0 0 18px #8cc1ba99)}}.bust-ph{position:relative}.bust-ph .ph-head,.bust-ph .ph-shoulders{background:linear-gradient(#6b5743bf,#3b2a1ecc);position:absolute;box-shadow:inset 0 0 0 2px #f5eddc40}.bust-ph .ph-head{aspect-ratio:1;border-radius:50%;width:34%;top:14%;left:50%;transform:translate(-50%)}.bust-ph .ph-shoulders{border-radius:50% 50% 0 0/70% 70% 0 0;height:46%;bottom:0;left:10%;right:10%}.bust-ph .ph-caption{color:var(--k-paper);font:500 11px var(--k-font-ui);white-space:nowrap;background:#1b171299;border-radius:4px;padding:1px 6px;position:absolute;bottom:34%;left:50%;transform:translate(-50%)}.hotspots{position:absolute;inset:0}.hotspot{cursor:pointer;pointer-events:auto;z-index:20;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:grid;position:absolute}.hs-dot{background:radial-gradient(circle,#fffaf0 0 35%,#ffe9b8e6 36% 60%,#0000 72%);border-radius:50%;width:14px;height:14px;transition:transform .16s;animation:3.2s ease-in-out infinite glint;box-shadow:0 0 0 2px #fffaf08c,0 0 18px 5px #ffe0a08c}.hotspot:is(:hover,:focus-visible,.is-current) .hs-dot{animation-play-state:paused;transform:scale(1.35)}.hs-label{border-radius:var(--k-radius-pill);background:var(--k-coffee);color:var(--k-paper);font:700 14px var(--k-font-ui);white-space:nowrap;opacity:0;pointer-events:none;align-items:center;gap:4px;padding:3px 10px 4px;transition:opacity .14s,transform .14s;display:inline-flex;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%,4px);box-shadow:0 3px 10px #1b171266}.hotspot:is(:hover,:focus-visible,.is-current) .hs-label{opacity:1;transform:translate(-50%)}@keyframes glint{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.actionbar{z-index:2;min-height:var(--bar-bottom);box-sizing:border-box;align-items:center;gap:var(--s-3);background:var(--scrim);color:var(--k-paper);pointer-events:auto;border-top:1px solid #f5eddc1a;padding:9px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.actionbar:empty{display:none}.ab-main{align-items:center;gap:8px var(--s-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.ab-end{gap:var(--s-2);flex:none;display:flex}.ab-group{flex:none;align-items:center;gap:6px;display:flex}.ab-group+.ab-group{padding-left:var(--s-3);border-left:1px solid #f5eddc29}.ab-btn{height:38px;font:inherit;white-space:nowrap;color:var(--k-coffee);background:var(--k-paper);border-radius:var(--k-radius-s);box-shadow:var(--k-shadow-1);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:7px;padding:0 11px 0 10px;font-size:15px;font-weight:500;transition:background .12s,transform 80ms,border-color .12s;display:inline-flex;position:relative}.ab-btn:hover,.ab-btn.is-hover{background:var(--k-paper-hi)}.ab-btn:active{transform:translateY(1px)}.ab-btn .icon{color:var(--k-teal-ink);flex:none}.ab-btn.ab-person .icon{color:var(--k-brick)}.ab-btn.ab-person .ab-label{font-family:var(--k-font-hand);font-size:17px;font-weight:600}.ab-btn.is-current{border-color:var(--k-brick)}.ab-btn.locked{background:var(--k-paper-2);color:var(--k-coffee-2)}.ab-btn.locked .icon{color:var(--k-coffee-2)}.ab-btn.dim{opacity:.62}.ab-btn.ab-exit{color:var(--k-paper);box-shadow:none;background:0 0;border-color:#f5eddc59}.ab-btn.ab-exit .icon{color:var(--k-paper)}.ab-btn.ab-exit:hover,.ab-btn.ab-exit.is-hover{background:#f5eddc1f}.ab-btn.ab-exit.is-current{border-color:var(--k-paper)}.ab-btn kbd{opacity:.55}.ab-btn.mark-primary{box-shadow:0 0 0 3px var(--k-amber), 0 0 0 5px #1b17128c;animation:1.4s ease-in-out infinite ring-amber}.ab-btn.mark-primary:after{content:"";border:7px solid #0000;border-top:8px solid var(--k-amber);filter:drop-shadow(0 1px #1b171299);animation:.9s ease-in-out infinite bob;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.ab-btn.mark-secondary{box-shadow:0 0 0 3px var(--k-teal-hi), 0 0 0 5px #1b171273}.ab-btn.nudged.mark-primary{animation-duration:.6s}.ab-btn.nudged.mark-primary:after{border-top-width:11px;animation-duration:.36s}@keyframes ring-amber{50%{box-shadow:0 0 0 5px var(--k-amber), 0 0 0 7px #1b171273, 0 0 18px 4px #f2b1348c}}@keyframes bob{50%{transform:translate(-50%,-4px)}}.sb-main{justify-content:space-between}.sb-target{align-items:baseline;gap:var(--s-3);min-width:0;display:flex}.sb-name{font-family:var(--k-font-hand);color:var(--k-paper);white-space:nowrap;font-size:22px;font-weight:600}.sb-reading{color:var(--k-teal-hi);font-size:15px}.sb-hint{color:#f5eddcb3;align-items:center;gap:8px;font-size:15px;display:inline-flex}.ab-btn.sb-act.primary{background:var(--k-brick);color:var(--k-paper-hi);font-weight:700}.ab-btn.sb-act.primary .icon{color:var(--k-paper-hi)}.ab-btn.sb-act.primary:hover{background:var(--k-brick-hi)}.ab-btn.sb-read.on{background:var(--k-teal);color:var(--k-paper-hi)}.ab-btn.sb-read.on .icon{color:var(--k-paper-hi)}.vn{pointer-events:auto;position:absolute;inset:0}.conversation.vn{background:linear-gradient(90deg,#1b17126b,#0000 42%),linear-gradient(#0000 52%,#1b171280)}.vn-stage{pointer-events:none}.vn-stage>*{pointer-events:auto}.vn-bust{aspect-ratio:3/4;transform-origin:bottom;filter:drop-shadow(0 12px 26px #00000061);height:88%;animation:.42s cubic-bezier(.2,.8,.2,1) both bust-arrive;position:absolute;bottom:0;left:.5%;pointer-events:none!important}.vn-bust.changed{animation:.34s ease-out breath}.vn-bust.empty{visibility:hidden}@keyframes breath{40%{transform:translateY(-1.2%)scale(1.012)}}.vn-col{justify-content:flex-end;align-items:stretch;gap:var(--s-3);flex-direction:column;display:flex;position:absolute;inset:8% 2% 3.5% 32%;pointer-events:none!important}.vn-col>*{pointer-events:auto}.vn-box{border:1.5px solid var(--k-coffee-2);border-radius:var(--k-radius-l);box-shadow:var(--k-shadow-2);background:#f5eddcf7;gap:10px;min-height:0;padding:24px 20px 16px;display:grid;position:relative}.vn-head{justify-content:flex-end;align-items:center;gap:var(--s-2);min-height:6px;display:flex}.vn-tools{gap:var(--s-2);margin-top:-10px;display:flex}.vn-box .nameplate{border-radius:var(--k-radius-s);background:var(--k-brick);color:var(--k-paper-hi);align-items:baseline;gap:8px;padding:4px 16px 6px;display:inline-flex;position:absolute;top:0;left:22px;transform:translateY(-58%);box-shadow:0 4px 12px #1b17124d}.vn-box .nameplate:empty{display:none}.nameplate .name{font-family:var(--k-font-hand);letter-spacing:.04em;font-size:22px;font-weight:600}.name-reading{opacity:.85;font-size:12px}.log{align-content:start;gap:8px;min-height:64px;max-height:min(34cqh,300px);padding-right:4px;display:grid;overflow-y:auto}.entry{font-size:clamp(20px,3.3cqh,32px);line-height:1.95}.entry.npc{font-family:var(--k-font-hand);color:var(--k-ink);font-weight:600}.entry.player{border-radius:var(--k-radius-m) var(--k-radius-m) 2px var(--k-radius-m);background:#5f8f8b29;flex-wrap:wrap;justify-self:end;align-items:baseline;gap:10px;padding:4px 12px;font-size:17px;line-height:1.6;display:flex}.entry.player.ch-help{font-style:italic}.heard{color:var(--k-coffee-2);font-size:12px}.fixed{color:var(--k-teal-ink);font-size:14px}.fix-row{gap:4px;display:inline-flex}.sentence{margin-right:.3em}.sentence .seg{cursor:help}.sentence.fresh{animation:.38s ease-out both arrive}.hidden-text{color:var(--k-coffee-2);letter-spacing:.2em}.btn.replay{vertical-align:middle;border-radius:var(--k-radius-pill);width:26px;height:26px;color:var(--k-coffee-2);opacity:.7;background:0 0;border-width:1px;justify-content:center;align-items:center;margin:0 .45em 0 -.1em;padding:0;display:inline-flex}.btn.replay:hover,.btn.replay:focus-visible{opacity:1;color:var(--k-teal-ink)}@keyframes arrive{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}.thinking .dots{color:var(--k-coffee-2);font-size:28px;animation:1s ease-in-out infinite breathe;display:inline-block}@keyframes breathe{50%{opacity:.3}}.help-row,.input-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.help-row .btn{font-size:var(--t-s);border-radius:var(--k-radius-pill);border-width:1px;padding:4px 12px}.input-row .say{flex:1}.notebook{box-sizing:border-box;background:var(--k-paper);border:1.5px solid var(--k-coffee-2);border-radius:var(--k-radius-m);width:min(380px,100%);max-height:40cqh;box-shadow:var(--k-shadow-2);align-self:flex-start;padding:14px;display:none;overflow:auto}.notebook.open{display:block}.nb-title{font-size:18px;font-weight:700}.nb-hint{color:var(--k-coffee-2);margin-bottom:8px;font-size:12px}.nb-search{gap:6px;display:flex}.nb-entry{border-bottom:1px dashed var(--k-line);grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:6px 0;display:grid}.nb-word{font-size:20px}.nb-reading,.nb-empty{color:var(--k-coffee-2)}.story-scene.vn{background:var(--k-night)}.scene-bg{filter:saturate(.92)brightness(.86);cursor:pointer;background-position:50%;background-size:cover;position:absolute;inset:0}.scene-bg:after{content:"";background:linear-gradient(90deg,#1b171266,#0000 42%),linear-gradient(#0000 50%,#1b17128c);position:absolute;inset:0}.scene-place{color:var(--k-paper);border-radius:var(--k-radius-pill);font-family:var(--k-font-hand);background:#1b1712b8;padding:4px 16px 5px;font-size:18px;font-weight:600;position:absolute;top:3%;left:2%}.scene-photo{object-fit:contain;border:10px solid #fbf6ea;align-self:center;max-width:100%;max-height:44cqh;animation:.6s ease-out both arrive;transform:rotate(-1.5deg);box-shadow:0 14px 40px #00000073}.scene-photo.placeholder{width:60%;height:30cqh}.scene-text{font-family:var(--k-font-hand);min-height:2em;color:var(--k-ink);font-size:clamp(22px,3.6cqh,34px);font-weight:600;line-height:1.9}.scene-count{color:var(--k-coffee-2);font-variant-numeric:tabular-nums;font-size:12px}.scene-actions{justify-content:flex-end;display:flex}.scene-box .vn-head{min-height:0;margin-top:-8px}.session-card .sc-date{color:var(--k-coffee-2);justify-content:space-between;font-size:15px;display:flex}.sc-title{font-family:var(--k-font-hand);font-size:var(--t-2xl);letter-spacing:.08em;margin:6px 0 16px;font-weight:600}.sc-row{border-top:1px dashed var(--k-line);grid-template-columns:80px 1fr;gap:12px;padding:8px 0;display:grid}.sc-k{color:var(--k-coffee-2);padding-top:2px;font-size:13px}.sc-v{font-size:18px}.sc-suggest{margin:0;padding-left:18px;font-size:18px;line-height:1.7}.sc-row small,.sc-suggest small{color:var(--k-coffee-2);font-size:13px}.sc-actions{justify-content:flex-end;margin-top:14px;display:flex}.sc-mode{color:var(--k-brick);margin-top:10px;font-size:12px}.diary h2{font-family:var(--k-font-hand)}.templates{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.diary-text{box-sizing:border-box;width:100%;font-family:var(--k-font-hand);border:1.5px solid var(--k-line);border-radius:var(--k-radius-s);background-color:var(--k-paper-hi);color:var(--k-ink);resize:vertical;background-image:repeating-linear-gradient(#0000 0 35px,#e8dcc2 35px 36px);background-attachment:local;padding:0 14px;font-size:21px;font-weight:600;line-height:36px}.diary-text:focus{border-color:var(--k-teal);outline:3px solid #5f8f8b66}.correction{border-top:1px dashed var(--k-line);grid-template-columns:30px 1fr;gap:10px;padding:10px 0;display:grid}.c-n{color:var(--k-brick);font-size:20px;font-weight:700}.c-said{font-size:18px;-webkit-text-decoration:line-through #a8452f80;text-decoration:line-through #a8452f80}.c-better{color:var(--k-ink);font-size:20px}.c-better:empty{display:none}.c-note{color:var(--k-coffee-2);font-size:14px}.said-well{border-radius:var(--k-radius-s);background:#5f8f8b26;margin-top:10px;padding:10px 12px;font-size:18px}.sw-k{letter-spacing:.04em;color:var(--k-teal-ink);font-size:12px}.col-head{justify-content:space-between;align-items:center;display:flex}.tabs{flex-wrap:wrap;gap:6px;margin:8px 0 14px;display:flex}.btn.tab.on{background:var(--k-coffee);border-color:var(--k-coffee);color:var(--k-paper)}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.tile{border:1.5px solid var(--k-line);border-radius:var(--k-radius-s);text-align:center;background:var(--k-paper-hi);padding:14px 8px;font-size:16px}.tile.missing{color:#b5a387;border-style:dashed}.stamp-mark{border:2px dashed var(--k-line);width:40px;height:40px;color:var(--k-brick);border-radius:50%;margin:0 auto 6px;font-size:22px;line-height:38px}.tile.got .stamp-mark{border:3px solid var(--k-brick)}img.art.photo,.sign-image{object-fit:contain;border-radius:var(--k-radius-s);width:100%;max-height:60vh;margin-bottom:12px;display:block}img.stamp-mark{object-fit:contain;border:none}.placeholder.photo{height:120px;margin-bottom:12px}ul.plain{margin:0 0 8px;padding-left:18px;font-size:16px}.sign-board{white-space:pre-line;font-family:var(--k-font-hand);text-align:center;background:var(--k-paper-hi);border:3px solid var(--k-ink);border-radius:var(--k-radius-s);color:var(--k-ink);letter-spacing:.1em;padding:18px 26px;font-size:44px;font-weight:600}.sign-reading{text-align:center;color:var(--k-coffee-2);cursor:pointer;margin-top:10px;font-size:15px}.sign-reading.revealed{color:var(--k-ink);font-size:20px}.night-fade{color:var(--k-paper);font-family:var(--k-font-hand);pointer-events:auto;background:#0b0906;place-items:center;font-size:26px;animation:1.4s both fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}25%,75%{opacity:1}to{opacity:0}}.icon-btn{align-items:center;gap:6px;display:inline-flex}.icon-btn[hidden]{display:none}.card.onboarding-card{max-width:min(1000px,96vw);padding:18px 24px}.ob-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4px 28px;display:grid}@media (width<=760px){.ob-grid{grid-template-columns:1fr}}.onboarding h2{font-family:var(--k-font-hand);margin:0 0 6px;font-size:28px}.onboarding .ob-kicker{color:var(--k-brick);margin:0;font-size:13px;font-weight:700}.onboarding .ob-premise{max-width:72ch;margin:0 0 4px;font-size:15px;line-height:1.55}.ob-section{margin-top:10px}.ob-section h3{color:var(--k-coffee);align-items:center;gap:8px;margin:0 0 6px;font-size:16px;display:flex}.ob-section h3 .icon{color:var(--k-brick)}.ob-section p{margin:0;font-size:14px;line-height:1.5}.ob-list{gap:5px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.ob-row{grid-template-columns:20px 116px 1fr;align-items:center;gap:10px;display:grid}.ob-row .icon{color:var(--k-teal-ink)}.ob-row kbd{background:var(--k-paper-2);border:1px solid var(--k-coffee-2);border-radius:var(--k-radius-s);opacity:1;border-bottom-width:3px;justify-self:start;padding:3px 7px;font-size:12px}.ob-setting{border-top:1px solid var(--k-line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:10px;font-size:14px;display:flex}.onboarding .actions{margin-top:8px}.ob-chips{gap:6px;display:inline-flex}.map-card{width:min(720px,88vw)}.map-paper{aspect-ratio:3/2;border-radius:var(--k-radius-s);background:#fbf6ea;position:relative;overflow:hidden;transform:rotate(-.6deg);box-shadow:0 6px 18px #1b171240}.map-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.map-art.placeholder{align-content:end;padding-bottom:10px}.map-label{font-family:var(--k-font-hand);color:var(--k-ink);border-radius:var(--k-radius-s);background:#ffffffd1;align-items:center;gap:6px;padding:2px 8px;font-size:20px;font-weight:600;display:inline-flex;position:absolute}.map-station{bottom:6%;left:4%}.map-street{top:47%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.map-card:has(.map-art.placeholder) .map-circled{border:3px solid #c0392b;border-radius:50%;padding:14px 22px}.map-cafe{top:22%;right:3%}.map-cafe .icon{color:var(--k-brick)}.map-caption{color:var(--k-coffee-2);margin:12px 0 0;font-size:14px}.phone-card h2{align-items:center;gap:10px;display:flex}.phone-card h2 .icon{color:var(--k-teal-ink)}.phone-uses{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.phone-uses li{grid-template-columns:22px 120px 1fr;align-items:baseline;gap:10px;font-size:14px;display:grid}.phone-uses .icon{color:var(--k-brick);align-self:center}.phone-waiting{border-radius:var(--k-radius-s);background:#f2b13433;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.phone-pair{font-size:14px}.phone-pair kbd{opacity:1;background:var(--k-paper-2);font-size:13px}.tap-reading{cursor:pointer}.write-title{font-family:var(--k-font-hand);border-bottom:2px solid var(--k-coffee);margin:0 0 6px;padding-bottom:4px;font-size:22px;font-weight:700;display:block}.write-ask{margin:4px 0 10px}.write-notes{background:var(--k-paper-hi);border-left:4px solid var(--k-brick);margin:0 0 10px;padding:8px 12px 8px 28px;font-size:16px;line-height:1.7}.form-fields{gap:8px;margin:10px 0;display:grid}.form-field{border:1.5px solid var(--k-line);border-radius:var(--k-radius-s);background:var(--k-paper-hi);grid-template-columns:210px 1fr;align-items:center;gap:10px;padding:6px 8px;display:grid}.form-field.optional .field-label:after{content:"（にんい）";color:var(--k-coffee-2);font-size:12px}.field-label{font-weight:700}.field-input{font:inherit;border:1px solid var(--k-line);border-radius:4px;padding:4px 8px;font-size:18px}.field-choices{flex-wrap:wrap;gap:6px;display:flex}.hw-card-title{margin:0 0 4px}.card-paper{border:1.5px solid var(--k-line);max-width:560px;font-family:var(--k-font-hand);text-align:center;background:#fffdf7;margin:10px auto;padding:18px 22px;font-size:24px;line-height:2;box-shadow:0 2px 6px #0002}.card-line{min-height:1.6em}.hw-box{vertical-align:middle;border:1.5px dashed var(--k-coffee-2);border-radius:3px;width:1.3em;height:1.3em;margin:0 2px;font-weight:700;line-height:1.3em;display:inline-block}.hw-box.done{border-style:solid;border-color:var(--k-coffee);color:var(--k-ink)}.card-progress{text-align:center;color:var(--k-coffee-2)}.hw-tablet{text-align:center;color:var(--k-teal-ink);font-weight:700}.story-page .page-text{border:1.5px solid var(--k-line);font-family:var(--k-font-hand);background:#fffdf7;max-height:52vh;padding:14px 18px;font-size:19px;line-height:1.9;overflow:auto}.story-page.handwritten .page-text{font-style:italic}.story-page .page-text p{margin:0 0 4px}.page-words{color:var(--k-coffee-2);flex-wrap:wrap;gap:4px 14px;padding:0;font-size:14px;list-style:none;display:flex}@media (width>=1700px) and (height>=980px){.hud,.actionbar,.guide,.backdrop>.card,.vn-box .vn-tools,.vn-box .help-row,.vn-box .input-row,.vn-box .nameplate,.notebook,.act-head,.act-box,.act-scene{zoom:1.2}}@media (prefers-reduced-motion:reduce){.sentence.fresh,.toast,.card,.night-fade,.thinking .dots,.objective-card.oc-enter,.objective-card.nudged,.bust,.vn-bust,.hs-dot,.ab-btn.mark-primary,.ab-btn.mark-primary:after,.scene-photo{animation:none}.bust,.ab-btn,.hs-label{transition:none}}.activity{padding:calc(var(--bar-top) + 12px) 2% 0 0;box-sizing:border-box;pointer-events:auto;background-color:#1b1712c7;background-position:50%;background-size:cover;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,31%) minmax(0,1fr);gap:10px 1.5%;display:grid;position:absolute;inset:0}.activity:before{content:"";pointer-events:none;background:linear-gradient(90deg,#1b171266,#0000 40%),linear-gradient(#0000 50%,#1b171273);position:absolute;inset:0}.activity>*{position:relative}.activity.busy .act-box{opacity:.85}.act-head{color:var(--k-paper);grid-area:1/2;align-items:center;gap:14px;padding-right:calc(min(380px,30vw) + 16px);display:flex}.act-title{font-family:var(--k-font-hand);font-size:22px;font-weight:600}.act-progress{opacity:.8;flex:1;font-size:14px}.act-head .btn{color:var(--k-paper);background:0 0;border-color:#f5eddc66}.act-stage{display:contents}.act-portrait{aspect-ratio:3/4;filter:drop-shadow(0 12px 26px #00000061);pointer-events:none;grid-area:1/1/4;place-self:end start;max-width:100%;height:min(86vh,48.375vw);margin-left:2%}.act-portrait:empty{visibility:hidden}.act-portrait img,.act-portrait .placeholder{object-fit:contain;object-position:bottom;width:100%;height:100%}.act-scene{color:var(--k-paper);flex-wrap:wrap;grid-area:2/2;align-content:flex-start;align-self:stretch;gap:12px;min-height:0;display:flex;overflow:auto}.act-scene .muted{color:#e6d9bf;width:100%}.act-menu,.act-bill,.act-capsule,.act-card-head,.act-count{background:var(--paper);color:var(--ink);border:2px solid var(--coffee-soft);border-radius:10px;padding:10px 14px}.act-menu{min-width:230px;font-size:17px}.act-menu-title{text-align:center;letter-spacing:.3em;border-bottom:1px solid var(--line);margin-bottom:4px;font-weight:700}.act-menu-row{justify-content:space-between;gap:16px;display:flex}.act-bill{align-self:flex-start;font-size:22px;font-weight:700}.act-board{border:3px solid var(--coffee);text-align:center;color:var(--ink);background:#e7c98f;grid-template-rows:repeat(9,30px);grid-template-columns:repeat(9,30px);font-size:17px;line-height:30px;display:grid}.act-board>span{border:1px solid #3b2a1e73}.act-board .pc.genzo{color:var(--coffee-soft);transform:rotate(180deg)}.act-board.over{opacity:.8}.act-count{align-items:center;gap:12px;font-size:18px;display:flex}.act-tokens{flex-wrap:wrap;gap:5px;max-width:220px;display:flex}.act-tokens i{background:var(--brick);border-radius:50%;width:18px;height:18px;display:block}.act-timer{background:#f6efe04d;border-radius:4px;width:100%;height:8px;overflow:hidden}.act-timer>i{background:var(--teal);width:0;height:100%;display:block}.act-timer.late>i{background:var(--coffee-soft)}.act-capsule.rare{border-color:var(--brick);box-shadow:0 0 0 3px #a8452f4d}.act-art{object-fit:contain;width:180px;height:180px}.act-art.small{width:64px;height:64px;font-size:9px}.act-box{grid-area:3/2;max-height:58vh;margin-bottom:3vh;overflow-y:auto}.act-box .entry.npc.act-line{font-size:clamp(22px,3.4vh,32px)}.act-speech{gap:6px;display:grid}.act-line{line-height:2.05}.act-recast-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.act-recast-row .c-better{color:var(--teal);font-weight:700}.act-line.brush{writing-mode:vertical-rl;justify-self:center;min-height:7em;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:30px}.act-line.sign-board{border:2px solid var(--coffee);background:#fffaf0;border-radius:6px;justify-self:start;padding:2px 14px}.act-hint{color:var(--teal)}.act-cue{color:var(--coffee-soft);font-size:15px}.act-cue:empty{display:none}.act-feedback{flex-wrap:wrap;align-items:center;gap:10px;font-size:18px;display:flex}.act-feedback:empty{display:none}.fb-label{color:var(--teal);font-weight:700}.act-feedback[data-result=retry] .fb-label,.act-feedback[data-result=unheard] .fb-label,.act-feedback[data-result=revealed] .fb-label,.act-feedback[data-result=close] .fb-label{color:var(--coffee-soft)}.fb-recast{color:var(--ink);font-size:22px}.act-options{flex-wrap:wrap;gap:8px;display:flex}.act-option{padding:8px 16px;font-size:18px}.act-option.done:after{content:" ✓";color:var(--teal)}.act-option.shown{outline:3px solid var(--teal);outline-offset:2px}.act-option-art{object-fit:contain;width:72px;height:72px;margin:0 auto 4px;display:block}.act-collected{background:#5f8f8b26;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.act-result{gap:6px;font-size:17px;display:grid}.act-result h2{margin:0}