:root{--c-bg: #0d0f0e;--c-bg-2: #171716;--c-cell: #1a1d1b;--c-line: #2b2f2c;--c-line-2: #454a45;--c-dim-text: #6b706a;--c-muted: #9a9e96;--c-text: #c9cbc2;--c-title: #d8cfae;--c-gold: #f2c14e;--c-gold-hover: #ffd978;--c-ember: #e0782e;--c-ember-dark: #7a2e1a;--c-sand: #a89c78;--c-ok: #7fa7a0;--c-bronze: #b08a5e;--c-dim: rgba(13, 15, 14, .78);--c-crimson: #d8433a;--c-azure: #3d8be3;--c-amber: #e2a433;--c-emerald: #3cb46c;--f-px: "Pixeloid Sans", monospace, sans-serif;--f-text: "PT Sans", sans-serif;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--pad-l: max(12px, var(--safe-l));--pad-r: max(12px, var(--safe-r));--pad-b: max(8px, var(--safe-b));--kb-h: 0px;--hit: 44px}@font-face{font-family:Pixeloid Sans;src:url(/fonts/PixeloidSans.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pixeloid Sans;src:url(/fonts/PixeloidSans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Zastava Pixel CJK zh;src:url(/fonts/PixelCJK-zh.woff2) format("woff2");font-weight:100 900;font-display:swap;size-adjust:111.1111%;ascent-override:90%;descent-override:20%;line-gap-override:0%;unicode-range:U+1100-11FF,U+2026,U+3000-30FF,U+3130-318F,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+AC00-D7AF,U+FF00-FFEF}@font-face{font-family:Zastava Pixel CJK ja;src:url(/fonts/PixelCJK-ja.woff2) format("woff2");font-weight:100 900;font-display:swap;size-adjust:111.1111%;ascent-override:90%;descent-override:20%;line-gap-override:0%;unicode-range:U+1100-11FF,U+2026,U+3000-30FF,U+3130-318F,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+AC00-D7AF,U+FF00-FFEF}@font-face{font-family:Zastava Pixel CJK ko;src:url(/fonts/PixelCJK-ko.woff2) format("woff2");font-weight:100 900;font-display:swap;size-adjust:111.1111%;ascent-override:90%;descent-override:20%;line-gap-override:0%;unicode-range:U+1100-11FF,U+2026,U+3000-30FF,U+3130-318F,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+AC00-D7AF,U+FF00-FFEF}@font-face{font-family:Zastava Pixel Autonym;src:url(/fonts/PixelCJK-autonym-zh.woff2) format("woff2");font-weight:100 900;font-display:swap;size-adjust:111.1111%;ascent-override:90%;descent-override:20%;line-gap-override:0%;unicode-range:U+4E2D,U+4F53,U+6587,U+7B80}@font-face{font-family:Zastava Pixel Autonym;src:url(/fonts/PixelCJK-autonym-ja.woff2) format("woff2");font-weight:100 900;font-display:swap;size-adjust:111.1111%;ascent-override:90%;descent-override:20%;line-gap-override:0%;unicode-range:U+65E5,U+672C,U+8A9E}@font-face{font-family:Zastava Pixel Autonym;src:url(/fonts/PixelCJK-autonym-ko.woff2) format("woff2");font-weight:100 900;font-display:swap;size-adjust:111.1111%;ascent-override:90%;descent-override:20%;line-gap-override:0%;unicode-range:U+AD6D,U+C5B4,U+D55C}:root{--f-px: "Pixeloid Sans", "Zastava Pixel Autonym", monospace;--f-text: "PT Sans", "Zastava Pixel Autonym", sans-serif}:root:lang(zh-Hans){--f-px: "Pixeloid Sans", "Zastava Pixel CJK zh", monospace;--f-text: "PT Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", sans-serif}:root:lang(ja){--f-px: "Pixeloid Sans", "Zastava Pixel CJK ja", monospace;--f-text: "PT Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", "Noto Sans CJK JP", "Source Han Sans JP", sans-serif}:root:lang(ko){--f-px: "Pixeloid Sans", "Zastava Pixel CJK ko", monospace;--f-text: "PT Sans", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", "Source Han Sans KR", "Noto Sans KR", sans-serif}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{background:var(--c-bg);font-family:var(--f-text);color:var(--c-text);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,input,select,label,[role=button],[role=tab]{touch-action:manipulation}img{-webkit-user-drag:none}button{font-family:var(--f-px);cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}a{color:var(--c-gold)}@media(hover:hover){a:hover{color:var(--c-gold-hover)}}img,canvas{image-rendering:pixelated}input,textarea{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.px{font-family:var(--f-px)}.z-panel{box-sizing:border-box;border:18px solid transparent;border-image-source:url(/assets/ui/frame_panel.png);border-image-slice:64 fill;border-image-width:32px;border-image-repeat:stretch;image-rendering:pixelated;padding:10px;color:var(--c-text)}.z-btn,.z-btn-primary{box-sizing:border-box;border:9px solid transparent;border-image-slice:32 fill;border-image-width:16px;border-image-repeat:stretch;image-rendering:pixelated;background:none;min-height:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-px);font-size:18px;text-decoration:none;cursor:pointer}.z-btn{border-image-source:url(/assets/ui/frame_button.png);color:var(--c-text)}.z-btn-primary{border-image-source:url(/assets/ui/frame_button_primary.png);color:var(--c-gold);font-weight:700}@media(hover:hover){.z-btn:hover,.z-btn-primary:hover{filter:brightness(1.2);color:var(--c-gold)}}.z-btn.is-on{filter:brightness(1.35) sepia(.35);color:var(--c-gold)}.z-btn[disabled],.z-btn-primary[disabled],.is-disabled{filter:grayscale(.7) brightness(.6);cursor:not-allowed}@media(hover:hover){.z-btn[disabled]:hover{color:var(--c-text)}.z-btn-primary[disabled]:hover{color:var(--c-gold)}}.z-tip{box-sizing:border-box;border:8px solid transparent;border-image-source:url(/assets/ui/frame_tooltip.png);border-image-slice:24 fill;border-image-width:12px;image-rendering:pixelated;padding:6px 8px;color:var(--c-title);font-size:14px}.z-timer{box-sizing:border-box;height:50px;border-style:solid;border-color:transparent;border-width:0 26px 0 28px;border-image-source:url(/assets/ui/frame_timer.png);border-image-slice:0 52 0 56 fill;border-image-width:0 26px 0 28px;image-rendering:pixelated;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-px);font-size:27px;color:var(--c-title);min-width:128px}.z-slot{box-sizing:border-box;width:62px;height:60px;background:url(/assets/ui/frame_slot.png) center/100% 100% no-repeat;image-rendering:pixelated;display:inline-flex;align-items:center;justify-content:center}.z-input{box-sizing:border-box;height:44px;padding:0 12px;background:var(--c-bg-2);color:var(--c-title);border:2px solid var(--c-bg);box-shadow:inset 0 0 0 1px var(--c-line-2);font-family:var(--f-px);font-size:18px}.z-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--c-ember)}.z-input[disabled]{filter:brightness(.7);cursor:not-allowed}.z-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-dim)}.z-h1{font-family:var(--f-px);font-size:27px;color:var(--c-title);margin:0;font-weight:400}.z-sub{font-family:var(--f-px);font-size:18px;color:var(--c-title);margin:0;font-weight:400}.z-muted{color:var(--c-muted);font-size:13px}.z-lbl{font-size:13px;color:var(--c-muted)}.z-num{font-family:var(--f-px);font-size:18px;color:var(--c-text)}.z-cell{box-sizing:border-box;background:var(--c-cell);box-shadow:inset 0 0 0 1px var(--c-line)}.z-sep{height:2px;background:var(--c-line);box-shadow:0 1px 0 var(--c-bg)}.z-stub{box-sizing:border-box;border:2px dashed var(--c-line-2);color:var(--c-dim-text);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--f-px);font-size:18px;padding:6px}.z-close{width:48px;height:48px;min-height:48px;padding:0}.z-close img{width:30px;height:30px;object-fit:contain}.z-close-float{position:absolute;right:12px;top:12px;width:44px;padding:0}.z-close-float img{width:24px;height:24px;object-fit:contain}.z-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;background:var(--c-bg);box-shadow:inset 0 0 0 2px var(--c-line-2);margin:0;cursor:pointer}.z-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:24px;background:var(--c-title);border:2px solid var(--c-bg);box-shadow:inset -3px -3px 0 var(--c-sand);border-radius:0}.z-range::-moz-range-thumb{width:14px;height:24px;background:var(--c-title);border:2px solid var(--c-bg);box-shadow:inset -3px -3px 0 var(--c-sand);border-radius:0}:root[data-touch="1"] .z-range{height:44px;box-shadow:none;background:linear-gradient(var(--c-bg),var(--c-bg)) center / calc(100% - 4px) 8px no-repeat,linear-gradient(var(--c-line-2),var(--c-line-2)) center / 100% 12px no-repeat}:root[data-touch="1"] .z-range::-webkit-slider-thumb{width:18px;height:32px}:root[data-touch="1"] .z-range::-moz-range-thumb{width:18px;height:32px}.z-notice{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 14px;font-size:16px;color:var(--c-title);white-space:nowrap}.z-notice img{height:24px;width:auto}.z-notice b{font-weight:700}.z-badge{font-family:var(--f-px);padding:1px 6px;background:var(--c-gold);color:var(--c-bg);font-size:18px;font-weight:700;box-shadow:2px 2px 0 var(--c-bg)}.z-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font-size:18px;color:var(--c-gold);text-decoration:underline}@media(hover:hover){.z-link:hover{color:var(--c-gold-hover)}}.z-progress{box-sizing:border-box;height:32px;padding:4px;background:var(--c-bg-2);border:2px solid var(--c-bg);box-shadow:inset 0 0 0 2px var(--c-line-2),4px 4px 0 var(--c-bg);display:grid;gap:3px}.z-progress>span{background:var(--c-line);box-shadow:inset 0 -2px #1a1d1b}.z-progress>span.is-on{background:var(--c-ember);box-shadow:inset 0 -3px 0 var(--c-ember-dark),inset 0 2px 0 var(--c-gold)}.z-tip-wrap{position:relative;display:inline-flex}.z-tip-pop{position:absolute;z-index:50;pointer-events:none;width:max-content;max-width:320px}.z-tip-pop.top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.z-tip-pop.top-start{bottom:calc(100% + 6px);left:0}.z-tip-pop.bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.z-tip-pop.left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.z-tip-pop.right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.z-stage-host{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--c-bg)}.z-stage{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}.z-frame{position:absolute;left:50%;top:50%;width:1440px;height:900px;margin:-450px 0 0 -720px}:root[data-cls=compact] .z-frame,:root[data-cls=medium] .z-frame{top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0}.z-layer{position:absolute;top:0;right:0;bottom:0;left:0}.z-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.z-center>*{pointer-events:auto}:where(.hit){position:relative}.hit:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--hit));height:max(100%,var(--hit));transform:translate(-50%,-50%)}.z-pop{position:absolute;z-index:900;width:max-content;max-width:min(320px,calc(100% - 24px));pointer-events:auto;font-family:var(--f-text);font-size:13px;line-height:1.35;box-shadow:3px 3px #0d0f0ecc;animation:z-pop-in .12s steps(2) both}:root[data-cls=compact] .z-pop{max-width:min(280px,calc(100% - 24px))}@keyframes z-pop-in{0%{opacity:0;transform:translateY(4px)}}.z-sheet{position:absolute;left:var(--safe-l);right:var(--safe-r);bottom:0;z-index:40;box-sizing:border-box;display:flex;flex-direction:column;max-height:58%;padding-bottom:var(--safe-b);background:var(--c-bg-2);border-top:2px solid var(--c-line-2);box-shadow:0 -2px 0 var(--c-bg),0 -14px 28px #00000080;color:var(--c-text);font-size:14px;transform:translateY(calc(100% + 16px));visibility:hidden;transition:transform .22s ease-out,visibility 0s linear .22s;touch-action:pan-y}.z-sheet.is-open{transform:none;visibility:visible;transition:transform .22s ease-out}.z-sheet:not(.is-full){touch-action:none}.z-sheet.is-full{height:min(calc(100% - 118px),78%);max-height:none}.z-sheet.is-drag{transition:none}.z-sheet-grip{flex:none;position:relative;width:100%;height:22px;min-height:0;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.z-sheet-grip:before{content:"";width:36px;height:4px;background:var(--c-dim-text);box-shadow:0 1px 0 var(--c-bg)}.z-sheet-grip:after{content:"";position:absolute;left:50%;top:50%;width:140px;height:44px;transform:translate(-50%,-50%)}.z-sheet-body{flex:1 1 auto;min-height:0;overflow:hidden;padding:0 12px 12px}.z-sheet.is-full .z-sheet-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:root[data-cls=compact] .z-sheet{font-size:13px}:root[data-cls=medium] .z-sheet:not(.is-column),:root[data-cls=expanded] .z-sheet:not(.is-column){--sheet-w: min(400px, calc(100% - 24px) );left:50%;right:auto;width:var(--sheet-w);margin-left:calc(var(--sheet-w) / -2);bottom:var(--pad-b);padding-bottom:0;border:2px solid var(--c-line-2)}:root[data-cls=expanded] .z-sheet:not(.is-column){--sheet-w: min(480px, calc(100% - 24px) )}:root[data-cls=medium] .z-sheet.is-full:not(.is-column),:root[data-cls=expanded] .z-sheet.is-full:not(.is-column){height:min(70%,560px)}.z-sheet.is-column{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-height:none;padding-bottom:0;border:2px solid var(--c-line-2);box-shadow:3px 3px 0 var(--c-bg);transform:none;visibility:visible;transition:none}.z-sheet.is-column.is-full{flex:1 1 auto;height:auto;min-height:0}.z-modal-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.z-modal.is-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#121412;color:var(--c-text);font-size:13px}.z-modal.is-screen .z-modal-head{flex:none;box-sizing:border-box;height:52px;display:flex;align-items:center;gap:8px;padding:4px calc(4px + var(--safe-r)) 4px var(--pad-l);background:var(--c-bg-2);box-shadow:inset 0 -2px 0 var(--c-bg)}.z-modal.is-screen .z-modal-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-cls=compact] .z-close{width:44px;height:44px;min-height:44px;flex:none}:root[data-cls=compact] .z-close img{width:24px;height:24px}.z-modal.is-screen .z-modal-body{gap:10px;padding:10px var(--pad-r) max(14px,var(--safe-b)) var(--pad-l)}.z-sys{width:560px;max-width:calc(100% - 32px);padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:22px}.z-sys .z-h1{text-align:center;line-height:1.3}.z-sys .z-sys-btn{min-width:240px;height:60px;font-size:27px}:root[data-cls=compact] .z-sys{gap:12px;padding:10px 12px}:root[data-cls=compact] .z-sys .z-h1{font-size:18px}:root[data-cls=compact] .z-sys .z-sys-btn{width:100%;min-width:0;height:56px;font-size:18px}.z-rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px calc(24px + var(--safe-r)) 24px calc(24px + var(--safe-l));background:radial-gradient(ellipse at 50% 40%,#1a1d1b,var(--c-bg) 70%);text-align:center;color:var(--c-text)}.z-rotate-logo{width:min(260px,60%);height:auto}.z-rotate-ic{position:relative;width:132px;height:132px;display:flex;align-items:center;justify-content:center}.z-rotate-dev{width:48px;height:80px;box-sizing:border-box;background:#22361f;border:4px solid var(--c-title);box-shadow:4px 4px 0 var(--c-bg),inset 0 0 0 3px var(--c-bg);display:flex;align-items:center;justify-content:center;animation:z-rotate 3.2s steps(1) infinite}.z-rotate-dev i{width:10px;height:4px;background:var(--c-title);transform:translateY(28px)}.z-rotate-ic.is-tab .z-rotate-dev{width:68px;height:92px}.z-rotate-ic.is-tab .z-rotate-dev i{transform:translateY(34px)}.z-rotate-arc{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:4px dashed var(--c-ember);border-color:var(--c-ember) transparent transparent var(--c-ember);border-radius:50%;transform:rotate(-20deg)}.z-rotate-arc:after{content:"";position:absolute;right:6px;top:4px;border:9px solid transparent;border-left-color:var(--c-ember);transform:rotate(35deg)}@keyframes z-rotate{0%{transform:rotate(0)}40%{transform:rotate(-45deg)}55%,90%{transform:rotate(-90deg)}}.z-rotate-t{margin:0;font-family:var(--f-px);font-size:27px;font-weight:400;color:var(--c-title)}.z-rotate-p{margin:0;max-width:440px;font-size:15px;line-height:1.35}.z-rotate-s{margin:0;max-width:420px;font-size:13px;color:var(--c-muted)}.z-rotate.is-phone .z-rotate-t{font-size:18px}.z-rotate.is-phone .z-rotate-p{font-size:14px}@media(prefers-reduced-motion:reduce){.z-sheet,.z-sheet.is-open,.z-pop{transition:none;animation:none}.z-rotate-dev{animation:none;transform:rotate(-90deg)}}