@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,600..900,0..100,0..1;1,9..144,600..900,0..100,0..1&display=swap";:root{font-family:var(--font-mono);color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-mono:"DM Mono", ui-monospace, monospace;--ink:#1c1a17;--ink-soft:#1c1a179e;--ink-faint:#1c1a1761;--paper:#f8f2e6;--cream:#eee8dc;--coral:#f36b54;--coral-dark:#d95440;--blue:#4f75e9;--blue-dark:#385bc9;--gold:#f2cc56;--green:#3c9d6d;--plum:#d2568a;--teal:#2f8f9d;--line:#1c1a172e;--cat-alltag:#d9922f;--cat-essen:#f36b54;--cat-zuhause:#3c9d6d;--cat-freizeit:#4f75e9;--cat-menschen:#d2568a;--cat-unterwegs:#2f8f9d;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-slam:cubic-bezier(.6, -.4, .3, 1.5);--spot-x:50vw;--spot-y:30vh}*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input{font:inherit;letter-spacing:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:2px}::selection{background:var(--coral);color:var(--paper)}h1,h2,h3,strong,b{font-variation-settings:"SOFT" 24, "WONK" 1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --fill{syntax:"<percentage>";inherits:false;initial-value:0%}#root{min-height:100svh}.app-shell{background:var(--cream);isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__halftone{background-image:radial-gradient(circle at center, var(--coral) 1.1px, transparent 1.3px), radial-gradient(circle at center, var(--blue) 1.1px, transparent 1.3px);opacity:.13;translate:calc((var(--spot-x) - 50vw) * -.012) calc((var(--spot-y) - 50vh) * -.012);background-position:0 0,5px 6px;background-size:11px 11px,11px 11px;position:absolute;inset:-40px}.backdrop__margin{background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:61.8%}.backdrop__margin:before{content:"";border:1px solid var(--ink);background:var(--cream);opacity:.5;width:7px;height:7px;position:absolute;top:0;left:-3px}.registration{z-index:26;pointer-events:none;animation:rise 1.2s var(--ease-out) both .4s;flex-direction:column;align-items:flex-end;gap:1px;display:flex;position:fixed;top:42%;right:0}.registration i{border:1px solid var(--ink);border-right:0;width:13px;height:13px}.registration i:first-child{background:var(--coral)}.registration i:nth-child(2){background:var(--blue)}.registration i:nth-child(3){background:var(--gold)}.registration i:nth-child(4){background:var(--ink)}.registration span{writing-mode:vertical-rl;letter-spacing:.3em;color:var(--ink-faint);margin-top:7px;font-size:7px}.app-shell:before{content:"";pointer-events:none;opacity:.24;mix-blend-mode:multiply;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:-60px}.crop-marks{z-index:28;pointer-events:none;position:fixed;inset:14px}.crop-marks i{opacity:.32;width:16px;height:16px;animation:rise .9s var(--ease-out) both;position:absolute}.crop-marks i:before,.crop-marks i:after{content:"";background:var(--ink);position:absolute}.crop-marks i:before{width:100%;height:1px;top:0}.crop-marks i:after{width:1px;height:100%;left:0}.crop-marks i:first-child{top:0;left:0}.crop-marks i:nth-child(2){animation-delay:60ms;top:0;right:0;rotate:90deg}.crop-marks i:nth-child(3){animation-delay:.12s;bottom:0;right:0;rotate:180deg}.crop-marks i:nth-child(4){animation-delay:.18s;bottom:0;left:0;rotate:270deg}.confetti-canvas{pointer-events:none;z-index:60;width:100%;height:100%;position:fixed;inset:0}.rise{animation:rise .85s var(--ease-out) both;animation-delay:var(--d,0s)}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(26px)}[data-reveal].is-visible{opacity:1;transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.letters{display:inline-block}.letters>span{white-space:pre;animation:letterIn .8s var(--ease-spring) both;animation-delay:var(--d,0s);display:inline-block}.app-header{border-bottom:1px solid var(--line);z-index:25;width:min(1180px,100% - 40px);height:84px;animation:rise .8s var(--ease-out) both;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.wordmark{color:var(--ink);font-family:var(--font-display);letter-spacing:-2px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:28px;font-weight:800;display:flex}.wordmark span{transition:color .3s var(--ease-out), transform .35s var(--ease-spring)}.wordmark i{color:var(--coral);transition:transform .45s var(--ease-spring), color .3s ease;padding:0 3px;font-family:inherit;font-style:italic;font-weight:600;display:inline-block}.wordmark:hover i{color:var(--blue);transform:rotate(-24deg)scale(1.25)}.wordmark:hover span:first-of-type{color:var(--coral);transform:translateY(-2px)}.wordmark:hover span:last-of-type{color:var(--blue);transform:translateY(2px)}.app-header__actions{align-items:center;gap:14px;display:flex}.connection-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;font-size:10px;display:flex}.connection-pill em{font-style:normal}.connection-pill__dot{background:#888;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #1c1a1712}.connection-pill--connected .connection-pill__dot{background:var(--green);box-shadow:0 0 0 4px #3c9d6d29}.connection-pill--connecting .connection-pill__dot{background:#e5a43c;animation:1.2s infinite pulse}.connection-pill--disconnected .connection-pill__dot{background:var(--coral-dark);animation:.9s infinite pulse}.header-button,.switch-player{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:0 0;border:0;padding:5px 0;font-size:11px;position:relative}.header-button:after,.switch-player:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .35s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0}.header-button:hover,.switch-player:hover{color:var(--coral-dark)}.header-button:hover:after,.switch-player:hover:after{transform-origin:0;animation:underline .5s var(--ease-out) forwards;transform:scaleX(0)}.switch-player{left:24px;bottom:max(18px, env(safe-area-inset-bottom));z-index:25;position:fixed}.role-screen{text-align:left;z-index:2;flex-direction:column;justify-content:center;align-items:stretch;width:min(1040px,100% - 40px);min-height:calc(100svh - 84px);margin:0 auto;padding:48px 0 54px;transition:opacity .5s;display:flex;position:relative}.role-screen--picked{opacity:.16;pointer-events:none}.role-screen__aura{border:1px dashed var(--line);border-radius:50%;width:300px;height:300px;animation:44s linear infinite spin;position:absolute;top:2%;right:-70px}.role-screen__aura:after{content:"50/50";background:var(--cream);letter-spacing:.3em;color:var(--ink-faint);padding:0 8px;font-size:9px;position:absolute;top:-11px;left:50%;translate:-50%}.role-screen__eyebrow,.results-hero__eyebrow,.reset-dialog__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);font-size:10px}.role-screen h1{width:100%;max-width:12ch;font:700 clamp(48px, 8vw, 96px)/.92 var(--font-display);letter-spacing:-.055em;margin:14px 0 16px}.role-screen h1 em{color:var(--coral);font-variation-settings:"SOFT" 60, "WONK" 1;font-style:italic}.role-screen__intro{max-width:44ch;color:var(--ink-soft);margin:0 0 40px;font-size:13px;line-height:1.7}.role-grid{perspective:1100px;grid-template-columns:1fr 1fr;align-items:start;gap:18px;width:100%;display:grid}.role-card--mari{margin-top:42px}.role-card{--tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:50%;border:1px solid var(--ink);cursor:pointer;text-align:left;min-height:280px;box-shadow:7px 7px 0 var(--ink);transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s var(--ease-out), box-shadow .3s var(--ease-out), opacity .4s ease;animation:cardIn 1s var(--ease-out) both;animation-delay:var(--d,0s);border-radius:6px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:22px 24px 24px;display:flex;position:relative;overflow:hidden}.role-card:after{content:"";pointer-events:none;-webkit-mask:radial-gradient(190px circle at var(--glow-x) var(--glow-y), #000 10%, transparent 72%);mask:radial-gradient(190px circle at var(--glow-x) var(--glow-y), #000 10%, transparent 72%);-webkit-mask:radial-gradient(190px circle at var(--glow-x) var(--glow-y), #000 10%, transparent 72%);opacity:0;background-image:radial-gradient(circle,#ffffffd9 1.3px,#0000 1.6px);background-size:7px 7px;transition:opacity .3s;position:absolute;inset:0}.role-card:hover:not(:disabled){box-shadow:13px 13px 0 var(--ink)}.role-card:hover:not(:disabled):after{opacity:1}.role-card:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(5px,5px)}.role-card:disabled{opacity:.55;cursor:wait}.role-card--jerome{background:var(--coral)}.role-card--mari{background:var(--blue);color:#fff}.role-card--chosen{animation:cardPick .6s var(--ease-slam) both;z-index:3}.role-card--dimmed{opacity:.2;transform:scale(.94)}.role-card__number{width:38px;height:38px;transition:transform .45s var(--ease-spring);border:1px solid;border-radius:50%;place-items:center;font-size:10px;display:grid}.role-card:hover .role-card__number{transform:rotate(360deg)}.role-card__name{font:700 clamp(48px, 8vw, 88px)/.9 var(--font-display);letter-spacing:-.055em;font-variation-settings:"SOFT" 40, "WONK" 1}.role-card__action{text-transform:uppercase;letter-spacing:.12em;border-top:1px solid;justify-content:space-between;width:100%;padding-top:16px;font-size:10px;display:flex}.role-card__action span{transition:transform .35s var(--ease-spring);font-size:16px}.role-card:hover .role-card__action span{transform:translate(5px,-5px)}.role-card__corner{width:0;height:0;transition:border-width .3s var(--ease-out);border-top:0 solid #0000;border-bottom:26px solid #1c1a1738;border-left:26px solid #0000;border-right:0 solid #0000;position:absolute;bottom:0;right:0}.role-card:hover .role-card__corner{border-width:0 0 46px 46px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;margin-top:34px;padding:9px 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ticker__rail{width:max-content;animation:38s linear infinite tickerScroll;display:flex}.ticker__group{display:flex}.ticker__group span{white-space:nowrap;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);align-items:center;gap:18px;padding-right:18px;font-size:10px;display:flex}.ticker__group i{color:var(--coral);font-style:normal}.role-screen__footnote{text-transform:uppercase;letter-spacing:.14em;text-wrap:balance;max-width:100%;color:var(--ink-soft);margin:26px 0 0;font-size:9px;line-height:1.6}.game-screen{z-index:2;width:min(780px,100% - 32px);min-height:calc(100svh - 84px);margin:0 auto;padding:clamp(28px,5vh,54px) 0 64px;position:relative}.stage-rail{animation:rise 1s var(--ease-out) both .3s;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:130px;left:-42px}.stage-rail i{background:var(--ink);opacity:.3;width:1px;height:26px}.stage-rail span{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.26em;color:var(--ink-faint);white-space:nowrap;font-size:9px}.game-card{background:var(--paper);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--ink);min-height:600px;animation:cardIn .9s var(--ease-out) both;border-radius:8px;flex-direction:column;padding:clamp(20px,4vw,42px);display:flex;position:relative}.game-card:before,.game-card:after{content:"";border:1px solid var(--line);z-index:-1;pointer-events:none;border-radius:8px;position:absolute;inset:0}.game-card:before{transform:rotate(-1.4deg)translateY(5px)}.game-card:after{transform:rotate(1.8deg)translateY(9px)}.game-card__glow{pointer-events:none;box-shadow:inset 0 0 0 2px var(--accent,transparent);opacity:.35;transition:box-shadow .5s var(--ease-out);border-radius:8px;position:absolute;inset:-1px}.game-card[data-category=alltag]{--accent:var(--cat-alltag)}.game-card[data-category=essen]{--accent:var(--cat-essen)}.game-card[data-category=zuhause]{--accent:var(--cat-zuhause)}.game-card[data-category=freizeit]{--accent:var(--cat-freizeit)}.game-card[data-category=menschen]{--accent:var(--cat-menschen)}.game-card[data-category=unterwegs]{--accent:var(--cat-unterwegs)}.game-card__topline{text-transform:uppercase;letter-spacing:.15em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.counter{color:var(--ink-faint);align-items:baseline;gap:2px;display:flex}.counter b{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:20px;font-weight:700}.counter i{color:var(--coral);padding:0 2px;font-style:italic}.category-chip{border:1px solid var(--line);letter-spacing:.12em;color:var(--ink-soft);animation:chipIn .6s var(--ease-spring) both .1s;background:#fff6;border-radius:40px;align-items:center;gap:7px;padding:5px 11px 5px 8px;font-size:9px;display:inline-flex}.category-chip i{color:var(--chip,var(--ink));font-size:13px;font-style:normal;line-height:1;animation:6s ease-in-out infinite chipSpin}.category-chip[data-category=alltag]{--chip:var(--cat-alltag)}.category-chip[data-category=essen]{--chip:var(--cat-essen)}.category-chip[data-category=zuhause]{--chip:var(--cat-zuhause)}.category-chip[data-category=freizeit]{--chip:var(--cat-freizeit)}.category-chip[data-category=menschen]{--chip:var(--cat-menschen)}.category-chip[data-category=unterwegs]{--chip:var(--cat-unterwegs)}.category-chip--mini{padding:3px 8px 3px 6px;font-size:8px}.category-chip--mini i{font-size:10px;animation:none}.progress-track{border-bottom:1px solid var(--ink);height:11px;margin-top:16px;position:relative;overflow:hidden}.progress-track:after{content:"";background-image:repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 2%);opacity:.2;position:absolute;inset:0}.progress-track__fill{background-image:repeating-linear-gradient(90deg, var(--accent,var(--ink)) 0 1px, transparent 1px 2%);height:100%;transition:width .55s var(--ease-out);display:block;position:relative}.progress-track__fill:after{content:"";background:var(--ink);width:2px;height:100%;position:absolute;top:0;right:0}.question-copy{text-align:left;flex-direction:column;justify-content:center;min-height:196px;padding:clamp(30px,5.5vh,54px) 0 26px;display:flex;position:relative}.folio{font:800 clamp(62px, 11vw, 118px)/.8 var(--font-display);letter-spacing:-.07em;color:#0000;-webkit-text-stroke:1px #1c1a172b;pointer-events:none;animation:rise 1s var(--ease-out) both .12s;position:absolute;top:0;right:-4px}.question-copy__label{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);animation:rise .6s var(--ease-out) both;margin-bottom:12px;padding-left:20px;font-size:9px;position:relative}.question-copy__label:before{content:"";background:var(--ink);opacity:.45;width:13px;height:1px;position:absolute;top:50%;left:0}.question-copy h1{max-width:16ch;font:700 clamp(38px, 7vw, 64px)/.94 var(--font-display);letter-spacing:-.045em;text-wrap:balance;animation:rise .8s var(--ease-out) both 80ms;margin:0;position:relative}.question-copy h1:before{content:attr(data-text);color:var(--accent,var(--coral));mix-blend-mode:multiply;opacity:.55;pointer-events:none;animation:misregister 1.1s var(--ease-out) both .1s;position:absolute;inset:0}.waiting-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;margin:auto;display:flex}.waiting-panel__signal{place-items:center;width:74px;height:74px;margin-bottom:26px;display:grid;position:relative}.waiting-panel__signal i{border:1px solid var(--ink);animation:signalRing 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.waiting-panel__signal i:nth-child(2){animation-delay:1.2s}.waiting-panel__signal b{background:var(--coral);border:1px solid var(--ink);width:44px;height:44px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:20px;display:grid}.waiting-panel strong,.waiting-copy strong{font:700 30px var(--font-display);letter-spacing:-.03em}.waiting-panel>span:last-child,.waiting-copy>span:last-child{color:var(--ink-soft);margin-top:8px;font-size:11px}.choice-grid{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:46px;display:grid;position:relative}.choice{--tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:50%;border:1px solid var(--ink);text-align:left;cursor:pointer;min-height:258px;box-shadow:5px 5px 0 var(--ink);transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s var(--ease-out), box-shadow .25s var(--ease-out), opacity .3s ease;animation:choiceIn .7s var(--ease-out) both;animation-delay:var(--d,0s);border-radius:6px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;padding:18px;display:grid;position:relative;overflow:hidden}.choice:after{content:"";pointer-events:none;-webkit-mask:radial-gradient(170px circle at var(--glow-x) var(--glow-y), #000 10%, transparent 72%);mask:radial-gradient(170px circle at var(--glow-x) var(--glow-y), #000 10%, transparent 72%);-webkit-mask:radial-gradient(170px circle at var(--glow-x) var(--glow-y), #000 10%, transparent 72%);opacity:0;background-image:radial-gradient(circle,#fffc 1.3px,#0000 1.6px);background-size:7px 7px;transition:opacity .3s;position:absolute;inset:0}.choice:hover{box-shadow:10px 10px 0 var(--ink)}.choice:hover:after{opacity:1}.choice:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.choice--a{background:var(--coral)}.choice--b{background:var(--blue);color:#fff}.choice--taken{animation:choiceStamp .5s var(--ease-slam) both;z-index:2}.choice--dropped{animation:choiceDrop .5s var(--ease-out) both;pointer-events:none}.choice__letter{width:34px;height:34px;transition:transform .4s var(--ease-spring), background .3s ease;border:1px solid;border-radius:50%;place-items:center;font-size:11px;display:grid}.choice:hover .choice__letter{transform:rotate(360deg)scale(1.08)}.choice__text{font:700 clamp(24px, 4vw, 35px)/1.03 var(--font-display);letter-spacing:-.035em;font-variation-settings:"SOFT" 30, "WONK" 1;text-wrap:balance;grid-column:1/-1;align-self:center}.choice__arrow{transition:transform .4s var(--ease-spring);grid-area:3/2;font-size:22px}.choice:hover .choice__arrow{transform:translate(6px,-6px)}.choice-divider{pointer-events:none;z-index:3;position:absolute;top:50%;left:50%;translate:-50% -50%}.choice-divider span{border:1px solid var(--ink);background:var(--paper);width:44px;height:44px;font:italic 600 14px var(--font-display);box-shadow:3px 3px 0 var(--ink);animation:dividerIn .7s var(--ease-spring) both .3s, bob 3.4s ease-in-out 1s infinite;border-radius:50%;place-items:center;display:grid}.choice-grid--locked .choice-divider{animation:.3s both fadeOut}.locked-answer{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}.locked-answer__ticket{border:1px solid var(--ink);min-height:240px;box-shadow:5px 5px 0 var(--ink);animation:ticketIn .7s var(--ease-slam) both;border-radius:6px;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative}.locked-answer__ticket--a{background:var(--coral)}.locked-answer__ticket--b{background:var(--blue);color:#fff}.locked-answer__ticket span{text-transform:uppercase;letter-spacing:.14em;font-size:9px}.locked-answer__ticket strong{font:700 32px/1.02 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.locked-answer__perf{background-image:repeating-linear-gradient(90deg,#1c1a1766 0 6px,#0000 6px 12px);height:1px;top:54px;left:0;right:0;position:absolute!important}.locked-answer__seal{opacity:.8;animation:sealIn .6s var(--ease-slam) both .35s;border:1px solid;border-radius:40px;padding:6px 10px;position:absolute;bottom:14px;right:14px;rotate:-8deg;letter-spacing:.2em!important;font-size:8px!important}.waiting-copy{flex-direction:column;display:flex}.waiting-dots{gap:5px;margin-bottom:20px;display:flex}.waiting-dots i{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:1s infinite alternate bounce}.waiting-dots i:nth-child(2){animation-delay:.18s}.waiting-dots i:nth-child(3){animation-delay:.36s}.reveal{animation:revealIn .5s var(--ease-out);flex-direction:column;flex:1;display:flex;position:relative}.reveal__heading{text-align:center;margin-bottom:22px}.reveal__heading span{text-transform:uppercase;letter-spacing:.16em;color:var(--coral-dark);animation:rise .5s var(--ease-out) both;font-size:9px}.reveal__heading h2{font:700 clamp(26px, 4.5vw, 34px) var(--font-display);letter-spacing:-.03em;animation:rise .6s var(--ease-out) both 60ms;margin:6px 0 0}.reveal--match .reveal__heading h2{color:var(--coral-dark)}.reveal__answers{perspective:1200px;grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.reveal-answer{border:1px solid var(--ink);min-height:176px;box-shadow:4px 4px 0 var(--ink);transform-origin:50%;animation:flipIn .8s var(--ease-out) both;animation-delay:var(--d,0s);border-radius:6px;flex-direction:column;padding:18px;display:flex;position:relative}.reveal-answer--a{background:var(--coral)}.reveal-answer--b{background:var(--blue);color:#fff}.reveal-answer--mine:before{content:"";opacity:.45;pointer-events:none;border:1px dashed;border-radius:4px;position:absolute;inset:5px}.reveal-answer__name{text-transform:uppercase;letter-spacing:.14em;font-size:9px}.reveal-answer strong{font:700 clamp(20px, 3.4vw, 26px)/1.04 var(--font-display);text-wrap:balance;margin:auto 0;padding-right:24px}.reveal-answer__badge{border:1px solid;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;display:grid;position:absolute;top:15px;right:15px}.reveal--match .reveal-answer{animation:flipIn .8s var(--ease-out) both, matchLean .7s var(--ease-spring) both;animation-delay:var(--d,0s), calc(.72s + var(--d,0s))}.reveal--split .reveal-answer{animation:flipIn .8s var(--ease-out) both, splitLean .7s var(--ease-out) both;animation-delay:var(--d,0s), calc(.72s + var(--d,0s))}.reveal__link{background:var(--paper);border:1px solid var(--ink);z-index:3;width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);animation:linkPop .6s var(--ease-slam) both .8s;border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.reveal__link--match{background:var(--gold);animation:linkPop .6s var(--ease-slam) both .8s, heartBeat 1.3s ease-in-out 1.4s infinite}.match-stamp{font:800 clamp(38px, 8vw, 62px) var(--font-display);letter-spacing:-.04em;text-transform:uppercase;color:var(--coral-dark);border:4px double var(--coral-dark);opacity:.92;z-index:5;pointer-events:none;white-space:nowrap;animation:stampSlam .7s var(--ease-slam) both .55s, stampFade .8s ease 2.1s forwards;border-radius:8px;padding:8px 20px;position:absolute;top:38%;left:50%;translate:-50% -50%}.match-hearts{z-index:4;pointer-events:none;position:absolute;bottom:30%;left:50%;translate:-50%}.match-hearts i{color:var(--coral);animation:heartFloat 2.4s var(--ease-out) both;animation-delay:calc(.9s + var(--i) * .12s);left:calc(var(--i) * 34px - 68px);font-size:20px;font-style:normal;position:absolute}.milestone{border:1px dashed var(--ink);background:var(--gold);text-align:center;text-transform:uppercase;letter-spacing:.12em;animation:milestoneIn .7s var(--ease-slam) both 1s;border-radius:4px;margin-top:18px;padding:11px 14px;font-size:10px}.primary-button{border:1px solid var(--ink);background:var(--ink);width:100%;min-height:60px;color:var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.12em;transition:color .3s ease, box-shadow .25s var(--ease-out), transform .25s var(--ease-out);border-radius:4px;justify-content:space-between;align-items:center;margin-top:auto;padding:0 20px;font-size:10px;display:flex;position:relative;overflow:hidden}.primary-button:before{content:"";background:var(--coral-dark);transition:transform .42s var(--ease-out);position:absolute;inset:0;transform:translateY(101%)}.primary-button:hover:not(:disabled):before{transform:translateY(0)}.primary-button:hover:not(:disabled){box-shadow:5px 5px 0 var(--coral);transform:translate(-2px,-2px)}.primary-button:disabled{opacity:.56;cursor:wait}.primary-button__label,.primary-button__arrow{z-index:1;position:relative}.primary-button__arrow{transition:transform .35s var(--ease-spring);font-size:20px}.primary-button:hover .primary-button__arrow{transform:translate(7px)}.reveal .primary-button{animation:rise .7s var(--ease-out) both 1s}.player-strip{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);justify-content:space-between;margin:24px 10px 0;font-size:9px;display:flex}.player-strip strong{color:var(--ink)}.player-strip__online:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;animation:2s infinite pulse;display:inline-block}.sync-meter{border:1px solid var(--line);animation:rise .8s var(--ease-out) both .2s;background:#f8f2e699;border-radius:6px;margin:18px 10px 0;padding:14px 16px}.sync-meter__head{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);justify-content:space-between;align-items:baseline;font-size:9px;display:flex}.sync-meter__head b{font-family:var(--font-display);color:var(--coral-dark);font-size:17px}.sync-meter__bar{border:1px solid var(--line);height:5px;margin:9px 0;overflow:hidden}.sync-meter__bar span{background:var(--coral);height:100%;transition:width .6s var(--ease-out);display:block}.sync-meter__dots{flex-wrap:wrap;gap:3px;display:flex}.sync-meter__dots i{width:6px;height:6px;transition:background .4s ease, transform .4s var(--ease-spring);background:#1c1a171f;border-radius:1px}.sync-meter__dots i.is-match{background:var(--coral);transform:scale(1.18)}.sync-meter__dots i.is-split{background:var(--blue);opacity:.45}.sync-meter__streak{text-transform:uppercase;letter-spacing:.12em;color:var(--coral-dark);animation:streakPop .6s var(--ease-slam) both;margin-top:9px;font-size:9px}.results-screen{z-index:2;width:min(960px,100% - 40px);margin:0 auto;padding:70px 0 90px;position:relative}.results-hero{text-align:left;margin:0 0 64px;position:relative}.results-hero h1{max-width:9ch;font:800 clamp(66px, 12vw, 132px)/.76 var(--font-display);letter-spacing:-.07em;margin:13px 0 22px}.results-hero h1 em{color:var(--coral);font-variation-settings:"SOFT" 70, "WONK" 1;font-style:italic}.results-hero p{max-width:46ch;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.75}.results-hero__seal{background:var(--coral);border:1px solid var(--ink);cursor:pointer;width:128px;height:128px;box-shadow:4px 4px 0 var(--ink);animation:sealDrop .9s var(--ease-slam) both .25s;transition:rotate .4s var(--ease-spring), scale .3s var(--ease-spring);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;top:6px;right:-10px;rotate:9deg}.results-hero__seal:hover{rotate:-6deg;scale:1.06}.results-hero__seal:active{scale:.95}.results-hero__ring{background:conic-gradient(var(--ink) var(--fill), #1c1a1724 0);animation:ringDraw 1.7s var(--ease-out) both .3s;border-radius:50%;position:absolute;inset:-10px;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.results-hero__seal strong{font:700 40px var(--font-display);letter-spacing:-.05em;align-items:baseline;display:flex}.results-hero__seal strong i{font-size:17px;font-style:normal}.results-hero__seal>span:last-child{text-transform:uppercase;letter-spacing:.14em;font-size:8px}.stat-row{text-align:left;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:38px;display:grid}.stat-tile{border:1px solid var(--line);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), background .3s ease;background:#f8f2e68c;border-radius:6px;padding:15px 14px}.stat-tile:hover{box-shadow:4px 4px 0 var(--ink);background:var(--paper);transform:translate(-2px,-2px)}.stat-tile__label{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-faint);font-size:8px;display:block}.stat-tile strong{font:700 clamp(20px, 2.6vw, 27px)/1.05 var(--font-display);letter-spacing:-.03em;margin:8px 0 4px;display:block}.stat-tile__sub{color:var(--ink-soft);font-size:9px}.sync-map{border:1px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink);border-radius:8px;margin-bottom:58px;padding:22px}.sync-map__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sync-map__head h2{font:700 24px var(--font-display);letter-spacing:-.035em;margin:0}.sync-map__legend{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);align-items:center;gap:7px;font-size:8px;display:flex}.sync-map__legend i{border:1px solid var(--ink);border-radius:2px;width:11px;height:11px}.sync-map__grid{grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:6px;display:grid}.sync-cell{aspect-ratio:1;border:1px solid var(--ink);cursor:pointer;animation:cellPop .5s var(--ease-spring) both;animation-delay:var(--d,0s);transition:transform .25s var(--ease-spring), box-shadow .25s ease;border-radius:3px;place-items:center;padding:0;display:grid;position:relative}.sync-cell b{opacity:.55;font-size:8px;font-weight:400}.sync-cell:hover{box-shadow:0 4px 0 var(--ink);z-index:2;transform:translateY(-4px)scale(1.12)}.sync-cell.is-match,.sync-map__legend i.is-match{background:var(--gold)}.sync-cell.is-split,.sync-map__legend i.is-split{background:linear-gradient(135deg, var(--coral) 0 50%, var(--blue) 50% 100%)}.sync-cell.is-split b{color:#fff;opacity:.8}.results-list{border-top:1px solid var(--ink)}.results-list__head{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.14em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:9px;display:flex}.filter-switch{border:1px solid var(--line);border-radius:40px;gap:4px;padding:3px;display:flex}.filter-switch button{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);transition:background .3s var(--ease-out), color .3s ease;background:0 0;border:0;border-radius:40px;padding:6px 13px;font-size:9px}.filter-switch button:hover{color:var(--ink)}.filter-switch button.is-active{background:var(--ink);color:var(--paper)}.result-row{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;gap:18px;padding:28px 0;scroll-margin-top:100px;display:grid}.result-row--match .result-row__number{color:var(--coral-dark)}.result-row--flash{animation:rowFlash 2s var(--ease-out)}.result-row__number{font:italic 600 19px var(--font-display);color:var(--ink-faint)}.result-row__title{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.result-row__title h3{font:700 clamp(20px, 2.6vw, 26px) var(--font-display);letter-spacing:-.025em;margin:0}.match-tag{border:1px solid var(--ink);background:var(--gold);text-transform:uppercase;letter-spacing:.12em;border-radius:50px;padding:4px 9px;font-size:7px;rotate:-3deg}.result-row__answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-answer{min-height:94px;transition:background .3s ease, transform .3s var(--ease-out);background:#ffffff52;border-left:5px solid;border-radius:0 4px 4px 0;padding:14px}.result-answer:hover{background:#ffffffb3;transform:translate(3px)}.result-answer--a{border-color:var(--coral)}.result-answer--b{border-color:var(--blue)}.result-answer span{text-transform:uppercase;letter-spacing:.13em;color:var(--ink-soft);margin-bottom:9px;font-size:8px;display:block}.result-answer strong{font:600 18px/1.2 var(--font-display)}.results-empty{text-align:center;color:var(--ink-soft);padding:48px 0;font-size:11px}.results-footer{text-align:center;max-width:560px;margin:55px auto 0}.results-footer p{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-size:9px}.results-footer .primary-button{margin-top:18px}.reset-dialog{border:1px solid var(--ink);width:min(480px,100% - 28px);color:var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--ink);border-radius:8px;padding:34px}.reset-dialog[open]{animation:dialogIn .45s var(--ease-slam)}.reset-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c1a17b3}.reset-dialog__mark{background:var(--coral);border:1px solid var(--ink);border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:24px;font-size:22px;animation:7s linear infinite spin;display:grid}.reset-dialog h2{font:700 40px/1 var(--font-display);letter-spacing:-.045em;margin:9px 0 12px}.reset-dialog h2 em{color:var(--coral);font-style:italic}.reset-dialog p{color:var(--ink-soft);font-size:11px;line-height:1.7}.reset-dialog__actions{grid-template-columns:1fr 1.4fr;gap:9px;margin-top:25px;display:grid}.secondary-button,.danger-button{border:1px solid var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;min-height:50px;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .25s ease;border-radius:4px;font-size:9px}.secondary-button{background:0 0}.secondary-button:hover{background:#1c1a170f}.danger-button{background:var(--coral);font-weight:500}.danger-button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.error-toast{z-index:50;background:var(--ink);width:min(480px,100% - 32px);color:var(--paper);box-shadow:5px 5px 0 var(--coral);animation:toastIn .5s var(--ease-slam) both;border-radius:4px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;font-size:10px;line-height:1.5;display:flex;position:fixed;top:96px;left:50%;translate:-50%}.error-toast button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.loading-screen{text-transform:uppercase;letter-spacing:.12em;min-height:calc(100svh - 84px);color:var(--ink-soft);place-content:center;justify-items:center;gap:22px;font-size:10px;display:grid}.loading-screen__coin{width:62px;height:62px;transform-style:preserve-3d;animation:coinFlip 1.8s var(--ease-out) infinite;position:relative}.loading-screen__coin i,.loading-screen__coin b{border:1px solid var(--ink);font:700 20px var(--font-display);backface-visibility:hidden;border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;inset:0}.loading-screen__coin i{background:var(--coral)}.loading-screen__coin b{background:var(--blue);color:#fff;transform:rotateY(180deg)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}@keyframes letterIn{0%{opacity:0;transform:translateY(28px)rotate(6deg)}}@keyframes cardIn{0%{opacity:0;transform:translateY(34px)rotate(-1.5deg)}}@keyframes cardPick{40%{transform:scale(1.06)rotate(-1.5deg)}to{box-shadow:16px 16px 0 var(--ink);transform:scale(1.02)}}@keyframes choiceIn{0%{opacity:0;transform:translateY(26px)scale(.97)}}@keyframes choiceStamp{35%{transform:scale(1.05)rotate(-1deg)}to{box-shadow:12px 12px 0 var(--ink);transform:scale(1)rotate(0)}}@keyframes choiceDrop{to{opacity:0;transform:translateY(46px)rotate(5deg)scale(.9)}}@keyframes dividerIn{0%{opacity:0;transform:scale(.4)rotate(-90deg)}}@keyframes ticketIn{0%{opacity:0;transform:translateY(30px)rotate(6deg)scale(.94)}to{transform:rotate(-2deg)}}@keyframes sealIn{0%{opacity:0;transform:scale(2.4)rotate(18deg)}}@keyframes revealIn{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes flipIn{0%{opacity:0;transform:rotateY(72deg)translateY(20px)}}@keyframes matchLean{to{box-shadow:4px 4px 0 var(--ink), 0 0 0 3px var(--gold);transform:none}}@keyframes splitLean{0%{transform:none}55%{transform:translateX(var(--push,0)) rotate(var(--twist,0deg))}to{transform:translateX(calc(var(--push,0px) * .5)) rotate(calc(var(--twist,0deg) * .5))}}@keyframes linkPop{0%{opacity:0;transform:scale(0)rotate(-140deg)}}@keyframes heartBeat{0%,to{scale:1}18%{scale:1.22}36%{scale:1}54%{scale:1.14}}@keyframes stampSlam{0%{opacity:0;filter:blur(3px);transform:scale(3.4)rotate(-22deg)}60%{opacity:.95;filter:blur();transform:scale(.92)rotate(-9deg)}80%{transform:scale(1.05)rotate(-11deg)}to{transform:scale(1)rotate(-10deg)}}@keyframes stampFade{to{opacity:0;transform:scale(1.1)rotate(-10deg)translateY(-14px)}}@keyframes heartFloat{0%{opacity:0;transform:translateY(0)scale(.4)}25%{opacity:1}to{opacity:0;transform:translateY(-190px)scale(1.15)rotate(18deg)}}@keyframes milestoneIn{0%{opacity:0;transform:translateY(14px)scale(.9)}}@keyframes streakPop{0%{opacity:0;transform:translateY(-6px)scale(.85)}}@keyframes sealDrop{0%{opacity:0;transform:scale(2.2)translateY(-40px)rotate(-30deg)}70%{transform:scale(.94)rotate(13deg)}to{transform:scale(1)rotate(9deg)}}@keyframes ringDraw{0%{--fill:0%}}@keyframes cellPop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}@keyframes rowFlash{0%,70%{background:#f2cc566b}to{background:0 0}}@keyframes dialogIn{0%{opacity:0;transform:translateY(26px)scale(.94)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-18px)}}@keyframes misregister{0%{opacity:.8;transform:translate(-9px,6px)skew(-3deg)}55%{opacity:.6;transform:translate(4px,-3px)}to{opacity:0;transform:none}}@keyframes underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tickerScroll{to{transform:translate(-50%)}}@keyframes chipIn{0%{opacity:0;transform:translate(14px)}}@keyframes chipSpin{0%,82%,to{transform:rotate(0)}88%{transform:rotate(-18deg)scale(1.2)}94%{transform:rotate(16deg)scale(1.2)}}@keyframes signalRing{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}@keyframes coinFlip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.88)}}@keyframes bounce{to{opacity:.45;transform:translateY(-7px)}}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeOut{to{opacity:0}}.reveal--split .reveal-answer:first-of-type{--push:-8px;--twist:-1.6deg}.reveal--split .reveal-answer:nth-of-type(2){--push:8px;--twist:1.6deg}@media (width>=900px) and (pointer:fine){.app-shell:before{animation:.9s steps(4,end) infinite grain}}@keyframes grain{0%{background-position:0 0}25%{background-position:-22px 14px}50%{background-position:18px -20px}75%{background-position:-14px -12px}to{background-position:0 0}}@media (width<=980px){.stage-rail,.registration{display:none}.backdrop__margin{left:74%}.stat-row{grid-template-columns:1fr 1fr}.results-hero__seal{width:104px;height:104px;top:44px;right:-4px}.results-hero__seal strong{font-size:32px}}@media (width<=680px){.app-header{width:calc(100% - 28px);height:68px}.connection-pill em{display:none}.app-header__actions{gap:16px}.backdrop__halftone{opacity:.1;background-size:9px 9px,9px 9px}.role-screen{width:calc(100% - 28px);min-height:calc(100svh - 68px);padding:32px 0 max(38px, env(safe-area-inset-bottom))}.role-screen__aura{width:300px;height:300px;top:2%}.role-screen h1{max-width:10ch;font-size:clamp(46px,14vw,60px)}.role-card--mari{margin-top:0}.role-screen__intro{margin-bottom:26px;font-size:11px}.role-grid{grid-template-columns:1fr;gap:13px}.role-card{min-height:172px;box-shadow:5px 5px 0 var(--ink);padding:17px}.role-card__name{font-size:54px}.role-card__number{width:30px;height:30px}.ticker{margin-top:24px}.role-screen__footnote{margin-top:20px}.game-screen{width:calc(100% - 20px);min-height:calc(100svh - 68px);padding:16px 0 62px}.game-card{min-height:calc(100svh - 210px);box-shadow:6px 6px 0 var(--ink);padding:17px}.game-card:before,.game-card:after{display:none}.question-copy{min-height:130px;padding:26px 2px 18px}.question-copy h1{max-width:none;font-size:clamp(34px,11vw,48px)}.folio{font-size:56px;top:-6px;right:0}.choice-grid{grid-template-columns:1fr;gap:34px}.choice{min-height:148px;box-shadow:4px 4px 0 var(--ink);grid-template-rows:1fr;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px}.choice__text{grid-area:1/2;font-size:clamp(22px,6.6vw,29px)}.choice__arrow{grid-area:1/3}.choice-divider span{width:38px;height:38px;font-size:12px}.locked-answer{grid-template-columns:1fr;gap:26px;padding:5px 0 15px}.locked-answer__ticket{min-height:176px}.waiting-copy{text-align:center;align-items:center}.waiting-panel strong,.waiting-copy strong{font-size:25px}.reveal__heading{margin-bottom:14px}.reveal__answers{grid-template-columns:1fr;gap:12px}.reveal-answer{min-height:112px}.reveal__link{left:50%}.reveal--split .reveal-answer:first-of-type{--push:0;--twist:-1.4deg}.reveal--split .reveal-answer:nth-of-type(2){--push:0;--twist:1.4deg}.match-stamp{border-width:3px;top:34%}.match-hearts i{left:calc(var(--i) * 26px - 52px);font-size:16px}.primary-button{min-height:54px;margin-top:18px}.player-strip{margin-top:18px;font-size:8px}.sync-meter{margin-inline:0}.sync-meter__dots i{width:5px;height:5px}.switch-player{position:absolute;bottom:17px;left:16px}.results-screen{width:calc(100% - 28px);padding:52px 0 75px}.results-hero{margin-bottom:44px}.results-hero h1{max-width:none;font-size:62px}.results-hero__seal{width:92px;height:92px;margin:4px 0 26px auto;position:static}.results-hero__seal strong{font-size:28px}.results-hero__seal strong i{font-size:13px}.stat-row{gap:8px;margin-top:30px}.sync-map{box-shadow:5px 5px 0 var(--ink);padding:16px}.sync-map__grid{grid-template-columns:repeat(auto-fit,minmax(26px,1fr));gap:4px}.sync-cell b{font-size:7px}.results-list__head{font-size:8px}.result-row{grid-template-columns:34px 1fr;gap:8px;padding:22px 0}.result-row__answers{grid-template-columns:1fr}.result-answer{min-height:76px}.reset-dialog{padding:25px}.reset-dialog__actions{grid-template-columns:1fr}.reset-dialog h2{font-size:34px}}