@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@600;700;800&display=swap";.app-shell{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:radial-gradient(circle at 85% 12%,#8e42e852,#0000 28rem),radial-gradient(circle at 10% 95%,#5c22ac57,#0000 29rem),linear-gradient(150deg,#171022 0%,#0d0a12 72%);place-items:center;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(2px);opacity:.7;pointer-events:none;border-radius:50%;position:absolute}.ambient-one{border:1px solid #9856f24d;width:210px;height:210px;top:20%;right:-120px}.ambient-two{border:1px solid #ffffff1f;width:130px;height:130px;bottom:15%;left:-75px}.theme-home{background:radial-gradient(circle at 15% 12%,#36785b45,#0000 30rem),radial-gradient(circle at 88% 85%,#8039cd3d,#0000 32rem),#0d0d11;align-items:center;overflow-y:auto}.catalog{z-index:1;width:min(100%,1040px);padding:50px 0;position:relative}.catalog-header{max-width:680px;margin-bottom:34px}.catalog-header h1{overflow-wrap:anywhere;max-width:none;font-size:clamp(31px,7vw,60px)}.catalog-header>p:last-child{color:#fff9ee9e;max-width:570px;margin:18px 0 0;line-height:1.6}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.quiz-tile{color:#fff9ee;text-align:left;cursor:pointer;background:#17141d;border:1px solid #ffffff24;border-radius:26px;min-width:0;padding:0;transition:transform .2s,border-color .2s;overflow:hidden;box-shadow:0 24px 65px #0000004d}.quiz-tile:hover{border-color:#ffffff52;transform:translateY(-4px)}.tile-art{width:100%;height:245px;display:block}.artwork{isolation:isolate;background-position:50%;background-size:cover;position:relative;overflow:hidden}.artwork:before{content:"";z-index:-1;background:inherit;filter:blur(14px)brightness(.62);position:absolute;inset:-18px;transform:scale(1.08)}.artwork:after{content:"";z-index:-1;background:#050a0821;position:absolute;inset:0}.artwork img{object-fit:contain;width:100%;height:100%;display:block;position:relative}.gravity-tile{background:linear-gradient(155deg,#203a2e,#101f19)}.revva-tile{background:linear-gradient(155deg,#392653,#1b1326)}.tile-copy{min-height:220px;padding:25px;display:grid}.tile-copy small{color:#fff9ee80;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:800}.gravity-tile .tile-copy small{color:#edbd58}.revva-tile .tile-copy small{color:#c494ff}.tile-copy strong{letter-spacing:-.035em;align-self:start;margin-top:12px;font-family:Unbounded,sans-serif;font-size:clamp(20px,3vw,28px);line-height:1.2}.tile-copy em{justify-content:space-between;align-self:end;margin-top:24px;font-size:14px;font-style:normal;font-weight:800;display:flex}.tile-copy b{font-size:20px}.home-button{z-index:15;top:max(22px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left));color:#fff9ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0c0e0dc2;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:800;display:flex;position:fixed}.menu-button{z-index:20;top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#100c13d1;border:1px solid #ffffff2e;border-radius:15px;place-content:center;gap:5px;width:50px;height:50px;display:grid;position:fixed;box-shadow:0 10px 30px #00000040}.menu-button span{background:#fff9ee;border-radius:2px;width:20px;height:2px}.menu-backdrop{z-index:17;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02050499;border:0;position:fixed;inset:0}.quiz-menu{z-index:18;background:#17131a;border:1px solid #ffffff26;border-radius:22px;width:min(340px,100vw - 40px);padding:18px;animation:.22s ease-out card-in;position:fixed;top:82px;right:20px;box-shadow:0 24px 70px #00000080}.quiz-menu p{color:#fff9ee80;letter-spacing:.12em;text-transform:uppercase;margin:2px 4px 13px;font-size:11px;font-weight:800}.quiz-menu button{color:#fff9ee;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;gap:5px;width:100%;padding:15px;display:grid}.quiz-menu button:hover,.quiz-menu button.active{background:#d7a9461a;border-color:#d7a94673}.quiz-menu small{color:#fff9ee7a}.quiz-card{z-index:1;background:linear-gradient(155deg,#2d1c43f5,#181122fa 58%,#231335f7);border:1px solid #ffffff21;border-radius:30px;flex-direction:column;justify-content:center;width:min(100%,520px);min-height:min(660px,100svh - 36px);padding:clamp(26px,7vw,48px);animation:.38s ease-out both card-in;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000073,inset 0 1px #ffffff14}.quiz-card:after{content:"";pointer-events:none;background:#9246e829;border-radius:50%;width:230px;height:230px;position:absolute;top:-160px;right:-120px;box-shadow:0 0 90px #8a3de73d}.start-image{background:#17121d;border:1px solid #a768f44d;border-radius:20px;width:100%;height:clamp(150px,25svh,205px);margin-bottom:24px;overflow:hidden;box-shadow:0 15px 35px #06020c4d}.start-image img{object-fit:contain;filter:contrast(1.03);width:100%;height:100%;display:block}.eyebrow{color:#b981ff;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:800}h1,h2{letter-spacing:-.035em;margin:0;font-family:Unbounded,Manrope,sans-serif}h1{max-width:420px;font-size:clamp(29px,8vw,44px);line-height:1.08}.subtitle{color:#fff9eeb8;margin:20px 0 30px;font-size:16px;line-height:1.6}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#7736d7,#9949e8);border:0;border-radius:17px;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:0 22px;font-weight:800;transition:transform .18s,filter .18s;display:flex;box-shadow:0 14px 35px #7736d74d}.primary-button:hover{filter:brightness(1.07);transform:translateY(-2px)}.primary-button span{font-size:22px}.time-note{text-align:center;color:#fff9ee6b;margin:18px 0 0;font-size:12px}.question-screen{justify-content:flex-start}.progress-header{color:#fff9ee99;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.progress-track{background:#ffffff1a;border-radius:4px;width:100%;height:4px;margin:13px 0 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7a36dc,#ad5df2);border-radius:4px;height:100%;transition:width .3s}.question-content{flex-direction:column;flex:1;justify-content:center;animation:.25s ease-out both question-in;display:flex}.question-heading{margin:42px 0 30px}.question-heading h2{font-size:clamp(23px,6.8vw,33px);line-height:1.22}.question-heading.has-image{grid-template-columns:minmax(0,1fr) clamp(98px,27vw,112px);align-items:stretch;gap:16px;display:grid}.question-heading.has-image h2{font-size:clamp(19px,5.6vw,27px)}.question-image{aspect-ratio:3/4;border:1px solid #a768f440;border-radius:16px;width:100%;min-height:122px;overflow:hidden;box-shadow:0 12px 28px #06020c3d}.question-image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.options{gap:11px;display:grid}.option-button{color:#fff9ee;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff21;border-radius:16px;grid-template-columns:38px 1fr 18px;align-items:center;gap:11px;width:100%;min-height:68px;padding:11px 14px;font-size:14px;font-weight:600;transition:border-color .16s,background .16s,transform .16s;display:grid}.option-button:hover{background:#8e42e821;border-color:#ae68f6a6;transform:translateY(-1px)}.option-button:disabled{cursor:default;opacity:.65}.option-letter{color:#c494ff;background:#9148e826;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.option-arrow{color:#ffffff52;font-size:25px}.is-leaving .question-content{animation:.18s ease-in both question-out}.result-screen{text-align:center;align-items:center}.result-sparkles{color:#bd88ff;font-size:30px;position:absolute;top:33px;left:24px;transform:rotate(-12deg)}.result-sparkles span{font-size:12px;position:absolute;top:30px;left:26px}.score{color:#b97cff;justify-content:center;align-items:baseline;font-family:Unbounded,sans-serif;display:flex}.score strong{letter-spacing:-.08em;font-size:clamp(76px,24vw,116px);line-height:1}.score span{color:#fff9ee73;margin-left:10px;font-size:22px}.result-rule{background:#9144e5;border-radius:3px;width:52px;height:3px;margin:26px 0}.result-screen h1{text-transform:uppercase;font-size:clamp(25px,7vw,39px)}.result-description{color:#fff9eeb3;max-width:390px;margin:20px 0 0;line-height:1.6}.result-quiz-name{color:#fff9ee66;letter-spacing:.06em;text-transform:uppercase;margin:30px 0 20px;font-size:11px;font-weight:700}.theme-gravity-falls{background:radial-gradient(circle at 82% 10%,#c57e2633,#0000 28rem),radial-gradient(circle at 10% 92%,#1c69524d,#0000 30rem),linear-gradient(150deg,#12251f,#080e0c 72%);overflow-y:auto}.theme-gravity-falls .quiz-card{background:linear-gradient(155deg,#203a2ef7,#0d1b16fa 58%,#2d1f13f7);border-color:#deb25440;box-shadow:0 28px 90px #00000085,inset 0 1px #ffefbe17}.theme-gravity-falls .quiz-card:after{background:#cf8e3321;box-shadow:0 0 90px #cf8e332e}.theme-gravity-falls .eyebrow,.theme-gravity-falls .option-letter{color:#edbd58}.theme-gravity-falls .primary-button,.theme-gravity-falls .progress-fill{background:linear-gradient(110deg,#a86222,#d49335)}.theme-gravity-falls .primary-button{box-shadow:0 14px 35px #aa5f1c47}.theme-gravity-falls .option-button:hover{background:#be7e2321;border-color:#e0a941a6}.theme-gravity-falls .question-heading{margin:36px 0 26px}.theme-gravity-falls .options{gap:9px}.theme-gravity-falls .option-button{min-height:62px;padding-block:9px;font-size:14px}.theme-gravity-falls .start-image{aspect-ratio:1/2;background:0 0;border:0;align-self:center;width:auto;height:420px;margin-inline:auto;box-shadow:0 16px 38px #00000047}.theme-gravity-falls .start-image img{border-radius:18px}.personality-result{justify-content:flex-start;padding:0}.result-portrait{background:0 0;border:1px solid #e7b9534d;border-radius:20px;flex:none;align-self:center;width:auto;max-width:calc(100% - 48px);height:350px;margin-top:28px;overflow:hidden;box-shadow:0 16px 38px #0000004d}.result-portrait img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.result-copy{width:100%;padding:26px clamp(22px,7vw,42px) 34px}.result-kicker{color:#fff9ee85;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.personality-result h1{text-transform:none;font-size:clamp(25px,7vw,36px)}.personality-result .result-description{margin-top:15px;font-size:14px}.trait-list{flex-wrap:wrap;justify-content:center;gap:7px;margin:18px 0 22px;display:flex}.trait-list span{color:#f0c776;background:#d3932c17;border:1px solid #e5b54b40;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.99)}}@keyframes question-in{0%{opacity:0;transform:translate(12px)}}@keyframes question-out{to{opacity:0;transform:translate(-12px)}}@media (width<=420px){.quiz-card{border-radius:24px;min-height:calc(100svh - 24px);padding:26px 20px}.start-image{margin-bottom:20px}.theme-gravity-falls .start-image{height:350px}.question-heading{margin-top:34px}.menu-button{width:46px;height:46px;top:16px;right:16px}.personality-result{padding:0}.result-portrait{border-radius:17px;max-width:calc(100% - 36px);height:300px;margin-top:22px}.home-button{top:14px;left:14px}}@media (width<=700px){.theme-home{display:block}.catalog{width:calc(100vw - 28px);margin:0 auto;padding:38px 0 24px}.catalog-header{padding:0 6px}.catalog-header h1{white-space:normal;width:calc(100vw - 40px);font-size:clamp(28px,8.2vw,36px);line-height:1.12}.catalog-header>p:last-child{width:calc(100vw - 40px)}.quiz-grid{grid-template-columns:1fr}.tile-art{height:235px}.tile-copy{min-height:190px}}@media (width<=360px){.question-heading.has-image{grid-template-columns:minmax(0,1fr) 82px;gap:12px}.question-image{border-radius:13px;min-height:110px}}@media (width>=800px){.app-shell{padding:36px}.quiz-card{min-height:700px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{color:#fff9ee;font-synthesis:none;text-rendering:optimizelegibility;background:#17120f;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{background:#17120f;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #fff}