:root{--red-bayern:#dc052d;--red-signal:#ff2d4e;--red-hot:#ff5670;--red-deep:#a00320;--red-wash:#2a0710;--burgundy-ink:#3d0714;--blue-arena:#0c63c9;--blue-flood:#4ea8ff;--blue-ice:#a9d6ff;--gold-schale:#e8c15c;--bg-void:#08080a;--bg-base:#0b0b0e;--surface-1:#121319;--surface-2:#1a1b23;--surface-3:#23242e;--surface-red:#1c0509;--text-hi:#fff;--text-mid:#9aa3ae;--text-low:#7c8593;--text-ghost:#4a515c;--text-on-red:#fff;--line-faint:#ffffff0f;--line:#ffffff1a;--line-strong:#ffffff2e;--line-red:#ff2d4e61;--line-red-hot:#ff2d4ed9;--line-ice:#4ea8ff4d;--shadow-1:0 1px 2px #0009;--shadow-2:0 4px 14px -3px #000000ad;--shadow-3:0 18px 44px -14px #000000d9;--shadow-red:0 10px 34px -10px #dc052d80;--shadow-red-hot:0 0 0 1px #ff2d4e8c, 0 12px 44px -8px #dc052d99;--glow-ice:0 0 28px -6px #4ea8ff73;--inset-top:inset 0 1px 0 #ffffff12;--r-1:4px;--r-2:8px;--r-3:12px;--r-4:16px;--r-5:22px;--r-pill:999px;--cut:18px;--cut-lg:34px;--s-2:4px;--s-3:6px;--s-4:8px;--s-5:12px;--s-6:16px;--s-7:20px;--s-8:24px;--s-9:32px;--s-10:40px;--s-11:48px;--s-12:64px;--s-13:80px;--gutter:clamp(16px, 4.4vw, 32px);--measure:34ch;--shell-max:480px;--shell-max-result:560px;--z-pitch:0;--z-panel:1;--z-flood:2;--z-content:10;--z-sticky:20;--z-overlay:30;--z-confetti:40;--e-out:cubic-bezier(.22, 1, .36, 1);--e-expo:cubic-bezier(.16, 1, .3, 1);--e-in:cubic-bezier(.55, .09, .68, .53);--e-inout:cubic-bezier(.65, 0, .35, 1);--e-pop:cubic-bezier(.34, 1.56, .64, 1);--e-snap:cubic-bezier(.3, 1.4, .5, 1);--t-instant:90ms;--t-fast:.14s;--t-base:.22s;--t-mid:.32s;--t-slow:.48s;--t-reveal:.72s;--trait-calm:#5fb8ff;--trait-swagger:#e8c15c;--trait-chaos:#ff7a45;--trait-leadership:#edf1f7;--trait-teamSpirit:#ff2d4e;--font-display:"Anton", "Arial Narrow", Impact, sans-serif;--font-match:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs--1:clamp(.75rem, .712rem + .17vw, .8125rem);--fs-0:clamp(.9375rem, .898rem + .17vw, 1rem);--fs-1:clamp(1.0625rem, .995rem + .3vw, 1.25rem);--fs-2:clamp(1.25rem, 1.147rem + .46vw, 1.625rem);--fs-3:clamp(1.5rem, 1.283rem + .96vw, 2.125rem);--fs-4:clamp(1.875rem, 1.576rem + 1.33vw, 2.75rem);--fs-5:clamp(2.5rem, 1.978rem + 2.32vw, 4rem);--fs-6:clamp(2.75rem, 1.9rem + 3.8vw, 5rem);--fs-7:clamp(3.25rem, 2.1rem + 5.6vw, 7rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{background:var(--bg-void);color:var(--text-hi);font-family:var(--font-ui);font-size:var(--fs-0);-webkit-tap-highlight-color:transparent;line-height:1.5;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{padding:0;list-style:none}img,svg,canvas{max-width:100%;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--red-signal);outline-offset:3px;border-radius:var(--r-2)}.dna__value,.qhead__count,.result__stat,.progress__label{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative}.app__bg{z-index:var(--z-pitch);pointer-events:none;position:fixed;inset:0;overflow:hidden}.app__pitch{inset-inline:-10%;opacity:.055;transform-origin:bottom;background-image:linear-gradient(90deg,#fff 1px,#0000 1px),linear-gradient(#fff 1px,#0000 1px);background-size:58px 58px;height:62%;position:absolute;bottom:-6%;transform:perspective(520px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000 18%,#000 90%);mask-image:linear-gradient(#0000 18%,#000 90%)}.app__glow{background:radial-gradient(64% 42% at 50% -8%, #dc052d4d 0%, #3d071429 44%, transparent 72%), radial-gradient(48% 34% at 88% 8%, #0c63c91a 0%, transparent 70%), radial-gradient(120% 80% at 50% 50%, transparent 40%, var(--bg-void) 100%);position:absolute;inset:0}.app__bg:after{content:"";opacity:.05;background-image:repeating-linear-gradient(60deg, var(--text-hi) 0 1px, transparent 1px 40px), repeating-linear-gradient(-60deg, var(--text-hi) 0 1px, transparent 1px 40px);animation:24s linear infinite facade-drift;position:absolute;inset:-40px}@keyframes facade-drift{to{background-position:80px 0,-80px 0}}.app__main{z-index:var(--z-content);width:100%;max-width:var(--shell-max);padding-inline:var(--gutter);padding-block:var(--s-8) var(--s-11);flex-direction:column;flex:1;margin-inline:auto;display:flex;position:relative}.phase-result .app__main{max-width:var(--shell-max-result)}.phase-question .app__main,.phase-analysing .app__main,.phase-reveal .app__main,.phase-result .app__main{padding-top:64px}.screen{animation:screen-in var(--t-mid) var(--e-expo) both;flex-direction:column;flex:1;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}}.btn{justify-content:center;align-items:center;gap:var(--s-4);font-family:var(--font-match);letter-spacing:.14em;text-transform:uppercase;padding:0 var(--s-8);border-radius:var(--r-3);min-height:50px;transition:transform var(--t-fast) var(--e-out), background var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out), box-shadow var(--t-fast) var(--e-out);font-size:1rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.975)translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--xl{width:100%;min-height:58px;font-size:1.125rem}.btn--primary{background:var(--red-bayern);color:var(--text-on-red);box-shadow:var(--shadow-red);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%)}.btn--primary:hover{background:var(--red-signal);transform:translateY(-2px)}.btn__arrow{transition:transform var(--t-base) var(--e-out)}.btn--primary:hover .btn__arrow{transform:translate(4px)}.btn--ghost{background:var(--surface-1);border:1px solid var(--line);color:var(--text-hi);flex:1;min-width:0}.btn--ghost:hover{background:var(--surface-2);border-color:var(--line-strong);transform:translateY(-2px)}.btn--x{color:#000;background:#fff;flex:1;min-width:0}.btn--x:hover{background:#e9e9e9;transform:translateY(-2px)}.share__glyph{font-size:1.05rem}.btn--card{background:linear-gradient(135deg, var(--surface-red), var(--surface-1));border:1px solid var(--line-red);width:100%;color:var(--text-hi);margin-top:var(--s-5)}.btn--card:hover{border-color:var(--line-red-hot);box-shadow:var(--shadow-red);transform:translateY(-2px)}.btn__cardIcon{color:var(--red-signal);place-items:center;display:grid}.btn--text{font-family:var(--font-ui);font-weight:500;font-size:var(--fs-0);letter-spacing:0;text-transform:none;color:var(--text-mid);text-underline-offset:4px;min-height:42px;text-decoration:underline;-webkit-text-decoration-color:var(--text-ghost);text-decoration-color:var(--text-ghost)}.btn--text:hover{color:var(--text-hi)}.chip{font-family:var(--font-match);letter-spacing:.1em;text-transform:uppercase;padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);color:var(--text-hi);align-items:center;font-size:.8125rem;font-weight:600;display:inline-flex}.chip--vibe{border-color:var(--line-red);background:var(--surface-red);color:var(--red-hot)}.app__music{top:max(var(--s-5), env(safe-area-inset-top));right:var(--gutter);z-index:var(--z-sticky);position:fixed}.musicToggle{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:36px;font-family:var(--font-match);letter-spacing:.16em;transition:border-color var(--t-fast), color var(--t-fast), background var(--t-fast);background:#121319d1;font-size:.75rem;font-weight:700;display:inline-flex;transform:translateZ(0)}.musicToggle.is-on{color:var(--red-signal);border-color:var(--line-red)}.musicToggle.is-off{color:var(--text-low)}.musicToggle.is-blocked{color:var(--gold-schale);border-color:#e8c15c80}.musicToggle.is-blocked .musicToggle__icon{animation:pulse-soft 1.4s var(--e-inout) infinite}.musicToggle:hover{background:var(--surface-2)}.musicToggle__icon{place-items:center;display:grid}.musicToggle.is-on .musicToggle__icon{animation:pulse-soft 2.4s var(--e-inout) infinite}@keyframes pulse-soft{50%{opacity:.55}}.screen--start{text-align:left;padding-block:var(--s-10);justify-content:center}.start__inner{flex-direction:column;display:flex}.floodlights{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.floodlight{filter:blur(22px);background:linear-gradient(#ffffff12,#0000 62%);width:46%;height:130%;position:absolute;top:-30%}.floodlight--a{animation:flood 9s var(--e-inout) infinite alternate;left:-6%;transform:rotate(14deg)}.floodlight--b{animation:flood 11s var(--e-inout) infinite alternate-reverse;right:-6%;transform:rotate(-14deg)}@keyframes flood{to{opacity:.45}}.start__eyebrow{align-items:center;gap:var(--s-5);margin-bottom:var(--s-7);display:flex}.start__pill{font-family:var(--font-match);letter-spacing:.2em;background:var(--red-bayern);color:var(--text-on-red);padding:4px var(--s-4);font-size:.6875rem;font-weight:700;transform:skew(-12deg)}.start__pill>*{display:inline-block;transform:skew(12deg)}.start__eyebrowText{font-family:var(--font-match);letter-spacing:.26em;color:var(--text-low);font-size:.6875rem;font-weight:600}.start__title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--s-7);line-height:.84}.start__titleLine{font-size:var(--fs-7);display:block}.start__titleLine--1{color:var(--text-hi)}.start__titleLine--2{color:var(--red-signal)}.start__q{color:var(--red-bayern);margin-right:-.06em;font-size:1.18em;line-height:0;display:inline-block}.start__title:after{content:"";background:var(--red-bayern);width:2.4ch;height:3px;margin-top:var(--s-6);display:block}.start__sub{font-size:var(--fs-1);color:var(--text-mid);margin-bottom:var(--s-9);max-width:30ch;line-height:1.45}.start__cta{margin-bottom:var(--s-5)}.start__instinct{font-family:var(--font-match);letter-spacing:.18em;text-transform:uppercase;color:var(--text-low);text-align:center;margin-bottom:var(--s-9);font-size:.8125rem;font-weight:600}.start__meta{align-items:center;gap:var(--s-5);margin-bottom:var(--s-7);display:flex}.start__metaItem{font-family:var(--font-match);letter-spacing:.2em;color:var(--text-low);font-size:.6875rem;font-weight:600}.start__dot{background:var(--text-ghost);border-radius:50%;width:3px;height:3px}.start__ticker{align-items:baseline;gap:var(--s-5);padding-top:var(--s-6);border-top:1px solid var(--line-faint);display:flex}.start__tickerLabel{font-family:var(--font-match);letter-spacing:.24em;color:var(--text-ghost);flex-shrink:0;font-size:.625rem;font-weight:600}.start__tickerName{font-family:var(--font-match);letter-spacing:.06em;color:var(--text-mid);animation:ticker-in var(--t-slow) var(--e-expo) both;font-size:.9375rem;font-weight:700}@keyframes ticker-in{0%{opacity:0;transform:translateY(6px)}}.start__legal,.result__legal{margin-top:var(--s-9);color:var(--text-ghost);text-align:center;font-size:.6875rem}.screen--question{gap:var(--s-8)}.qhead{gap:var(--s-5);flex-direction:column;display:flex}.qhead__top{justify-content:space-between;align-items:center;gap:var(--s-5);display:flex}.qhead__back{border-radius:var(--r-pill);border:1px solid var(--line);width:34px;height:34px;color:var(--text-mid);transition:background var(--t-fast), color var(--t-fast);place-items:center;font-size:1rem;display:grid}.qhead__back:hover{background:var(--surface-2);color:var(--text-hi)}.qhead__back--ghost{pointer-events:none;border-color:#0000}.qhead__count{font-family:var(--font-match);letter-spacing:.12em;align-items:baseline;gap:2px;font-weight:700;display:flex}.qhead__countNum{color:var(--text-hi);font-size:1.375rem}.qhead__countSep{color:var(--text-ghost);font-size:1rem}.qhead__countTotal{color:var(--text-low);font-size:1rem}.qhead__minute{font-family:var(--font-match);letter-spacing:.14em;color:var(--red-signal);text-align:right;min-width:42px;font-size:.75rem;font-weight:600}.progress{position:relative}.progress__track{gap:3px;display:flex}.progress__seg{height:4px;transition:background var(--t-base) var(--e-out), height var(--t-base) var(--e-out), box-shadow var(--t-base) var(--e-out);background:#ffffff17;border-radius:1px;flex:1}.progress__seg.is-done{background:var(--red-bayern)}.progress__seg.is-active{background:var(--red-signal);height:6px;box-shadow:0 0 12px -1px var(--red-signal);margin-block:-1px}.progress__fill{display:none}.qbody{justify-content:center;gap:var(--s-9);animation:q-in var(--t-mid) var(--e-expo) both;flex-direction:column;flex:1;display:flex}@keyframes q-in{0%{opacity:0;transform:translateY(18px)}}.qbody__text{font-family:var(--font-ui);font-weight:600;font-size:var(--fs-3);letter-spacing:-.015em;max-width:var(--measure);text-wrap:balance;line-height:1.18}.qbody__options{gap:var(--s-5);flex-direction:column;display:flex}.answer{align-items:flex-start;gap:var(--s-6);text-align:left;padding:var(--s-7);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-4);min-height:84px;color:var(--text-hi);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);transition:background var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out), transform var(--t-fast) var(--e-out), opacity var(--t-base) var(--e-out);animation:answer-in var(--t-mid) var(--e-expo) both;display:flex;position:relative;overflow:hidden}.answer:first-child{animation-delay:.12s}.answer:nth-child(2){animation-delay:.17s}@keyframes answer-in{0%{opacity:0;transform:translateY(16px)}}.answer:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong);transform:translateY(-2px)}.answer:active:not(:disabled){transform:scale(.975)translateY(1px)}.answer__key{width:26px;font-family:var(--font-match);color:var(--text-ghost);transition:color var(--t-fast) var(--e-out);flex-shrink:0;font-size:1.25rem;font-weight:700;line-height:1.2}.answer__text{font-size:var(--fs-0);font-weight:500;line-height:1.38}.answer__check{right:var(--s-6);bottom:var(--s-6);border-radius:var(--r-pill);background:var(--red-bayern);color:#fff;opacity:0;width:26px;height:26px;transition:opacity var(--t-fast) var(--e-out), transform var(--t-fast) var(--e-pop);place-items:center;display:grid;position:absolute;transform:scale(.6)}.answer__sweep{inset-block:0;background:var(--red-bayern);width:0;transition:width var(--t-fast) var(--e-out);position:absolute;left:0}.answer.is-picked{border-color:var(--line-red-hot);background:repeating-linear-gradient(102deg, #ff2d4e12 0 6px, transparent 6px 14px), var(--surface-2);box-shadow:var(--shadow-red-hot)}.answer.is-picked .answer__sweep{width:3px}.answer.is-picked .answer__key{color:var(--red-signal)}.answer.is-picked .answer__check{opacity:1;transform:scale(1)}.answer.is-dimmed{opacity:.32}.qbody__hint{text-align:center;font-family:var(--font-match);letter-spacing:.2em;text-transform:uppercase;color:var(--text-ghost);font-size:.75rem;font-weight:500}.screen--analysing{text-align:center;justify-content:center;align-items:center;position:relative}.screen--analysing:before{content:"";z-index:-1;background:radial-gradient(90% 60% at 50% 42%, #0b1626 0%, var(--bg-void) 70%);animation:fade-in var(--t-mid) var(--e-expo) both;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.analysing__inner{align-items:center;gap:var(--s-7);flex-direction:column;width:100%;display:flex}.scan{border:1px solid var(--line-ice);width:108px;height:108px;box-shadow:var(--glow-ice);margin-bottom:var(--s-4);border-radius:50%;position:relative}.scan:before,.scan:after{content:"";border:1px solid var(--line-ice);border-radius:50%;position:absolute}.scan:before{inset:16px}.scan:after{border-color:#0000;border-top-color:var(--blue-flood);animation:2.4s linear infinite scan-spin;inset:-1px}@keyframes scan-spin{to{transform:rotate(360deg)}}.analysing__eyebrow{font-family:var(--font-display);font-size:var(--fs-4);letter-spacing:.02em;color:var(--text-hi);line-height:1}.analysing__title{font-family:var(--font-match);font-weight:700;font-size:var(--fs-2);letter-spacing:.2em;color:var(--blue-flood);text-transform:uppercase;margin-top:calc(var(--s-7) * -1 + var(--s-3))}.analysing__dna{color:var(--text-hi)}.analysing__stage{align-items:center;gap:var(--s-4);font-family:var(--font-match);letter-spacing:.18em;text-transform:uppercase;color:var(--text-low);font-size:.8125rem;font-weight:500;display:flex}.analysing__stage>span:last-child{animation:fade-in .26s var(--e-inout) both}.analysing__spinner{background:var(--blue-flood);width:7px;height:7px;animation:pulse-soft 1.1s var(--e-inout) infinite;border-radius:50%}.dna{gap:var(--s-6);flex-direction:column;width:100%;display:flex}.dna__row{align-items:center;gap:var(--s-3) var(--s-5);animation:row-in var(--t-slow) var(--e-expo) both;animation-delay:var(--delay,0s);grid-template-columns:auto 1fr auto;grid-template-areas:"label.value""bar bar bar";display:grid}@keyframes row-in{0%{opacity:0;transform:translate(-10px)}}.dna__label{grid-area:label;align-items:center;gap:10px;display:flex}.dna__emoji{border-radius:var(--r-pill);border:1px solid var(--line-faint);filter:saturate(.82);background:#ffffff0d;place-items:center;width:24px;height:24px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:13px;line-height:1;display:grid}.dna__name{font-family:var(--font-match);letter-spacing:.2em;text-transform:uppercase;color:var(--text-hi);font-size:.8125rem;font-weight:700}.dna__value{font-family:var(--font-match);color:var(--trait-c,var(--text-hi));grid-area:value;font-size:.9375rem;font-weight:700}.dna__track{border-radius:var(--r-1);background:var(--surface-2);height:10px;box-shadow:var(--inset-top);grid-area:bar;overflow:hidden}.dna__fill{border-radius:inherit;background:var(--trait-c,var(--red-bayern));height:100%;transition:width 90ms linear;display:block}.dna__row:has(.dna__fill--calm){--trait-c:var(--trait-calm)}.dna__row:has(.dna__fill--swagger){--trait-c:var(--trait-swagger)}.dna__row:has(.dna__fill--chaos){--trait-c:var(--trait-chaos)}.dna__row:has(.dna__fill--leadership){--trait-c:var(--trait-leadership)}.dna__row:has(.dna__fill--teamSpirit){--trait-c:var(--trait-teamSpirit)}.dna__fill--swagger{background-image:repeating-linear-gradient(102deg,#00000038 0 2px,#0000 2px 8px)}.dna__fill--chaos{background-image:repeating-linear-gradient(102deg,#00000038 0 2px,#0000 2px 4px)}.dna__fill--leadership{background-image:repeating-linear-gradient(90deg,#0003 0 1px,#0000 1px 4px)}.dna__fill--teamSpirit{box-shadow:0 0 14px -2px var(--trait-teamSpirit)}.dna--large .dna__track{height:12px}.dna--large .dna__name{font-size:.875rem}.dna--large .dna__value{font-size:1.0625rem}.screen--reveal{text-align:center;cursor:pointer;justify-content:center;align-items:center;position:relative}.revealFlash{z-index:-1;opacity:0;animation:reveal-flash .9s var(--e-expo) 1.1s both;background:radial-gradient(70% 50% at 50% 38%,#dc052d57,#0000 70%);position:fixed;inset:0}@keyframes reveal-flash{0%{opacity:0}22%{opacity:1}to{opacity:.42}}.reveal__youAre{font-family:var(--font-display);font-size:var(--fs-5);letter-spacing:-.02em;color:var(--text-hi);animation:youare-in var(--t-slow) var(--e-expo) both;line-height:.9}@keyframes youare-in{0%{opacity:0;letter-spacing:.08em;transform:translateY(12px)}}.step-1 .reveal__youAre,.step-2 .reveal__youAre{font-size:var(--fs-2);color:var(--text-low);transition:font-size var(--t-slow) var(--e-expo), color var(--t-slow)}.reveal__stage{align-items:center;gap:var(--s-6);margin-top:var(--s-8);flex-direction:column;display:flex}.reveal__portraitWrap{opacity:0;transition:opacity var(--t-slow) var(--e-expo), transform var(--t-slow) var(--e-pop);position:relative;transform:scale(.88)}.step-1 .reveal__portraitWrap,.step-2 .reveal__portraitWrap{opacity:1;transform:scale(1)}.reveal__ring{border-radius:var(--r-5);border:1px solid var(--line-red);pointer-events:none;position:absolute;inset:-10px}.reveal__name{font-family:var(--font-display);font-size:var(--fs-6);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;opacity:0;filter:blur(2px);line-height:.88;transform:scale(1.14)}.step-1 .reveal__name,.step-2 .reveal__name{opacity:1;filter:blur();transition:opacity .46s var(--e-out), transform .46s var(--e-pop), filter .46s var(--e-out);transform:scale(1)}.reveal__title{font-family:var(--font-match);font-weight:700;font-size:var(--fs-1);letter-spacing:.22em;text-transform:uppercase;color:var(--red-signal);opacity:0;transform:translateY(10px)}.step-2 .reveal__title{opacity:1;transition:opacity var(--t-slow) var(--e-out), transform var(--t-slow) var(--e-expo);transform:none}.reveal__skip{bottom:var(--s-9);font-family:var(--font-match);letter-spacing:.24em;text-transform:uppercase;color:var(--text-ghost);animation:fade-in var(--t-slow) var(--e-out) 2s both;font-size:.6875rem;font-weight:500;position:absolute}.portrait{border-radius:var(--r-5);background:linear-gradient(160deg, var(--surface-2), var(--surface-1));border:1px solid var(--line);position:relative;overflow:hidden}.portrait__img{object-fit:cover;object-position:top center;width:100%;height:100%}.portrait--reveal{aspect-ratio:3/4;width:min(210px,56vw)}.portrait--result{aspect-ratio:4/3;border-radius:var(--r-4);width:100%}.portrait--fallback{background:linear-gradient(150deg, var(--red-deep), var(--red-wash) 62%, var(--surface-1));place-items:center;display:grid}.portrait__monogram{font-family:var(--font-display);color:#ffffff2e;font-size:clamp(3.5rem,18vw,6rem);line-height:1}.portrait__fallbackName{bottom:var(--s-5);font-family:var(--font-match);letter-spacing:.16em;text-transform:uppercase;color:#ffffff80;font-size:.75rem;font-weight:600;position:absolute}.screen--result{gap:var(--s-9);position:relative}.confetti{pointer-events:none;width:100%;height:100%;z-index:var(--z-confetti);position:fixed;inset:0}.result__card{padding:var(--s-7);border-radius:var(--r-5);background:linear-gradient(168deg, var(--surface-red), var(--surface-1) 58%);border:1px solid var(--line-red);box-shadow:var(--shadow-3);clip-path:polygon(0 0, calc(100% - var(--cut-lg)) 0, 100% var(--cut-lg), 100% 100%, 0 100%);position:relative;overflow:hidden}.result__card:after{content:"";width:40%;animation:foil .9s var(--e-expo) .3s both;background:linear-gradient(100deg,#0000,#ffffff14,#0000);position:absolute;inset-block:0}@keyframes foil{0%{transform:translate(-160%)}to{transform:translate(360%)}}.result__cardTop{margin-bottom:var(--s-6);justify-content:space-between;align-items:center;display:flex}.result__wordmark{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-hi);font-size:1rem}.result__badge{font-family:var(--font-match);letter-spacing:.2em;color:var(--text-on-red);background:var(--red-bayern);padding:3px var(--s-4);font-size:.625rem;font-weight:700;transform:skew(-12deg)}.result__hero{margin-bottom:var(--s-7);position:relative}.result__crest{right:var(--s-5);bottom:var(--s-5);border-radius:var(--r-pill);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:38px;height:38px;transition:transform var(--t-fast) var(--e-pop);background:#08080ab8;place-items:center;font-size:.8125rem;display:grid;position:absolute}.result__crest:active{transform:scale(.88)}.result__crest.is-stamped{border-color:var(--line-red-hot);box-shadow:var(--shadow-red)}.result__name{font-family:var(--font-display);font-size:var(--fs-4);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;line-height:.92}.result__title{font-family:var(--font-match);letter-spacing:.2em;text-transform:uppercase;color:var(--red-signal);margin-top:var(--s-4);font-size:.9375rem;font-weight:700}.result__tagline{color:var(--text-mid);margin-top:var(--s-5);font-size:var(--fs-0);line-height:1.45}.result__descriptors{gap:var(--s-4);margin-top:var(--s-7);flex-wrap:wrap;display:flex}.result__stamp{font-family:var(--font-display);font-size:var(--fs-2);letter-spacing:.1em;color:var(--red-deep);text-align:center;opacity:.85;animation:stamp .42s var(--e-pop) both;margin-top:calc(var(--s-9) * -1);transform:rotate(-6deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-6deg)scale(2.2)}}.result__block{gap:var(--s-6);flex-direction:column;display:flex}.result__h2{font-family:var(--font-match);letter-spacing:.24em;text-transform:uppercase;color:var(--text-hi);align-items:center;gap:var(--s-5);font-size:.875rem;font-weight:700;display:flex}.result__h2:before{content:"";background:var(--red-bayern);flex-shrink:0;width:3px;height:15px;transform:skew(-12deg)}.result__explanation{color:var(--text-mid);line-height:1.62;font-size:var(--fs-0)}.result__vibes{gap:var(--s-4);flex-wrap:wrap;display:flex}.result__inviteText{color:var(--text-mid);line-height:1.55}.result__block--invite{padding:var(--s-7);border:1px dashed var(--line-red);border-radius:var(--r-4);background:var(--surface-red)}.result__actions{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.share{gap:var(--s-5);flex-direction:column;display:flex}.share__heading{font-family:var(--font-match);letter-spacing:.24em;text-transform:uppercase;color:var(--text-hi);align-items:center;gap:var(--s-5);font-size:.875rem;font-weight:700;display:flex}.share__heading:before{content:"";background:var(--red-bayern);flex-shrink:0;width:3px;height:15px;transform:skew(-12deg)}.share__row{gap:var(--s-4);flex-wrap:wrap;display:flex}.share__row .btn{letter-spacing:.1em;padding-inline:var(--s-5);font-size:.8125rem}.share__status{min-height:1.25rem;color:var(--red-hot);text-align:center;font-size:.8125rem}.debug{z-index:60;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;position:fixed;bottom:0;left:0;right:0}.debug__toggle{border:1px solid var(--line);color:var(--gold-schale);letter-spacing:.1em;background:#000;margin-left:auto;padding:4px 10px;display:block}.debug__body{border-top:1px solid var(--line);max-height:46svh;padding:var(--s-5);gap:var(--s-6);background:#000000f5;display:grid;overflow:auto}.debug__section h4{color:var(--gold-schale);letter-spacing:.1em;margin-bottom:4px;font-size:11px}.debug pre{white-space:pre-wrap;color:#9fe8b0;line-height:1.45}.fatal{justify-content:center;align-items:center;gap:var(--s-6);min-height:100svh;padding:var(--gutter);text-align:center;flex-direction:column;max-width:420px;margin-inline:auto;display:flex}.fatal__title{font-family:var(--font-display);font-size:var(--fs-4);line-height:1}.fatal__body{color:var(--text-mid)}@media (width>=720px){.app__main{padding-block:var(--s-12) var(--s-13)}.answer{min-height:92px}.qbody__options{gap:var(--s-6)}.result__card{padding:var(--s-9)}}@media (height<=640px){.portrait--reveal{width:min(150px,40vw)}.reveal__skip{display: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}.app__bg:after,.floodlight,.result__card:after,.scan:after,.musicToggle.is-on .musicToggle__icon{animation:none!important}.reveal__portraitWrap,.reveal__name,.reveal__title{opacity:1!important;filter:none!important;transform:none!important}}