:root{--paper:#f3eee2;--paper-deep:#e8e0cd;--ink:#2a2521;--ink-soft:#2a25219e;--wash-green:#cfd98a;--wash-pink:#e9b9c8;--wash-blue:#bcd3dc;--font:"Klee One", "Hiragino Maru Gothic ProN", "Yu Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);background:#d9d2c2;margin:0;overflow:hidden}#frame{place-items:center;display:grid;position:fixed;inset:0}#stage{aspect-ratio:16/9;background:var(--paper);-webkit-user-select:none;user-select:none;width:min(100vw,177.778vh);position:relative;overflow:hidden;box-shadow:0 10px 40px #281e142e;container-type:inline-size}body.embed{background:0 0}body.embed #stage{aspect-ratio:auto;width:100vw;height:100vh;box-shadow:none}#world{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#world:active{cursor:grabbing}#labels{pointer-events:none;position:absolute;inset:0}.label{pointer-events:auto;cursor:pointer;white-space:nowrap;font-size:clamp(11px,1.05cqw,20px);transition:opacity .35s;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.label .bubble{border:1.6px solid var(--ink);text-align:center;background:#faf7efeb;border-radius:48% 52% 45% 55%/60% 55% 45% 40%;padding:.35em .95em .45em;line-height:1.15;position:relative;box-shadow:1px 2px #2a25211f}.label .bubble:after{content:"";background:inherit;border-right:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);border-bottom-right-radius:3px;width:.8em;height:.8em;position:absolute;bottom:-.62em;left:50%;transform:translate(-30%)rotate(38deg)skew(12deg)}.label .en{letter-spacing:.02em;font-size:.8em;display:block}.label .ja{font-size:1em;font-weight:600;display:block}.label.char{white-space:normal;font-size:clamp(10px,.85cqw,16px)}.label.char .bubble{background:#faf7eff0;border-width:1.3px;border-radius:1.3em 1.6em 1.4em 1.2em/1.2em 1.4em 1.6em 1.3em;padding:.42em .95em .48em}.label.char .line{text-align:center;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;width:max-content;max-width:12.5em;font-size:1.12em;font-weight:600;line-height:1.35;display:block}.label.char.extra .bubble{background:#faf7efc7;border-style:dashed;font-size:.9em}.label.char.thought .bubble{border-style:solid;border-radius:50% 46% 52% 48%/60% 58% 44% 46%;padding:.45em 1.05em .5em}.label.char.thought .bubble:after{border:1.3px solid var(--ink);border-radius:50%;width:.5em;height:.5em;bottom:-.78em;left:38%;transform:none}.label.char.thought .bubble:before{content:"";border:1.2px solid var(--ink);background:inherit;border-radius:50%;width:.3em;height:.3em;position:absolute;bottom:-1.3em;left:32%}.label:hover .bubble{background:#fffdf6;transform:translateY(-2px)}#ui{pointer-events:none;font-size:clamp(11px,.9cqw,17px);position:absolute;inset:0}#ui>*{pointer-events:auto}.title{position:absolute;top:3%;left:2.2%;pointer-events:none!important}.title h1{letter-spacing:.03em;margin:0;font-size:2.3em;font-weight:600;line-height:1}.title p{color:var(--ink-soft);margin:.35em 0 0;font-size:1em}.nav{flex-direction:column;align-items:center;gap:.5em;width:max-content;max-width:94%;display:flex;position:absolute;bottom:3.2%;left:50%;transform:translate(-50%)}.nav .places,.nav .cast{flex-wrap:wrap;justify-content:center;gap:.5em;display:flex}.nav button,.tools button{font:inherit;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;white-space:nowrap;background:#faf7efe0;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.42em 1em .5em;transition:transform .15s,background .2s}.nav button:hover,.tools button:hover{background:#fffdf6;transform:translateY(-2px)rotate(-1deg)}.nav button.active{background:var(--ink);color:var(--paper)}.nav button.char{background:#e9f0f8eb;align-items:center;gap:.35em;display:inline-flex}.nav button.char .icon{flex:none;width:auto;overflow:visible}.nav button.char.active{background:var(--ink);color:var(--paper)}.nav button small{opacity:.7;margin-left:.3em;font-size:.78em}.tools{gap:.45em;display:flex;position:absolute;top:3%;right:2%}.tools button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hint{text-align:right;color:var(--ink-soft);font-size:.86em;line-height:1.5;position:absolute;bottom:3.4%;right:2%;pointer-events:none!important}.caption{max-width:26em;font-size:.95em;line-height:1.6;transition:opacity .6s;position:absolute;bottom:3.4%;left:2.2%;pointer-events:none!important}.caption .zone{font-size:1.35em;font-weight:600}.stats{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.8em;position:absolute;top:1.2%;left:50%;transform:translate(-50%);pointer-events:none!important}#loading{background:var(--paper);z-index:5;place-items:center;font-size:clamp(14px,1.3cqw,24px);transition:opacity .9s;display:grid;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}.hidden{display:none!important}@container (width<=1100px){.hint{display:none}}@container (width<=1180px){.caption{max-width:70%;font-size:.9em;bottom:calc(3.2% + 7.3em)}}@container (width<=620px){.caption{display:none}}