.site-head{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--page-bg, var(--bg)) 80%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.site-head__inner{display:flex;align-items:center;gap:var(--space-3);max-width:1180px;margin-inline:auto;padding:var(--space-3) var(--space-6)}.site-head__brand img,.site-foot__brand img{display:block;width:auto;filter:brightness(1.25);transition:filter var(--duration-fast) linear}.site-head__brand:hover img,.site-foot__brand:hover img{filter:brightness(1.45)}.site-head__divider{width:1px;height:14px;background:var(--border-strong)}.site-head__product{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;color:var(--fg-muted)}.site-foot{border-top:1px solid var(--border);background:var(--page-bg, var(--bg));font-size:var(--text-xs);color:var(--fg-muted)}.site-foot__inner{max-width:1180px;margin-inline:auto;padding:var(--space-8) var(--space-6) var(--space-6)}.site-foot__grid{display:grid;gap:var(--space-6);align-items:start}.site-foot__col{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.site-foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1) var(--space-4)}.site-foot__links a,.site-foot__company a{text-decoration:none;transition:color var(--duration-fast) linear}.site-foot__links a:hover,.site-foot__company a:hover{color:var(--fg)}.site-foot__company a{color:var(--primary)}.site-foot__heading{font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--fg-muted)}.site-foot__social{display:flex;align-items:center;gap:var(--space-3)}.site-foot__social a{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-md);color:var(--fg-muted);transition:color var(--duration-fast) linear,background var(--duration-fast) linear}.site-foot__social a:hover{color:var(--fg);background:var(--elevate-1)}.site-foot__company{display:grid;gap:2px;font-style:normal;line-height:1.6}.site-foot__copy{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);text-align:center}@media(min-width:768px){.site-foot__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-foot__col{align-items:flex-start;text-align:left}.site-foot__links{justify-content:flex-start}.site-foot__col--center{align-items:center;text-align:center}.site-foot__col--end{justify-items:end;text-align:right}}.theme-toggle{display:flex;margin-left:auto;padding:2px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface)}.theme-toggle__option{padding:.25rem .6rem;border:none;border-radius:var(--radius-pill);background:none;color:var(--fg-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-fast) linear,background-color var(--duration-fast) linear}.theme-toggle__option:hover{color:var(--fg-dim)}.theme-toggle__option[aria-checked=true]{background:var(--surface-raised);color:var(--fg)}@media(max-width:480px){.theme-toggle__option{padding:.25rem .45rem}}.fairness{margin-top:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 55%,transparent)}.fairness[open]{background:var(--surface);box-shadow:var(--shadow-sm)}.fairness__summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-6);cursor:pointer;list-style:none;transition:color var(--duration-fast) linear}.fairness__summary::-webkit-details-marker{display:none}.fairness__summary:hover .fairness__headline{color:var(--fg)}.fairness__summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-lg)}.fairness__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;color:var(--primary)}.fairness__headline{font-size:var(--text-sm);color:var(--fg-dim);transition:color var(--duration-fast) linear}.fairness__toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--fg-muted);white-space:nowrap}.fairness__toggle:after{content:"▾";transition:transform var(--duration-fast) var(--ease-out-expo)}.fairness[open] .fairness__toggle:after{transform:rotate(180deg)}.fairness[open] .fairness__toggle{color:var(--primary)}.fairness__panel{display:grid;gap:var(--space-8);padding:var(--space-6);border-top:1px solid var(--border)}@media(min-width:900px){.fairness__panel{grid-template-columns:1fr 1fr}}.fairness__group-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.fairness__group-title span{font-weight:400;color:var(--fg-muted)}.fairness__steps{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.fairness__step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3)}.fairness__index{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--primary);opacity:.55}.fairness__text{display:grid;gap:var(--space-2);min-width:0}.fairness__label{font-size:var(--text-sm);font-weight:600;margin:0}.fairness__formula{display:block;overflow-x:auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-raised);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;color:var(--fg-dim);white-space:pre;scrollbar-width:thin}.fairness__body{margin:0;font-size:var(--text-xs);line-height:1.7;color:var(--fg-muted)}.fairness__evidence{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--primary-soft);font-size:var(--text-xs);line-height:1.7;color:var(--fg-dim)}@media(min-width:900px){.fairness__evidence{grid-column:1 / -1}}.fairness__evidence-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--primary)}@media(max-width:640px){.fairness__summary{grid-template-columns:1fr auto;padding:var(--space-4)}.fairness__eyebrow{grid-column:1 / -1}.fairness__panel{padding:var(--space-6) var(--space-4) var(--space-4)}}.doc{width:100%;max-width:720px;margin:var(--space-16) auto 0;padding:0 var(--space-6) var(--space-12);color:var(--fg-muted);font-size:var(--text-sm);line-height:1.8}.doc__title{margin:0 0 var(--space-3);padding-top:var(--space-8);border-top:1px solid var(--border);color:var(--fg-dim);font-size:var(--text-lg)}.doc__intro{margin:0 0 var(--space-8)}.doc__item{margin-bottom:var(--space-6)}.doc__question{margin:0 0 var(--space-2);color:var(--fg-dim);font-size:var(--text-base);font-weight:700}.doc__answer{margin:0;overflow-wrap:anywhere}.doc--static{margin-top:var(--space-8)}.confetti{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.confetti__piece{position:absolute;width:6px;height:10px;border-radius:1px;background:var(--confetti-color);animation:confetti-pop 1s var(--ease-out-expo) calc(var(--confetti-lead, 0ms) + var(--confetti-delay)) both}@keyframes confetti-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.3)}12%{opacity:1}45%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(calc(var(--spin) / 2)) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx) * 1.15),calc(-50% + var(--dy) + var(--fall))) rotate(var(--spin)) scale(.9)}}.page{display:flex;flex-direction:column;min-height:100dvh}.hub{flex:1;display:grid;grid-template-rows:auto auto;align-content:center;gap:var(--space-12);padding:clamp(var(--space-8),5vw,var(--space-16)) var(--space-6) var(--space-16);width:100%;max-width:1120px;margin-inline:auto}.hub__head{display:grid;justify-items:center;gap:var(--space-4);text-align:center}.hub__eyebrow{padding:.28rem .7rem;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:var(--radius-pill);background:var(--primary-soft);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--primary)}.hub__title{display:flex;justify-content:center;font-size:var(--text-display);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--fg)}.hub__title-accent{color:var(--primary)}.hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-4);align-content:start}.game-card{display:grid;gap:var(--space-2);justify-items:start;text-align:left;padding:var(--space-6);min-height:200px;grid-template-rows:auto auto auto 1fr auto;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),border-color var(--duration-fast) linear}.game-card:hover,.game-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 45%,transparent);background-image:linear-gradient(var(--elevate-1),var(--elevate-1));box-shadow:var(--shadow-lg)}.game-card:active{transform:translateY(0);background-image:linear-gradient(var(--elevate-2),var(--elevate-2))}.game-card__thumb{display:block;justify-self:stretch;margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-2);aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-raised)}.game-card__shot{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out-expo)}.game-card:hover .game-card__shot{transform:scale(1.03)}.game-card__shot--dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .game-card__shot--light{display:none}:root:not([data-theme=light]) .game-card__shot--dark{display:block}}:root[data-theme=dark] .game-card__shot--light{display:none}:root[data-theme=dark] .game-card__shot--dark{display:block}.game-card__tagline{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;color:var(--primary)}.game-card__title{font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.game-card__description{font-size:var(--text-sm);line-height:1.6;color:var(--fg-muted)}.game-card__cta{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.game-card--empty{border-style:dashed;background:none;box-shadow:none;cursor:default;grid-template-rows:auto 1fr;place-content:center;justify-items:center;text-align:center}.game-card--empty .game-card__title,.game-card--empty .game-card__description{color:var(--fg-muted);opacity:.65}.shell{flex:1;width:100%;max-width:1180px;margin-inline:auto;padding:var(--space-8) var(--space-6) var(--space-16)}.shell__head{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.shell__back{background:none;border:none;padding:var(--space-2) 0;color:var(--fg-muted);font-size:var(--text-sm);font-weight:500;transition:color var(--duration-fast) linear}.shell__back:hover{color:var(--fg)}.shell__title{font-size:var(--text-xl);margin-left:auto}.shell__tagline{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem .9rem;border-radius:var(--radius-md);border:1px solid transparent;background-color:var(--surface-raised);color:var(--fg);font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:background-image var(--duration-fast) linear,background-color var(--duration-fast) linear,color var(--duration-fast) linear,opacity var(--duration-fast) linear}.btn:hover:not(:disabled){background-image:linear-gradient(var(--elevate-1),var(--elevate-1))}.btn:active:not(:disabled){background-image:linear-gradient(var(--elevate-2),var(--elevate-2))}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background-color:var(--primary);color:var(--primary-fg)}.btn--ghost{background-color:transparent;border-color:var(--border);color:var(--fg-dim)}.btn--ghost:hover:not(:disabled){color:var(--fg)}.btn--lg{padding:.7rem 1.4rem;font-size:var(--text-base);font-weight:700}:root{color-scheme:light dark;--bg: light-dark(#ffffff, #020817);--surface: light-dark(#f8fafc, #0f1729);--surface-raised: light-dark(#eef2f7, #1d283a);--border: light-dark(#dbe2ea, #1d283a);--border-strong: light-dark(#c2cede, #293851);--elevate-1: light-dark(#0208170a, #ffffff0f);--elevate-2: light-dark(#02081714, #ffffff1f);--fg: light-dark(#020817, #f8fafc);--fg-dim: light-dark(#334155, #cbd5e1);--fg-muted: light-dark(#55637a, #8f9cae);--primary: light-dark(#2563eb, #89b5fa);--primary-fg: light-dark(#ffffff, #020817);--primary-soft: light-dark(#2563eb1f, #89b5fa1f);--danger: light-dark(#b91c1c, #dd3c3c);--brutal: light-dark(#d1242f, #f87171);--participant-1: light-dark(oklch(52% .088 259), oklch(75.5% .118 259));--participant-2: light-dark(oklch(52% .088 49), oklch(75.5% .118 49));--participant-3: light-dark(oklch(52% .088 199), oklch(75.5% .118 199));--participant-4: light-dark(oklch(52% .088 349), oklch(75.5% .118 349));--participant-5: light-dark(oklch(52% .088 139), oklch(75.5% .118 139));--participant-6: light-dark(oklch(52% .088 289), oklch(75.5% .118 289));--participant-7: light-dark(oklch(52% .088 79), oklch(75.5% .118 79));--participant-8: light-dark(oklch(52% .088 229), oklch(75.5% .118 229));--participant-9: light-dark(oklch(52% .088 19), oklch(75.5% .118 19));--participant-10: light-dark(oklch(52% .088 169), oklch(75.5% .118 169));--participant-11: light-dark(oklch(52% .088 319), oklch(75.5% .118 319));--participant-12: light-dark(oklch(52% .088 109), oklch(75.5% .118 109));--shadow-ink-1: light-dark(#0f172a14, #070a1380);--shadow-ink-2: light-dark(#0f172a1f, #070a1399);--shadow-sm: 0 1px 2px 0 var(--shadow-ink-1), 0 1px 3px 0 var(--shadow-ink-2);--shadow-md: 0 2px 4px -1px var(--shadow-ink-1), 0 4px 6px -1px var(--shadow-ink-2);--shadow-lg: 0 4px 6px -2px var(--shadow-ink-1), 0 10px 15px -3px var(--shadow-ink-2);--font-sans: "Plus Jakarta Sans", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: clamp(1.125rem, .95rem + .7vw, 1.5rem);--text-display: clamp(2.25rem, 1rem + 5.5vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .75rem;--radius-pill: 999px;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .52s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.2, .64, 1)}@supports not (color: light-dark(#ffffff,#020817)){:root{color-scheme:dark;--bg: #020817;--surface: #0f1729;--surface-raised: #1d283a;--border: #1d283a;--border-strong: #293851;--elevate-1: #ffffff0f;--elevate-2: #ffffff1f;--fg: #f8fafc;--fg-dim: #cbd5e1;--fg-muted: #8f9cae;--primary: #89b5fa;--primary-fg: #020817;--primary-soft: #89b5fa1f;--danger: #dd3c3c;--brutal: #f87171;--shadow-ink-1: #070a1380;--shadow-ink-2: #070a1399;--participant-1: #81b1fa;--participant-2: #ec986a;--participant-3: #33c6cc;--participant-4: #e790bb;--participant-5: #88c278;--participant-6: #ada3f6;--participant-7: #d8a651;--participant-8: #51bdeb;--participant-9: #f19092;--participant-10: #55c7a3;--participant-11: #d097df;--participant-12: #b5b657}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;color:var(--fg);background-color:var(--page-bg, var(--bg));background-image:radial-gradient(120% 62% at 50% -18%,color-mix(in srgb,var(--page-glow, var(--primary)) 12%,transparent),transparent 64%);background-attachment:fixed;transition:background-color var(--duration-normal) ease;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:3px;background:var(--game-accent, var(--primary));transition:background-color var(--duration-normal) ease;z-index:10}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.15}p{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--primary);color:var(--primary-fg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}