:root{--ink-0: #0B0906;--ink-1: #141009;--glass: rgba(24, 19, 10, .62);--line: #2F2718;--text-1: #EFE3C8;--text-2: #A89877;--text-3: #6B5F45;--amber: #E8A11C;--amber-dim: rgba(232, 161, 28, .22);--tier-3: #C9B68A;--tier-4: var(--text-3);--mono: "IBM Plex Mono", "Song Myung Display", ui-monospace, SFMono-Regular, monospace;--display: "IBM Plex Mono", "Song Myung Display", ui-monospace, monospace;--body: "Pretendard Variable", -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Song Myung Display;font-style:normal;font-weight:400;font-display:swap;size-adjust:104%;src:url(/fonts/song-myung-subset.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF}@font-face{font-family:Pretendard Variable;font-style:normal;font-weight:45 920;font-display:swap;src:url(/fonts/pretendard-var-subset.woff2) format("woff2-variations")}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--ink-0);color:var(--text-1);font-family:var(--body);font-size:15px;line-height:1.6}::selection{background:var(--amber-dim)}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:1px solid var(--amber);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--text-2);position:relative;z-index:6;gap:10px}.statusbar .brand{display:flex;gap:9px;align-items:center;color:var(--text-1);white-space:nowrap}.statusbar .brand .mark{color:var(--amber)}.statusbar .right{display:flex;gap:16px;align-items:center}.statusbar .sync{color:var(--text-3)}.statusbar .navlink{background:none;border:1px solid var(--line);color:var(--text-2);font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:5px 11px;cursor:pointer;border-radius:2px}.statusbar .navlink:hover{color:var(--text-1);border-color:var(--text-3)}#boot{position:fixed;inset:0;background:var(--ink-0);z-index:50;display:flex;align-items:center;cursor:pointer}#boot .line{font-family:var(--mono);font-size:14px;color:var(--text-2);margin-left:12vw;letter-spacing:.04em;position:relative;z-index:2}#boot .cursor{display:inline-block;width:8px;height:16px;background:var(--text-2);vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}#boot .hint{position:absolute;bottom:22px;right:24px;font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.12em}#boot .bootmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.985);width:min(78vmin,620px);aspect-ratio:360 / 487;background:var(--amber);-webkit-mask:url(/mark-mask.png) center / contain no-repeat;mask:url(/mark-mask.png) center / contain no-repeat;opacity:0;pointer-events:none}#boot:not(.done) .bootmark{animation:bootMark 2.6s ease forwards}@keyframes bootMark{0%{opacity:0;transform:translate(-50%,-50%) scale(.985)}22%{opacity:.14}55%{opacity:.14}to{opacity:.1;transform:translate(-50%,-50%) scale(1.01)}}#boot.done .bootmark{opacity:.12;animation:none}#boot.done{animation:bootout .3s ease forwards}@keyframes bootout{to{opacity:0;visibility:hidden}}html.no-boot #boot{display:none}.stage-wrap{position:relative}#stage3d{position:relative;height:calc(100vh - 49px);min-height:480px}#stage3d canvas{position:absolute;inset:0;display:block}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lab{position:absolute;transform:translate(-50%);text-align:center;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .3s;border:0;background:none}.lab.on{opacity:1}.lab .name,.lab .meta{display:block}.lab .name{font-family:var(--display);letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 8px var(--ink-0)}.lab .meta{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;margin-top:1px}.lab .rk{color:var(--amber);margin-right:7px}.lab[data-tier="1"] .name{font-size:18px;color:var(--amber)}.lab[data-tier="2"] .name{font-size:15px;color:var(--text-1)}.lab[data-tier="2"] .rk{color:var(--amber)}.lab[data-tier="3"] .name{font-size:13px;color:var(--text-2)}.lab[data-tier="3"] .rk{color:var(--text-2)}.lab[data-tier="4"] .name{font-size:12.5px;color:var(--text-3)}.lab[data-tier="4"] .rk{color:var(--text-3)}.lab[data-tier="4"] .meta{color:var(--text-3);opacity:.7}.lab:hover .name,.lab:focus-visible .name{color:var(--amber)}.radar-dot{position:absolute;border-radius:50%;border:1.5px solid currentColor;transform:translate(-50%,-50%) scale(0);transition:transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}.radar-dot.on{transform:translate(-50%,-50%) scale(1)}.radar-dot:after{content:"";position:absolute;inset:22%;border:1px solid currentColor;border-radius:50%;opacity:.5}.radar-dot[data-tier="1"]{background:currentColor;border:0}.radar-dot[data-tier="1"]:after{inset:-30%;opacity:.65}@media(prefers-reduced-motion:reduce){.radar-dot{transform:translate(-50%,-50%) scale(1)!important}}#bootlog{position:absolute;right:22px;top:16px;font-family:var(--mono);font-size:10.5px;line-height:2;color:var(--text-3);text-align:right;z-index:4;letter-spacing:.05em;pointer-events:none}#bootlog .l{opacity:0;animation:login .3s ease forwards}@keyframes login{to{opacity:1}}#bootlog .nm{color:var(--text-2)}#bootlog .ok{color:var(--amber)}#legend{position:absolute;left:22px;top:16px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--text-3);z-index:4;line-height:2;pointer-events:none}#legend b{color:var(--text-2);font-weight:400}#hudrow{position:absolute;left:0;right:0;bottom:0;display:flex;gap:14px;align-items:flex-end;justify-content:space-between;padding:0 22px 22px;pointer-events:none;z-index:5}#hudrow>*{pointer-events:auto}#hud{max-width:440px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:4px;padding:18px 20px}#hud.off{opacity:0;transform:translateY(4px)}#hud.on{animation:hudin .5s ease forwards}@keyframes hudin{to{opacity:1;transform:translateY(0)}}#hud .hl{font-size:14px;line-height:1.65}#hud .row{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}#hud .stat{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--text-2)}#hud .stat b{color:var(--amber);font-weight:500}.chip{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;border:1px solid var(--line);padding:3px 10px;border-radius:2px;color:var(--text-2);cursor:pointer;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.chip:hover,a.chip:focus-visible{color:var(--amber);border-color:var(--amber)}#seal{width:44px;height:44px;background:var(--amber);border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:0;flex:none;border:0;cursor:pointer}#seal .emblem{width:26px;aspect-ratio:360 / 487;background:var(--ink-0);-webkit-mask:url(/mark-mask.png) center / contain no-repeat;mask:url(/mark-mask.png) center / contain no-repeat}#seal.on{animation:stamp .16s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes stamp{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.index{border-top:1px solid var(--line);background:var(--ink-1);padding:30px 22px 60px}.index h2{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;color:var(--text-3);margin-bottom:16px}.row-p{display:grid;grid-template-columns:32px 1.4fr 100px 90px 1fr 60px;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);cursor:pointer}.row-p:hover,.row-p:focus-visible{background:#e8a11c0a}.row-p .rk{font-family:var(--mono);font-size:11px;color:var(--text-3)}.row-p[data-top="1"] .rk{color:var(--amber)}.row-p .pn{font-family:var(--display);font-size:16px}.row-p .ph,.row-p .mo{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.bar{height:2px;background:var(--line);position:relative;border-radius:1px}.bar i{position:absolute;top:0;bottom:0;left:0;background:var(--text-2);border-radius:1px}.row-p .pc{font-family:var(--mono);font-size:11px;color:var(--text-2);text-align:right}.d-top{display:flex;justify-content:space-between;padding:15px 22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--text-2);border-bottom:1px solid var(--line)}.d-top a{cursor:pointer}.d-top a:hover{color:var(--text-1)}.d-body{max-width:760px;margin:0 auto;padding:48px 22px 36px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.chips .chip{cursor:default;max-width:none}.d-name{font-family:var(--display);font-size:clamp(36px,6vw,58px);line-height:1.12;letter-spacing:.01em;font-weight:400}.d-tag{color:var(--text-2);margin-top:13px;font-size:15.5px;max-width:56ch}.d-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:40px 0 34px}.d-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--text-3);margin-bottom:11px}.d-prog .bar{height:3px}.d-prog .bar i{background:var(--amber)}.d-prog .num{font-family:var(--mono);font-size:26px;margin-top:10px}.trace{width:100%;height:34px;overflow:visible}.trace path{fill:none;stroke:var(--text-2);stroke-width:1.5;stroke-dasharray:6 5;animation:flow linear infinite}.trace[data-momentum=dormant] path{animation:none;stroke:var(--text-3)}@keyframes flow{to{stroke-dashoffset:-44}}.d-mom .word{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-top:6px}.panel{background:var(--ink-1);border:1px solid var(--line);border-radius:4px;padding:20px 22px;margin-bottom:30px}.act{display:flex;gap:16px;padding:13px 4px;border-bottom:1px solid var(--line);align-items:baseline}.act .n{font-family:var(--mono);font-size:11px;color:var(--amber)}.d-nav{display:flex;justify-content:space-between;max-width:760px;margin:0 auto;padding:20px 22px 0;font-family:var(--display);font-size:15px;color:var(--text-2);gap:20px}.d-nav a{cursor:pointer}.d-nav a:hover{color:var(--amber)}.d-meta-la{font-family:var(--mono);font-size:12px;color:var(--text-3);letter-spacing:.1em}.placeholder{border:1px dashed var(--line);border-radius:4px;padding:26px 24px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--text-3);margin:34px 0 30px}.about-mark{width:34px;aspect-ratio:360 / 487;background:var(--amber);opacity:.85;-webkit-mask:url(/mark-mask.png) center / contain no-repeat;mask:url(/mark-mask.png) center / contain no-repeat}.about-foot{display:flex;align-items:center;gap:16px;margin-top:8px}#trans{position:fixed;inset:0;background:var(--ink-0);z-index:49;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}#trans .mark{width:min(108px,24vw);aspect-ratio:360 / 487;background:var(--amber);-webkit-mask:url(/mark-mask.png) center / contain no-repeat;mask:url(/mark-mask.png) center / contain no-repeat;opacity:0}#trans .sweep{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber-dim),transparent);top:0;opacity:0}#trans.out{animation:transIn .42s ease-in forwards;pointer-events:auto}@keyframes transIn{0%{opacity:0}48%{opacity:1}to{opacity:1}}#trans.out .mark{animation:markIn .42s ease forwards}@keyframes markIn{0%{opacity:0;transform:scale(.94)}60%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}#trans.out .sweep{animation:sweepDown .42s linear forwards}@keyframes sweepDown{0%{top:8%;opacity:0}18%{opacity:.9}90%{top:88%;opacity:.9}to{top:92%;opacity:0}}html.arriving #trans{opacity:1;pointer-events:auto}html.arriving #trans .mark{opacity:1}#trans.in{animation:transOutgo .5s ease-out forwards;pointer-events:auto}@keyframes transOutgo{0%{opacity:1}26%{opacity:1}to{opacity:0}}#trans.in .mark{animation:markOut .5s ease forwards}@keyframes markOut{0%{opacity:1;transform:scale(1)}26%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.015)}}main{transition:opacity .3s ease}main.fadeout{opacity:0!important}main.enter>*{animation:viewIn .5s ease both}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.statusbar .sync{display:none}#stage3d{height:calc(100vh - 49px);min-height:420px}#bootlog{display:none}#legend{left:14px;top:10px;font-size:8.5px}#hudrow{flex-direction:column;align-items:stretch;gap:10px;padding:0 14px 14px}#hud .hl{font-size:12.5px}#hud{max-width:none}#seal{align-self:flex-end}.index{padding:24px 14px 60px}.row-p{grid-template-columns:24px 1fr 76px 44px;gap:10px}.row-p .mo,.row-p .bar{display:none}.d-grid{grid-template-columns:1fr}.lab[data-tier="1"] .name{font-size:15px}.lab[data-tier="2"] .name{font-size:12.5px}.lab[data-tier="3"] .name,.lab[data-tier="4"] .name{font-size:11px}#boot .line{margin-left:8vw;font-size:12.5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#boot,#trans{display:none!important}.lab,#hud,#seal{opacity:1!important;transform:none!important}main.fadeout{opacity:1!important}}
