:root{--bg: #0a1020;--panel: #121a32;--surface: #fff8e8;--text: #16203a;--text-dark: #eaf4ff;--muted: #93a6c8;--navy: #1a2748;--navy-deep: #0d1530;--yellow: #ffcc33;--orange: #ff8c14;--cyan: #5ed2ff;--cyan-deep: #2aa3e4;--highlight: #ffe566;--radius: 18px;--sticky-bg: rgba(10, 16, 32, .92)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100dvh;color:var(--text-dark);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle at 20% -10%,rgba(255,204,51,.12),transparent 34%),radial-gradient(circle at 90% 0%,rgba(94,210,255,.12),transparent 32%),radial-gradient(rgba(94,210,255,.07) 1px,transparent 1px);background-size:auto,auto,16px 16px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toolbar{position:sticky;top:0;z-index:20;padding:calc(.7rem + env(safe-area-inset-top)) 1rem .85rem;background:var(--sticky-bg);backdrop-filter:blur(16px);border-bottom:2px solid rgba(94,210,255,.22)}.toolbar-inner{display:grid;gap:.7rem;width:min(720px,100%);margin:0 auto}.brand-row{display:flex;align-items:center}.brand-lockup{display:flex;align-items:center;gap:.55rem}.brand-qplay{display:block;width:72px;height:auto}.brand-jokbo{color:#9ec9e8;font-size:.78rem;font-weight:600;letter-spacing:.06em;line-height:1}.game-tabs{display:flex;gap:.32rem}.game-tab{flex:1 1 0;min-width:min-content;padding:.42rem .28rem;border:2px solid #f4fbff;border-radius:999px;background:linear-gradient(#7dd8ff,#2b97d8);color:#0c2c4e;font-size:.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;text-align:center;white-space:nowrap;box-shadow:0 2px #132445;cursor:pointer}.game-tab.is-active{color:#3b2200;background:linear-gradient(#ffe566,#ff9808);border-color:#fff6c8;box-shadow:0 2px #8a4a00}.game-tab:hover:not(.is-active){filter:brightness(1.06)}.search-bar{display:grid}.search-field{position:relative}.search-icon{position:absolute;top:50%;left:.9rem;width:1.1rem;height:1.1rem;color:#7d8db0;transform:translateY(-50%);pointer-events:none}.search-input{width:100%;padding:.82rem 4.6rem .82rem 2.55rem;border:3px solid var(--navy);border-radius:16px;background:var(--surface);color:var(--text);font-size:1.0625rem;font-weight:600;line-height:1.4;box-shadow:0 0 0 2px #5ed2ff47,0 4px #132445;appearance:none}.search-input::placeholder{color:#9aa6c2;font-weight:600}.search-input:focus{outline:none;box-shadow:0 0 0 3px var(--yellow),0 4px #132445}.search-input::-webkit-search-cancel-button{appearance:none}.search-clear{position:absolute;top:50%;right:.65rem;transform:translateY(-50%);padding:.32rem .65rem;border:0;border-radius:999px;background:#ffe566;color:#5c3b00;font-size:.75rem;font-weight:800;cursor:pointer}.status{margin:0;min-height:1.2em;color:var(--muted);font-size:.82rem;font-weight:700}.main{width:min(720px,100%);margin:0 auto;padding:1rem 1rem calc(2.5rem + env(safe-area-inset-bottom))}.results{display:grid;gap:.75rem}.quiz-card{padding:1rem 1.05rem 1.05rem;border:3px solid var(--navy);border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 2px #5ed2ff2e,0 5px #132445;cursor:pointer}.quiz-card:active{transform:translateY(2px);box-shadow:0 0 0 2px #5ed2ff2e,0 3px #132445}.quiz-question{margin:0 0 .75rem;color:#33415f;font-size:.95rem;font-weight:700;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.hanja{display:inline;margin:0 .05em;color:#1a2748;font-size:1.35em;font-weight:800;letter-spacing:.06em;line-height:1.2;vertical-align:-.08em}.quiz-answer-row{display:flex;align-items:baseline;gap:.7rem;padding:.72rem .85rem;border-radius:14px;background:linear-gradient(#fff4c4,#ffe07a);border:2px solid #f0c043}.quiz-answer-label{flex:0 0 auto;color:#9a7a32;font-size:.7rem;font-weight:700;letter-spacing:.04em}.quiz-answer{margin:0;color:#243044;font-size:1.22rem;font-weight:700;letter-spacing:-.02em;line-height:1.35;overflow-wrap:anywhere}.copy-hint,.copied-hint{display:none;margin-left:auto;font-size:.7rem;font-weight:700;white-space:nowrap}.copy-hint{display:inline;color:#9a7a32}.quiz-card.is-copied .copy-hint{display:none}.quiz-card.is-copied .copied-hint{display:inline;color:#1a2748}.toast{position:fixed;left:50%;bottom:calc(1.15rem + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:.6rem;max-width:min(90vw,360px);padding:.55rem .9rem .55rem .55rem;border:2px solid #ffe7a0;border-radius:22px;background:#fffaf0;color:#3b2200;box-shadow:0 10px 28px #080e2047;transform:translate(-50%)}.toast[hidden]{display:none}.toast.is-in{animation:toast-pop .42s cubic-bezier(.18,1.25,.36,1)}.toast-icon{display:grid;place-items:center;width:1.85rem;height:1.85rem;flex:0 0 auto;border-radius:50%;background:linear-gradient(#fff1a8,#ffd24a);color:#7a4b00;font-size:.95rem;box-shadow:inset 0 1px #fff}.toast-body{display:grid;gap:.08rem;min-width:0}.toast-title{color:#b08900;font-size:.72rem;font-weight:700}.toast-answer{overflow:hidden;color:#1a2748;font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.86)}70%{transform:translate(-50%) translateY(-3px) scale(1.04)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}mark{background:var(--cyan);color:#0c2c4e;padding:0 .12em;border-radius:4px;font-weight:800;box-decoration-break:clone}@media(min-width:560px){.game-tab{padding:.55rem .45rem;font-size:.8rem;box-shadow:0 3px #132445}.game-tab.is-active{box-shadow:0 3px #8a4a00}}@media(min-width:720px){.search-input{font-size:1.125rem}.quiz-question{font-size:1rem}.quiz-answer{font-size:1.28rem}}@media(max-width:480px){.toolbar{padding:calc(.5rem + env(safe-area-inset-top)) .85rem .65rem}.toolbar-inner{gap:.5rem}.brand-qplay{width:64px}.brand-jokbo{font-size:.72rem}.game-tab{font-size:.68rem;padding:.38rem .18rem;letter-spacing:-.05em}.search-input{font-size:1rem;padding-right:4.4rem}.quiz-answer-row{flex-direction:column;gap:.22rem}.quiz-answer{font-size:1.16rem}}