:root{--paper:#E8E2D4;--paper2:#DED6C4;--ink:#1B1A16;--ink2:#3B382F;--dim:#BFB6A2;--line:#B8AE99;--line2:#9A8F78;--carm:#8B2E2A;--brass:#8A6A21;--olive:#5A5B44;--chrome:#14150F;--chrome2:#20211A;--chromeline:#3A3B31;--glow:#E8DFC6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#07070a;color:var(--glow);font-family:Noto Sans KR,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.fit{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#07070a;overflow:hidden}.stage{position:relative;width:1920px;height:1080px;transform-origin:center center;background:#0b0b0d;overflow:hidden}.stage img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(115% 85% at 50% 42%,#0000 42%,#0000008c)}.osd{position:absolute;left:56px;top:48px;z-index:6;font-family:IBM Plex Mono,monospace;font-size:17px;line-height:2;letter-spacing:.04em;color:#efe7d2;background:linear-gradient(90deg,#080806b8,#08080680 78%,#08080600);padding:14px 90px 14px 18px;margin-left:-18px;border-radius:2px}.osd b{font-weight:600}.osd .t{display:flex;align-items:center;gap:8px;color:#f3c9a6}.qno{position:absolute;right:56px;bottom:44px;z-index:6;text-align:right}.qno .n{font-family:IBM Plex Mono,monospace;font-size:22px;letter-spacing:.1em;color:#efe7d2;background:#08080699;padding:2px 10px;border-radius:2px;display:inline-block}.qno .u{height:3px;background:#b4302b;margin-top:7px;width:112px;margin-left:auto}.spot{position:absolute;z-index:5;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#f0e7d1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.9))}.spot .ring{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(240,231,209,.62);background:#0c0c0a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform .16s,background .16s,border-color .16s}.spot:hover .ring,.spot:focus-visible .ring{transform:scale(1.13);background:#e8dfc6eb;border-color:#e8dfc6;color:#14150f}.spot .lb{font-family:IBM Plex Mono,monospace;font-size:13.5px;letter-spacing:.06em;white-space:nowrap;background:#080806b8;padding:3px 10px;border-radius:2px}.spot.seen .ring{border-style:dashed;opacity:.72}.spot .pulse{position:absolute;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(240,231,209,.5);animation:pl 2.8s ease-out infinite;top:0}@keyframes pl{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.9);opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.spot .pulse{animation:none;display:none}}.sheetwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#060608b8}.sheetwrap .db{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5}.sheet{position:relative;z-index:2;max-height:1004px;display:flex;flex-direction:column}.sheet .close{position:absolute;right:-58px;top:-6px;color:#e8dfc6;opacity:.8;padding:8px}.sheet .close:hover{opacity:1}.card{background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:0 26px 70px #000000b8,0 2px #ffffff38 inset;padding:34px 42px;overflow:auto}.card h3{margin:0 0 18px;font-family:Gowun Batang,serif;font-size:26px;letter-spacing:-.01em}.card .sub{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink2);letter-spacing:.08em;margin-bottom:16px}.visor{width:1120px;padding:28px 46px 26px}.rl{display:grid;grid-template-columns:50px 1fr;column-gap:12px;align-items:start;padding:8px 0;border-top:1px solid rgba(154,143,120,.42)}.rl:first-of-type{border-top:none}.rl .no{font-family:IBM Plex Mono,monospace;font-size:15px;color:var(--ink2);padding-top:3px}.rl .tx{font-size:20.5px;line-height:1.45;display:inline-block}.rl.kid .tx{font-family:Nanum Pen Script,Segoe Script,cursive,sans-serif;font-size:28px;line-height:1.24;letter-spacing:.02em;color:#141a2a;display:inline-block;transform:rotate(-.75deg) skew(-3deg);transform-origin:left bottom}.rl.kid:nth-of-type(odd) .tx{transform:rotate(-1.25deg) skew(-3deg)}.rl.kid:nth-of-type(3n) .tx{transform:rotate(-.35deg) skew(-3deg)}.rl.adult .tx{font-family:Gowun Batang,serif;font-size:18px;color:#4a4638;letter-spacing:-.005em;display:inline-block}.logv{width:1240px;padding:26px 44px 30px}.lhead{display:flex;align-items:baseline;gap:22px;padding-bottom:12px;border-bottom:2px solid rgba(122,110,88,.5)}.lhead b{font-family:Gowun Batang,serif;font-size:23px;letter-spacing:.06em}.lhead span{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink2);letter-spacing:.06em}.lrow{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:9px 0;border-bottom:1px solid rgba(122,110,88,.22)}.lrow .w,.lrow .t{font-family:Nanum Pen Script,Segoe Script,cursive,sans-serif;color:#141a2a;transform-origin:left bottom;display:inline-block}.lrow .w{font-size:25px;transform:rotate(-.7deg)}.lrow .t{font-size:26px;line-height:1.4;transform:rotate(-.4deg) skew(-2deg)}.lrow:nth-of-type(odd) .t{transform:rotate(-.9deg) skew(-2deg)}.say{margin-top:26px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.sl{font-family:Nanum Pen Script,Segoe Script,cursive,sans-serif;font-size:29px;line-height:1.42;color:#141a2a;display:inline-block;transform:rotate(-.85deg) skew(-2deg);transform-origin:left bottom}.sl:nth-of-type(2n){transform:rotate(-.3deg) skew(-2deg)}.sl:last-child{margin-top:14px}.rhy{width:880px;padding:52px 58px 56px;background:#efeadc;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.rl2{font-family:Nanum Pen Script,Segoe Script,cursive,sans-serif;font-size:30px;line-height:1.4;color:#141a2a;display:inline-block;transform:rotate(-.7deg) skew(-2deg);transform-origin:left bottom}.rl2:nth-of-type(2n){transform:rotate(-.2deg) skew(-2deg)}.answer{position:absolute;right:56px;bottom:104px;z-index:8;display:flex;align-items:center;gap:14px}.field{width:330px;height:64px;padding:0 20px;font-family:IBM Plex Mono,monospace;font-size:30px;letter-spacing:.22em;color:#f1e9d2;background:#16130db8;border:1px solid rgba(232,223,198,.34);border-radius:2px}.field:focus{border-color:#f3c9a6;background:#1e1a12cc;outline:none}.field.bad{border-color:#b4302b;animation:shk .34s}@keyframes shk{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.field.bad{animation:none}}.answer .go{padding:15px 26px;border:1px solid rgba(232,223,198,.5);border-radius:2px;font-family:IBM Plex Mono,monospace;font-size:15px;letter-spacing:.12em;background:#0e0f0b9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.answer .go:hover{background:#e8dfc6e6;color:#14150f}.answer .go:disabled{opacity:.35;cursor:default}.idsv{width:1400px;padding:30px 34px}.idgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.idc{position:relative;height:236px;perspective:1400px;cursor:pointer}.idin{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .55s cubic-bezier(.3,.8,.3,1);transform-style:preserve-3d}.idc.b .idin{transform:rotateY(180deg)}.idc.h .idin{transform:rotateY(118deg)}@media (prefers-reduced-motion:reduce){.idin{transition:none}}.idf,.idb{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:5px;background:#f2ede0;border:1px solid var(--line2);padding:16px 18px;box-shadow:0 6px 18px #00000047}.idb{transform:rotateY(180deg);background:#e6dfce;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.idf .co{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.16em;color:#7a7360}.idf .nm{font-family:Gowun Batang,serif;font-size:29px;margin-top:6px}.idf .ro{font-size:14px;color:var(--ink2);margin-top:1px}.idf .mk{position:absolute;right:18px;bottom:14px;text-align:right}.idf .mk b{display:block;font-family:Gowun Batang,serif;font-size:25px}.idf .mk span{font-family:IBM Plex Mono,monospace;font-size:11px;color:#7a7360;letter-spacing:.14em}.idf .st{position:absolute;left:18px;bottom:14px;font-family:IBM Plex Mono,monospace;font-size:11.5px;letter-spacing:.06em;color:var(--carm)}.idb .cells{display:flex;gap:26px}.idb .cap{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;color:#7a7360}.brl{display:block}.endwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#080806;display:grid;place-items:center;animation:fin 1.1s ease}@keyframes fin{0%{opacity:0}to{opacity:1}}.end{width:1180px;color:#e8dfc6}.end .er{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:9px 0}.end .er .w{font-size:17px;font-weight:700;color:#b9a87a}.end .er .t{font-size:21px;line-height:1.65}.end .er.nar .t{color:#9a927c}.end .key{margin-top:34px;padding-top:22px;border-top:1px solid #33342B;font-family:IBM Plex Mono,monospace;font-size:15px;letter-spacing:.1em;color:#b9a87a}