:root{--ink:#1B1A16;--ink2:#3B382F;--paper:#E8E2D4;--line:#B8AE99;--line2:#9A8F78;--glow:#E8DFC6;--glow2:#C9C0A8;--num:#F2F0EA;--alpha:#8ECBE6;--mix:#E8342C}*{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}.stage,.stage *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage img,.stage svg,.stage canvas{-webkit-user-drag:none;user-drag:none;pointer-events:none}.cctv canvas{pointer-events:auto}.stage input{user-select:text;-webkit-user-select:text}:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.fit{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070a;overflow:hidden}.stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;background:#0b0b0d;overflow:hidden}.pz{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;transform-origin:50% 50%;transition:transform 1.15s cubic-bezier(.35,.02,.2,1)}.plate{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.plate img,.plate canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.plate .lay{position:absolute;top:0;right:0;bottom:0;left:0;animation:pin .9s ease both}.plate .lay.under{animation:none;opacity:1}@keyframes pin{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.plate .lay{animation:none}}.tone{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity 1.6s ease,background 1.6s ease}.tone.day{background:linear-gradient(180deg,#fff6d614,#ffe8b40a 60%,#785a2817)}.tone.dusk{background:linear-gradient(180deg,#ffbe781a,#78505a1f 60%,#1e182833)}.tone.night{background:linear-gradient(180deg,#0a122833,#080e2024 55%,#04061042)}.vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(115% 85% at 50% 42%,#0000 44%,#00000080)}.osd{position:absolute;left:56px;top:44px;z-index:33;font-family:IBM Plex Mono,monospace}.osd.right{left:auto;right:56px}.osd .tp{display:flex;align-items:center;gap:14px;padding:12px 20px 12px 18px;color:#e8dfc6;transition:border-color .3s ease,box-shadow .3s ease;background:linear-gradient(180deg,#0a0b0ed1,#060709e0);border:1px solid rgba(232,223,198,.24);box-shadow:0 6px 26px #0009,inset 0 1px #ffffff0f}.osd .tp .deg{font-size:23px;letter-spacing:.06em;color:#f2a79c;align-self:flex-start;margin-top:6px}.osd .tp.up{animation:tflash 1.6s ease}@keyframes tflash{0%,to{border-color:#e8dfc63d}40%{border-color:#ff7864d9}}.osd .tp.climb{border-color:#ff7864d9;box-shadow:0 6px 26px #0009,0 0 22px #ff786438,inset 0 1px #ffffff0f}.osd .tp.climb .deg{color:#ffb9ae}.util{position:absolute;right:46px;bottom:44px;z-index:43;display:flex;gap:10px}.util button{width:40px;height:40px;display:grid;place-items:center;color:#e8dfc69e;border:1px solid rgba(232,223,198,.26);background:#0a0a0875}.util button.toolin{animation:pin .55s ease both}.util button:hover{color:#e8dfc6;border-color:#e8dfc699}.util button.on{color:#14150f;background:#e8dfc6e6}.util .cnt{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#b9552f;color:#fff;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:17px;text-align:center}.util .wrap{position:relative;width:40px;height:40px}.util .wrap.pop button{animation:bagpop .82s cubic-bezier(.2,.8,.3,1)}@keyframes bagpop{0%{transform:translateY(0) scale(1)}22%{transform:translateY(-16px) scale(1.16)}44%{transform:translateY(0) scale(.96)}64%{transform:translateY(-7px) scale(1.06)}to{transform:translateY(0) scale(1)}}.spot{position:absolute;z-index:15;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{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(244,236,216,.92);background:#0a0a0899;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 0 2px #00000080,0 6px 20px #0009;transition:transform .16s,background .16s,border-color .16s,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:#080806bd;padding:3px 10px}.spot.seen .ring{border-style:dashed;opacity:.7}.spot:disabled{opacity:.35;cursor:default}.spot:disabled .ring{transform:none;background:#0c0c0a6b;border-color:#f0e7d159;color:#f0e7d1}.spot .pulse{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid rgba(244,236,216,.75);box-shadow:0 0 0 1px #00000059;animation:pl 2.6s ease-out infinite}@keyframes pl{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.9);opacity:0}to{opacity:0}}.spot.fadein{animation:appear 1s cubic-bezier(.2,.7,.3,1) both}@keyframes appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion:reduce){.spot .pulse{display:none}.spot.fadein{animation:none}}.go{position:absolute;z-index:5;bottom:150px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#f0e7d1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.9))}.go.r{right:56px}.go.l{left:56px;bottom:auto;top:50%;transform:translateY(-50%)}.go .ring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(240,231,209,.55);background:#0c0c0a6b;transition:transform .16s,background .16s,color .16s}.go:hover .ring{transform:scale(1.13);background:#e8dfc6eb;color:#14150f}.go.hi .ring{border-color:#e8dfc6;background:#e8dfc6eb;color:#14150f;animation:gopulse 1.7s ease-in-out infinite}.go.hi .lb{background:#e8dfc6eb;color:#14150f}@keyframes gopulse{0%,to{box-shadow:0 0 #e8dfc680,0 0 18px #e8dfc647}50%{box-shadow:0 0 0 12px #e8dfc600,0 0 34px #e8dfc699}}.go .lb{font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.06em;white-space:nowrap;background:#080806bd;padding:3px 10px}.talk{position:absolute;left:0;right:0;bottom:0;z-index:46;padding:0 92px 92px;cursor:pointer;text-align:left;animation:tin .35s ease both}@keyframes tin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.talk .who{display:flex;align-items:center;justify-content:center;width:236px;height:58px;margin-left:46px;margin-bottom:-1px;position:relative;z-index:1;background:#0d0e0af2;color:#efe7d2;font-size:26px;letter-spacing:.04em;font-weight:600;white-space:nowrap;overflow:hidden;padding-bottom:3px;clip-path:polygon(21px 0,215px 0,236px 100%,0 100%)}.talk .ln{position:relative;background:#0d0e0af2;color:#efe7d2;padding:0 48px;height:168px;display:flex;flex-direction:column;justify-content:center;font-size:28px;line-height:1.62;letter-spacing:-.005em}.talk .ln.nar{color:#d2c9b2}.talk .ln .tx{display:block}.talk .ln b{font-weight:600}.talk .car{position:absolute;right:28px;bottom:22px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #C6BDA4;animation:blk 1s steps(1) infinite}@keyframes blk{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.talk,.talk .car{animation:none}}.lockzoom .plate .lay{animation-duration:.22s}.lockblk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#000;pointer-events:none;animation:blkin .17s ease forwards}.lockblk.out{animation:blkout .24s ease forwards}.answer{position:absolute;left:56px;bottom:56px;z-index:34;display:flex;flex-direction:column;gap:10px;animation:ain .5s ease both}@keyframes ain{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.answer .box{display:flex;align-items:stretch;background:#090a07db;border:2px solid var(--num)}.answer.k-alpha .box{border-color:var(--alpha)}.answer.k-mix .box{border-color:var(--mix)}.answer input{width:392px;height:64px;padding:0 20px;background:transparent;border:none;color:#f1ead6;font-family:IBM Plex Mono,monospace;font-size:31px;letter-spacing:.3em;text-transform:uppercase}.answer input:focus{outline:none}.answer .qn{display:flex;align-items:center;gap:12px}.answer .qn .qno{font-family:Gowun Batang,serif;font-weight:400;font-size:30px;letter-spacing:.06em;color:#e8dfc6;text-shadow:0 2px 10px rgba(0,0,0,.9)}.answer .qn .qhelp{width:26px;height:26px;border-radius:13px;border:1px solid rgba(232,223,198,.45);color:#e8dfc6bf;font-family:IBM Plex Mono,monospace;font-size:15px;line-height:1;display:grid;place-items:center;padding-bottom:1px}.answer .qn .qhelp:hover,.answer .qn .qhelp.on{background:#e8dfc6e6;color:#14150f;border-color:#e8dfc6}.answer .qn .kowarn{font-size:15px;letter-spacing:.02em;color:#e8564c;text-shadow:0 2px 10px rgba(0,0,0,.9);animation:ain .2s ease both;white-space:nowrap}.answer .qtip{position:absolute;left:0;bottom:calc(100% + 14px);width:640px;padding:26px 30px 24px;background:#0a0b08f7;border:1px solid rgba(232,223,198,.34);box-shadow:0 -14px 60px #0000009e;animation:tin .25s ease both}.answer .qtip p{margin:0 0 10px;font-size:17px;line-height:1.9;color:#d9d0b6}.answer .qtip p:last-child{margin-bottom:0}.answer .qtip b{color:#e8b04c;font-weight:600}.answer .qtip .ic{display:inline-grid;place-items:center;width:26px;height:26px;vertical-align:middle;position:relative;top:-3px;border:1px solid rgba(232,223,198,.4);color:#e8dfc6;font-style:normal}.answer .qtip .hclose{position:absolute;right:12px;top:10px;color:#e8dfc6;opacity:.7;padding:6px}.answer .qtip .hclose:hover{opacity:1}.answer.bad .box{animation:shk .36s}@keyframes shk{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.answer,.answer.bad .box{animation:none}}.sheetwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;display:grid;place-items:center;background:#060608bd;animation:pin .3s ease both}.sheet{position:relative;z-index:2;max-height:1010px;display:flex;flex-direction:column;animation:sup .32s cubic-bezier(.2,.7,.3,1) both}@keyframes sup{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}.sheet .close{position:absolute;right:-60px;top:-8px;color:#e8dfc6;opacity:.8;padding:8px;z-index:3}.sheet .close:hover{opacity:1}@media (prefers-reduced-motion:reduce){.sheetwrap,.sheet{animation:none}}.card{background:var(--paper);color:var(--ink);padding:36px 44px;overflow:auto;box-shadow:0 26px 70px #000000b8}.card h3{margin:0 0 14px;font-family:Gowun Batang,serif;font-size:27px;letter-spacing:-.01em}.card .sub{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink2);letter-spacing:.08em;margin-bottom:18px}.memo{width:1000px;padding:58px 68px;background:#efeadc;color:#141a2a;box-shadow:0 26px 70px #000000b8}.memo .hd{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.2em;color:#7a7360;margin-bottom:22px}.memo p{margin:0 0 18px;font-family:Nanum Pen Script,Segoe Script,cursive,sans-serif;font-size:38px;line-height:1.42;transform:rotate(-.6deg) skew(-2deg);transform-origin:left bottom}.memo p:nth-child(2n){transform:rotate(-.2deg) skew(-2deg)}.sheet .getbtn{align-self:center;margin-top:46px;padding:13px 56px;border:1px solid rgba(232,223,198,.6);background:#0a0b08e6;color:#efe7d2;font-size:20px;letter-spacing:.14em}.sheet .getbtn:hover{background:#e8dfc6eb;color:#14150f}.itemcard .getbtn{display:block;margin:18px auto 0}.inv{position:absolute;right:0;top:0;bottom:0;width:560px;z-index:41;background:#090a08f2;border-left:1px solid rgba(232,223,198,.2);padding:42px 38px;overflow:auto;animation:slidein .32s cubic-bezier(.2,.7,.3,1) both}@keyframes slidein{0%{transform:translate(100%)}to{transform:translate(0)}}.inv h4{margin:0 0 10px;font-family:IBM Plex Mono,monospace;font-size:19px;letter-spacing:.24em;color:#b9a87a;font-weight:500}.inv .hint{font-size:17px;color:#e8dfc673;margin-bottom:22px;line-height:1.7}.inv .it{width:100%;text-align:left;padding:22px 26px;margin-bottom:14px;border:1px solid rgba(232,223,198,.24);background:#e8dfc60d;color:#efe7d2;transition:background .15s,border-color .15s}.inv .it:hover{background:#e8dfc629;border-color:#e8dfc699}.inv .it b{display:block;font-size:23px;font-weight:500;margin-bottom:5px}.inv .it span{font-size:16px;color:#e8dfc680;line-height:1.6}.inv .it.drag{cursor:grab}.inv .empty{font-size:18px;color:#e8dfc659;padding:20px 0}@media (prefers-reduced-motion:reduce){.inv{animation:none}}.flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;background:#05050a;display:grid;place-items:center;animation:pin .8s ease both}.flash .fi{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:fl 3.2s ease both}.flash .cap{position:relative;z-index:3;font-family:Gowun Batang,serif;font-size:30px;line-height:1.8;color:#e8dfc6;text-align:center;text-shadow:0 4px 24px #000;max-width:1200px}@keyframes fl{0%{opacity:0}18%{opacity:.85}72%{opacity:.85}to{opacity:0}}.dbg{position:absolute;left:22px;bottom:22px;z-index:60;font-family:IBM Plex Mono,monospace}.dbg .dt{width:30px;height:30px;border-radius:15px;border:1px solid rgba(232,223,198,.3);background:#0a0a0880;color:#e8dfc68c;font-size:14px}.dbg.on .dt{color:#e8dfc6;border-color:#e8dfc6b3}.dbg .dp{margin-top:8px;background:#0a0a08e6;border:1px solid rgba(232,223,198,.24);padding:10px 12px;display:flex;flex-direction:column;gap:7px;max-width:640px}.dbg .dr{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dbg .dr>span{width:44px;font-size:11px;color:#e8dfc680;letter-spacing:.06em}.dbg .dr button{padding:3px 9px;font-size:12px;border:1px solid rgba(232,223,198,.28);background:transparent;color:#e8dfc6cc}.dbg .dr button.on,.dbg .dr button:hover{background:#e8dfc6d9;color:#14150f}.title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#08070a;display:grid;place-items:center;text-align:center;animation:pin 1.2s ease both}.title .t1{font-family:Gowun Batang,serif;font-size:74px;letter-spacing:.3em;color:#e8dfc6;margin-bottom:26px}.title .t2{font-family:IBM Plex Mono,monospace;font-size:17px;letter-spacing:.34em;color:#8e876f}.title .t3{margin-top:64px;font-size:16px;color:#e8dfc680;letter-spacing:.1em}.chap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:42;background:#08070a;display:grid;place-items:center;animation:cin 2.6s ease both}.chap div{font-family:Gowun Batang,serif;font-size:42px;letter-spacing:.24em;color:#d8cfb4}@keyframes cin{0%{opacity:0}22%{opacity:1}78%{opacity:1}to{opacity:0}}.lotwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.lotwrap .spot{pointer-events:auto}.lotgrid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#f4eedc2b;stroke-width:.14;vector-effect:non-scaling-stroke}.lotn{position:absolute;transform:translate(-50%,-50%);font-family:IBM Plex Mono,monospace;font-weight:600;color:#f6f1df;text-shadow:0 3px 14px rgba(0,0,0,.92),0 0 3px rgba(0,0,0,.8);line-height:1;pointer-events:none}.lotn.ask{color:#e8564c}.lotn i{position:absolute;left:-.05em;top:-1.05em;font-style:normal;font-size:.42em;color:#f6f1df;letter-spacing:.06em}.cctv{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;background:#05070a}.cctv canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.dvr{position:absolute;left:50%;transform:translate(-50%);bottom:56px;z-index:16;display:flex;flex-direction:row;gap:10px;align-items:stretch;padding:12px 14px;background:#080907b3;border:1px solid rgba(240,231,209,.22)}.dvr button{padding:10px 18px;border:1px solid rgba(240,231,209,.5);background:#0a0b08a8;color:#efe7d2;font-family:IBM Plex Mono,monospace;font-size:15px;letter-spacing:.06em;text-align:center;white-space:nowrap}.dvr button:hover:not(:disabled){background:#e8dfc6e6;color:#14150f}.dvr button:disabled{opacity:.35;cursor:default}.dvr button.on{background:#e8dfc6e6;color:#14150f;opacity:1}.cctv.bare .dvr{opacity:0;pointer-events:none}.cctv.lock canvas{cursor:default}.cctv.lock .dvr{opacity:0;pointer-events:none}.dvr{transition:opacity .25s ease}.dvr .row{display:flex;align-items:stretch;gap:8px}.dvr .row button{flex:0 0 44px;padding:10px 0}.dvr .chl{padding:0 18px}.dvr .pp,.dvr .rst{flex:0 0 62px;padding:8px 0;display:grid;place-items:center}.dvr .spd{flex:0 0 112px;padding:8px 0;display:flex;align-items:center;justify-content:center;gap:7px}.dvr .spd em{font-style:normal;font-family:IBM Plex Mono,monospace;font-size:15px;letter-spacing:.04em;min-width:34px;text-align:left}.dvrdim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;background:#04050780;pointer-events:none;animation:pin .5s ease both}.dvr .chl{flex:1;display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:16px;letter-spacing:.14em;color:#efe7d2;background:#0a0b08a8;border:1px solid rgba(240,231,209,.3)}.lockwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.lockwrap>*{pointer-events:auto}.lockzoom{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;animation:pin .5s ease both}.freeze{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none}.freeze img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.tipwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:42;background:#0405079e;display:flex;align-items:flex-end;justify-content:center;padding:0 0 150px;cursor:pointer;animation:pin .35s ease both}.tipbox{position:relative;max-width:1240px;padding:40px 62px 44px;background:#0a0b08f5;border:1px solid rgba(232,223,198,.34);box-shadow:0 -14px 60px #0009;font-size:30px;line-height:1.66;color:#e8dfc6;text-align:center;animation:tin .35s ease both}.tipbox .tipgo{display:block;margin-top:22px;font-style:normal;font-family:IBM Plex Mono,monospace;font-size:17px;letter-spacing:.22em;color:#8e876f}.blk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:48;background:#000;pointer-events:none;animation:blkin .7s ease forwards}.blk.out{animation:blkout .7s ease forwards}@keyframes blkin{0%{opacity:0}to{opacity:1}}@keyframes blkout{0%{opacity:1}to{opacity:0}}.util .wrap.hi button{color:#14150f;background:#e8dfc6f2;border-color:#e8dfc6}.util .wrap.hi:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid rgba(232,223,198,.85);border-radius:4px;animation:hip 1.5s ease-out infinite;pointer-events:none}@keyframes hip{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.35);opacity:0}to{opacity:0}}.dvr.hi{border-color:#f0e7d1cc;animation:dvrp 1.7s ease-in-out infinite}@keyframes dvrp{0%,to{box-shadow:0 0 #e8dfc66b,0 0 22px #e8dfc62e}50%{box-shadow:0 0 0 7px #e8dfc600,0 0 34px #e8dfc66b}}@media (prefers-reduced-motion:reduce){.util .wrap.hi:after{animation:none}.dvr.hi{animation:none}}.notecard{position:relative;width:760px;padding:52px 60px 52px 86px;display:flex;flex-direction:column;gap:18px}.notecard .rl{position:absolute;left:0;top:0;bottom:0;width:22px;background:#c0322a}.notecard b{font-family:IBM Plex Mono,monospace;font-size:62px;font-weight:600;color:#141a2a;line-height:1}.notecard em{font-family:IBM Plex Mono,monospace;font-style:normal;font-size:76px;font-weight:600;letter-spacing:.14em;color:#141a2a}.logv{width:1020px;background:#0a0b08f0;border:1px solid rgba(232,223,198,.22);padding:40px 46px;box-shadow:0 26px 70px #000000b8}.logv p{margin:0 0 22px;font-size:23px;line-height:1.62;color:#efe7d2}.logv p:last-child{margin-bottom:0}.logv p span{display:inline-flex;align-items:center;justify-content:center;min-width:118px;margin-right:20px;padding:5px 16px;background:#15160f;border:1px solid rgba(232,223,198,.22);font-size:17px;font-weight:600;letter-spacing:.06em;vertical-align:middle;text-align:center}.topwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#060709e6;animation:pin .3s ease both;pointer-events:auto}.topwrap .topx{position:absolute;right:52px;top:44px;z-index:3;color:#e8dfc6;opacity:.8;padding:10px}.topwrap .topx:hover{opacity:1}.topgrid{display:grid;gap:0;width:1520px;background:#3a3833;border:5px solid #E9E4D4;box-shadow:0 30px 80px #000000b3}.tc{position:relative;aspect-ratio:1.55;display:grid;place-items:center;border:2px solid #E9E4D4;font-family:IBM Plex Mono,monospace;font-size:52px;font-weight:600;color:#f6f1df;background:#4a4842}.tc.ask{color:#e8564c}.tc.ask i{position:absolute;left:12px;top:6px;font-style:normal;font-size:20px;color:#f6f1df;letter-spacing:.06em}.tc.car{background:#2e2c28}.tc.car svg{width:76%;fill:#8e877a;stroke:none}.tc.car svg .win{fill:#4a4842}.tc.car svg .wh{fill:#3a3833}.notice{width:820px;padding:34px 38px 30px;background:#f3efe2;color:#2a2620;box-shadow:inset 0 0 0 1px #28241c2e}.notice .nhd{text-align:center;font-family:Gowun Batang,serif;font-size:30px;letter-spacing:.5em;padding-bottom:16px;margin-bottom:0;color:#2a2620}.notice .nrow{display:flex;align-items:center;gap:10px;border:1px solid #6B6558;border-bottom:none;padding:0 14px;height:56px;font-size:17px;color:#4a4438}.notice .nrow.ntop{border-bottom:1px solid #6B6558}.notice .nl{font-family:Noto Sans KR,sans-serif;font-size:16px;color:#6b6558;letter-spacing:.08em}.notice .nrow b{min-width:52px;text-align:center;font-family:Nanum Pen Script,cursive;font-weight:400;font-size:30px;color:#2f3a5a;border-bottom:1px dotted #A29A88}.notice .nbody{border:1px solid #6B6558;border-top:none}.notice .nli{display:flex;align-items:center;gap:14px;height:62px;padding:0 14px;border-top:1px solid #C6BFAC}.notice .nli:first-child{border-top:none}.notice .nn{width:22px;text-align:center;font-family:IBM Plex Mono,monospace;font-size:15px;color:#8a8271}.notice .nli i{font-style:normal;font-family:Nanum Pen Script,cursive;font-size:34px;color:#2f3a5a;transform:rotate(-.8deg);transform-origin:left center}.notice .nready{border-top:1px solid #6B6558;height:64px}.notice .nready i{font-style:normal;font-family:Nanum Pen Script,cursive;font-size:34px;color:#2f3a5a;transform:rotate(-.6deg);transform-origin:left center}.notice .nfb{border:1px solid #6B6558;border-top:none;padding:18px 20px 22px}.notice .nfb i{display:inline-block;font-style:normal;font-family:Nanum Pen Script,cursive;font-size:32px;line-height:1.3;color:#2a46a6;transform:rotate(-1.1deg);transform-origin:left center}.notice .nsign{border-bottom:1px solid #6B6558;justify-content:flex-start}.notice .nc{font-size:15px;color:#6b6558;margin-left:16px}.notice .nbox{width:78px;height:34px;border:1px solid #A29A88}.hintwrap{position:absolute;left:0;right:0;bottom:0;z-index:36;display:flex;justify-content:center;pointer-events:none;padding:0 56px 176px}.hintbox{position:relative;pointer-events:auto;width:1040px;min-height:238px;display:flex;flex-direction:column;padding:30px 44px 34px;background:#0a0b08f2;border:1px solid rgba(232,223,198,.36);box-shadow:0 -14px 60px #0000009e;animation:tin .3s ease both}.hintbox .hclose{position:absolute;right:16px;top:14px;color:#e8dfc6;opacity:.7;padding:6px}.hintbox .hclose:hover{opacity:1}.hintbox .hnm{font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.24em;color:#b9a87a;margin-bottom:16px}.hintbox .hq{margin:8px 0 22px;font-size:26px;color:#efe7d2;letter-spacing:-.005em}.hintbox .hyn{display:flex;gap:14px;margin-top:auto}.hintbox .hyn button{padding:12px 52px;border:1px solid rgba(232,223,198,.45);color:#efe7d2;font-size:19px;letter-spacing:.1em}.hintbox .hyn button:hover{background:#e8dfc6e6;color:#14150f}.hintbox .hyn .yes{border-color:#e8dfc6;background:#e8dfc624}.hintbox .hh{margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:12.5px;letter-spacing:.22em;color:#8e876f}.hintbox .ht{margin:10px 0 20px;min-height:39px;font-size:25px;line-height:1.56;color:#efe7d2}.hintbox .hmore{align-self:flex-start;margin-top:auto;padding:11px 0 5px;color:#c9be9c;font-size:19px;letter-spacing:.04em;border-bottom:1px solid rgba(201,190,156,.4)}.hintbox .hmore:hover{color:#f3ebd4;border-bottom-color:#f3ebd4}.qrwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;background:#060608c7;animation:pin .3s ease both}.qrbox{position:relative;padding:34px 40px 30px;overflow:visible;background:#0a0b08f5;border:1px solid rgba(232,223,198,.3);text-align:center;animation:sup .3s cubic-bezier(.2,.7,.3,1) both}.qrbox .hclose{position:absolute;right:-58px;top:-10px;color:#e8dfc6;opacity:.85;padding:8px}.qrbox>svg{display:block;margin:0 auto;background:#f2efe4;padding:14px}.qrcap{margin-top:22px;font-size:20px;letter-spacing:.06em;color:#efe7d2}.qricon{width:300px;height:300px;display:grid;place-items:center;background:#f2efe4;color:#14150f}.qrsub{margin-top:8px;font-family:IBM Plex Mono,monospace;font-size:12.5px;letter-spacing:.14em;color:#8e876f}.itemcard{background:#0a0b08f2;border:1px solid rgba(232,223,198,.22);padding:26px;box-shadow:0 26px 70px #000000b8}.itemcard img{display:block;max-width:1040px;max-height:700px}.itemcard .icap{margin-top:18px;text-align:center;font-size:19px;letter-spacing:.06em;color:#d9d0b6}.gauge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:31;background:#05060a;overflow:hidden;animation:pin .3s ease both}.gauge .gz{position:absolute;top:0;right:0;bottom:0;left:0;transition-property:transform;transition-timing-function:linear;animation:pin .5s ease .26s both}.gauge .gz img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.gauge .glcd{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .07s linear;pointer-events:none}.gauge .glab{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:17px;letter-spacing:.2em;color:#4a2a05;opacity:.72}.gauge .gval{display:inline-flex;align-items:flex-start;gap:8px}.gauge .gnum{display:inline-flex;transition:opacity .06s linear}.gauge .gdeg{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:30px;color:#4a2a05;margin-top:15px}@media (prefers-reduced-motion:reduce){.gauge{animation:none}}.cskin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;font-family:IBM Plex Mono,monospace;color:#fffffff2}.cskin .ct{position:absolute;left:56px;top:52px;font-size:54px;font-weight:700}.cskin .ci{position:absolute;left:56px;top:120px;font-size:38px;font-weight:600}.cskin .cch{position:absolute;left:56px;top:172px;font-size:26px;font-weight:600;color:#ffffff80;letter-spacing:.14em}.cskin .crec{position:absolute;left:106px;bottom:262px;display:flex;align-items:center;gap:10px;font-size:30px;font-weight:600;color:#ffffffd9}.cskin .crec i{width:18px;height:18px;border-radius:9px;background:#e83c2ce6;animation:recb 1.6s steps(1) infinite}@keyframes recb{50%{opacity:.25}}.cskin .cscan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 4px)}.cskin .cvig{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(115% 85% at 50% 42%,#0000 44%,#00000080)}@media (prefers-reduced-motion:reduce){.cskin .crec i,.gauge{animation:none}}.sheet .ghost{visibility:hidden;pointer-events:none}.open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#08070a;color:#e8dfc6}.open.present{display:grid;place-items:center;align-content:center;cursor:pointer;transition:opacity 1.8s ease;animation:presglow 2.2s ease both}.open.present.out{opacity:0}@keyframes presglow{0%{filter:brightness(.03)}62%{filter:brightness(1.1)}to{filter:brightness(1)}}.open.present .pblock{display:grid;place-items:center;transform-origin:50% 50%;animation:presin 2.2s cubic-bezier(.25,.55,.25,1) both}@keyframes presin{0%{transform:scale(1.12)}to{transform:scale(1)}}.open.present img{width:660px;filter:drop-shadow(0 0 40px rgba(232,223,198,.2))}.open.present .pres{margin-top:64px;font-family:IBM Plex Mono,monospace;font-size:30px;letter-spacing:.42em;text-indent:.42em;color:#e8dfc6b8;white-space:nowrap;animation:presword .8s ease 2.1s both}@keyframes presword{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.open.present,.open.present .pblock,.open.present .pres{animation:none}}.open .ic{display:inline-grid;place-items:center;width:44px;height:44px;vertical-align:middle;position:relative;top:-4px;margin:0 6px;border:1px solid rgba(232,223,198,.5);color:#e8b04c}.open .ent{color:#e8b04c;font-weight:600;letter-spacing:.04em;white-space:nowrap}.open .ent .ic{border-color:#e8b04cb3}.open.guide{padding:32px 78px 44px;display:flex;flex-direction:column;animation:pin .5s ease both}.open.guide .gti{align-self:center;padding:12px 56px;border:2px solid #E8DFC6;font-family:Gowun Batang,serif;font-size:46px;letter-spacing:.38em;text-indent:.38em;margin-bottom:34px}.open.guide .gg{flex:1;display:grid;grid-template-columns:690px 1fr;grid-template-rows:auto 1fr auto 1fr auto auto;grid-template-areas:"a a" ". ." "c d" ". ." "e e" "f f";column-gap:0}.open.guide .ga{grid-area:a}.open.guide{--h5:79px}.open.guide .gc{grid-area:c;display:flex;flex-direction:column;justify-content:space-between;height:100%}.open.guide .gd{grid-area:d;position:relative}.open.guide .ge{grid-area:e}.open.guide .gf{grid-area:f;justify-self:end;margin-top:26px}.open.guide h5{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(232,223,198,.26);font-family:Gowun Batang,serif;font-size:42px;letter-spacing:.12em;font-weight:400;color:#f1ead6}.open.guide .gc{padding-top:var(--h5)}.open.guide .gtx p{margin:0 0 11px;font-size:28px;line-height:1.66;word-break:keep-all;text-wrap:pretty;color:#e8dfc6e0}.open.guide .gtx p:last-child{margin-bottom:0}.open.guide .gtx b{color:#e8b04c;font-weight:500}.open.guide .grow{display:flex;align-items:center;gap:30px}.open.guide .grow .gtx{flex:1;min-width:0}.open.guide .spk{flex:none;display:flex;align-items:center;gap:14px;padding:16px 24px;border:1px solid rgba(232,223,198,.34);background:#e8dfc60a;color:#e8dfc6b8;transition:color .16s,border-color .16s,background .16s}.open.guide .spk:hover{color:#e8dfc6;border-color:#e8dfc6b8;background:#e8dfc61a}.open.guide .spk.on{color:#14150f;background:#e8dfc6e6;border-color:#e8dfc6}.open.guide .spk.live{animation:spklive 1s ease-in-out infinite}@keyframes spklive{0%,to{box-shadow:0 0 #e8dfc680}50%{box-shadow:0 0 0 9px #e8dfc600}}.open.guide .spk em{font-style:normal;font-size:23px;letter-spacing:.06em;white-space:nowrap}.open.guide .gk{display:flex;align-items:center;gap:24px}.open.guide .gkl{flex:none;width:206px;text-align:right;font-size:27px;letter-spacing:.06em;color:#e8dfc6b8}.open.guide .gkbox{flex:none;width:352px;height:64px;display:grid;place-items:center;background:#090a07db;border:2px solid var(--num);font-family:IBM Plex Mono,monospace;font-size:32px;letter-spacing:.3em;text-indent:.3em;color:#f1ead6}.open.guide .gkbox.k-alpha{border-color:var(--alpha)}.open.guide .gkbox.k-mix{border-color:var(--mix)}.open.guide .ggo{display:flex;align-items:center;gap:12px;padding:15px 40px;border:1px solid rgba(232,223,198,.5);color:#e8dfc6;font-size:30px;letter-spacing:.12em;transition:background .16s,color .16s}.open.guide .ggo:hover{background:#e8dfc6e6;color:#14150f}.open.guide.pre .prebody{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:62px}.open.guide.pre .prebody p{margin:0;font-size:42px;line-height:1.6;word-break:keep-all;color:#e8dfc6e6}.open.guide.pre .ggo{align-self:flex-end;margin-top:34px}.open.room{display:grid;place-items:center;align-content:center;text-align:center;animation:pin .6s ease both}.open.room .rti{margin-top:88px;font-family:Gowun Batang,serif;font-size:78px;letter-spacing:.3em;text-indent:.3em;color:#e8dfc6}.open.room .rsub{margin-top:26px;font-family:IBM Plex Mono,monospace;font-size:22px;letter-spacing:.3em;text-indent:.3em;color:#8e876f}.open.room .rask{margin-top:96px;font-size:38px;letter-spacing:.12em;color:#e8dfc6e0}.open.room .rwas{margin-top:16px;font-family:IBM Plex Mono,monospace;font-size:19px;letter-spacing:.2em;color:#b9a87a}.open.room .rmrow{margin-top:32px;display:flex;align-items:center;gap:16px}.open.room .rmrow input{width:170px;padding:14px 10px;background:#0a0b0899;border:1px solid rgba(232,223,198,.4);color:#f1ead6;font-family:IBM Plex Mono,monospace;font-size:44px;letter-spacing:.14em;text-align:center}.open.room .rmrow input:focus{outline:none;border-color:#e8dfc6d1}.open.room .rmrow input.bad{border-color:#d66a54e6;animation:shk .34s ease}.open.room .rmrow input.word{width:300px;letter-spacing:.18em;text-indent:.18em}.open.room .rmrow label{font-size:34px;letter-spacing:.1em;color:#e8dfc6c7}.open.room .rgo{margin-top:62px;display:flex;flex-direction:column;align-items:center;gap:18px}.open.room .rgo .go2{padding:16px 44px;border:1px solid rgba(232,223,198,.5);font-size:21px;letter-spacing:.14em}.open.room .rgo .go2.sm{padding:9px 22px;font-size:15px;opacity:.6}.open.room .rtip{position:absolute;left:0;right:0;bottom:54px;font-size:23px;letter-spacing:.06em;color:#e8dfc685;opacity:0;transition:opacity .7s ease;pointer-events:none}.open.room .rtip.on{opacity:1}.open.room .rtip .ic{width:38px;height:38px;top:-3px;margin:0 4px}.answer.noin{gap:0}.osd .tm{display:flex;align-items:center;gap:14px;padding:11px 20px 11px 18px;color:#e8dfc6;background:linear-gradient(180deg,#0a0b0ed1,#060709e0);border:1px solid rgba(232,223,198,.24);box-shadow:0 6px 26px #0009,inset 0 1px #ffffff0f;transition:border-color .3s ease,box-shadow .3s ease}.osd .tm.low{border-color:#ff7864d9;box-shadow:0 6px 26px #0009,0 0 22px #ff786438,inset 0 1px #ffffff0f;animation:tmlow 1.5s ease-in-out infinite}@keyframes tmlow{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion:reduce){.osd .tm.low{animation:none}}.pickwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:46;display:grid;place-items:center;background:#040507d1;animation:pin .5s ease both}.pickbox{max-width:1100px;text-align:center}.pickbox .ask{font-size:28px;line-height:1.7;color:#e8dfc6;letter-spacing:.02em}.pickbox .pick{display:flex;gap:20px;margin-top:38px;justify-content:center}.pickbox .pick button{padding:18px 38px;border:1px solid rgba(232,223,198,.5);color:#e8dfc6;font-size:21px;letter-spacing:.06em;transition:background .16s,color .16s}.pickbox .pick button:hover{background:#e8dfc6eb;color:#14150f}.cast{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden}.cast .cp{position:absolute;display:block;max-width:none;animation:cpin .32s ease both;filter:brightness(.5) saturate(.72);transition:filter .28s ease}.cast .cp.on{filter:none}@keyframes cpin{0%{opacity:0}to{opacity:1}}.cast.dusk .cp.on{filter:sepia(.18) brightness(.93) saturate(.95)}.cast.dusk .cp{filter:sepia(.2) brightness(.46) saturate(.7)}.cast.night .cp.on{filter:brightness(.74) saturate(.82)}.cast.night .cp{filter:brightness(.38) saturate(.6)}.ovl{position:absolute;top:0;right:0;bottom:0;left:0;animation:pin .9s ease both}.ovl.cut,.plate .lay.cut{animation:none}.osd .tp.born{animation:tborn 1.5s ease both}@keyframes tborn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}