:root{--cream:#FAF7F2;--ink:#252D31;--coral:#FF654F;--orange:#FF9C43;--mint:#82B5AE;--blush:#FFE8DF;--line:#E9E3DC;--muted:#6B706F;--font:"NanumBarunGothic","Apple SD Gothic Neo","Malgun Gothic",sans-serif;}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #1B7066;outline-offset:4px}button{touch-action:manipulation}p,h1,h2{margin:0}h1,h2{font-weight:700}button{border:0;background:none;padding:0}.screen{width:100%;max-width:430px;margin:0 auto;padding:0 24px;overflow:hidden;position:relative;isolation:isolate}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:5px;font-size:20px;font-weight:700;letter-spacing:-1.1px}.brand img{width:25px;height:25px}.home{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.56)}.home img{width:21px;height:21px}.primary{background:#F15B45;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:20px;font-weight:700;border-radius:999px;min-height:56px;border:0}.primary img{width:22px;height:22px}.secondary{background:#EFECE7;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-size:17px;font-weight:700;min-height:56px}.secondary img{width:21px;height:21px}.caption{font-size:12px;line-height:1.6;color:var(--muted);text-align:center;word-break:keep-all}.eyebrow{font-size:14px;color:#B04436;font-weight:700;margin-bottom:20px}.start-screen{min-height:844px;display:flex;flex-direction:column}.start-copy{padding-top:28px}.start-copy h1{font-size:36px;line-height:1.32;letter-spacing:-1.8px;font-weight:700;white-space:nowrap}.start-copy h1 em{font-style:normal;color:#CF4536}.start-meta{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:13px;letter-spacing:-.2px}.start-meta i{width:3px;height:3px;background:var(--coral);border-radius:50%;display:block}.intro{font-size:15px;line-height:1.75;margin-top:26px;letter-spacing:-.3px;word-break:keep-all}.start-hero{width:100%;height:238px;object-fit:contain;margin-top:12px}.start-bottom{margin-top:auto;padding:22px 0 27px}.start-btn{height:60px;font-size:20px}.start-btn img{margin-left:6px}.start-bottom .caption{margin-top:14px}.question-screen{min-height:844px;display:flex;flex-direction:column}.progress-row{display:flex;align-items:center;gap:14px;margin-top:1px}.track{background:#E6E2DC;border-radius:50px;height:8px;flex:1;overflow:hidden}.fill{height:100%;background:var(--coral);border-radius:50px}.counter{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.counter small{font-size:14px;color:var(--muted);font-weight:400}.question-art{height:116px;width:116px;align-self:center;object-fit:contain;margin-top:33px}.question-title{font-size:22px;line-height:1.48;text-align:center;letter-spacing:-.8px;min-height:128px;display:flex;justify-content:center;align-items:center;margin-top:22px;word-break:keep-all;display:block;align-content:center}.answers{display:flex;flex-direction:column;gap:12px;margin-top:18px}.answer{display:flex;align-items:center;text-align:left;gap:16px;width:100%;min-height:113px;padding:19px 18px;border:1px solid var(--line);background:rgba(255,255,255,.83);border-radius:18px;box-shadow:0 3px 9px rgba(63,48,35,.025);position:relative;transition:background 120ms ease,border-color 120ms ease}.letter{width:41px;height:41px;flex-shrink:0;display:grid;place-items:center;color:var(--ink);font-size:24px;font-weight:700;border-radius:50%}.letter.a{background:var(--coral)}.letter.b{background:var(--orange)}.answer-text{font-size:16px;line-height:1.6;letter-spacing:-.25px;word-break:keep-all;flex:1}.check{display:none;position:absolute;right:12px;top:10px;color:#C24534;font-size:15px}.answer.is-selected{border-color:var(--coral);background:#FFE8DF}.answer.is-selected .check{display:block}.answer:disabled{cursor:default}.question-footer{margin-top:auto;padding-top:24px;padding-bottom:27px}.question-footer .caption{margin-bottom:15px}.restart{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:999px;background:#EFECE7;font-weight:700;font-size:15px}.restart img{width:18px;height:18px}.result-screen{padding-bottom:26px}.result-heading{position:relative;padding-top:5px}.pill{display:inline-flex;align-items:center;background:var(--blush);color:#B84335;font-size:13px;font-weight:700;padding:8px 13px;border-radius:999px}.result-title-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:17px;min-height:100px}.result-title-row h1{font-size:28px;line-height:1.42;letter-spacing:-1.1px;position:relative;z-index:1;white-space:nowrap}.result-symbol{width:100px;height:100px;flex:0 0 100px;margin-right:-7px}.tagline{font-size:17px;font-weight:700;line-height:1.65;letter-spacing:-.4px;margin-top:10px}.result-description{margin-top:22px;font-size:15px;line-height:1.82;letter-spacing:-.2px;word-break:keep-all}.result-description p+p{margin-top:13px}.sports-section{margin-top:26px}.sports-section h2{font-size:20px;letter-spacing:-.6px;margin-bottom:15px}.sports{display:flex;flex-direction:column;gap:10px}.sport{display:flex;align-items:center;text-align:left;width:100%;gap:12px;min-height:109px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.85);padding:14px 13px 14px 10px;box-shadow:0 3px 9px rgba(63,48,35,.025);position:relative}.sport-icon{width:62px;height:67px;flex:0 0 62px;object-fit:contain}.sport-copy{display:flex;flex-direction:column;gap:6px;flex:1;padding-right:5px}.sport-copy strong{font-size:17px;font-weight:700;letter-spacing:-.5px}.sport-copy>span{font-size:14px;line-height:1.65;word-break:keep-all;letter-spacing:-.15px;color:#424A4E}.sport-chevron{position:absolute;right:9px;top:17px;color:#BAB4AD;font-size:19px;font-family:Arial,sans-serif}.sports-hint{font-size:11.5px;line-height:1.6;color:var(--muted);text-align:center;margin-top:11px;letter-spacing:-.2px}.quote{display:flex;align-items:flex-start;gap:10px;background:var(--blush);border-radius:16px;padding:18px 17px;margin-top:22px}.quote-mark{font-size:38px;line-height:33px;font-weight:700;color:var(--coral)}.quote strong{display:block;font-size:11px;color:#A25A49;letter-spacing:-.1px;margin-bottom:7px}.quote p{font-size:14px;line-height:1.7;word-break:keep-all;letter-spacing:-.3px}.result-actions{display:grid;grid-template-columns:1.05fr 1fr;gap:10px;margin-top:22px}.result-restart{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0;font-size:13px;font-weight:700;min-height:36px}.result-restart img{width:16px;height:16px}.disclaimer{font-size:11px;line-height:1.65;color:#6B706F;word-break:keep-all;border-top:1px solid var(--line);padding-top:18px;letter-spacing:-.1px}
@media(max-width:360px){.screen{padding-left:20px;padding-right:20px}.question-title{font-size:20px;letter-spacing:-.7px}.answer-text{font-size:15px}.answer{gap:12px;padding-left:14px;padding-right:14px}.start-copy h1{font-size:32px}.result-title-row h1{font-size:25px}.result-symbol{width:87px;flex-basis:87px}.sport-icon{width:53px;flex-basis:53px}.sport-copy>span{font-size:13.5px}.sport{gap:10px}}
@media(prefers-reduced-motion:reduce){.answer{transition:none}}
/* Responsive adjustments to the approved reference; scoped to this independent document. */
:root{--font:"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.screen{overflow:visible;padding-bottom:max(26px,env(safe-area-inset-bottom))}
.start-screen,.question-screen{min-height:100svh;min-height:max(844px,100svh)}
.start-copy h1{white-space:normal;font-size:2.25rem;overflow-wrap:anywhere}
.start-btn{width:100%}.start-meta{flex-wrap:wrap}.intro{font-size:1rem}
.question-title{white-space:pre-line;font-size:1.375rem;overflow-wrap:anywhere}
.answer-text{font-size:1rem;min-width:0;overflow-wrap:anywhere}.answer{touch-action:manipulation}
.answer.is-selected{border-color:#C24534}.answer[disabled]{opacity:1}
.result-title-row h1{white-space:pre-line;font-size:1.75rem;min-width:0;overflow-wrap:anywhere}
.result-symbol{width:88px;height:88px;flex:0 0 88px;margin:0}
.tagline{white-space:pre-line;font-size:1.0625rem}
.result-description{font-size:1rem}.sport-copy>span{font-size:.875rem;overflow-wrap:anywhere}
.sport-copy{min-width:0}.sport-copy strong{font-size:1.0625rem}.sport{min-height:109px}
.quote strong{font-size:.75rem}.quote p{font-size:.9375rem}.disclaimer{font-size:.75rem}
.result-restart{width:100%;min-height:44px}.result-actions>button{padding:12px 8px;min-width:0;font-size:1.125rem;flex-wrap:wrap}
.primary{background:#F15B45;color:#252D31}.primary img{filter:brightness(.2)}
button:focus-visible,a:focus-visible{outline:3px solid #995142;outline-offset:4px}
button[disabled]{cursor:wait}.check{font-weight:700}.shared-start{margin-top:18px;width:100%}
.status:empty{display:none}.status{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:430px;background:#252D31;color:#fff;border-radius:14px;padding:14px 18px;z-index:20;font-size:14px;line-height:1.6;box-shadow:0 4px 20px #252d3120}
.status textarea{width:100%;margin-top:10px;min-height:65px;font:inherit;overflow-wrap:anywhere}
.boot-message{margin-block:48px;font-size:16px;line-height:1.7}
#export-dialog{width:calc(100% - 32px);max-width:430px;max-height:85svh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--cream);color:var(--ink);padding:22px}
#export-dialog::backdrop{background:#252d3166}#export-dialog p{margin:10px 0;font-size:14px;line-height:1.7}#export-dialog img{width:100%;height:auto;margin-bottom:18px}#export-dialog a,#export-dialog button{width:100%;padding:12px;margin-top:10px;font-size:16px}
#product-panel{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:16px;background:white}#product-panel h2{font-size:20px}#product-panel p{font-size:14px;line-height:1.7;margin:12px 0}.products{display:grid;gap:12px}.products a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:14px}.products img{width:64px;height:64px;object-fit:contain}.affiliate-disclosure{font-weight:700}.sport.is-selected{border-color:#C24534;background:var(--blush)}
@media(max-width:360px){.screen{padding-inline:20px}.result-title-row h1{font-size:1.625rem}.result-symbol{width:64px;height:72px;flex-basis:64px}.sport-icon{width:48px;flex-basis:48px}.question-title{font-size:1.3rem}.answer-text{font-size:1rem}.start-copy h1{font-size:2rem}}
@media(max-width:319px){.screen{padding-inline:16px}.result-title-row{flex-wrap:wrap}.result-actions{grid-template-columns:1fr}.answer{gap:10px;padding-inline:12px}.letter{width:34px;height:34px;font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Large bold button labels keep the reference's white-on-coral treatment readable. */
.primary{color:#fff;font-size:1.25rem;font-weight:700}.primary img{filter:none}
.result-actions>button{font-size:1.25rem}.result-actions>.secondary{font-size:1.125rem}
#export-dialog .primary{background:#C84532}
h1[tabindex="-1"]:focus{outline:none}