:root{color-scheme:light;--paper:#f3ead6;--ink:#26334e;--coral:#df7058;font:12px Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;touch-action:manipulation}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--coral);outline-offset:5px}[hidden]{display:none!important}#world{position:relative;height:100dvh;min-height:360px;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.paper-frame{position:absolute;inset:14px;border:1px solid #26334e40;pointer-events:none}.paper-frame:before,.paper-frame:after{content:"";position:absolute;width:21px;height:21px;border-color:var(--ink);border-style:solid}.paper-frame:before{left:-5px;top:-5px;border-width:1px 0 0 1px}.paper-frame:after{right:-5px;bottom:-5px;border-width:0 1px 1px 0}header{position:absolute;top:32px;left:36px;display:flex;align-items:baseline;gap:18px;pointer-events:none;text-shadow:0 1px 5px var(--paper)}h1{font:italic 20px Georgia,serif;margin:0;letter-spacing:-.6px}h1 i{font-size:16px}header>span{font-size:9px;letter-spacing:1px;text-transform:uppercase}#view-menu{position:absolute;right:34px;top:25px}summary{list-style:none;cursor:pointer;font-size:17px;letter-spacing:2px;padding:8px}summary::-webkit-details-marker{display:none}.menu-content{position:absolute;right:0;top:38px;width:174px;background:#f3ead6f5;border:1px solid #26334e55;padding:10px;box-shadow:3px 3px #26334e1a}.menu-content button{display:block;text-align:left;width:100%;padding:9px}.menu-content button:hover{background:#df70581c}.menu-content label{display:block;padding:9px;font-size:10px;line-height:1.8}.menu-content select{width:100%;font-size:11px;border:0;border-bottom:1px solid #26334e55;background:transparent;padding:3px 0}.player{position:absolute;bottom:30px;left:36px;right:36px;display:flex;align-items:center;gap:14px;max-width:660px;opacity:.8;transition:opacity .2s}.player:hover{opacity:1}.player button{height:32px;width:28px;font-size:14px}.player output{font-size:10px;font-variant-numeric:tabular-nums}.player input{min-width:40px;max-width:230px;flex:1;height:2px;accent-color:var(--ink);cursor:ew-resize}.player #chapter{font-size:8px;letter-spacing:1.7px;white-space:nowrap;padding-left:8px}#resume{position:absolute;bottom:38px;right:36px;border-bottom:1px solid var(--ink);padding:0 0 5px;font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#f3ead6d9}#room-tag{position:absolute;transform:translate(-50%,-155%);padding:7px 10px;background:var(--ink);color:var(--paper);font-size:9px;pointer-events:none;white-space:nowrap}#toast{position:absolute;top:75px;left:50%;transform:translate(-50%);padding:10px 15px;background:var(--paper);border:1px solid #26334e40;font-size:11px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--paper);z-index:5;font:italic 22px Georgia,serif}#loading span{animation:breathe 1s infinite alternate}@keyframes breathe{to{opacity:.1}}@media(max-width:600px){.paper-frame{inset:8px}header{top:23px;left:23px;gap:10px}h1{font-size:17px}header>span{display:none}#view-menu{top:16px;right:18px}.player{left:22px;right:22px;bottom:23px;gap:9px}.player input{max-width:140px}.player #chapter{font-size:7px;letter-spacing:.7px;max-width:120px;white-space:normal;line-height:1.4}#resume{bottom:65px;right:22px}}@media(prefers-reduced-motion:reduce){#loading span{animation:none}}.player{background:linear-gradient(90deg,#f3ead6e8,#f3ead6c9 82%,#f3ead600);padding:3px 10px 3px 0}.menu-content{z-index:4}body[data-mode=explore] #chapter{visibility:hidden}#card,#card2{position:absolute;pointer-events:none;background:var(--paper);border:1px solid var(--ink);border-left:3px solid var(--accent,var(--ink));padding:6px 10px 7px;box-shadow:3px 3px #26334e1f;transform:translate(14px,-100%);min-width:0;z-index:3;animation:card-in .18s ease-out;white-space:nowrap}#card b,#card2 b{display:inline;font:italic 15px Georgia,serif;letter-spacing:-.2px}#card span,#card2 span{display:inline;margin:0 0 0 8px;font-size:9px;letter-spacing:1.2px;text-transform:none;font-variant-numeric:tabular-nums}@keyframes card-in{0%{opacity:0;margin-top:6px}}body[data-freeze] .paper-frame{border-color:#df7058aa}.player{flex-wrap:wrap;background:#f3ead6!important;opacity:.95!important}.player input{max-width:320px}#lanes{position:absolute;left:0;bottom:100%;margin-bottom:4px;pointer-events:auto;background:#f3ead6;padding:4px 10px 2px 0}#lanes svg{display:block;overflow:visible}#lanes text{font-size:8px;letter-spacing:1.1px;fill:var(--ink);opacity:.75}#lanes .lane{cursor:pointer}#lanes .lane.on text{opacity:1;font-weight:700}#lanes text.note{font-size:7px;fill:#df7058;opacity:1}.player #chapter{font-size:9px;letter-spacing:1.8px;opacity:1}@media(max-width:600px){.player input{max-width:170px}}#card span:before,#card2 span:before{content:"— "}#card.flip,#card2.flip{transform:translate(calc(-100% - 14px),-100%)}.name{position:absolute;transform:translate(-50%,-100%);font-size:7.5px;letter-spacing:1.2px;padding:2px 5px 1px;background:#f3ead6e6;border:1px solid #26334e66;pointer-events:none;white-space:nowrap;z-index:2}.name:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:var(--stem,5px);background:#26334e66}body[data-freeze] #scene{filter:saturate(.75) contrast(1.04)}#loading .ripple{position:relative;width:140px;height:140px}#loading .ripple{animation:none!important}#loading .ripple i{position:absolute;inset:0;border:1.5px solid var(--ink);border-radius:50%;opacity:0;animation:ring 2.4s cubic-bezier(.2,.6,.3,1) infinite}#loading .ripple i:nth-child(2){animation-delay:.8s}#loading .ripple i:nth-child(3){animation-delay:1.6s}#loading .ripple:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:var(--coral)}@keyframes ring{0%{transform:scale(.05);opacity:1}65%{opacity:.5}to{transform:scale(1);opacity:0}}#loading.failed{font:italic 16px Georgia,serif;padding:0 36px;text-align:center;line-height:1.5}.name{font-size:8.5px;letter-spacing:1.1px;padding:2px 6px 1px 5px;border-left-width:3px}#name-woman{border-left-color:#df7058}#name-man{border-left-color:#04847c}#name-visitor{border-left-color:#c99a12}@media(max-width:600px){#lanes text{font-size:9px}#lanes text.note{font-size:8px}}#lanes .pair{cursor:pointer}#lanes .pair path{fill:none;stroke:var(--ink);stroke-width:1;opacity:.4}#lanes .pair:hover path,#lanes .pair.on path{opacity:1}#lanes .pair.on path{stroke-width:1.6}body[data-tags=beat] .name{transform-origin:50% 100%;animation:tag-in .2s ease-out}body[data-tags=beat] .name.dot{animation-name:dot-in;width:8px;height:8px;padding:0;font-size:0;letter-spacing:0;border:0;border-radius:50%;background:var(--dot,var(--ink));box-shadow:0 0 0 1px #26334e99,0 0 0 2.5px #f3ead6e6;overflow:hidden}body[data-tags=beat] .name.dot:after{display:none}@keyframes tag-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}}@keyframes dot-in{0%{opacity:0;transform:translate(-50%,-100%) scale(1.8)}}body[data-panel=quiet] #lanes{transition:opacity .6s ease}body[data-panel=quiet][data-quiet] #lanes{opacity:0}#lanes .lane:focus,#lanes .pair:focus{outline:none}#lanes .lane:focus-visible rect,#lanes .pair:focus-visible rect{stroke:var(--ink);stroke-width:1px}#door-keys{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}body[data-motion=reduce] *,body[data-motion=reduce] *:before,body[data-motion=reduce] *:after{transition:none!important;animation:none!important}body[data-motion=reduce] #loading .ripple i{opacity:.35}@media(prefers-reduced-motion:reduce){#loading .ripple i{animation:none;opacity:.35}}.menu-content{max-height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.menu-content .inks-head{margin:6px 0 0;padding:8px 9px 2px;border-top:1px solid #26334e33;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;opacity:.7}.menu-content .inks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:2px 4px 8px}.menu-content .inks button{display:flex;align-items:center;gap:0;width:auto;min-width:0;height:18px;padding:0 2px;border:1px solid transparent;background:none;font-size:9px;line-height:1;color:var(--ink);cursor:pointer}.menu-content .inks button:hover{border-color:#26334e55;background:none}.menu-content .inks button[aria-pressed=true]{border-color:var(--ink)}.menu-content .inks i{display:block;flex:none;width:4px;height:11px}.menu-content .inks b{font-weight:400;margin-left:3px;white-space:nowrap}.menu-content .pens-head{margin:6px 0 0;padding:8px 9px 2px;border-top:1px solid #26334e33;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;opacity:.7}.menu-content .pens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:2px 4px 8px}.menu-content .pens button{display:flex;align-items:center;justify-content:center;width:auto;min-width:0;height:18px;padding:0 2px;border:1px solid transparent;background:none;font-size:9px;line-height:1;color:var(--ink);cursor:pointer}.menu-content .pens button:hover{border-color:#26334e55;background:none}.menu-content .pens button[aria-pressed=true]{border-color:var(--ink)}