:root{--color-paper:lab(95.4814% .0886321 9.64202);--color-ink:lab(5.23742% -1.09319 -5.53928);--color-muted:lab(39.6536% -1.99994 -7.04927);--color-line:lab(11.8068% -1.61646 -6.2717);--color-blue:lab(46.7327% 14.4369 -75.8515);--color-blue-ink:lab(97.7411% -.00423193 4.5943);--color-red:lab(53.7548% 68.9284 50.1284);--color-red-ink:lab(97.7411% -.00423193 4.5943);--color-yellow:lab(86.7433% .934511 84.7333);--color-yellow-ink:lab(5.23742% -1.09319 -5.53928);--color-green:lab(61.4603% -51.4634 26.6008);--color-green-ink:lab(5.23742% -1.09319 -5.53928);--color-white:lab(100% 0 0);--color-focus:lab(40.4952% 20.3163 -79.2419);--font-display:Georgia, "Times New Roman", serif;--font-body:Arial, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono:"Courier New", monospace;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--text-sm:.78rem;--text-body:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-display-s:clamp(2.7rem, 8vw, 6.5rem);--text-display:clamp(3.2rem, 11vw, 9.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-normal:.22s;--rule-thin:1px;--rule-heavy:3px;--radius-sm:.25rem;--radius-pill:999px}*{box-sizing:border-box}html,body{scroll-behavior:smooth;margin:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)}a{color:inherit;text-decoration:none}.nav{min-height:7.5rem;padding:var(--space-lg) clamp(var(--space-md), 4vw, var(--space-2xl));border-bottom:var(--rule-heavy) solid var(--color-line);justify-content:space-between;align-items:flex-start;display:flex}.wordmark{font:900 var(--text-lg)/.8 var(--font-body);letter-spacing:-.07em}.nav-side{gap:var(--space-xl);font:700 var(--text-sm)/1 var(--font-mono);align-items:center;display:flex}.nav-side a{border-bottom:var(--rule-thin) solid var(--color-line);padding-bottom:var(--space-2xs);white-space:nowrap}.hero{gap:var(--space-xl);min-height:38rem;padding:var(--space-2xl) clamp(var(--space-md), 4vw, var(--space-2xl)) var(--space-3xl);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.7fr) minmax(14rem,.6fr);display:grid;position:relative}.hero:after{content:"?";color:var(--color-yellow);font:900 32rem/.7 var(--font-display);z-index:-1;position:absolute;bottom:-10%;right:2%}.hero-title{min-width:0}.hero-title p{margin:0 0 var(--space-lg);font:700 var(--text-sm)/1 var(--font-mono)}.hero h1{min-width:0;max-width:10ch;font:700 var(--text-display)/.78 var(--font-display);letter-spacing:-.075em;overflow-wrap:anywhere;margin:0}.hero h1 span{color:var(--color-blue)}.hero-note{border-top:var(--rule-heavy) solid var(--color-line);padding-top:var(--space-md);align-self:center}.hero-note strong{font:700 6rem/.8 var(--font-display);color:var(--color-red)}.hero-note p{font-weight:700;line-height:1.6}.hero-cta{align-items:center;gap:var(--space-xl);width:fit-content;min-height:3.75rem;padding:0 var(--space-lg);background:var(--color-ink);color:var(--color-white);border:var(--rule-heavy) solid var(--color-line);white-space:nowrap;font-weight:800;display:flex}.hero-cta span{font-size:var(--text-xl);transition:transform var(--dur-normal) var(--ease-out)}.hero-cta:hover span{transform:translate(.2rem,.2rem)}.hero-cta:focus-visible{outline:var(--rule-heavy) solid var(--color-focus);outline-offset:4px}.quiz-card:focus-visible{outline:var(--rule-heavy) solid var(--color-focus);outline-offset:4px}footer a:focus-visible{outline:var(--rule-heavy) solid var(--color-focus);outline-offset:4px}.nav a:focus-visible{outline:var(--rule-heavy) solid var(--color-focus);outline-offset:4px}.hero-cta:active,.quiz-card:active{transform:translateY(2px)}.marquee{background:var(--color-blue);color:var(--color-blue-ink);border-block:var(--rule-heavy) solid var(--color-line);overflow:hidden}.marquee div{width:max-content;padding:var(--space-sm) 0;font:800 var(--text-lg)/1 var(--font-mono);animation:24s linear infinite ticker}@keyframes ticker{to{transform:translate(-50%)}}.collection{padding:var(--space-3xl) clamp(var(--space-md), 4vw, var(--space-2xl))}.collection-head{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(16rem,.45fr);align-items:end;display:grid}.collection-head h2{min-width:0;font:700 clamp(2.3rem, 5vw, 5rem)/.9 var(--font-display);letter-spacing:-.05em;overflow-wrap:anywhere;margin:0}.collection-head p{color:var(--color-muted);margin:0;line-height:1.65}.quiz-list{border-top:var(--rule-heavy) solid var(--color-line)}.quiz-card{--card-accent:var(--color-blue);gap:var(--space-lg);min-height:13.5rem;padding:var(--space-xl) var(--space-md);border-bottom:var(--rule-heavy) solid var(--color-line);transition:background var(--dur-normal) var(--ease-out), color var(--dur-normal) var(--ease-out), transform var(--dur-fast) var(--ease-out);grid-template-columns:5rem minmax(0,1fr) 5rem;align-items:center;display:grid}.quiz-card.yellow{--card-accent:var(--color-yellow)}.quiz-card.red{--card-accent:var(--color-red)}.quiz-card.green{--card-accent:var(--color-green)}.quiz-card.ink{--card-accent:var(--color-ink)}.quiz-card.blue:hover{background:var(--color-blue);color:var(--color-blue-ink)}.quiz-card.yellow:hover{background:var(--color-yellow);color:var(--color-yellow-ink)}.quiz-card.red:hover{background:var(--color-red);color:var(--color-red-ink)}.quiz-card.green:hover{background:var(--color-green);color:var(--color-green-ink)}.quiz-card.ink:hover{background:var(--color-ink);color:var(--color-white)}.quiz-no{font:700 var(--text-body)/1 var(--font-mono);align-self:start}.quiz-copy small,.quiz-copy b{font:700 var(--text-sm)/1 var(--font-mono)}.quiz-copy h3{margin:var(--space-xs) 0 var(--space-sm);min-width:0;font:700 clamp(1.9rem, 4vw, 4.6rem)/1 var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere}.quiz-copy p{max-width:44rem;margin:0 0 var(--space-lg);line-height:1.55}.arrow{transition:transform var(--dur-normal) var(--ease-out);font-size:clamp(2.5rem,5vw,5rem)}.quiz-card:hover .arrow{transform:translate(.35rem,-.35rem)}.intermission{min-height:26rem;padding:var(--space-3xl) clamp(var(--space-md), 8vw, 8rem);background:var(--color-yellow);color:var(--color-yellow-ink);border-block:var(--rule-heavy) solid var(--color-line);flex-direction:column;justify-content:center;display:flex}.intermission p{font-size:var(--text-lg);margin:0;font-weight:700}.intermission strong{margin:var(--space-sm) 0;font:700 clamp(2.5rem, 7vw, 7rem)/.9 var(--font-display);letter-spacing:-.055em}footer{padding:var(--space-2xl) clamp(var(--space-md), 4vw, var(--space-2xl));background:var(--color-ink);color:var(--color-white);gap:var(--space-2xl);grid-template-columns:1fr auto;display:grid}footer div:first-child{gap:var(--space-xs);flex-direction:column;display:flex}footer b{font-size:var(--text-xl);letter-spacing:-.06em}.footer-links{gap:var(--space-lg);display:flex}.footer-links a{border-bottom:var(--rule-thin) solid var(--color-white);white-space:nowrap}footer small{color:var(--color-muted);grid-column:1/-1}.ad-zone{width:min(100% - 2rem,68rem);min-height:6.5rem;margin:var(--space-lg) auto;padding:var(--space-sm);border-block:var(--rule-thin) solid var(--color-line);background:var(--color-paper);color:var(--color-muted);text-align:center}.ad-zone>span{margin-bottom:var(--space-xs);font:700 var(--text-sm)/1 var(--font-mono);display:block}.ad-zone-player{border-top:0;width:100%;min-height:5.5rem;margin:0}.policy-shell{background:var(--color-paper);min-height:100dvh}.policy-nav{min-height:5rem;padding:var(--space-md) clamp(var(--space-md), 5vw, var(--space-2xl));border-bottom:var(--rule-heavy) solid var(--color-line);align-items:center;display:flex}.policy-nav a{white-space:nowrap;font-weight:800}.policy-document{width:min(100% - 2rem,48rem);padding:var(--space-3xl) 0;margin:0 auto}.policy-document h1{min-width:0;margin:0 0 var(--space-2xl);font:700 clamp(2.7rem, 8vw, 5rem)/.95 var(--font-display);letter-spacing:-.05em;overflow-wrap:anywhere}.policy-document h2{min-width:0;margin:var(--space-2xl) 0 var(--space-sm);font:700 var(--text-xl)/1.1 var(--font-display);overflow-wrap:anywhere}.policy-document p{max-width:68ch;line-height:1.75}.policy-document a{text-underline-offset:2px;text-decoration:underline}.policy-footer{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-ink);color:var(--color-white);flex-wrap:wrap;display:flex}.policy-footer a{white-space:nowrap}.play-shell{background:var(--color-ink);grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:32rem;display:grid}.quiz-detail-shell{background:var(--color-paper);min-height:100dvh}.play-bar{gap:var(--space-md);min-height:4.5rem;padding:var(--space-sm) var(--space-lg);background:var(--color-paper);border-bottom:var(--rule-heavy) solid var(--color-line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.play-home,.play-external{width:fit-content;font:800 var(--text-sm)/1 var(--font-body);white-space:nowrap}.play-home{align-items:center;gap:var(--space-xs);display:flex}.play-home span{font-size:var(--text-lg);transition:transform var(--dur-fast) var(--ease-out)}.play-home:hover span{transform:translate(-.2rem)}.play-external{border-bottom:var(--rule-thin) solid var(--color-line);padding-bottom:var(--space-2xs);justify-self:end}.play-title{align-items:center;gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.play-title small{font:700 var(--text-sm)/1 var(--font-mono);color:var(--color-muted)}.play-title strong{text-overflow:ellipsis;max-width:32rem;font-size:var(--text-body);white-space:nowrap;line-height:1;overflow:hidden}.quiz-introduction{gap:var(--space-2xl);padding:var(--space-3xl) clamp(var(--space-md), 5vw, var(--space-3xl));border-bottom:var(--rule-heavy) solid var(--color-line);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);display:grid}.quiz-kicker{margin:0 0 var(--space-lg);font:700 var(--text-sm)/1.3 var(--font-mono)}.quiz-introduction h1{min-width:0;max-width:10ch;font:700 var(--text-display-s)/.9 var(--font-display);letter-spacing:-.06em;overflow-wrap:anywhere;margin:0}.quiz-editorial{align-self:end;max-width:42rem}.quiz-editorial>p{line-height:1.75}.quiz-editorial h2{margin:var(--space-xl) 0 var(--space-sm);font:700 var(--text-xl)/1.1 var(--font-display)}.quiz-editorial ul{padding-left:var(--space-lg);margin:0;line-height:1.9}.quiz-editorial a{text-underline-offset:2px;text-decoration:underline}.quiz-review-note{margin-top:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm)}.player-body{min-height:0;padding:clamp(var(--space-md), 4vw, var(--space-2xl));background:var(--color-ink);flex-direction:column;display:flex}.game-stage{background:var(--color-ink);flex:auto;min-height:0}.game-stage iframe{background:var(--color-paper);border:0;width:100%;height:min(78dvh,56rem);min-height:36rem;display:block}.related-quizzes{padding:var(--space-3xl) clamp(var(--space-md), 5vw, var(--space-3xl));border-bottom:var(--rule-heavy) solid var(--color-line)}.related-quizzes h2{margin:0 0 var(--space-xl);font:700 clamp(2rem, 5vw, 4rem)/1 var(--font-display);letter-spacing:-.04em}.related-quizzes>div{border-top:var(--rule-heavy) solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.related-quizzes a{gap:var(--space-sm);min-width:0;padding:var(--space-lg);border-right:var(--rule-thin) solid var(--color-line);flex-direction:column;display:flex}.related-quizzes a:last-child{border-right:0}.related-quizzes a:hover{background:var(--color-yellow)}.related-quizzes small{font:700 var(--text-sm)/1 var(--font-mono)}.related-quizzes strong{min-width:0;font:700 var(--text-lg)/1.15 var(--font-display);overflow-wrap:anywhere}.related-quizzes span{white-space:nowrap;margin-top:auto;font-weight:700}.quiz-detail-footer{gap:var(--space-lg);padding:var(--space-xl) clamp(var(--space-md), 5vw, var(--space-3xl));flex-wrap:wrap;display:flex}.quiz-detail-footer a{white-space:nowrap;border-bottom:var(--rule-thin) solid var(--color-white)}.frame-fallback{padding:var(--space-md);background:var(--color-paper);margin:0}.frame-fallback a{text-decoration:underline}:is(.play-home:focus-visible,.play-external:focus-visible){outline:var(--rule-heavy) solid var(--color-focus);outline-offset:4px}.play-home:active,.play-external:active{transform:translateY(2px)}@media (max-width:700px){.nav{min-height:6rem}.nav-side span{display:none}.hero{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);min-height:34rem}.hero:after{font-size:20rem;bottom:4%}.hero-note{align-items:center;gap:var(--space-lg);display:flex}.hero-note strong{font-size:4rem}.collection{padding-block:var(--space-2xl)}.collection-head{grid-template-columns:minmax(0,1fr);align-items:start}.quiz-card{gap:var(--space-sm);grid-template-columns:2.5rem minmax(0,1fr);align-items:start;min-height:16rem}.arrow{grid-column:2;font-size:2.5rem}footer{grid-template-columns:minmax(0,1fr)}footer small{grid-column:auto}.footer-links{flex-wrap:wrap}.play-bar{min-height:6.5rem;padding:var(--space-sm) var(--space-md);grid-template-columns:minmax(0,1fr) auto}.play-title{grid-area:2/1/auto/-1;align-items:flex-start}.play-external{grid-area:1/2}.quiz-introduction{padding-block:var(--space-2xl);grid-template-columns:minmax(0,1fr)}.game-stage iframe{height:72dvh;min-height:32rem}.related-quizzes>div{grid-template-columns:minmax(0,1fr)}.related-quizzes a{border-right:0;border-bottom:var(--rule-thin) solid var(--color-line)}.related-quizzes a:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}*,:before,:after{transition-duration:var(--dur-fast)!important}}