@font-face{font-family:Manrope;src:url(/media/manrope.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Font333;src:url(/media/v8/fonts/333-Regular.woff2)format("woff2"),url(/media/v8/fonts/333-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Josefin Sans;src:url(/media/fonts/josefin-sans-latin.woff2)format("woff2");font-weight:100 700;font-display:swap}:root{--bg:#050707;--fg:#f2f2f0;--muted:#f2f2f099;--blue:#79abd5;--sky:#79abd5;--accent:#a9c6e6;--u:calc(100vw / 1440);--edge:clamp(14px, calc(28 * var(--u)), 34px);--dial:clamp(200px, 16vw, 300px);--dial-cut:.3333;--display:"Font333", "Josefin Sans", Manrope, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--label:Manrope, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--fk:1;--tb-max:15px;--stage-bg:#7ba0c4;font-family:var(--label);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}@property --accent{syntax:"<color>";inherits:true;initial-value:#a9c6e6}body{transition:--accent .35s cubic-bezier(.22,1,.36,1)}body[data-focus="0"]{--stage-bg:#7ba0c4}body[data-focus="1"]{--stage-bg:#0a0d10}body[data-focus="2"]{--stage-bg:#050707}html,body{height:100dvh;overflow:hidden}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img,canvas,svg{display:block}:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.js-only{display:none}.js .js-only{display:block}.skip{z-index:60;background:var(--fg);color:var(--bg);padding:14px 18px;font-size:12px;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.chrome{z-index:20;pointer-events:none;font-family:var(--display);font-weight:400;font-size:clamp(10px, calc(12 * var(--u)), 15px);letter-spacing:.06em;color:var(--fg);--chrome-stroke:.04em;transition:color .35s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}body[data-about=open] .dial{opacity:0;pointer-events:none}.chrome button{pointer-events:auto;paint-order:stroke fill;-webkit-text-stroke:var(--chrome-stroke) currentColor;align-items:center;min-height:44px;display:inline-flex}.about-tap{top:calc(var(--edge) - 11px);left:var(--edge);position:absolute}.about{padding:0 calc(4 * var(--u))}.about[aria-disabled=true]{cursor:default}.about-tap>input[switch]{opacity:0;pointer-events:auto;width:100%;height:100%;margin:0;position:absolute;inset:0}.lang{top:calc(var(--edge) - 11px);right:var(--edge);align-items:center;gap:calc(2 * var(--u));display:flex;position:absolute}.lang button{padding:0 calc(6 * var(--u));opacity:.55}.lang button[aria-pressed=true]{opacity:1}.lang-bar{opacity:.55;font-weight:300}main{touch-action:none;width:100%;height:100dvh;position:relative;overflow:hidden}.backdrop{background:var(--stage-bg);z-index:0;transition:background .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden}.backdrop-img{filter:blur(clamp(18px,2.2vw,34px))brightness(.92);will-change:transform;background:url(/media/v15/backdrop.webp) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.12)}.backdrop-veil{background:#00000078;position:absolute;inset:0}.backdrop-grain{opacity:.12;mix-blend-mode:color-burn;pointer-events:none;background:url(/media/v15/grain.webp) 0 0/220px 220px;position:absolute;inset:0}.intro-text{z-index:6;color:var(--blue);mix-blend-mode:screen;font-family:var(--display);paint-order:stroke fill;text-transform:uppercase;text-align:center;filter:blur(calc(var(--fk,1) * var(--tb-max,15px)));pointer-events:none;font-weight:400;transition:opacity .6s;position:fixed;inset:0}.intro-text>span{white-space:nowrap;position:absolute;left:50%;transform:translate(-50%,-50%)}.intro-text>.line-1,.intro-text>.line-3{-webkit-text-stroke:.06em currentColor}.intro-text>.line-2{-webkit-text-stroke:.04em currentColor}.line-1{letter-spacing:.04em;font-size:clamp(18px,2.92vw,60px);top:40%}.line-2{letter-spacing:.05em;font-size:clamp(26px,4.38vw,92px);top:50%}.line-3{letter-spacing:.07em;font-size:clamp(18px,2.92vw,60px);top:60%}body[data-film=playing] .intro-text,body[data-film=paused] .intro-text,body[data-about=open] .intro-text{opacity:0}body[data-about=closing] .intro-text,body[data-about=closing] .film{transition:none}.film{z-index:7;opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}body[data-film=playing] .film,body[data-film=paused]:not([data-about=open]) .film{opacity:1}.film-video{object-fit:cover;background:#050707;width:100%;height:100%}.play-hint{left:50%;bottom:calc(var(--dial) * .5);z-index:11;width:clamp(52px, calc(64 * var(--u)), 72px);height:clamp(52px, calc(64 * var(--u)), 72px);color:var(--fg);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;background:#080a0c8c;border:1px solid #fff6;border-radius:50%;place-items:center;transition:opacity .4s,transform .4s;animation:3.4s ease-in-out infinite play-breathe;display:grid;position:absolute;transform:translate(-50%,50%)}.play-hint svg{fill:currentColor;width:42%;height:42%;margin-left:6%}body[data-film=blocked] .play-hint{opacity:1;visibility:visible;pointer-events:auto}body[data-film=playing] .play-hint,body[data-about=open] .play-hint{opacity:0;visibility:hidden;pointer-events:none}@keyframes play-breathe{0%,to{box-shadow:0 0 #a9c6e600}50%{box-shadow:0 0 0 6px #a9c6e61f}}:root{--dial-ring-in:#323232;--dial-ring-out:#2c2c2c;--dial-face-in:#292929;--dial-face-out:#232323;--dial-metal:#2b2b2b;--dial-brush-hi:#ffffff0a;--dial-brush-lo:#0000000a;--dial-shade-hi:#ffffff1a;--dial-shade-lo:#00000061;--dial-mark:#0f0f0f;--dial-mark-hi:#fff3;--dial-seam:#ffffff12;--dial-shadow:0 18px 40px #0009}.dial{left:50%;bottom:calc(var(--dial) * -1 * var(--dial-cut));width:var(--dial);height:var(--dial);margin-left:calc(var(--dial) / -2);z-index:10;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;filter:drop-shadow(var(--dial-shadow));border-radius:50%;transition:opacity .6s cubic-bezier(.22,1,.36,1);position:absolute}.dial-metal{pointer-events:none;background:radial-gradient(circle closest-side at 50% 30%, color-mix(in srgb, var(--accent) 8%, transparent) 0, transparent 60%), radial-gradient(circle closest-side at 50% 38%, var(--dial-shade-hi) 0, transparent 70%), radial-gradient(circle closest-side at 50% 62%, transparent 45%, var(--dial-shade-lo) 100%), repeating-conic-gradient(from 0deg, var(--dial-brush-hi) 0 .3deg, var(--dial-brush-lo) .3deg .6deg), var(--dial-metal);border-radius:50%;transition:background .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.dial.is-dragging{cursor:grabbing}.dial:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.dial svg{z-index:1;width:100%;height:100%;font-family:var(--label);position:relative;overflow:visible}.dial-stop{transition:stop-color .35s cubic-bezier(.22,1,.36,1)}.dial-ring{opacity:.35}.dial-ring-hi{fill:none;stroke:#ffffff1a;stroke-width:1px}.dial-seam{fill:none;stroke:var(--dial-seam);stroke-width:1px}.dial-hub{stroke:#0009;stroke-width:1px}.dial-engrave-hi{flood-color:var(--dial-mark-hi);flood-opacity:1}.dial-grain{fill:#fff;pointer-events:none}.dial-disc,.dial-ticks{will-change:transform}.dial-tick{stroke:var(--dial-mark);stroke-width:1.25px;stroke-linecap:butt}.dial-tick.is-major{stroke-width:2px}.dial-index-groove{stroke:#0a0a0a;stroke-width:4px;stroke-linecap:round}.dial-index{stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;transition:stroke .35s cubic-bezier(.22,1,.36,1)}.dial-index-cap{fill:var(--accent);transition:fill .35s cubic-bezier(.22,1,.36,1)}.dial-tick.is-current{stroke:var(--accent)}.fps{z-index:70;letter-spacing:.06em;color:#f2f2f0d9;pointer-events:none;background:#00000080;border-radius:4px;gap:3px;padding:4px 6px;font:500 10px/1.2 Manrope,monospace;display:grid;position:fixed;top:8px;right:8px}@media (width<=767px){:root{--u:calc(100vw / 390);--dial:clamp(150px, 42vw, 190px);--dial-cut:.3333;--edge:calc(16 * var(--u));--tb-max:9px}.line-1,.line-3{letter-spacing:.08em;font-size:clamp(15px,5vw,28px)}.intro-text>.line-2{letter-spacing:.03em;white-space:normal;width:90vw;font-size:clamp(24px,7.5vw,46px);line-height:1.18}}@media (width<=359px){.line-dot{display:none}.line-2 [data-i18n=i2b]{display:block}}@media (height<=480px){:root{--dial:clamp(150px, 40vh, 220px)}.line-1{top:30%}.line-2{top:45%}.line-3{top:60%}}@media (prefers-reduced-motion:reduce){body,.dial,.dial-index,.dial-index-cap,.backdrop,.intro-text,.film,.dial-stop{transition-duration:.2s}:root{--tb-max:0px}.play-hint{animation:none}}.gl-stage{z-index:8;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.gl-fps{z-index:70;color:#0f0;pointer-events:none;background:#0009;padding:4px 8px;font:11px/1.4 ui-monospace,Menlo,monospace;position:fixed;top:8px;right:8px}.ring-host{z-index:15;pointer-events:none;--ring-R:300px;--ring-p:0;--ring-cx:50%;--ring-cy:50%;position:fixed;inset:0}.ring-host.is-open{pointer-events:auto}.ring-panel{left:var(--ring-cx);top:var(--ring-cy);width:calc(var(--ring-R) * 1.3);max-width:calc(100vw - 32px);max-height:calc(var(--ring-R) * 1.5);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f2f2f059 transparent;opacity:0;text-align:center;color:var(--fg,#f2f2f0);pointer-events:none;font-size:17px;line-height:1.7;transition:opacity .15s,transform .15s;position:absolute;overflow-y:auto;transform:translate(-50%,calc(8px - 50%))}.ring-host.is-open .ring-panel{pointer-events:auto}.ring-host.is-panel .ring-panel{opacity:1;transition:opacity .25s ease-out,transform .25s ease-out;transform:translate(-50%,-50%)}.ring-title{font-family:var(--display,inherit);letter-spacing:.04em;margin:0 0 16px;font-size:28px;font-weight:400;line-height:1.2}.ring-body{margin:0}.ring-line{text-wrap:balance;display:block}.ring-line+.ring-line{margin-top:.5em}.ring-lead{letter-spacing:.01em;margin-bottom:.3em;font-size:1.2em;line-height:1.4}.ring-ctas{font-family:var(--display,inherit);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:22px 0 0;font-size:12px;line-height:1.4;display:flex}.ring-cta{border-bottom:1px solid;align-items:center;gap:.8em;min-height:44px;padding:12px 2px 11px;display:inline-flex}.ring-cta:focus-visible{outline:2px solid var(--blue,#79abd5);outline-offset:4px}.ring-cta.is-pending{color:var(--muted,#f2f2f099);cursor:default;border-bottom-color:#f2f2f040}.ring-cta-state{letter-spacing:.1em;opacity:.8;font-size:.85em}.ring-note{color:var(--muted,#f2f2f099);margin:18px 0 0;font-size:11px;line-height:1.5}.ring-sound{margin-top:12px}.ring-sound:empty{display:none}.ring-fallback{left:var(--ring-cx);top:var(--ring-cy);width:calc(var(--ring-R) * 2);height:calc(var(--ring-R) * 2);transform:translate(-50%, -50%) scale(calc(.2 + .8 * var(--ring-p)));opacity:var(--ring-p);-webkit-backdrop-filter:blur(8px)saturate(1.3);background:conic-gradient(#ffffffd9,#ffffff26,#ffffffe6,#fff3,#ffffffd9);border-radius:50%;position:absolute}.ring-fallback:after{content:"";inset:calc(var(--ring-R) * .26);background:#000;border-radius:50%;position:absolute}@media (width<=1023px){.ring-panel{width:calc(var(--ring-R) * 1.4);max-width:calc(100vw - 32px);max-height:calc(var(--ring-R) * 1.4);font-size:13px;line-height:1.5}.ring-title{margin-bottom:10px;font-size:22px}.ring-ctas{gap:0 18px;margin-top:10px;font-size:10px}.ring-note{margin-top:12px;font-size:11px}}@media (width>=768px) and (width<=1023px) and (height>=768px){.ring-panel{font-size:15px}.ring-title{font-size:24px}}.ring-body,.ring-note{word-break:keep-all;overflow-wrap:normal;width:100%}.ring-panel.is-tight .ring-title{margin-bottom:6px}.ring-panel.is-tight .ring-body{line-height:1.42}.ring-panel.is-tight .ring-line+.ring-line{margin-top:.35em}.ring-panel.is-tight .ring-ctas{margin-top:8px}.ring-panel.is-tight .ring-note{margin-top:8px;line-height:1.35}.ring-panel.is-tight .ring-sound{margin-top:6px}@media (prefers-reduced-motion:reduce){.ring-panel,.ring-host.is-panel .ring-panel,.ring-fallback{transition:opacity .2s;transform:translate(-50%,-50%)}}