@font-face{font-family:GriunXHangeul A Foreign Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/griun-x-hangeul-a-foreign-hand-regular.woff2)format("woff2")}@font-face{font-family:Rubik Mono One;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/rubik-mono-one-latin.woff2)format("woff2")}:root{--bg:#0d0f16;--bg-panel:#151824;--border:#262b3d;--text:#b6bdd4;--text-dim:#6a7290;--text-strong:#f2f4fb;--accent:#e4e68a;--accent-dim:#8a6d1f;--danger:#ff6b6b;--ok:#6bffb0;--sans:system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:"Rubik Mono One", var(--sans);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;font:16px/1.45 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;min-height:100svh;margin:0;overflow:hidden}#root{height:100svh}button{font:inherit;color:inherit;cursor:pointer}.splash-transition{z-index:1000;opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}.splash-transition[data-phase=darkening]{opacity:1;pointer-events:auto;transition:opacity .26s cubic-bezier(.77,0,.175,1)}.splash-transition[data-phase=covered]{opacity:1;pointer-events:auto}.splash-transition[data-phase=revealing]{opacity:0;pointer-events:auto;transition:opacity .22s cubic-bezier(.23,1,.32,1)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.title-splash{--splash-ease-out:cubic-bezier(.23, 1, .32, 1);isolation:isolate;background:#d9ddd0;height:100%;position:relative;overflow:hidden}.title-splash[data-theme=night]{background:#101b30}.title-splash__background,.title-splash__veil{width:100%;height:100%;position:absolute;inset:0}.title-splash__background{z-index:-2;object-fit:cover;opacity:0;will-change:opacity, transform;transform:scale(1.025)}.title-splash__veil{z-index:-1;opacity:0;background:linear-gradient(#080d1605 32%,#080d163b 74%,#080d166b 100%),radial-gradient(circle at 50% 46%,#0000 22%,#080d161a 100%)}.title-splash[data-theme=night] .title-splash__veil{background:linear-gradient(#040a160a 24%,#040a1647 72%,#040a168f 100%),radial-gradient(circle at 50% 46%,#0000 18%,#02081433 100%)}.title-splash .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.title-splash__stage{flex-direction:column;align-items:center;height:100%;padding:clamp(8px,2vh,22px) 24px 16px;display:flex;position:relative}.title-splash__logo{opacity:0;filter:blur(5px);will-change:opacity, filter, transform;flex:none;width:min(78vw,760px);height:auto;margin:clamp(-44px,-4vh,-24px) 0 clamp(-60px,-5.5vh,-44px);transform:translateY(12px)scale(.985)}.title-splash__content{opacity:0;will-change:opacity, transform;grid-template-columns:260px 300px;justify-content:center;align-items:start;gap:20px;display:grid;transform:translateY(12px)}.title-splash__menu{-webkit-backdrop-filter:blur(12px)saturate(.9);backdrop-filter:blur(12px)saturate(.9);background:#0d101ad1;border:1px solid #b5bed338;border-radius:16px;align-content:start;gap:10px;padding:16px;display:grid;box-shadow:0 18px 48px #0509113d}.title-splash__hint{color:#f2f4fbc2;opacity:0;will-change:opacity, transform;background:#0a0e187a;border-radius:999px;margin:20px 0 0;padding:5px 10px;font-size:12px;transform:translateY(8px)}.title-splash[data-ready=yes] .title-splash__background{animation:splash-background-in .9s var(--splash-ease-out) both}.title-splash[data-ready=yes] .title-splash__veil{animation:splash-fade-in .7s .1s var(--splash-ease-out) both}.title-splash[data-ready=yes] .title-splash__logo{animation:splash-title-in .72s .22s var(--splash-ease-out) both}.title-splash[data-ready=yes] .title-splash__content{animation:splash-controls-in .42s .42s var(--splash-ease-out) both}.title-splash[data-ready=yes] .title-splash__hint{animation:splash-controls-in .36s .56s var(--splash-ease-out) both}.title-splash[data-motion=static] .title-splash__background,.title-splash[data-motion=static] .title-splash__veil,.title-splash[data-motion=static] .title-splash__logo,.title-splash[data-motion=static] .title-splash__content,.title-splash[data-motion=static] .title-splash__hint{opacity:1;filter:none;animation:none;transform:none}.title-splash .menu-button:active:not(:disabled){transform:scale(.97)}.title-splash .menu-button{transition:background .12s, border-color .12s, color .12s, transform .14s var(--splash-ease-out)!important}@keyframes splash-background-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes splash-fade-in{0%{opacity:0}to{opacity:1}}@keyframes splash-title-in{0%{opacity:0;filter:blur(5px);transform:translateY(12px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes splash-controls-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (height<=780px){.title-splash__stage{padding-top:4px}.title-splash__logo{width:min(70vw,620px);margin-top:-42px;margin-bottom:-42px}}@media (width<=760px),(height<=680px){.title-splash__content{grid-template-columns:minmax(240px,300px)}.title-splash__content>[data-side-panel]{display:none}}@media (prefers-reduced-motion:reduce){.title-splash[data-ready=yes] .title-splash__background,.title-splash[data-ready=yes] .title-splash__veil,.title-splash[data-ready=yes] .title-splash__logo,.title-splash[data-ready=yes] .title-splash__content,.title-splash[data-ready=yes] .title-splash__hint{animation:.18s ease-out both splash-fade-in}.title-splash__background,.title-splash__logo,.title-splash__content,.title-splash__hint{filter:none;transform:none}}.mode-roulette{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05091194;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.mode-roulette__panel{color:#f2f4fb;text-align:center;background:#0d101af5;border:1px solid #e4e68a94;border-radius:8px;justify-items:center;gap:14px;width:min(420px,100vw - 48px);padding:22px 24px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #0509117a}.mode-roulette__eyebrow{color:#b6bdd4;margin:0;font-size:15px;font-weight:700}.mode-roulette__pointer{z-index:2;filter:drop-shadow(0 3px 3px #05091173);border-top:24px solid #f2f4fb;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;margin-bottom:-26px;position:relative}.mode-roulette__wheel{aspect-ratio:1;will-change:transform;background:conic-gradient(from -22.5deg,#e4e68a 0deg 45deg,#5cb8dd 45deg 90deg,#e4e68a 90deg 135deg,#5cb8dd 135deg 180deg,#e4e68a 180deg 225deg,#5cb8dd 225deg 270deg,#e4e68a 270deg 315deg,#5cb8dd 315deg 360deg);border:7px solid #f2f4fb;border-radius:50%;place-items:center;width:min(260px,68vw);display:grid;position:relative;box-shadow:0 0 0 5px #252b3d,0 14px 32px #0509116b}.mode-roulette__wheel:after{aspect-ratio:1;content:"";background:#252b3d;border:5px solid #f2f4fb;border-radius:50%;width:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #05091161}.mode-roulette__wheel--shared{animation:2.4s cubic-bezier(.12,.72,.18,1) both roulette-spin-shared}.mode-roulette__wheel--duel{animation:2.4s cubic-bezier(.12,.72,.18,1) both roulette-spin-duel}.mode-roulette__legend{color:#b6bdd4;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:14px;display:flex}.mode-roulette__legend span{align-items:center;gap:7px;display:inline-flex}.mode-roulette__swatch{border-radius:2px;width:12px;height:12px}.mode-roulette__swatch--shared{background:#e4e68a}.mode-roulette__swatch--duel{background:#5cb8dd}.mode-roulette__result{opacity:0;min-height:58px;margin:0;animation:.26s ease-out 2.4s both roulette-result-in;display:grid}.mode-roulette__result strong{color:#f2f4fb;font-size:28px;line-height:1.2}.mode-roulette__result span{color:#b6bdd4;font-size:15px}@keyframes roulette-spin-shared{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}@keyframes roulette-spin-duel{0%{transform:rotate(0)}to{transform:rotate(1485deg)}}@keyframes roulette-result-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mode-roulette__wheel--shared{animation:none;transform:rotate(0)}.mode-roulette__wheel--duel{animation:none;transform:rotate(45deg)}.mode-roulette__result{opacity:1;animation:none}}