@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap";
:root{--sc:1px;--r-lg:8px;--r-sm:4px;--r-pill:999px;--r-modal:10px;--r-tile:4px;--r-logo:4px}[data-ok-root]{--bg-canvas:#1a1918;--bg-surface:#262423;--bg-raised:#322f2d;--acc:#b4afaa;--acc-hi:#edebe9;--acc-deep:#787471;--text:#edebe9;--text-sub:#aba5a0;--text-dim:#9c9691;--danger:#d9705e;--danger-fill:#d9705e29;--line:#edebe91f;--line-strong:#edebe938;--track:#0006;--num-hero:#f4f2f0;--font-display:"Black Han Sans", Pretendard, sans-serif;--font-title:Pretendard, sans-serif;--title-weight:500;--title-track:.16em;--font-num:Pretendard, sans-serif;--num-weight:700;--title-grad:linear-gradient(180deg, #fbfaf9 0%, #ddd9d5 36%, #857f7b 58%, #cfc9c4 76%, #f2efec 100%);--title-color:#edebe9;--canvas-tex:linear-gradient(148deg, #fffcf81a 0%, #fffcf808 26%, #0000 52%, #0000003d 78%, #00000070 100%), repeating-linear-gradient(0deg, #fffcf804 0px, #fffcf804 1px, #00000006 1px, #00000006 2px, #0000 2px, #0000 3px);--canvas-tex-size:100% 100%, auto;--canvas-tex-pos:0 0, 0 0;--panel-shadow:0 2px 10px #0000006b;--panel-highlight:inset 0 1px 0 #ffffff0d;--input-bg:#171614;--btn-bg:linear-gradient(180deg, #e7e4e1 0%, #b9b4af 52%, #8c8783 100%);--btn-text:#141311;--btn2-bg:#302d2b;--btn2-text:#e0dcd8;--btn2-line:#5d5854;--hover:#edebe90f;--tile-face:#3b3937;--tile-face-2:#3b3937;--tile-face-3:#3b3937;--tile-face-line:#a19c98;--tile-num:#f2f0ee;--tile-open-bg:#1a1918;--tile-open-num:#8b857f;--tile-bw:1px;--tile-bevel:inset 0 1px 0 #fffcf82e, inset 0 -1px 0 #0000006b;--tile-well:inset 0 2px 7px #0009, inset 0 0 0 1px #b4afaa1f;--tile-num-emboss:0 1px 0 #00000073;--tile-tab:#302e2c;--tile-tab-line:#a19c9880;--tile-hole:#141312;--tile-hole-edge:#edebe947;--seal-ring:#b4afaa;--seal-face:#211f1e;--seal-mark:#e2dfdd;--tile-seal-img:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0.6L23.4 12L12 23.4L0.6 12Z' fill='%23B4AFAA'/><path d='M12 3.7L20.3 12L12 20.3L3.7 12Z' fill='%23211F1E'/><path d='M6.7 7.6L17.3 7.6L15.5 10.2L8.5 10.2Z' fill='%23E2DFDD'/><path d='M5.2 13.4L18.8 13.4L16.7 16.4L7.3 16.4Z' fill='%23B4AFAA'/></svg>");--sel:#f5f1ed;--sel-glow:#edebe966;--sel-face:#edebe926;--sel-num:#fff;--hit-bg:#b4afaa24;--grade-a:#f0ede9;--grade-b:#d4cec9;--grade-c:#b9b2ad;--grade-d:#a39c97;--grade-e:#918a85;--grade-a-text:var(--grade-a);--grade-b-text:var(--grade-b);--grade-c-text:var(--grade-c);--grade-d-text:var(--grade-d);--grade-e-text:var(--grade-e);--grade-ink:#151312;--panel-edge:linear-gradient(158deg, #edebe942 0%, #a19c980a 46%, #edebe91f 100%);--glow-hero:0 0 14px #edebe938, 0 0 40px #a19c981f;--glow-acc:0 0 10px #b4afaa33;--glow-text:0 0 9px #edebe957, 0 0 26px #a19c982e;--shine:linear-gradient(100deg, #fff0 24%, #fff3 48%, #fff0 72%);--tile-sheen:linear-gradient(168deg, #fffcf829 0%, #fffcf80a 9%, #fffcf800 20%, #0000 52%, #00000024 76%, #0000004d 100%);--r-lg:calc(var(--sc) * 2);--r-sm:calc(var(--sc) * 2);--r-pill:999px;--r-modal:calc(var(--sc) * 3);--r-tile:0px;--r-logo:0px;--panel-bw:1px;--stage-frame:1px solid #a19c9838;--veil:#0e0d0ce0;--fx-key:#edebe9;--fx-key-2:#9c958f;--fx-key-hi:#fff;--fx-edge:#edebe933;--fx-panel:#00000057;--fx-ray:#edebe980;--fx-aura:radial-gradient(circle, #fffdfa47 0%, #a19c981f 38%, #a19c9800 68%);--fx-glow:radial-gradient(circle, #fffdfad9 0%, #a19c9866 24%, #a19c9800 62%);--clip-fx:saturate(.11) hue-rotate(-21deg) brightness(.72);--ceremony-bg:radial-gradient(120% 120% at 50% 45%, #46433f 0%, #100f0e 66%);--ceremony-ink:#fbfaf9;--ceremony-ink-2:#c6c0ba;--ceremony-glow:0 0 22px #edebe9b3, 0 0 60px #a19c9866, 0 4px 0 #00000080;--paper-bg:linear-gradient(180deg, #363330, #221f1d);--paper-ink:#edebe9;--card-face:linear-gradient(165deg, #55514d 0%, #423e3b 55%, #35322f 100%);--card-line:#7a7470;--card-ink:#edebe9;--card-ink-sub:#edebe98c;--card-tex:repeating-linear-gradient(12deg, #fffcf808 0, #fffcf808 1px, transparent 1px, transparent 7px), repeating-linear-gradient(102deg, #00000029 0, #00000029 1px, transparent 1px, transparent 11px), radial-gradient(#fffcf80f 1px, transparent 1.4px);--perf-ink:#edebe96b;--stamp-ink:#d9705e8c;--console-wm:url(/images/logo/steelkujiVip.png);--console-wm-size:cover;--console-wm-mask:none;--console-wm-blend:normal;--console-wm-opacity:.3;--console-surface:#262423db;--console-raised:#322f2ddb;--stage-surface:#262423e0;--stage-raised:#322f2de0;--stage-wm-opacity:.16}[data-ok-root][data-theme=oku]{--bg-canvas:#06070a;--bg-surface:#121419;--bg-raised:#1b1e24;--acc:#c7cbd1;--acc-hi:#f2f5f8;--acc-deep:#6e747c;--text:#edeff2;--text-sub:#a7aeb8;--text-dim:#8b929c;--danger:#ff4b45;--danger-fill:#ff4b4529;--line:#c7cbd124;--line-strong:#c7cbd147;--track:#0000008c;--num-hero:#f5f7fa;--font-display:"Black Han Sans", Pretendard, sans-serif;--font-title:"Black Han Sans", Pretendard, sans-serif;--title-weight:400;--title-track:-.005em;--font-num:Pretendard, sans-serif;--num-weight:900;--title-grad:linear-gradient(180deg, #fff 0%, #e4e8ee 34%, #7c858f 56%, #d6dce4 74%, #fff 100%);--title-color:#edeff2;--canvas-tex:radial-gradient(1100px 520px at 50% -8%, #e2e8f01a, #0000 62%), radial-gradient(1500px 900px at 50% 118%, #0000008c, #0000 55%), repeating-linear-gradient(45deg, #ffffff05 0px, #ffffff05 1px, #0000 1px, #0000 9px), repeating-linear-gradient(-45deg, #ffffff05 0px, #ffffff05 1px, #0000 1px, #0000 9px);--canvas-tex-size:100% 100%, 100% 100%, auto, auto;--canvas-tex-pos:0 0, 0 0, 0 0, 0 0;--panel-shadow:0 calc(var(--sc) * 3) calc(var(--sc) * 14) #000000bf;--panel-highlight:inset 0 1px 0 #ffffff1a;--input-bg:#0c0e12;--btn-bg:linear-gradient(180deg, #f2f5f8 0%, #c7cdd5 52%, #9aa2ac 100%);--btn-text:#0a0b0e;--btn2-bg:#1b1e24;--btn2-text:#dde2e8;--btn2-line:#4c535c;--hover:#e2e8f012;--tile-face:#2e3138;--tile-face-2:#353841;--tile-face-3:#282b31;--tile-face-line:#8a929c;--tile-num:#e6eaef;--tile-open-bg:#050608;--tile-open-num:#7a828c;--tile-bw:calc(var(--sc) * 2);--tile-bevel:inset 0 calc(var(--sc) * 1) 0 #ffffff38, inset 0 calc(var(--sc) * -2) 0 #0009;--tile-well:inset 0 2px 8px #000c, inset 0 0 0 1px #c7cbd11a;--tile-num-emboss:0 1px 0 #000000b3;--tile-tab:#232830;--tile-tab-line:#8a929c80;--tile-hole:#030405;--tile-hole-edge:#e2e8f04d;--seal-ring:#c7cbd1;--seal-face:#0c0d10;--seal-mark:#ff4b45;--tile-seal-img:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0.6L23.4 12L12 23.4L0.6 12Z' fill='%23C7CBD1'/><path d='M12 3.7L20.3 12L12 20.3L3.7 12Z' fill='%230C0D10'/><path d='M6.7 7.6L17.3 7.6L15.5 10.2L8.5 10.2Z' fill='%23E6EAEF'/><path d='M5.2 13.4L18.8 13.4L16.7 16.4L7.3 16.4Z' fill='%23FF4B45'/></svg>");--sel:#f2f5f8;--sel-glow:#e2e8f073;--sel-face:#e2e8f02e;--sel-num:#fff;--hit-bg:#c7cbd124;--grade-a:#ff4b45;--grade-b:#e8ecf1;--grade-c:#bec5ce;--grade-d:#9aa2ac;--grade-e:#7c848e;--grade-a-text:var(--grade-a);--grade-b-text:var(--grade-b);--grade-c-text:var(--grade-c);--grade-d-text:var(--grade-d);--grade-e-text:var(--grade-e);--grade-ink:#0a0b0e;--panel-edge:linear-gradient(158deg, #e9edf26b 0%, #8c949e0f 46%, #e9edf233 100%);--glow-hero:0 0 18px #e2e8f04d, 0 0 52px #a0aab62e;--glow-acc:0 0 12px #c7cbd147;--glow-text:0 0 12px #e2e8f06b, 0 0 34px #96a0ac3d;--shine:linear-gradient(100deg, #fff0 22%, #ffffff57 48%, #fff0 74%);--tile-sheen:linear-gradient(168deg, #ffffff3d 0%, #ffffff12 11%, #fff0 22%, #0000 52%, #0000002e 74%, #00000061 100%);--r-lg:calc(var(--sc) * 10);--r-sm:calc(var(--sc) * 6);--r-pill:999px;--r-modal:calc(var(--sc) * 14);--r-tile:calc(var(--sc) * 6);--r-logo:calc(var(--sc) * 8);--panel-bw:calc(var(--sc) * 2);--stage-frame:calc(var(--sc) * 2) solid #c7cbd13d;--veil:#030406e6;--fx-key:#e9edf2;--fx-key-2:#ff4b45;--fx-key-hi:#fff;--fx-edge:#e2e8f042;--fx-panel:#00000073;--fx-ray:#e2e8f099;--fx-aura:radial-gradient(circle, #ffffff57 0%, #b4beca24 38%, #b4beca00 68%);--fx-glow:radial-gradient(circle, #ffffffe6 0%, #b4beca70 24%, #b4beca00 62%);--clip-fx:saturate(.08) hue-rotate(185deg) brightness(1.06) contrast(1.06);--ceremony-bg:radial-gradient(120% 120% at 50% 45%, #1c1f26 0%, #030405 64%);--ceremony-ink:#fff;--ceremony-ink-2:#b6bdc6;--ceremony-glow:0 0 26px #e2e8f0d9, 0 0 72px #96a2b080, 0 4px 0 #0009;--paper-bg:linear-gradient(180deg, #22262d, #14171b);--paper-ink:#e6eaef;--card-face:linear-gradient(165deg, #2e333b 0%, #1f242b 55%, #171a20 100%);--card-line:#7e868f;--card-ink:#edeff2;--card-ink-sub:#e2e8f08c;--card-tex:repeating-linear-gradient(12deg, #ffffff09 0, #ffffff09 1px, transparent 1px, transparent 7px), repeating-linear-gradient(102deg, #00000038 0, #00000038 1px, transparent 1px, transparent 11px), radial-gradient(#ffffff12 1px, transparent 1.4px);--perf-ink:#e2e8f06b;--stamp-ink:#ff4b459e;--console-wm:url(/images/logo/steelkuji.png);--console-wm-size:cover;--console-wm-mask:none;--console-wm-blend:screen;--console-wm-opacity:.22;--console-surface:#121419db;--console-raised:#1b1e24db;--stage-surface:#121419e0;--stage-raised:#1b1e24e0;--stage-wm-opacity:.1}@keyframes okBlink{0%,to{opacity:1}50%{opacity:.45}}@keyframes okPulseRing{0%{opacity:.85;transform:scale(1)}70%,to{opacity:0;transform:scale(1.045)}}@keyframes okHeartPulse{0%,55%,to{transform:scale(1)}10%{transform:scale(1.014)}22%{transform:scale(1.003)}32%{transform:scale(1.011)}}@keyframes okFadeIn{0%{opacity:0}to{opacity:1}}@keyframes okPopIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes okTearL{0%{opacity:1;transform:translate(0)rotate(0)}40%{opacity:1;transform:translate(-3px,2px)rotate(-2.5deg)}to{opacity:0;transform:translate(-32px,58px)rotate(-27deg)}}@keyframes okTearR{0%{opacity:1;transform:translate(0)rotate(0)}40%{opacity:1;transform:translate(3px,-2px)rotate(2.5deg)}to{opacity:0;transform:translate(30px,62px)rotate(25deg)}}@keyframes okStampIn{0%{opacity:0;transform:scale(1.9)rotate(-2deg)}55%{opacity:1;transform:scale(.93)rotate(-11deg)}to{opacity:1;transform:scale(1)rotate(-10deg)}}@keyframes okPrizeIn{0%{opacity:0;transform:translate(26px)scale(.9)}60%{opacity:1;transform:translate(-4px)scale(1.03)}to{opacity:1;transform:translate(0)scale(1)}}.ok-shine{isolation:isolate;position:relative;overflow:hidden}.ok-shine:after{content:"";background:var(--shine);pointer-events:none;will-change:transform;animation:5s ease-in-out infinite okShine;position:absolute;inset:0;transform:translate(-130%)}@keyframes okShine{0%,58%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes okCeremonyVeil{0%{opacity:0}to{opacity:1}}@keyframes okTitleDrop{0%{opacity:0;letter-spacing:.3em;transform:translateY(-70px)scale(1.5)}62%{opacity:1;transform:translateY(0)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes okCeremonyPrize{0%{opacity:0;transform:rotate(-12deg)scale(.5)}55%{opacity:1;transform:rotate(3deg)scale(1.06)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes okWinnerName{0%{opacity:0;transform:translateY(46px)scale(.86)}60%{opacity:1;transform:translateY(0)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes okAura{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}@keyframes okRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
*,:before,:after{box-sizing:border-box}html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1a1918;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.ok-btn{cursor:pointer;transition:filter .12s,transform .1s,background .12s,box-shadow .12s}.ok-btn:hover{filter:brightness(1.07)}.ok-btn:active{transform:translateY(1px)}.ok-grip{opacity:0;transition:opacity .12s}.ok-btn:hover .ok-grip{opacity:.9}.ok-row{cursor:pointer;transition:background .12s}.ok-row:hover{background:var(--hover)!important}.ok-focus:focus-visible{outline:none;border-color:var(--acc)!important;box-shadow:0 0 0 3px var(--sel-glow)!important}.ok-focus[data-invalid],.ok-focus[data-invalid]:focus-visible{border-color:var(--danger)!important;box-shadow:0 0 0 3px var(--danger-fill)!important}[data-ok-root][data-theme=oku] .ok-board>[data-slot="2"],[data-ok-root][data-theme=oku] .ok-board>[data-slot="5"]{--tile-face:var(--tile-face-2)}[data-ok-root][data-theme=oku] .ok-board>[data-slot="4"]{--tile-face:var(--tile-face-3)}.ok-tile{container-type:size}.ok-tile-num{font-size:calc(var(--sc) * 29)}.ok-tile-num-open{font-size:calc(var(--sc) * 19)}.ok-tile-numbox{flex:1;justify-content:center;align-self:stretch;align-items:center;min-width:0;display:flex;container-type:size}@supports (font-size:1cqw){.ok-tile-num{font-size:min(66cqh, calc(145cqw / var(--digits,3)))}.ok-tile-num-open{font-size:min(45cqh, calc(99cqw / var(--digits,3)))}}.ok-tile-tab,.ok-tile-seal,.ok-tile-stub{display:none}@supports (font-size:1cqw){.ok-tile-tab{background:var(--tile-tab);border-right:max(1px, .6cqh) dashed var(--tile-tab-line);flex:none;justify-content:center;align-self:stretch;align-items:center;width:13cqw;display:flex}.ok-tile-hole{background:var(--tile-hole);width:64%;height:11cqh;min-height:3px;box-shadow:inset 0 0 0 max(1px, .4cqh) var(--tile-hole-edge);border-radius:999px}.ok-tile-seal{aspect-ratio:1;background:center/contain no-repeat var(--tile-seal-img);flex:none;height:40cqh;display:block}@container (min-width:150px){.ok-tile-seal{height:54cqh}}.ok-tile-stub{border-right:max(1px, .6cqh) dashed var(--tile-tab-line);opacity:.5;flex:none;align-self:stretch;width:13cqw;display:block}.ok-tile-won{box-sizing:border-box;min-width:30cqh;height:30cqh;color:var(--grade-ink);pointer-events:none;border-radius:999px;place-items:center;padding:0 4cqh;font-size:22cqh;font-weight:900;line-height:1;display:grid;position:absolute;top:9cqh;right:7cqw}@container (max-width:88px){.ok-tile-seal{display:none}}@container (max-width:64px){.ok-tile-tab,.ok-tile-stub{display:none}.ok-tile-won{width:22cqh;min-width:0;padding:0;font-size:0}}}.ok-cycle{will-change:transform;animation-name:okCycleUp;animation-timing-function:linear;animation-iteration-count:infinite}.ok-cycle:hover{animation-play-state:paused}@keyframes okCycleUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.ok-urgent{position:relative}.ok-urgent:after{content:"";border-radius:inherit;border:calc(var(--sc) * 3) solid var(--danger);pointer-events:none;will-change:transform, opacity;animation:1.6s ease-out infinite okPulseRing;position:absolute;inset:0}.ok-console{z-index:0;--bg-surface:var(--console-surface);--bg-raised:var(--console-raised);position:relative}.ok-console:before{content:"";z-index:-1;background-image:var(--console-wm);background-position:50% 46%;background-size:var(--console-wm-size);opacity:var(--console-wm-opacity);mix-blend-mode:var(--console-wm-blend);-webkit-mask-image:var(--console-wm-mask);-webkit-mask-image:var(--console-wm-mask);mask-image:var(--console-wm-mask);pointer-events:none;background-repeat:no-repeat;position:fixed;inset:0}.ok-stage{z-index:0;--bg-surface:var(--stage-surface);--bg-raised:var(--stage-raised);position:relative}.ok-stage:before{content:"";z-index:-1;background-image:var(--console-wm);background-position:50% 46%;background-size:var(--console-wm-size);opacity:var(--stage-wm-opacity);mix-blend-mode:var(--console-wm-blend);-webkit-mask-image:var(--console-wm-mask);-webkit-mask-image:var(--console-wm-mask);mask-image:var(--console-wm-mask);pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.ok-rail{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}.ok-rail>*{white-space:nowrap;flex:none}