:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0a0d;--bg-soft:#100e13;--surface:#17151b;--surface-hover:#201c25;--surface-selected:#27212d;--gold:#d6b36a;--gold-bright:#efd28f;--gold-muted:#9f8650;--text:#f4f0e7;--text-soft:#c9c3b7;--text-muted:#918a80;--border:#d6b36a2b;--border-strong:#d6b36a6b;--danger:#e28a8a;--radius-sm:9px;--radius-md:15px;--radius-lg:24px;--page-padding:clamp(20px, 4vw, 64px);--section-gap:clamp(48px, 6vw, 88px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scrollbar-color:var(--gold-muted) var(--bg);width:100%;min-height:100%;margin:0}body,#root{width:100%;min-width:320px;min-height:100vh;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,p{margin:0}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}::selection{color:var(--text);background:#d6b36a4d}.app{isolation:isolate;width:100%;min-height:100dvh;padding:clamp(32px, 5vh, 64px) var(--page-padding);background:radial-gradient(ellipse at 50% 0%, #d6b36a18, transparent 48%), radial-gradient(ellipse at 0% 100%, #d6b36a09, transparent 35%), var(--bg);color:var(--text);justify-content:center;align-items:center;margin:0;display:flex;position:relative}.app:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff03 50%,#0000);position:absolute;inset:0}.start-screen,.quiz-screen,.loading-screen,.error-screen,.results-screen{width:100%;min-width:0;margin-inline:auto;animation:.35s both screen-enter}.start-screen,.error-screen,.loading-screen{max-width:1100px}.quiz-screen,.results-screen{max-width:1800px}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3{letter-spacing:-.035em}h1{line-height:1.06}h2{line-height:1.15}.eyebrow{color:var(--gold);letter-spacing:.19em;text-transform:uppercase;font-size:.74rem;font-weight:750;line-height:1.5}.start-screen button,.restart-button,.quiz-navigation button,.error-screen button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:46px;padding:12px 22px;font-size:.9rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.start-screen button,.restart-button,.error-screen button{background:var(--gold);color:#17130b;border-color:var(--gold)}.start-screen button:hover:not(:disabled),.restart-button:hover:not(:disabled),.error-screen button:hover:not(:disabled){background:var(--gold-bright);border-color:var(--gold-bright);transform:translateY(-2px);box-shadow:0 9px 28px #d6b36a2b}button:disabled{cursor:not-allowed}.start-screen{text-align:center;background:radial-gradient(ellipse at 50% 0%, #d6b36a13, transparent 65%), linear-gradient(145deg, #ffffff06, transparent 60%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:1100px;padding:clamp(48px,7vw,100px) clamp(24px,7vw,100px);box-shadow:0 35px 100px #0006,inset 0 1px #ffffff06}.start-screen h1{max-width:950px;color:var(--text);letter-spacing:-.06em;text-wrap:balance;margin:18px auto 0;font-size:clamp(3rem,7vw,6.5rem);font-weight:750;line-height:.99}.start-screen>p:not(.eyebrow){max-width:660px;color:var(--text-soft);margin:26px auto 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8}.start-screen button{text-transform:uppercase;letter-spacing:.055em;min-width:180px;margin-top:34px;padding:15px 28px}.quiz-header{border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;gap:28px;margin-bottom:clamp(48px,7vh,88px);padding-bottom:22px;display:flex}.question-number{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:750}.question-total{color:var(--text-muted);margin-left:7px;font-size:.82rem;font-weight:600}.progress{background:#ffffff17;border-radius:999px;flex:0 auto;width:clamp(150px,24vw,380px);height:4px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--gold-muted), var(--gold-bright));border-radius:inherit;width:0;height:100%;transition:width .35s}.question{width:100%;max-width:1500px}.question-title{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px;font-size:.82rem;font-weight:750;line-height:1.5}.question h1{max-width:1250px;color:var(--text);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2.4rem,5vw,5.5rem);font-weight:680;line-height:1.08}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin-top:clamp(34px,5vh,56px);display:grid}.option{background:linear-gradient(145deg, #ffffff05, transparent 65%), var(--surface);width:100%;min-width:0;min-height:82px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;align-items:center;gap:18px;padding:22px 24px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.option:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 9px 25px #0000002b}.option:disabled{cursor:default}.option.selected{background:linear-gradient(100deg, #d6b36a21, #d6b36a09), var(--surface-selected);border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold), 0 8px 24px #00000024}.option-letter{width:38px;height:38px;color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff24;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;font-size:.82rem;font-weight:750;transition:background .18s,border-color .18s,color .18s;display:flex}.option:hover:not(:disabled) .option-letter{color:var(--gold);border-color:var(--border-strong)}.option.selected .option-letter{background:var(--gold);border-color:var(--gold);color:#17130b}.option-text{min-width:0;color:var(--text-soft);overflow-wrap:anywhere;font-size:clamp(.96rem,1.15vw,1.08rem);line-height:1.65}.option.selected .option-text{color:var(--text)}.quiz-navigation{border-top:1px solid #ffffff13;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding-top:24px;display:flex}.quiz-navigation button{min-width:112px;color:var(--text-soft);border-color:var(--border);background:#ffffff04}.quiz-navigation button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.quiz-navigation button:disabled{opacity:.35}.quiz-navigation button:last-child{background:var(--gold);border-color:var(--gold);color:#17130b}.quiz-navigation button:last-child:hover:not(:disabled){background:var(--gold-bright);border-color:var(--gold-bright);transform:translateY(-1px)}.quiz-error{border-radius:var(--radius-sm);color:var(--danger);background:#e28a8a12;border:1px solid #e28a8a33;margin-top:20px;padding:14px 16px;font-size:.9rem;line-height:1.6}.loading-screen{text-align:center;max-width:1000px;padding:60px 20px}.loading-screen h1{color:var(--text-soft);font-size:clamp(1.8rem,4vw,3rem);font-weight:600}.error-screen{text-align:center;background:linear-gradient(145deg, #ffffff05, transparent), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(32px,5vw,64px);box-shadow:0 24px 70px #0000004d}.error-screen h1{color:var(--text);font-size:clamp(1.8rem,4vw,3rem)}.error-screen p{max-width:650px;color:var(--text-soft);margin:18px auto 0;line-height:1.75}.error-screen button{margin-top:28px}.results-header{text-align:center;padding:clamp(28px,5vw,64px) 0 clamp(42px,6vw,80px)}.results-header h1{max-width:1500px;color:var(--text);letter-spacing:-.075em;overflow-wrap:anywhere;text-wrap:balance;margin:18px auto 0;font-size:clamp(3.4rem,9vw,8rem);font-weight:760;line-height:.96}.result-score{color:var(--gold);letter-spacing:.025em;font-variant-numeric:tabular-nums;margin-top:24px;font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:750}.character-message{width:100%;min-width:0}.message-label{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;font-weight:750;line-height:1.5}.message-text{color:var(--text);overflow-wrap:anywhere;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.8}.primary-message{text-align:center;background:radial-gradient(ellipse at 50% 0%, #d6b36a0f, transparent 70%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;margin-bottom:clamp(36px,5vw,64px);padding:clamp(28px,5vw,60px)}.primary-message .message-text{max-width:1150px;color:var(--text-soft);margin:18px auto 0;font-size:clamp(1.02rem,1.5vw,1.3rem);line-height:1.85}.result-breakdown{margin-bottom:var(--section-gap);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.result-card{background:linear-gradient(145deg, #ffffff06, transparent 70%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:100px;padding:22px 24px;transition:border-color .18s,background .18s,transform .18s;display:flex;box-shadow:inset 0 1px #ffffff05}.result-card:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px)}.result-card span{min-width:0;color:var(--text-muted);font-size:.88rem;font-weight:600;line-height:1.5}.result-card strong{color:var(--gold);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,1.7vw,1.5rem);font-weight:750}.other-matches-heading{text-align:center;margin-bottom:32px}.other-matches-heading h2{color:var(--text);letter-spacing:-.05em;text-wrap:balance;margin-top:12px;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.08}.trait-profile{width:100%;margin-bottom:var(--section-gap);background:linear-gradient(145deg, #ffffff05, transparent 65%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(28px,4vw,52px)}.trait-profile .other-matches-heading{margin-bottom:34px}.trait-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 44px;width:100%;margin:0;display:grid}.trait-row{align-content:start;gap:10px;min-width:0;display:grid}.trait-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.trait-header span{min-width:0;color:var(--text-soft);font-size:.94rem;font-weight:600}.trait-header strong{color:var(--gold);font-variant-numeric:tabular-nums;flex:none;font-size:.9rem;font-weight:750}.trait-bar{background:#ffffff13;border-radius:999px;width:100%;height:8px;overflow:hidden}.trait-bar-fill{background:linear-gradient(90deg, var(--gold-muted), var(--gold-bright));border-radius:inherit;height:100%;transition:width .6s}.other-matches{width:100%}.other-matches-heading{margin-bottom:36px}.secondary-message{background:radial-gradient(ellipse at 100% 0%, #d6b36a09, transparent 50%), linear-gradient(145deg, #ffffff05, transparent 65%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;min-height:250px;margin-bottom:16px;padding:clamp(28px,4vw,48px);transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:0 18px 45px #00000021,inset 0 1px #ffffff05}.secondary-message:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 22px 48px #0003}.secondary-message-header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.secondary-message-header>div{min-width:0}.rank-label{color:var(--text-muted);letter-spacing:.04em;font-size:.92rem;font-weight:600;line-height:1.4;display:block}.secondary-message h3{color:var(--text);letter-spacing:-.045em;overflow-wrap:anywhere;margin-top:12px;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:730;line-height:1.12}.secondary-message-header>strong{color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;padding-top:2px;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:750}.secondary-message .message-text{color:var(--text-soft);margin-top:28px;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.8}.ranking-board{width:100%;margin-top:var(--section-gap);background:linear-gradient(145deg, #ffffff05, transparent 65%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(24px,4vw,48px);box-shadow:0 20px 50px #00000029}.ranking-board h2{color:var(--text);letter-spacing:-.025em;margin-bottom:22px;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700}.ranking-row{border-top:1px solid #fff1;grid-template-columns:52px minmax(0,1fr) minmax(64px,auto);align-items:center;gap:18px;min-width:0;padding:17px 6px;transition:background .16s;display:grid}.ranking-row>span:first-child{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:650}.ranking-row strong{min-width:0;color:var(--text-soft);overflow-wrap:anywhere;font-size:.96rem;font-weight:600}.ranking-row>span:last-child{color:var(--gold);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:750}.ranking-row:first-of-type strong{color:var(--text)}.restart-button{margin:36px auto 0;padding:14px 28px;display:flex}.score-explanation{max-width:1000px;color:var(--text-muted);text-align:center;border-top:1px solid #ffffff12;margin:60px auto 0;padding-top:30px;font-size:.88rem;line-height:1.8}.score-explanation h3{color:var(--text-soft);margin-bottom:14px;font-size:1rem;font-weight:700}.score-explanation p+p{margin-top:12px}.score-explanation strong{color:var(--text-soft)}@media (width>=1500px){.app{padding-inline:clamp(64px,5vw,100px)}.quiz-header{margin-bottom:88px}.options{gap:18px}.option{min-height:92px;padding:26px 30px}.result-breakdown{gap:20px}.result-card{min-height:116px;padding:28px}.secondary-message{min-height:270px}}@media (width<=1000px){:root{--page-padding:28px;--section-gap:60px}.result-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.trait-list{gap:24px 28px}.question h1{font-size:clamp(2.4rem,5.5vw,4rem)}.results-header h1{font-size:clamp(3.2rem,9vw,6rem)}}@media (width<=700px){:root{--page-padding:18px;--section-gap:48px}.app{align-items:flex-start;padding-top:28px;padding-bottom:36px}.start-screen{padding:48px 24px}.start-screen h1{font-size:clamp(2.8rem,11vw,4.2rem)}.start-screen>p:not(.eyebrow){margin-top:20px;font-size:.98rem;line-height:1.75}.quiz-header{gap:14px;margin-bottom:44px;padding-bottom:18px}.question-number,.question-total{font-size:.74rem}.progress{width:clamp(90px,32vw,180px)}.question-title{margin-bottom:16px;font-size:.74rem}.question h1{font-size:clamp(2rem,7vw,3.2rem);line-height:1.12}.options{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:30px}.option{gap:14px;min-height:68px;padding:17px}.option-letter{flex-basis:34px;width:34px;height:34px}.option-text{font-size:.96rem;line-height:1.6}.quiz-navigation{gap:12px;margin-top:26px;padding-top:20px}.quiz-navigation button{min-width:0;padding:11px 16px}.results-header{padding-top:20px;padding-bottom:38px}.results-header h1{margin-top:14px;font-size:clamp(2.8rem,12vw,4.6rem);line-height:1}.result-score{margin-top:18px;font-size:1.2rem}.primary-message{margin-bottom:32px;padding:28px 22px}.primary-message .message-text{font-size:1rem;line-height:1.8}.result-breakdown{margin-bottom:var(--section-gap);grid-template-columns:minmax(0,1fr);gap:10px}.result-card{min-height:72px;padding:18px 20px}.result-card strong{font-size:1.15rem}.trait-profile{margin-bottom:var(--section-gap);padding:26px 20px}.trait-profile .other-matches-heading{margin-bottom:26px}.trait-list{grid-template-columns:minmax(0,1fr);gap:20px}.trait-header span{font-size:.9rem}.trait-header strong{font-size:.88rem}.other-matches-heading{margin-bottom:24px}.other-matches-heading h2{font-size:clamp(1.9rem,7vw,2.5rem)}.secondary-message{min-height:0;margin-bottom:12px;padding:25px 22px}.secondary-message-header{gap:14px}.rank-label{font-size:.86rem}.secondary-message h3{margin-top:9px;font-size:clamp(1.35rem,5.5vw,1.8rem)}.secondary-message-header>strong{font-size:1.2rem}.secondary-message .message-text{margin-top:22px;font-size:.96rem;line-height:1.75}.ranking-board{margin-top:var(--section-gap);padding:22px 18px}.ranking-board h2{margin-bottom:16px}.ranking-row{grid-template-columns:30px minmax(0,1fr) auto;gap:10px;padding:14px 0}.ranking-row strong{font-size:.87rem}.ranking-row>span:last-child{font-size:.82rem}.score-explanation{margin-top:44px;padding-top:24px;font-size:.84rem}}@media (width<=400px){:root{--page-padding:12px}.app{padding-top:20px;padding-bottom:28px}.start-screen{padding:38px 18px}.start-screen h1{font-size:2.65rem}.quiz-header{gap:10px}.progress{width:88px}.question h1{font-size:1.95rem}.option{gap:11px;padding:15px 13px}.option-text{font-size:.91rem}.quiz-navigation button{padding:10px 12px;font-size:.82rem}.results-header h1{font-size:2.8rem}.result-card{padding:16px}.result-card span{font-size:.82rem}.result-card strong{font-size:1rem}.trait-profile{padding:23px 16px}.secondary-message{padding:22px 17px}.secondary-message-header{gap:9px}.secondary-message h3{font-size:1.3rem}.secondary-message-header>strong{font-size:1.05rem}.ranking-board{padding:20px 14px}.ranking-row{gap:8px}.ranking-row strong{font-size:.8rem}.ranking-row>span:last-child{font-size:.76rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.option:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}@media (width<=700px){.option:last-child:nth-child(odd){grid-column:1;width:100%}}.welcome-screen{background:radial-gradient(at 50% 35%,#785b2b21,#0000 55%),#080808;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:clamp(28px,6vw,72px) 24px;display:flex;overflow:hidden}.welcome-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:760px;display:flex}.welcome-eyebrow{color:#d8b66a;letter-spacing:.24em;margin-bottom:24px;font-size:.76rem;font-weight:700}.welcome-art{isolation:isolate;background:radial-gradient(at 50% 100%,#82673961,#0000 48%),linear-gradient(#111322 0%,#17172a 52%,#30243a 100%);border:1px solid #d8b66a33;border-radius:14px;width:100%;max-width:650px;height:clamp(180px,29vw,270px);position:relative;overflow:hidden}.welcome-moon{aspect-ratio:1;background:#eadcb7;border-radius:50%;width:clamp(38px,7vw,65px);position:absolute;top:17%;right:18%;box-shadow:0 0 35px #eadcb738}.welcome-star{z-index:1;color:#f1dfad;position:absolute}.star-one{font-size:19px;top:22%;left:20%}.star-two{font-size:24px;top:40%;right:29%}.star-three{font-size:13px;top:15%;left:43%}.welcome-castle{z-index:2;width:58%;height:62%;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}.castle-building{background:linear-gradient(90deg,#191923,#30283a,#191923);border:1px solid #75634f;width:76%;height:53%;position:absolute;bottom:0;left:12%}.castle-tower{background:#242130;border:1px solid #75634f;width:18%;position:absolute;bottom:40%}.castle-tower:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#3b3040;width:124%;height:38%;position:absolute;bottom:100%;left:-12%}.tower-left{height:43%;left:7%}.tower-centre{width:22%;height:86%;left:39%}.tower-right{height:55%;right:7%}.castle-window{background:#d8b66a;border-radius:50% 50% 0 0;width:7%;height:25%;position:absolute;bottom:35%;box-shadow:0 0 8px #d8b66a4d}.window-one{left:25%}.window-two{left:47%}.window-three{right:20%}.castle-door{background:#0c0c12;border-radius:50% 50% 0 0;width:15%;height:48%;position:absolute;bottom:0;left:43%}.welcome-horizon{z-index:3;background:linear-gradient(#09090dbf,#09090d);width:100%;height:20%;position:absolute;bottom:0;left:0}.welcome-title{color:#f3e6c6;letter-spacing:-.045em;margin:32px 0 16px;font-size:clamp(2rem,5.5vw,3.5rem);font-weight:700;line-height:1.12}.welcome-description{color:#c6c0b4;max-width:550px;margin:0;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8}.welcome-details{color:#d8b66a;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:26px 0 30px;font-size:.9rem;display:flex}.welcome-button{color:#17130c;width:min(100%,340px);min-height:56px;font:inherit;letter-spacing:.07em;cursor:pointer;background:#d8b66a;border:1px solid #d8b66a;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:.88rem;font-weight:800;transition:background .18s,color .18s,transform .18s;display:inline-flex}.welcome-button:hover{color:#e8cc88;background:0 0;transform:translateY(-2px)}.welcome-button:focus-visible{outline-offset:5px;outline:2px solid #f3e6c6}.welcome-note{color:#898276;margin:22px 0 0;font-size:.82rem}@media (width<=600px){.welcome-screen{padding:32px 20px}.welcome-eyebrow{font-size:.68rem}.welcome-art{height:190px}.welcome-title{margin-top:26px}.welcome-description{line-height:1.7}.welcome-details{gap:12px 20px}}@media (prefers-reduced-motion:reduce){.welcome-button{transition:none}.welcome-button:hover{transform:none}}.welcome-art{background:#101013;border:1px solid #d8b66a40;border-radius:14px;width:100%;max-width:760px;height:clamp(200px,35vh,360px);overflow:hidden}.welcome-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.image-copyright{color:#898276;text-align:right;width:100%;max-width:760px;margin:8px 0 0;font-size:.72rem;line-height:1.5}.upcoming-quiz{box-sizing:border-box;text-align:center;background:#ffffff09;border:1px solid #0ff;border-radius:16px;width:100%;margin:42px 0 0;padding:26px 24px}.upcoming-quiz-eyebrow{color:#0ff;letter-spacing:2.5px;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.upcoming-quiz-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:23px;font-weight:700}.upcoming-quiz-description{color:#ffffffad;max-width:360px;margin:12px auto 18px;font-size:14px;line-height:1.7}.upcoming-quiz-badge{color:#0ff;letter-spacing:2px;border:1px solid #b5a3ff59;border-radius:6px;padding:8px 14px;font-size:10px;font-weight:800;display:inline-block}@media (width<=480px){.upcoming-quiz{margin-top:32px;padding:22px 16px}.upcoming-quiz-title{font-size:21px}}