.arr{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0f16;--bg2:#070910;--fg:#efe9dc;--muted:#aaa497;--fire:#e8973f;--fire2:#ffc27a;--moon:#9fbce6;--line:#efe9dc24;--line2:#efe9dc47;--sans:ui-sans-serif,system-ui,"Apple SD Gothic Neo","Pretendard",sans-serif;--mono:ui-monospace,Menlo,Consolas,monospace;--brush:var(--font-east-sea),"East Sea Dokdo",cursive;--serif:var(--font-archive-serif),"Noto Serif KR",serif;--sh:100svh;--minh:600px;--ax:50%;--px:0px;--py:0px;background:var(--bg);color:var(--fg);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:text;user-select:text;min-height:100svh;position:relative;overflow-x:hidden}.arr *{box-sizing:border-box}.arr a{color:inherit;text-decoration:none}.arr button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.arr .lbl{font:11px/1.4 var(--mono);letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.arr .lbl i{color:var(--fire);font-style:normal}.arr .hero{flex-direction:column;display:flex;position:relative}.arr .scene{height:var(--sh);min-height:var(--minh);background:var(--bg2);isolation:isolate;order:-1;position:relative;overflow:hidden}.arr .stage{left:var(--ax);width:max(100%,calc(var(--sh) * 1.5),calc(var(--minh) * 1.5));aspect-ratio:1536/1024;transform:translate3d(calc(var(--px) - var(--ax)),calc(var(--py) - 50%),0) scale(1.015);will-change:transform;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;container-type:inline-size}.arr .stage>img{object-fit:cover;width:100%;height:100%;display:block}.arr .scene:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(180deg,transparent,#0c0f168c 55%,var(--bg));height:30%;position:absolute;inset:auto 0 0}.arr .dark{z-index:6;pointer-events:none;background:#04050a;animation:1.1s ease-out 50ms forwards arr-lights;position:absolute;inset:0}@keyframes arr-lights{to{opacity:0;visibility:hidden}}.arr .fx{pointer-events:none;mix-blend-mode:screen;position:absolute}.arr .glow{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);animation:arr-flick var(--t,2.3s) ease-in-out infinite var(--dl,0s);background:radial-gradient(circle,#ffc47899,#ff963c33 38%,#0000 68%);border-radius:50%}@keyframes arr-flick{0%,to{opacity:.72;transform:scale(1)}27%{opacity:1;transform:scale(1.07)}52%{opacity:.58;transform:scale(.96)}78%{opacity:.9;transform:scale(1.03)}}.arr .ember{width:var(--s);height:calc(var(--s) * .8);margin:calc(var(--s) / -2.5) 0 0 calc(var(--s) / -2);background:radial-gradient(at 50% 60%,#ffaa508c,#f06e282e 45%,#0000 70%);border-radius:50%;animation:3.6s ease-in-out infinite arr-ember}@keyframes arr-ember{0%,to{opacity:.7;transform:scaleY(1)}35%{opacity:1;transform:scaleY(1.08)}65%{opacity:.6;transform:scaleY(.95)}}.arr .beam{transform-origin:70% 0;background:linear-gradient(190deg,#96b9f038,#96b9f00f 55%,#0000 78%);width:34cqw;height:44cqw;animation:7s ease-in-out infinite arr-breathe;top:-2cqw;left:14cqw;transform:rotate(12deg)}@keyframes arr-breathe{0%,to{opacity:.55}50%{opacity:1}}.arr .snow{opacity:.85;overflow:hidden}.arr .hs{z-index:4;-webkit-tap-highlight-color:transparent;border-radius:1.2cqw;outline:0;display:block;position:absolute}.arr .hs:before{content:"";border-radius:inherit;opacity:0;mix-blend-mode:screen;background:radial-gradient(at 50% 55%,#ffbe6e33,#0000 72%);transition:opacity .35s;position:absolute;inset:-.5cqw;box-shadow:inset 0 0 0 1px #ffd69647,0 0 2.4cqw .4cqw #ffb05a2e}.arr .hs:hover:before,.arr .hs:focus-visible:before,.arr .hs.peek:before{opacity:1}.arr .hs[aria-current]:before{opacity:.45}.arr .hs .tag{white-space:nowrap;pointer-events:none;font:10.5px/1 var(--mono);letter-spacing:.14em;color:var(--fg);opacity:0;background:#080a10c7;border:1px solid #ffd69638;border-radius:3px;padding:6px 9px;transition:opacity .3s,transform .3s;position:absolute;top:100%;left:50%;transform:translate(-50%,.5cqw)}.arr .hs .tag b{color:var(--fire2);font-weight:400}.arr .hs:hover .tag,.arr .hs:focus-visible .tag,.arr .hs[aria-current] .tag,.arr .hs.peek .tag{opacity:1;transform:translate(-50%,.9cqw)}.arr .hs.up .tag{top:auto;bottom:100%;transform:translate(-50%,-.5cqw)}.arr .hs.up:hover .tag,.arr .hs.up:focus-visible .tag,.arr .hs.up[aria-current] .tag,.arr .hs.up.peek .tag{transform:translate(-50%,-.9cqw)}.arr .hs.edge .tag{left:auto;right:0;transform:translateY(.5cqw)}.arr .hs.edge:hover .tag,.arr .hs.edge:focus-visible .tag,.arr .hs.edge[aria-current] .tag,.arr .hs.edge.peek .tag{transform:translateY(.9cqw)}.arr .hint .hs:before{animation:arr-hint 1.1s ease-in-out calc(1.35s + var(--i) * .16s) 1}@keyframes arr-hint{0%,to{opacity:0}45%{opacity:.75}}.arr .panel{z-index:5;scrollbar-width:none;background:linear-gradient(90deg,#070910e6 0,#070910c7 58%,#0709106b 84%,#0000);width:clamp(320px,27vw,440px);padding:44px 28px 40px 52px;position:absolute;top:0;bottom:0;left:0;overflow:auto}.arr .panel::-webkit-scrollbar{display:none}.arr h1{font:400 76px/1 var(--brush);letter-spacing:.01em;text-shadow:0 2px 18px #0009;margin:6px 0 2px}.arr .cats{border-top:1px solid var(--line);margin:0 0 22px;padding:0;list-style:none}.arr .cats button{border-bottom:1px solid var(--line);width:100%;color:var(--muted);text-align:left;align-items:baseline;gap:10px;padding:7px 0 8px 16px;transition:color .25s;display:flex;position:relative}.arr .cats button:before{content:"";background:var(--fire2);opacity:0;border-radius:50%;width:5px;height:5px;margin-top:-3px;transition:opacity .25s,transform .25s;position:absolute;top:50%;left:1px;transform:scale(.6);box-shadow:0 0 7px 1px #ffc27abf}.arr .cats button:hover,.arr .cats button[aria-pressed=true]{color:var(--fg)}.arr .cats button[aria-pressed=true]:before{opacity:1;transform:none}.arr .cats .n{font:500 15.5px/1.4 var(--serif)}.arr .cats .c{font:10.5px var(--mono);letter-spacing:.1em;color:var(--muted);opacity:.75;margin-left:auto}.arr .cats button[aria-pressed=true] .c{color:var(--fire2);opacity:1}.arr ol.list{border-top:1px solid var(--line);margin:2px 0 0;padding:0;list-style:none}.arr .list li a{border-bottom:1px solid var(--line);padding:10px 0 11px;transition:padding-left .25s;display:block}.arr .list li a:hover{padding-left:6px}.arr .list .m{font:10.5px var(--mono);letter-spacing:.1em;color:var(--fire)}.arr .list .t{font:600 15.5px/1.45 var(--serif);margin-top:1px;display:block}.arr .list.anim li{animation:.45s ease-out both arr-rise;animation-delay:calc(var(--i) * 45ms)}@keyframes arr-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.arr .more{font:11px var(--mono);letter-spacing:.14em;color:var(--muted);border-bottom:1px solid var(--line2);margin-top:12px;padding-bottom:2px;display:inline-block}.arr .more:hover{color:var(--fg)}.arr .wrap{width:min(1160px,100% - 64px);margin:0 auto}.arr .gazette{padding:36px 0 12px}.arr .gazette .row{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:10px;display:grid}.arr .gazette .row a{border-bottom:1px solid var(--line);padding:12px 0}.arr .gazette .row .m{font:10.5px var(--mono);letter-spacing:.1em;color:var(--moon)}.arr .gazette .row .t{font:600 15px/1.45 var(--serif);margin-top:2px;display:block}.arr .gazette .row a:hover .t{text-underline-offset:3px;text-decoration:underline}.arr .index{background:radial-gradient(60% 30% at 50% 0,#e8973f12,#0000 70%);padding:56px 0 80px;position:relative}.arr .index .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 32px;margin-top:10px;display:grid}.arr .index h3{font:400 30px/1 var(--brush);align-items:baseline;gap:10px;margin:22px 0 2px;scroll-margin-top:24px;display:flex}.arr .index h3 small{font:10px var(--mono);letter-spacing:.18em;color:var(--muted)}.arr .index .cols a{align-items:baseline;gap:0;padding:6px 0;font-size:13.5px;line-height:1.4;display:flex}.arr .index .cols a .t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.arr .index .cols a i{border-bottom:1px dotted var(--line2);flex:1;align-self:flex-end;min-width:16px;margin:0 7px 5px}.arr .index .cols a small{font:11px var(--mono);color:var(--muted);flex:none}.arr .index .cols a:hover .t{color:var(--fire2)}.arr .index .cols a:hover i{border-color:var(--fire)}.arr footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:20px 0 48px;display:flex}.arr footer a:hover{color:var(--fg)}.arr footer nav{flex-wrap:wrap;gap:8px 22px;display:flex}@media (max-width:900px){.arr{--sh:56svh;--minh:420px;--ax:56%}.arr .scene:after{height:40%}.arr .panel{background:0 0;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;column-gap:36px;width:auto;margin-top:-64px;padding:0 32px 8px;display:grid;position:relative;overflow:visible}.arr .panel .head,.arr .catnav{grid-column:1}.arr .cats{margin-bottom:8px}.arr .records{grid-area:1/2/3;padding-top:72px}.arr h1{font-size:62px}.arr .hs .tag,.arr .hs[aria-current] .tag{opacity:0}.arr .hs.peek .tag{opacity:1}.arr .wrap{width:calc(100% - 64px)}.arr .gazette .row,.arr .index .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.arr{--sh:58svh;--ax:58%}.arr .panel{margin-top:-72px;padding:0 16px 8px;display:block}.arr .records{padding-top:0}.arr h1{font-size:58px}.arr .wrap{width:calc(100% - 32px)}.arr .gazette .row,.arr .index .cols{grid-template-columns:minmax(0,1fr)}.arr .index h3{font-size:28px}}@media (max-height:800px) and (min-width:901px){.arr .panel{padding-top:32px}.arr h1{font-size:62px}.arr .cats button{padding:5px 0 6px 16px}.arr .list li a{padding:8px 0 9px}}@media (prefers-reduced-motion:reduce){.arr *,.arr :before,.arr :after{transition:none!important;animation:none!important}.arr .dark{display:none}.arr .stage{transform:translate3d(calc(-1 * var(--ax)),-50%,0) scale(1.015)}}