:root{--dark:#0a0e0c;--fluor:#c9d4b2;--ink:#c4cbbb;--ink-dim:#848d7e;--red:#c1121f;--blue:#1d3f8a;--sans:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--jp:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);background:#000;margin:0;overflow:hidden}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.spirit,#ui>.dot,#ui>.hint,#ui>.ask{pointer-events:none}#ui>.ask .btns{pointer-events:auto}.hidden{display:none!important}.gate{z-index:20;background:#050706;justify-content:center;align-items:center;padding:24px;transition:opacity .6s;display:flex;position:absolute;inset:0}.gate.gone{opacity:0;pointer-events:none}.gate .box{text-align:center;flex-direction:column;gap:14px;max-width:560px;display:flex}.gate h2{font:600 13px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--fluor);margin:0}.gate p{font:300 16px/1.7 var(--sans);color:var(--ink);margin:0}.gate .dis{color:var(--ink-dim);font-size:13.5px}.gate .q{color:#e6eade;margin-top:10px;font-size:20px;font-weight:400}.gate .btns{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;display:flex}.gate button{font:400 14px var(--sans);letter-spacing:.12em;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #c9d4b259;min-width:190px;padding:12px 24px}.gate button:hover{border-color:var(--fluor);color:#fff}.gate .back{color:var(--fluor);letter-spacing:.1em;margin-top:8px;font-size:14px}.title{background:radial-gradient(at 50% 55%,#0a0e0c59,#050706eb 70%);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity 1.6s;display:flex;position:absolute;inset:0}.title h1{font-family:var(--jp);letter-spacing:.06em;color:#e6eade;text-shadow:0 4px 40px #000;margin:0;font-size:clamp(44px,7vw,96px);font-weight:800}.title h1 .a{color:var(--red)}.title h1 .b{color:var(--blue)}.title .start{font:400 15px var(--sans);letter-spacing:.4em;color:var(--ink);cursor:pointer;opacity:.75;background:0 0;border:0;padding:12px 20px;transition:opacity .3s,letter-spacing .6s}.title .start:hover{opacity:1;letter-spacing:.5em}.title .note{color:var(--ink-dim);letter-spacing:.08em;text-align:center;font-size:12px;line-height:1.8;position:absolute;bottom:28px}.title.gone{opacity:0;pointer-events:none}.loading{letter-spacing:.3em;color:var(--ink-dim);font-size:12px}.thought{width:min(760px,86vw);color:var(--fluor);font:300 19px/1.65 var(--sans);letter-spacing:.01em;background:#060807c7;border:1px solid #c9d4b229;padding:18px 24px 16px;transition:opacity .25s;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.thought .more{color:var(--ink-dim);letter-spacing:.2em;font-size:11px;animation:1.4s infinite blink;position:absolute;bottom:8px;right:14px}@keyframes blink{50%{opacity:.2}}.spirit{pointer-events:none;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .12s;display:flex;position:absolute;inset:0}.spirit.on{opacity:1}.spirit .jp{font-family:var(--jp);color:#eef1e8;text-shadow:0 0 24px #000,0 0 2px #000;letter-spacing:.08em;font-size:clamp(28px,4vw,52px);font-weight:800}.spirit .mn{font:300 16px var(--sans);color:#e6eadeb3;letter-spacing:.12em;text-shadow:0 0 10px #000}.dot{pointer-events:none;background:#e6eade73;border-radius:50%;width:4px;height:4px;margin:-2px;transition:transform .2s,background .2s;position:absolute;top:50%;left:50%}.dot.near{background:#e6eaded9;transform:scale(2.2)}.hint{letter-spacing:.16em;color:#e6eadecc;pointer-events:none;text-shadow:0 0 8px #000;white-space:nowrap;font-size:13px;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}.hint b{border:1px solid #e6eade80;margin-right:8px;padding:0 6px;font-weight:600;display:inline-block}.page{color:#2c2b24;width:min(520px,84vw);font:400 17px/32px var(--sans);filter:brightness(.82)sepia(.15);background:#dcd8c6 repeating-linear-gradient(#0000 0 31px,#3c506e38 31px 32px);padding:34px 38px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1.2deg);box-shadow:0 30px 80px #000}.page .date{font-family:var(--jp);color:#555244;font-size:14px}.page p{margin:0}.page .close{color:#6a675a;letter-spacing:.2em;margin-top:18px;font-size:11px;display:block}.ask{pointer-events:none;flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;bottom:9vh;left:0;right:0}.ask .btns{pointer-events:auto;gap:22px;display:flex}.ask button{font:600 16px var(--sans);letter-spacing:.2em;color:#fff;cursor:pointer;border:0;min-width:170px;padding:14px 34px;transition:transform .15s,filter .15s;box-shadow:0 0 34px -6px}.ask button:hover{filter:brightness(1.15);transform:scale(1.04)}.ask .r{background:var(--red)}.ask .b{background:var(--blue)}.ask .timer{background:#ffffff1f;width:min(380px,60vw);height:3px;overflow:hidden}.ask .timer i{background:var(--fluor);transform-origin:0;width:100%;height:100%;display:block}.ask .keys{letter-spacing:.2em;color:var(--ink-dim);font-size:11px}#ui>.blood{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.5s;position:absolute;inset:0}.card{background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity 1.2s;display:flex;position:absolute;inset:0}.card h2{font:300 clamp(22px, 3vw, 34px) var(--sans);letter-spacing:.12em;color:#e6eade;text-align:center;margin:0}.card p{color:var(--ink-dim);letter-spacing:.1em;text-align:center;max-width:560px;margin:0;font-size:14px;line-height:1.8}.card button{font:400 14px var(--sans);letter-spacing:.3em;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #c9d4b24d;padding:12px 26px}.card button:hover{border-color:var(--fluor)}.paused{letter-spacing:.3em;color:var(--ink);cursor:pointer;background:#0000008c;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.phone{text-align:center;background:#050706;justify-content:center;align-items:center;padding:32px;font-size:17px;line-height:1.7;display:flex;position:absolute;inset:0}