:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f3f0e9;background:#101317;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #101317;--surface: #1c2228;--surface-raised: #232b32;--surface-soft: #171d22;--gold: #c6a66a;--gold-soft: #e0c78f;--text: #f3f0e9;--muted: #99a3ae;--muted-strong: #c2c9ce;--line: #303940;--line-strong: #46515a;--success: #78c79a;--success-bg: #182b24;--danger: #df8e91;--danger-bg: #352226;--radius: 12px;--ease: .18s ease}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg)}body,button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:20;top:10px;left:12px;padding:10px 14px;color:#101317;background:var(--gold);border-radius:6px;transform:translateY(-150%);transition:transform var(--ease)}.skip-link:focus-visible{transform:translateY(0)}.topbar{width:min(1180px,calc(100% - 48px));height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;min-height:44px;color:var(--text)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--gold);border:1px solid var(--gold);border-radius:7px;font-size:16px;font-weight:700}.brand b,.brand small{display:block;line-height:1;letter-spacing:.17em}.brand b{font-size:12px;font-weight:700}.brand small{margin-top:4px;color:var(--muted);font-size:9px;font-weight:600}.topbar-note{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:lowercase}.table-dot{display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:var(--gold);vertical-align:1px}.page{width:min(1180px,calc(100% - 48px));min-height:calc(100vh - 82px);margin:0 auto;padding:32px 0 72px}.quiz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.quiz-card{min-height:254px;display:grid;grid-template-columns:minmax(155px,.9fr) minmax(0,1.1fr);overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:background-color var(--ease),border-color var(--ease),transform var(--ease)}.quiz-card:hover{background:var(--surface-raised);border-color:#66726f;transform:translateY(-2px)}.quiz-card:focus-visible,.brand:focus-visible,.back-button:focus-visible,.mini-back:focus-visible,.secondary-button:focus-visible,.primary-button:focus-visible,.next-button:focus-visible,.answer-button:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}.quiz-card-art{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--surface-soft);border-right:1px solid var(--line)}.quiz-card-art:after{content:"";position:absolute;right:18px;bottom:17px;left:18px;height:1px;background:var(--card-accent, var(--gold));opacity:.34}.quiz-card-art svg{width:88%;height:auto;display:block}.art-label{position:absolute;z-index:1;top:16px;left:17px;max-width:calc(100% - 32px);color:var(--muted);font-size:10px;line-height:1.35}.art-cards{--card-accent: #c6a66a}.art-table{--card-accent: #8eb6aa}.art-reels{--card-accent: #c09a65}.art-roulette{--card-accent: #b87880}.quiz-card-body{min-width:0;display:flex;flex-direction:column;padding:25px 24px 22px}.quiz-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.quiz-card h2{max-width:230px;margin:0;color:var(--text);font-size:21px;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.quiz-count{flex:0 0 auto;padding-top:2px;color:var(--gold);font-size:10px;line-height:1.4;white-space:nowrap}.quiz-card p{max-width:34ch;margin:14px 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.card-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:13px;color:var(--gold-soft);border-top:1px solid var(--line);font-size:12px;font-weight:700}.intro-screen,.result-screen{min-height:610px;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1fr);align-items:center;gap:clamp(42px,8vw,120px)}.intro-art,.result-visual{position:relative;display:grid;place-items:center;min-height:350px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.intro-art svg{width:86%;height:auto}.intro-art-caption{position:absolute;bottom:18px;left:22px;color:var(--muted);font-size:11px}.intro-copy{max-width:600px}.eyebrow{margin:0 0 15px;color:var(--gold);font-size:11px;line-height:1.4}.intro-copy h1,.question-copy h1,.result-copy h1{max-width:15ch;margin:0 0 20px;color:var(--text);font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.intro-copy>p:not(.eyebrow),.result-copy>p:not(.eyebrow){max-width:50ch;margin:0;color:var(--muted);font-size:16px;line-height:1.65}.intro-meta{display:flex;flex-wrap:wrap;gap:22px;margin:28px 0;color:var(--muted);font-size:12px}.intro-meta b{margin-right:4px;color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.primary-button,.secondary-button,.next-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:700;transition:background-color var(--ease),border-color var(--ease),color var(--ease),transform var(--ease)}.primary-button{color:#17140f;background:var(--gold);border:1px solid var(--gold)}.primary-button:hover{background:var(--gold-soft);border-color:var(--gold-soft);transform:translateY(-1px)}.back-button,.mini-back{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;color:var(--muted);font-size:13px}.back-button:hover,.mini-back:hover{color:var(--text)}.quiz-flow{max-width:1080px;margin:0 auto}.flow-top{margin:10px 0 34px}.mini-back{margin:0 0 22px}.progress-row{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.progress-row span:last-child{color:var(--gold)}.progress{height:4px;margin-top:11px;overflow:hidden;background:var(--line);border-radius:4px}.progress i{display:block;height:100%;background:var(--gold);border-radius:inherit;transition:width .25s ease}.question-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(28px,5vw,64px);align-items:start}.question-art{padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.art-svg{width:100%;height:auto;display:block}.question-copy{padding-top:8px}.question-tag{margin:0 0 14px;color:var(--gold);font-size:11px;line-height:1.4}.question-copy h1{max-width:18ch;font-size:clamp(28px,3.1vw,39px)}.answers{display:grid;gap:10px}.answer-button{width:100%;min-height:58px;display:flex;align-items:center;gap:13px;padding:9px 13px;color:var(--muted-strong);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:9px;transition:background-color var(--ease),border-color var(--ease),color var(--ease)}.answer-button:not(:disabled):hover{color:var(--text);background:var(--surface-raised);border-color:var(--line-strong)}.answer-button:disabled{cursor:default}.answer-button.correct{color:#d8f0df;background:var(--success-bg);border-color:#4b8d6b}.answer-button.wrong{color:#f4d7d7;background:var(--danger-bg);border-color:#a96269}.answer-button.dimmed{opacity:.47}.answer-letter{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;color:var(--muted);background:#273039;border-radius:6px;font-size:11px;font-weight:700}.correct .answer-letter{color:#14251d;background:var(--success)}.wrong .answer-letter{color:#2b1619;background:var(--danger)}.answer-copy{min-width:0;flex:1;font-size:14px;line-height:1.4}.answer-status{flex:0 0 auto;font-size:11px;line-height:1.3}.answer-status-correct{color:var(--success)}.answer-status-wrong{color:var(--danger)}.answer-hint{margin:17px 0 0;color:var(--muted);font-size:12px}.feedback{margin-top:16px;padding:16px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:8px}.feedback-good{border-left-color:var(--success)}.feedback-bad{border-left-color:var(--danger)}.feedback-title{display:flex;justify-content:space-between;gap:12px;color:var(--text);font-size:13px;font-weight:700}.feedback-good .feedback-title>span:first-child{color:var(--success)}.feedback-bad .feedback-title>span:first-child{color:var(--danger)}.feedback p{margin:9px 0 15px;color:var(--muted);font-size:13px;line-height:1.55}.next-button{min-height:44px;padding:10px 14px;color:#17140f;background:var(--gold);border:1px solid var(--gold);font-size:12px}.next-button:hover{background:var(--gold-soft);border-color:var(--gold-soft)}.result-copy h1{max-width:12ch}.result-visual{min-height:350px}.mood-high .result-visual,.mood-perfect .result-visual{border-color:#756448}.score-ring{width:190px;height:190px;display:grid;place-content:center;text-align:center;border:8px solid var(--gold);border-right-color:var(--line-strong);border-radius:50%;transform:rotate(-24deg)}.score-ring strong,.score-ring span{display:block;transform:rotate(24deg)}.score-ring strong{color:var(--gold-soft);font-size:66px;line-height:.9;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.score-ring span{margin-top:9px;color:var(--muted);font-size:12px}.result-seal{position:absolute;bottom:45px;padding:9px 12px;color:var(--gold);background:var(--surface-raised);border:1px solid #756448;border-radius:6px;font-size:10px;letter-spacing:.08em;text-transform:lowercase;animation:quiet-celebration 2.8s ease-in-out infinite}@keyframes quiet-celebration{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.result-copy>p:not(.eyebrow){max-width:49ch}.result-meter{height:6px;margin:27px 0 12px;overflow:hidden;background:var(--line);border-radius:4px}.result-meter span{display:block;height:100%;background:var(--gold);border-radius:inherit}.result-note{color:var(--muted-strong)!important;font-size:13px!important}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.secondary-button{color:var(--muted-strong);background:transparent;border:1px solid var(--line-strong)}.secondary-button:hover{color:var(--text);background:var(--surface);border-color:var(--muted)}@media(max-width:800px){.topbar,.page{width:min(100% - 36px,620px)}.topbar{height:72px}.page{min-height:calc(100vh - 72px);padding-top:22px}.quiz-grid{grid-template-columns:1fr;gap:14px}.quiz-card{min-height:222px}.intro-screen,.result-screen{min-height:auto;grid-template-columns:1fr;gap:28px;padding:26px 0}.intro-art,.result-visual{min-height:280px}.intro-copy h1,.result-copy h1{max-width:17ch;font-size:38px}.question-layout{grid-template-columns:1fr;gap:24px}.question-art{max-width:600px}.question-copy{padding:0}}@media(max-width:480px){.topbar,.page{width:calc(100% - 32px)}.topbar-note{font-size:10px}.quiz-card{grid-template-columns:1fr;min-height:0}.quiz-card-art{min-height:155px;border-right:0;border-bottom:1px solid var(--line)}.quiz-card-art svg{width:65%}.quiz-card-body{padding:20px 18px 18px}.quiz-card h2{font-size:19px}.quiz-card p{margin:12px 0 19px;font-size:13px}.intro-art,.result-visual{min-height:240px}.intro-copy h1,.result-copy h1{font-size:32px}.intro-meta{gap:13px}.question-copy h1{font-size:28px}.answer-button{min-height:56px;padding:9px 11px}.answer-copy{font-size:13px}.answer-status{font-size:10px}.result-actions{flex-direction:column}.result-actions>*{width:100%}}@media(pointer:fine){html{overscroll-behavior:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}