:root{--bg:#fff;--fg:#000;--mono:ui-monospace, "SF Mono", Consolas, "Courier New", monospace;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--mono);overflow:hidden}#root{justify-content:center;align-items:center;display:flex}.passcode{-webkit-user-select:none;user-select:none;gap:.5ch;font-size:clamp(3rem,13vw,9rem);font-weight:700;display:flex}.passcode__slot{text-align:center;width:1ch}.loading{justify-content:center;align-items:center;display:flex}.loading__spinner{border:6px solid #ccc;border-top-color:#0000;border-radius:50%;width:64px;height:64px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.json500{color:#18181b;font-family:var(--mono);text-align:left;background:#fff;flex-direction:column;font-size:14px;display:flex;position:fixed;inset:0}.json500__bar{background:#f0f0f4;border-bottom:1px solid #c8c8cf;justify-content:space-between;align-items:center;gap:12px;padding:4px 8px;font-family:system-ui,sans-serif;font-size:13px;display:flex}.json500__tabs{gap:2px;display:flex}.json500__tab{color:#38383d;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;padding:5px 12px}.json500__tab.is-active{background:#fff;border-color:#c8c8cf}.json500__actions{align-items:center;gap:8px;display:flex}.json500__btn{font:inherit;color:#18181b;background:#fbfbfe;border:1px solid #c8c8cf;border-radius:4px;padding:4px 10px}.json500__filter input{font:inherit;background:#fff;border:1px solid #b1b1b9;border-radius:4px;width:150px;padding:4px 8px}.json500__doc{flex:1;padding:8px 12px;line-height:1.6;overflow:auto}.json500__row{white-space:pre}.json500__row.indent{padding-left:2ch}.json500 .k{color:#0b5fff}.json500 .s{color:#c0341d}.json500 .n{color:#1c7d3f}.json500 .b{color:#8200d6}.json500 .p{color:#5c5c66}.stretchword{width:100%;height:100%;position:fixed;inset:0}.stretchword text{font-family:Roboto Slab,serif;font-size:100px;font-weight:900}.rhythm{background:#000 url(/dance.gif) 50%/100% 100% no-repeat;position:fixed;inset:0;overflow:hidden}.rhythm__break{z-index:2;text-align:center;color:#000;background:#fff;justify-content:center;align-items:center;padding:0 24px;font-size:clamp(2.5rem,9vw,7rem);font-weight:700;display:flex;position:absolute;inset:0}.rhythm__score{z-index:4;color:#ff3ea5;text-shadow:0 2px 8px #000000b3;font-family:Roboto Slab,serif;font-size:130px;font-weight:900;animation:.25s score-pop;position:absolute;top:18px;right:28px}@keyframes score-pop{0%{transform:scale(1.7)}60%{transform:scale(.9)}to{transform:scale(1)}}.rhythm__lanes{justify-content:center;gap:24px;display:flex;position:absolute;inset:0}.rhythm__lane{background:#0006;width:120px;position:relative}.rhythm__arrow,.rhythm__receptor{clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%);pointer-events:none;width:96px;height:96px;position:absolute}.rhythm__arrow{filter:drop-shadow(0 3px 6px #0009);background:#ff3ea5}.rhythm__receptor{background:#ffffff2e}.rhythm__hit{text-align:center;pointer-events:none;color:#fff;text-shadow:0 0 14px #ff3ea5,0 2px 6px #000c;font-family:Roboto Slab,serif;font-size:44px;font-weight:900;animation:.5s ease-out forwards hit-pop;position:absolute;left:50%}@keyframes hit-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}30%{opacity:1;transform:translate(-50%,-90%)scale(1.3)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.mascot{z-index:6;pointer-events:none;position:fixed;bottom:24px;right:24px}.mascot__logo{width:200px;height:auto;animation:.12s linear infinite mascot-shake;display:block}.mascot__keyboard{z-index:7;width:96px;height:auto;position:absolute;bottom:-10px;right:-18px}.mascot__bubble{color:#000;background:#fff;border:2px solid #000;border-radius:14px;width:max-content;max-width:220px;margin-bottom:-32px;padding:10px 14px;font-family:system-ui,sans-serif;font-size:14px;line-height:1.3;animation:.22s bubble-pop;position:absolute;bottom:100%;right:55px}.mascot__bubble:before,.mascot__bubble:after{content:"";border-style:solid;position:absolute;right:22px}.mascot__bubble:before{border-width:14px 12px 0 0;border-color:#000 #0000 #0000;bottom:-14px}.mascot__bubble:after{border-width:11px 9px 0 0;border-color:#fff #0000 #0000;bottom:-10px}@keyframes mascot-shake{0%{transform:translate(0)rotate(0)}25%{transform:translate(-3px,2px)rotate(-5deg)}50%{transform:translate(3px,-2px)rotate(5deg)}75%{transform:translate(-2px,-3px)rotate(-3deg)}to{transform:translate(2px,3px)rotate(4deg)}}@keyframes bubble-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.novel{cursor:pointer;background-color:#12121a;background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.novel__stage{position:absolute;inset:0}.novel__char{width:auto;max-height:86%;transition:opacity .25s,filter .25s;position:absolute;bottom:0}.novel__char.left{left:5%}.novel__char.right{right:5%}.novel__char.dim{filter:brightness(.45)}.novel__box{box-sizing:border-box;color:#fff;background:#000c;border:2px solid #ffffff40;border-radius:14px;width:min(960px,92%);min-height:150px;padding:24px 28px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.novel__name{background:#ff3ea5;border-radius:8px;padding:4px 16px;font-size:16px;font-weight:700;position:absolute;top:-18px;left:24px}.novel__text{font-size:21px;line-height:1.55}.novel__next{color:#ff3ea5;font-size:16px;animation:1s steps(2,start) infinite novel-blink;position:absolute;bottom:10px;right:18px}.novel__choices{cursor:default;flex-direction:column;gap:12px;width:min(560px,90%);display:flex;position:absolute;bottom:210px;left:50%;transform:translate(-50%)}.novel__choice{font:inherit;color:#fff;cursor:pointer;background:#000000d1;border:2px solid #ff3ea5;border-radius:10px;padding:13px 18px;font-size:18px;transition:background .15s}.novel__choice:hover{background:#ff3ea5}@keyframes novel-blink{to{opacity:0}}.slot{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.slot__machine{cursor:pointer;display:inline-block;position:relative}.slot__img{max-width:100vw;max-height:100vh;display:block}.slot__reels{display:flex;position:absolute;container-type:size}.slot__reel{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;font-size:62cqh;line-height:1;display:flex}.slot__hint{color:#fff;letter-spacing:.15em;white-space:nowrap;background:#000000b3;border-radius:8px;padding:8px 18px;font-family:Roboto Slab,serif;font-weight:700;animation:.9s ease-in-out infinite slot-pulse;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.slot__loh{color:#fff;-webkit-text-stroke:6px #000;text-stroke:6px #000;pointer-events:none;justify-content:center;align-items:center;font-family:Roboto Slab,serif;font-size:clamp(5rem,28vw,22rem);font-weight:900;animation:.35s ease-out loh-pop;display:flex;position:absolute;inset:0}.slot__coin{color:#2ecc71;text-shadow:0 2px 4px #0009;pointer-events:none;font-size:3rem;font-weight:900;animation:2s ease-out forwards coin-fly;position:absolute;top:50%;left:50%}@keyframes slot-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes loh-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes coin-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)rotate(0)}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1.4) rotate(var(--r));opacity:0}}.draw{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:fixed;inset:0}.draw__canvas{cursor:crosshair;touch-action:none;background:#fff;border:1px solid #ddd;max-width:92vw;max-height:78vh}.draw__bar{gap:12px;display:flex}.draw__btn{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:10px;padding:10px 24px;font-family:Roboto Slab,serif;font-size:16px;font-weight:700}.anim{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.anim--black{background:#000}.anim--white{background:#fff}.anim__img{max-width:92vw;max-height:92vh}.anim__img--fade{opacity:0;animation-name:anim-fade;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes anim-fade{to{opacity:1}}.credits{color:#fff;background:#000;position:fixed;inset:0;overflow:hidden}.credits__scroll{text-align:center;white-space:pre-line;padding:0 24px;font-family:Roboto Slab,serif;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:700;line-height:1.8;animation-name:credits-roll;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:0;left:0;right:0;transform:translateY(100vh)}@keyframes credits-roll{0%{transform:translateY(100vh)}to{transform:translateY(-100%)}}