@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(../assets/thirdparty/fonts/barlow-condensed-700-italic.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(../assets/thirdparty/fonts/barlow-condensed-800-italic.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/thirdparty/fonts/barlow-condensed-500.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/thirdparty/fonts/barlow-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/thirdparty/fonts/barlow-condensed-700.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(../assets/thirdparty/fonts/barlow-condensed-800.woff2)format("woff2")}:root{--ink:#131c30;--ink-soft:#131c309e;--accent:#e8401f;--snow:#fff;--plate:#fffc;--plate-solid:#fafbfde6;--edge:#fffffff2;--hair:#131c3029;--slant:-12deg;--ui-font:"Barlow Condensed", "Avenir Next Condensed", "Arial Narrow", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif}.ui{font-family:var(--ui-font);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-weight:700}:root:lang(ko) .ui{letter-spacing:0}.plate{isolation:isolate;position:relative}.plate:before{content:"";z-index:-1;transform:skewX(var(--slant));background:var(--plate);border:1px solid var(--edge);border-left:4px solid var(--accent);position:absolute;inset:0}.plate.dark:before{border-color:#ffffff47;border-left-color:var(--accent);background:#131c30db}.plate.dark{color:var(--snow)}.plate.bare:before{border-left-width:1px;border-left-color:var(--edge)}.plate.framed:before{display:none}.plate-bg{z-index:-1;transform:skewX(var(--slant));background:var(--plate-solid);border:1px solid var(--edge);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);position:absolute;inset:0;overflow:hidden}.plate-bg>.band{background:var(--accent);position:absolute;top:0;left:0;right:0}.plate-bg>.foot{background:var(--ink);position:absolute;bottom:0;left:0;right:0}.key{text-align:center;letter-spacing:.02em;min-width:13px;transform:skewX(var(--slant));border:1px solid;margin-right:6px;padding:0 6px;font-size:.86em;font-weight:700;line-height:1.45;display:inline-block}.key.go{background:var(--accent);border-color:var(--accent);color:var(--snow)}.veil{background:#0c12226b;position:fixed;inset:0}@keyframes ui-slide-in{0%{opacity:0;transform:translate(-26px)skew(-8deg)}to{opacity:1;transform:none}}@keyframes ui-drop-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.opt{z-index:20;position:fixed;inset:0}.opt-box{--slant:-5deg;width:440px;margin:-172px 0 0 -220px;padding:0 0 46px;animation:.18s ease-out ui-drop-in;position:absolute;top:50%;left:50%}.opt-box .band{height:6px}.opt-box .foot{height:36px}.opt-box h1{letter-spacing:.02em;margin:0;padding:26px 40px 12px;font-size:44px;font-style:italic;font-weight:800;line-height:1}.opt-row{border-top:1px solid var(--hair);align-items:center;height:46px;margin:0 40px;display:flex;position:relative}.opt-row.on:before{content:"";background:var(--accent);width:9px;height:9px;margin-top:-5px;position:absolute;top:50%;left:-22px;transform:rotate(45deg)}.opt-label{letter-spacing:.14em;width:118px;color:var(--ink-soft);font-size:14px}.opt-row.on .opt-label{color:var(--ink)}.opt-value{flex:1;align-items:center;gap:8px;display:flex}.opt-choice{letter-spacing:.08em;border:1px solid var(--hair);transform:skewX(var(--slant));cursor:pointer;padding:2px 14px;font-size:16px}.opt-choice.on{background:var(--ink);border-color:var(--ink);color:var(--snow)}.opt-row.on .opt-choice.on{background:var(--accent);border-color:var(--accent)}.opt-bar{transform:skewX(var(--slant));gap:3px;display:flex}.opt-bar i{background:var(--hair);cursor:pointer;width:15px;height:18px}.opt-bar i.on{background:var(--ink)}.opt-row.on .opt-bar i.on{background:var(--accent)}.opt-num{text-align:right;width:34px;margin-left:6px;font-size:18px;font-style:italic;font-weight:800}.opt-keys{height:36px;color:var(--snow);align-items:center;gap:18px;font-size:13px;display:flex;position:absolute;bottom:0;left:40px}.opt-keys span:last-child{cursor:pointer}.gear{z-index:12;pointer-events:none;width:320px;height:320px;margin:-160px 0 0 -160px;animation:.16s ease-out gear-in;position:fixed;top:50%;left:50%}@keyframes gear-in{0%{opacity:0;transform:scale(.8)rotate(-18deg)}to{opacity:1;transform:none}}.gear svg{width:100%;height:100%;display:block;overflow:visible}.gear-back{fill:#ffffff38;stroke:var(--edge);stroke-width:1px}.gear-ticks{fill:none;stroke:var(--snow);stroke-width:1.2px;opacity:.85}.gear-part{fill:var(--plate);stroke:var(--edge);stroke-width:1px;transition:fill .1s}.gear-part.on{fill:var(--accent);stroke:var(--accent)}.gear-part.off{fill:#ffffff57}.gear-icon{color:var(--ink)}.gear-icon.on{color:var(--snow)}.gear-icon.off{opacity:.3}.gear-hub{fill:var(--ink);stroke:var(--edge);stroke-width:1px}.gear-name{text-align:center;letter-spacing:.08em;width:84px;color:var(--snow);margin:-9px 0 0 -42px;font-size:14px;line-height:18px;position:absolute;top:50%;left:50%}