@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&family=Jua&display=swap";
@font-face{font-family:Cafe24Ssurround;src:url(/fonts/Cafe24Ssurround.woff2)format("woff2");font-weight:400 800;font-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:#15110c;--bg-surface:#221c14;--bg-raised:#2e271c;--acc:#c6a57c;--acc-hi:#e9dcc6;--acc-deep:#8a7340;--text:#f2e9d4;--text-sub:#af9e7c;--text-dim:#978e7d;--danger:#d2543c;--danger-fill:#d2543c29;--line:#eadcb421;--line-strong:#eadcb43d;--track:#0000006b;--num-hero:#f2e7d2;--font-display:"Black Han Sans", Pretendard, sans-serif;--font-title:Pretendard, sans-serif;--title-weight:600;--title-track:.035em;--font-num:Pretendard, sans-serif;--num-weight:800;--title-clip:1;--title-grad:linear-gradient(180deg, #fff7e4 0%, #eadcc0 38%, #a9843e 60%, #e9d8b4 78%, #f6ebd8 100%);--title-color:#f2e7d2;--title-stroke-c:transparent;--canvas-tex:radial-gradient(1200px 560px at 50% -10%, #c9a9611a, #0000 60%), radial-gradient(1500px 900px at 50% 120%, #00000073, #0000 55%), repeating-linear-gradient(0deg, #ffffff03 0px, #ffffff03 1px, #00000008 1px, #00000008 2px, #0000 2px, #0000 4px);--canvas-tex-size:auto;--canvas-tex-pos:0 0;--panel-shadow:0 2px 10px #0000006b;--panel-highlight:inset 0 1px 0 #ffffff0d;--input-bg:#16120c;--btn-bg:linear-gradient(180deg, #e8cb86 0%, #c9a25a 52%, #a8823c 100%);--btn-text:#1b1610;--btn2-bg:#2b241a;--btn2-text:#eadcb4;--btn2-line:#6c5c3e;--hover:#eadcb40f;--tile-face:#38322a;--tile-face-line:#bfa97f;--tile-num:#f3e6d2;--tile-open-bg:#0e0b07;--tile-open-num:#8e8064;--tile-bw:1px;--tile-bevel:inset 0 1px 0 #fff6e133, inset 0 -1px 0 #0000006b;--tile-well:inset 0 2px 7px #0009, inset 0 0 0 1px #c6a57c1f;--tile-num-emboss:0 1px 0 #00000073;--tile-tab:#2e281f;--tile-tab-line:#bfa97f8c;--tile-hole:#0b0906;--tile-hole-edge:#fff6e152;--seal-ring:#c9a961;--seal-face:#4a3e29;--seal-mark:#edd9a4;--tile-seal-img:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.5 10.9L23.4 12.0L16.5 13.1ZM16.4 13.3L21.9 17.7L15.3 15.2ZM15.2 15.3L17.7 21.9L13.3 16.4ZM13.1 16.5L12.0 23.4L10.9 16.5ZM10.7 16.4L6.3 21.9L8.8 15.3ZM8.7 15.2L2.1 17.7L7.6 13.3ZM7.5 13.1L0.6 12.0L7.5 10.9ZM7.6 10.7L2.1 6.3L8.7 8.8ZM8.8 8.7L6.3 2.1L10.7 7.6ZM10.9 7.5L12.0 0.6L13.1 7.5ZM13.3 7.6L17.7 2.1L15.2 8.7ZM15.3 8.8L21.9 6.3L16.4 10.7Z' fill='%23C9A961'/><circle cx='12' cy='12' r='5.4' fill='%23EDD9A4'/><circle cx='10.6' cy='10.6' r='2.1' fill='%23FFF6D8'/></svg>");--sel:#ffc83d;--sel-glow:#ffc83d73;--sel-face:#ffc83d29;--sel-num:#ffe9a8;--hit-bg:#c9a96124;--grade-a:#e6c782;--grade-b:#d5ccbe;--grade-c:#c4915c;--grade-d:#a0937c;--grade-e:#948d82;--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);--panel-edge:linear-gradient(158deg, #eadcb44d 0%, #c9a9610d 44%, #eadcb424 100%);--glow-hero:0 0 16px #eadcb44d, 0 0 44px #c9a96129;--glow-acc:0 0 12px #c9a96142;--glow-text:0 0 10px #eadcb473, 0 0 30px #c9a96138;--shine:linear-gradient(100deg, #fff7d600 22%, #fff7d642 48%, #fff7d600 74%);--tile-sheen:linear-gradient(168deg, #fff6e133 0%, #fff6e10d 9%, #fff6e100 20%, #0000 52%, #00000024 76%, #0000004d 100%);--r-lg:calc(var(--sc) * 8);--r-sm:calc(var(--sc) * 4);--r-pill:999px;--r-modal:calc(var(--sc) * 10);--r-tile:calc(var(--sc) * 3);--r-logo:calc(var(--sc) * 4);--panel-bw:1px;--stage-frame:1px solid #c6a57c2e;--veil:#12100ddb;--fx-key:#f7d774;--fx-key-2:#c9a961;--fx-edge:#eadcb438;--fx-panel:#00000052;--fx-ray:#eadcb48c;--fx-aura:radial-gradient(circle, #f7d77457 0%, #c9a96124 38%, #c9a96100 68%);--ceremony-bg:radial-gradient(120% 120% at 50% 45%, #3c2c0eeb 0%, #0a0805f7 62%);--ceremony-ink:#fff6d8;--ceremony-ink-2:#c6a57c;--ceremony-glow:0 0 24px #f7d774d9, 0 0 70px #c9a9618c, 0 4px 0 #00000080;--paper-bg:linear-gradient(180deg, #332d24, #211c15);--paper-ink:#eadcb4;--card-face:linear-gradient(165deg, #5b5140 0%, #4a4234 55%, #3f382c 100%);--card-line:#6b5e45;--card-ink:#eadcb4;--card-ink-sub:#eadcb48c;--card-tex:repeating-linear-gradient(12deg, #fff6e108 0, #fff6e108 1px, transparent 1px, transparent 7px), repeating-linear-gradient(102deg, #00000029 0, #00000029 1px, transparent 1px, transparent 11px), radial-gradient(#fff6e10f 1px, transparent 1.4px);--perf-ink:#eadcb473;--stamp-ink:#debe789e;--console-wm:url(/images/logo/KujiVip.png);--console-wm-size:cover;--console-wm-mask:none;--console-wm-blend:normal;--console-wm-opacity:.5;--console-surface:#221c14d6;--console-raised:#2e271cd6;--stage-surface:#221c14e0;--stage-raised:#2e271ce0;--stage-wm-opacity:.4}[data-ok-root][data-theme=oku]{--bg-canvas:#ffe3b8;--bg-surface:#fdf6ec;--bg-raised:#fffdf6;--acc:#b85406;--acc-hi:#fdc72e;--acc-deep:#c9640f;--text:#5a3e27;--text-sub:#7e6042;--text-dim:#7a5c3c;--danger:#c7402a;--danger-fill:#d2503c1f;--line:#a0703a57;--line-strong:#a0703a8c;--track:#6b4a2f24;--num-hero:#8a3a0c;--font-display:"Cafe24Ssurround", "Jua", Pretendard, sans-serif;--font-num:"Cafe24Ssurround", "Jua", Pretendard, sans-serif;--num-weight:700;--font-title:"Cafe24Ssurround", "Jua", Pretendard, sans-serif;--title-weight:400;--title-track:0;--title-clip:0;--title-grad:none;--title-color:#c25a05;--title-stroke-c:#7a4e1e;--canvas-tex:radial-gradient(900px 460px at 50% -14%, #fdc72e57, #fdc72e00 66%), radial-gradient(circle at 50% 50%, #e9761a21 6px, #e9761a00 7px), radial-gradient(circle at 50% 50%, #fdaed92e 5px, #fdaed900 6px);--canvas-tex-size:100% 100%, 46px 46px, 46px 46px;--canvas-tex-pos:0 0, 0 0, 23px 23px;--panel-shadow:0 calc(var(--sc) * 4) 0 #a9713333, 0 calc(var(--sc) * 9) calc(var(--sc) * 16) #96602a1a;--panel-highlight:inset 0 calc(var(--sc) * 2) 0 #ffffffd9;--input-bg:#fffdf6;--btn-bg:linear-gradient(180deg, #ffa22b 0%, #f5821f 55%, #e86f0c 100%);--btn-text:#4a1a00;--btn2-bg:#fffdf6;--btn2-text:#7a4e1e;--btn2-line:#c98f4e;--hover:#6b4a2f0d;--tile-face:#fffdf6;--tile-face-2:#fff3d6;--tile-face-3:#ffefec;--tile-face-line:#a0703a;--tile-num:#9a3f06;--tile-open-bg:#c6ac80;--tile-open-num:#46300f;--tile-bw:calc(var(--sc) * 2);--tile-bevel:inset 0 calc(var(--sc) * -4) 0 #c98f4e38;--tile-well:inset 0 calc(var(--sc) * -3) 0 #a06e3e2e;--tile-num-emboss:none;--tile-tab:#fbebd2;--tile-tab-line:#a0703a8c;--tile-hole:#c6ac80;--tile-hole-edge:#6b4a2f57;--seal-ring:#f5c544;--seal-face:#d8452a;--seal-mark:#fff3d6;--tile-seal-img:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g stroke='%23F5C544' stroke-width='2.7' stroke-linecap='round'><path d='M19.6 12.0L23.0 12.0M17.4 17.4L19.8 19.8M12.0 19.6L12.0 23.0M6.6 17.4L4.2 19.8M4.4 12.0L1.0 12.0M6.6 6.6L4.2 4.2M12.0 4.4L12.0 1.0M17.4 6.6L19.8 4.2'/></g><circle cx='12' cy='12' r='6.6' fill='%23D8452A'/><circle cx='12' cy='12' r='6.6' fill='none' stroke='%23F5C544' stroke-width='1.1'/><circle cx='9.7' cy='10.9' r='1.05' fill='%23FFF3D6'/><circle cx='14.3' cy='10.9' r='1.05' fill='%23FFF3D6'/><path d='M9.5 13.8Q12 16.1 14.5 13.8' fill='none' stroke='%23FFF3D6' stroke-width='1.2' stroke-linecap='round'/></svg>");--sel:#d45f05;--sel-glow:#d45f056b;--sel-face:#d45f0521;--sel-num:#7a3403;--hit-bg:#f1811e1f;--grade-a:#e08a3d;--grade-b:#d97ba6;--grade-c:#4fa79c;--grade-d:#c2923c;--grade-e:#8a9fc9;--grade-a-text:#8a4a08;--grade-b-text:#98396a;--grade-c-text:#256b63;--grade-d-text:#7a5410;--grade-e-text:#42588c;--panel-edge:linear-gradient(180deg, #ce9b57 0%, #a97133 100%);--glow-hero:0 2px 12px #e9761a2e;--glow-acc:0 1px 8px #e9761a29;--glow-text:none;--shine:linear-gradient(100deg, #fff0 22%, #ffffff6b 48%, #fff0 74%);--tile-sheen:linear-gradient(180deg, #ffffff8c 0%, #fff0 40%, #fff0 62%, #f0a03429 100%);--r-lg:calc(var(--sc) * 20);--r-sm:calc(var(--sc) * 14);--r-pill:999px;--r-modal:calc(var(--sc) * 26);--r-tile:calc(var(--sc) * 16);--r-logo:50%;--panel-bw:calc(var(--sc) * 2);--stage-frame:calc(var(--sc) * 2) solid #be823c57;--veil:#542c0ee3;--fx-key:#fdc72e;--fx-key-2:#f5821f;--fx-edge:#ffecc857;--fx-panel:#4a260a4d;--fx-ray:#ffffff8c;--fx-aura:radial-gradient(circle, #ffffff80 0%, #ffd67842 38%, #ffd67800 68%);--ceremony-bg:radial-gradient(120% 120% at 50% 42%, #ffe9a8 0%, #ffc24d 44%, #f5821f 100%);--ceremony-ink:#5a2a08;--ceremony-ink-2:#7a3200;--ceremony-glow:0 calc(var(--sc) * 3) 0 #ffffffb3;--paper-bg:linear-gradient(180deg, #fff6e2, #ffe8c4);--paper-ink:#9a3f06;--card-face:linear-gradient(165deg, #fff 0%, #fff3e0 55%, #ffe8c8 100%);--card-line:#a0703a;--card-ink:#e9761a;--card-ink-sub:#8a6b4e;--card-tex:repeating-linear-gradient(8deg, #a0703a0d 0, #a0703a0d 1px, transparent 1px, transparent 6px), repeating-linear-gradient(98deg, #ffffff8c 0, #ffffff8c 1px, transparent 1px, transparent 9px), radial-gradient(#a0703a17 1px, transparent 1.4px);--perf-ink:#a0703a8c;--stamp-ink:#c7402a99;--console-wm:url(/images/logo/kujiDefault.png);--console-wm-size:cover;--console-wm-mask:none;--console-wm-blend:multiply;--console-wm-opacity:.65;--console-surface:#fdf6ecdb;--console-raised:#fffdf6db;--stage-surface:#fdf6ece0;--stage-raised:#fffdf6e0;--stage-wm-opacity:.3}@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:#141210;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-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;color:#1b160f;pointer-events:none;border-radius:999px;place-items:center;min-width:30cqh;height:30cqh;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}@supports (paint-order:stroke){[data-ok-root][data-theme=oku] .ok-title{--title-color:#f5821f;-webkit-text-stroke:calc(var(--sc) * 3) var(--title-stroke-c);paint-order:stroke fill}}.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}