:root{--ink: #2b2340;--cream: #fff3df;--coral: #ff7a63;--teal: #36c2a8;--gold: #ffd166;--pink: #ff5f7e;--fs-score: 72px;--fs-score-sm: 56px;--fs-h1: 40px;--fs-h2: 34px;--fs-q: clamp(22px, 6.6vw, 26px);--fs-next: 24px;--fs-body: 18px;--fs-opt: 17px;--fs-btn: 22px;--fs-link: 16px;--fs-cap: 13px;--btn-h: 64px;--btn-h-big: 72px;--t-fast: .12s;--t-base: .22s;--t-slow: .42s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-pop: cubic-bezier(.3, 1.35, .5, 1);--display: "Baloo 2", "Fredoka", ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#ff8a6b;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body:not(.host):not(.page){position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0;width:100%;height:100vh;height:-webkit-fill-available;height:100dvh;overflow:hidden;touch-action:none;overscroll-behavior:none}#game{position:absolute;inset:0;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#safe-probe{position:absolute;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}#overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(max(16px,env(safe-area-inset-bottom,0px)) + var(--kb, 0px)) max(16px,env(safe-area-inset-left,0px));pointer-events:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#overlay.show{display:flex}.card{pointer-events:auto;width:min(440px,100%);background:var(--cream);border:4px solid var(--ink);border-radius:24px;box-shadow:0 8px 0 var(--ink);padding:18px 20px 20px;text-align:center;animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.title{font-family:var(--display);font-weight:900;font-size:clamp(40px,12vw,64px);line-height:1;margin:0 0 6px;color:var(--gold);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:3px 5px 0 var(--ink);letter-spacing:.5px}.btn{display:block;width:100%;margin:14px 0 0;padding:14px 18px;font-family:var(--display);font-weight:900;font-size:22px;color:var(--ink);background:var(--teal);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink);cursor:pointer;touch-action:manipulation}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.link-btn{font:inherit;color:#1676c4;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}.join-form{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.name-input{font:800 22px var(--display);text-align:center;padding:10px 12px;border:3px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);width:100%;min-width:0;user-select:text;-webkit-user-select:text;touch-action:manipulation}.name-input:focus{outline:3px solid var(--teal);outline-offset:2px}.join-err{margin:0;min-height:1.2em;color:#d8402f;font-weight:800;font-size:14px}.btn:disabled{opacity:.7}.role-card{position:relative;text-align:left;border-radius:24px;border:7px solid transparent;background:linear-gradient(#fffaf0,#fff3df) padding-box,linear-gradient(135deg,var(--frame-light),var(--frame) 35%,var(--frame-light) 55%,var(--frame)) border-box;box-shadow:0 0 0 3px var(--ink),0 9px 0 3px var(--ink);padding:14px 16px 12px;overflow:hidden}.role-card.tier-proven:after{content:"";position:absolute;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);inset:-40% auto -40% 130%;animation:shine 1.4s 1.3s ease-in-out 1 both;pointer-events:none}@keyframes shine{0%{left:-60%}to{left:130%}}.rc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.rc-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;opacity:.7}.rc-tier{display:inline-flex;align-items:center;gap:2px;padding:3px 10px 3px 7px;font-family:var(--display);font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--frame-ink);background:var(--frame-light);border:2.5px solid var(--frame);border-radius:999px;white-space:nowrap}.tier-claimed .rc-tier svg path{fill:#d9d4cb}.tier-credible .rc-tier svg path{fill:#dfe7ef}.rc-next{background:var(--ink);color:#fff;border-radius:16px;padding:10px 14px 12px;margin:0 0 12px;box-shadow:0 4px #2b234059}.rc-next-h{margin:0 0 4px;font-family:var(--display);font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold)}.rc-next-p{margin:0;font-size:17px;line-height:1.38;font-weight:700}.pq-hud{display:flex;align-items:center;gap:8px;margin-right:12px}.combo{display:none;height:28px;padding:0 10px;align-items:center;border:2px solid var(--ink);border-radius:999px;background:var(--gold);color:var(--ink);font:900 15px / 1 var(--display);white-space:nowrap}.combo.on{display:inline-flex}.combo.bump{animation:combo-bump .24s var(--ease-pop)}@keyframes combo-bump{50%{transform:scale(1.3)}}.combo.drop{display:inline-flex;animation:combo-drop .2s ease-in forwards;filter:grayscale(1)}@keyframes combo-drop{to{transform:translateY(16px);opacity:0}}.ring{position:relative;flex:none;width:44px;height:44px}.ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg) scaleY(-1)}.ring circle{fill:none;stroke-width:4}.ring-bg{stroke:#2b234026}.ring-fg{stroke:var(--teal);stroke-linecap:round}.ring.low .ring-fg{stroke:#e04b3c}.ring-n{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:900 16px / 1 var(--display)}.ring.low .ring-n{color:#b3261e}.ring.pulse{animation:ring-pulse 1s ease-out}@keyframes ring-pulse{15%{transform:scale(1.12)}40%{transform:none}}.story-stage>.st-quiz{flex:1 1 auto;min-height:0}.stage.st-quiz{justify-content:space-between;align-items:stretch;gap:16px;padding:8px 0 24px;text-align:left;touch-action:none}.st-quiz.stage-in{animation:none}.st-quiz.revealed{padding-bottom:12px;justify-content:flex-start}.pq-q{margin:0;font:800 var(--fs-q) / 1.2 var(--display);animation:pq-up var(--t-base) var(--ease-out) both}.revealed .pq-q{opacity:.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:opacity var(--t-base)}@keyframes pq-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pq-opts{display:grid;gap:10px}.pq-opts.mm{grid-template-columns:1fr 1fr}.revealed .pq-opts{margin-top:auto}.pq-opt{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;font:inherit;text-align:left;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);cursor:pointer;touch-action:manipulation;transition:opacity var(--t-base),background var(--t-base);animation:pq-up var(--t-base) var(--ease-out) both;animation-delay:calc(.22s + var(--i, 0) * 60ms)}.pq-opt:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.pq-opt:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.pq-opt:disabled{cursor:default;color:var(--ink)}.mm .pq-opt{justify-content:center;min-height:120px}.mm .opt-0{background:#ffb3a7}.mm .opt-1{background:#9fe8d6}.pq-mm{font:900 30px / 1 var(--display);text-transform:uppercase;letter-spacing:1px}.pq-letter{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gold);border:2.5px solid var(--ink);font:900 20px / 1 var(--display)}.pq-text{font-size:var(--fs-opt);font-weight:700;line-height:1.25}.pq-opt.is-answer{background:#7be0a8;box-shadow:0 0 0 3px #136b4a,0 5px 0 var(--ink)}.pq-opt.is-picked{background:#ffc9c0;opacity:.6}.revealed .mm .pq-opt:not(.is-answer):not(.is-picked){opacity:.45}.pq-opt.is-answer:after,.pq-opt.is-picked:after{position:absolute;top:-10px;right:-8px;width:28px;height:28px;border-radius:50%;border:2.5px solid var(--ink);font-weight:900;font-size:15px;line-height:23px;text-align:center;color:#fff}.pq-opt.is-answer:after{content:"✓";background:#136b4a}.pq-opt.is-picked:after{content:"✕";background:#b3261e}.pq-opt.collapse{height:0!important;min-height:0;padding-top:0;padding-bottom:0;border-width:0;box-shadow:none;opacity:0;overflow:hidden;transition:all .2s var(--ease-out)}.pq-opt.gone{display:none}.shake{animation:shake .32s linear}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.story-foot.is-sheet{margin:8px calc(-1 * var(--pad-r)) calc(-1 * var(--pad-b)) calc(-1 * var(--pad-l));padding:16px var(--pad-r) var(--pad-b) var(--pad-l);border-top:4px solid var(--ink);border-radius:24px 24px 0 0;background:var(--sheet-bg);color:var(--ink);animation:sheet-up .26s var(--ease-pop) both}.tone-ok{--sheet-bg: #c9f2dc;--stamp: #136b4a}.tone-no{--sheet-bg: #ffd9d2;--stamp: #b3261e}.fb-lead{text-align:left}.fb-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}.fb-stamp{font:900 var(--fs-h2) / 1.05 var(--display);text-transform:uppercase;letter-spacing:1px;color:var(--stamp);transform:rotate(-8deg);transform-origin:center;animation:stamp-in .28s var(--ease-pop) 80ms both}@keyframes stamp-in{0%{transform:rotate(-8deg) scale(2.4);opacity:0}to{transform:rotate(-8deg) scale(1);opacity:1}}.fb-pts{padding:4px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--gold);font:900 20px / 1.1 var(--display)}.fb-take{margin:8px 0 0;font-size:var(--fs-body);font-weight:700;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.is-sheet .story-cap{opacity:1}.st-tally{gap:16px}.st-tally .story-h1{color:var(--gold)}.discs{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.disc{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:3px solid var(--ink);border-radius:50%;font:900 28px / 1 var(--display);color:#fff;animation:disc-in .28s var(--ease-pop) both;animation-delay:calc(var(--i, 0) * .15s)}.discs.many{gap:6px}.discs.many .disc{width:32px;height:32px;border-width:2px;font-size:16px}.disc.ok{background:#136b4a}.disc.no{background:#b3261e}@keyframes disc-in{0%{transform:scale(2) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.score-big.tally-bonus{font-size:var(--fs-score-sm)}.tally-sum{margin:0;font:800 20px / 1.2 var(--display);white-space:pre}.tally-zero{margin:0;font-size:var(--fs-body);font-weight:800}.proof-chip{height:32px;font-size:15px}@media(max-height:620px){.st-quiz{gap:10px;padding-bottom:16px}.mm .pq-opt{min-height:96px}.pq-opt{min-height:56px;padding:8px 12px}.pq-mm{font-size:26px}.story-foot.is-sheet{padding-top:12px}.disc{width:48px;height:48px;font-size:24px}}@media(prefers-reduced-motion:reduce){.pq-q,.pq-opt,.disc,.fb-stamp,.story-foot.is-sheet,.combo.bump,.ring.pulse,.shake{animation:none}.pq-opt.collapse{transition:none}}.run-hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 3%);transform:translate(-50%);padding:8px 14px 10px;background:#2b2340d1;color:#fff;border-radius:18px;text-align:center;pointer-events:none;animation:pop .25s ease-out;transition:opacity .4s;max-width:calc(100% - 24px)}.run-hint.out{opacity:0}.run-hint-title{font-family:var(--display);font-weight:900;font-size:18px;color:var(--gold)}.run-hint-row{display:flex;gap:8px;justify-content:center;margin-top:6px}.run-hint-key{display:flex;flex-direction:column;align-items:center;min-width:52px}.run-hint-key .arrow{display:grid;place-items:center;width:40px;height:40px;font-size:24px;font-weight:900;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:12px;animation:hint-nudge 1.2s ease-in-out infinite}.run-hint-key .label{font-size:13px;font-weight:800;margin-top:2px}.k-l .arrow{--dx: -6px;--dy: 0}.k-r .arrow{--dx: 6px;--dy: 0;animation-delay:.3s}.k-u .arrow{--dx: 0;--dy: -6px;animation-delay:.6s}.k-d .arrow{--dx: 0;--dy: 6px;animation-delay:.9s}@keyframes hint-nudge{0%,60%,to{transform:none;background:var(--cream)}25%{transform:translate(var(--dx),var(--dy));background:var(--gold)}}@media(max-height:500px)and (orientation:landscape){.card{padding:10px 16px 12px;width:min(560px,100%)}.title{font-size:34px;margin-bottom:2px}.btn{padding:9px 14px;font-size:19px;margin-top:8px}.run-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 2%);padding:4px 10px 6px}.run-hint-key .arrow{width:32px;height:32px;font-size:19px}}@media(prefers-reduced-motion:reduce){.run-hint-key .arrow{animation:none}}#overlay.story-mode{display:block;padding:0;pointer-events:auto;touch-action:none;overflow:hidden}.story-bg{position:absolute;inset:0;overflow:hidden;color:#fff}.story-bg.bg-scrim{background:#2b2340d1}.story-bg.bg-cream{background:var(--cream);color:var(--ink)}.story-bg.bg-reveal{background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px),linear-gradient(160deg,#7b5cff,#2fa8ff 55%,#36c2a8)}.story-bg.bg-ink{background:var(--ink)}.story{position:absolute;inset:0;margin:0 auto;width:min(440px,100%);height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;--pad-r: max(20px, env(safe-area-inset-right, 0px));--pad-b: max(16px, env(safe-area-inset-bottom, 0px));--pad-l: max(20px, env(safe-area-inset-left, 0px));padding:calc(env(safe-area-inset-top,0px) + 8px) var(--pad-r) var(--pad-b) var(--pad-l);overflow:hidden}.story-bar{display:flex;gap:4px}.seg{flex:1;height:4px;border-radius:2px;background:#ffffff4d;transition:background var(--t-base)}.bg-cream .seg{background:#2b234026}.seg.now{background:var(--cream)}.bg-cream .seg.now{background:var(--ink)}.seg.done{background:var(--gold)}.seg.ok{background:#7be0a8}.seg.no{background:#ff8f80}.story-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;margin-top:4px}.story-left{min-width:0;display:flex}.story-right{flex:none;display:flex;align-items:center;gap:4px;margin-right:-12px}.chip{display:inline-flex;align-items:center;max-width:100%;height:28px;padding:0 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-weight:800;font-size:var(--fs-cap);line-height:1;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip.gold{background:var(--gold)}.skip-btn,.link2{min-height:48px;min-width:48px;padding:0 12px;background:none;border:0;color:inherit;font:800 var(--fs-link) / 1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:.9;cursor:pointer;touch-action:manipulation}.link2{text-decoration:underline;text-underline-offset:3px}.story[data-screen=role] .skip-btn,.story[data-screen=role] .link2{opacity:1;padding:0 16px;background:#2b234080;border-radius:999px}.icon-btn{width:48px;height:48px;font-size:22px;line-height:1;background:#fff;border:3px solid var(--ink);border-radius:14px;cursor:pointer;margin-right:12px}.story-stage{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0}.stage{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.stage-in{animation:story-in var(--t-base) var(--ease-out) both}@keyframes story-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.story.no-cta .story-foot{display:none}.story-lead:empty{display:none}.story-cta{padding-top:12px}.btn.cta{height:var(--btn-h);margin:0;padding:0 18px;font-size:var(--fs-btn);line-height:1;text-transform:uppercase;letter-spacing:.5px;background:var(--btn-bg, var(--teal));white-space:nowrap}.btn.cta.big{height:var(--btn-h-big)}.btn.cta{position:relative;overflow:hidden}.cta-label{position:relative}.btn.cta.auto:before{content:"";position:absolute;inset:0;background:#ffffff59;transform:scaleX(0);transform-origin:left center;animation:auto-fill var(--auto-ms, 1s) linear forwards}@keyframes auto-fill{to{transform:scaleX(1)}}.btn.cta.v-gold{--btn-bg: var(--gold)}.btn.cta.v-green{--btn-bg: #7be0a8}.btn.cta.v-red{--btn-bg: #ff8f80}.btn.cta:disabled{opacity:.45;transform:none;box-shadow:0 6px 0 var(--ink)}.story-sec{height:48px;margin-top:6px;display:flex;align-items:center;justify-content:center}.story-cap{margin:0;font-size:var(--fs-cap);font-weight:800;line-height:1.3;text-transform:uppercase;letter-spacing:1px;opacity:.85;text-align:center}.sec-row{display:flex;align-items:center;justify-content:center}.sec-row .dot{opacity:.6;font-weight:900}.story-h1,.score-big{margin:0;font-family:var(--display);font-weight:900;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:2px 4px 0 var(--ink)}.story-h1{font-size:var(--fs-h1);line-height:1.05;text-transform:uppercase;letter-spacing:.5px}.story-h1.win{color:var(--gold)}.story-h1.lose{color:#ffd0c8}.score-big{font-size:var(--fs-score);line-height:.95;color:var(--gold);-webkit-text-stroke-width:3px;font-variant-numeric:tabular-nums}.score-big.hub{font-size:var(--fs-score-sm)}.ribbon{padding:4px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--gold);color:var(--ink);font:900 16px / 1.2 var(--display);text-transform:uppercase;letter-spacing:1px;transform:rotate(-3deg)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:4px}.tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:2px solid rgba(255,255,255,.35);border-radius:18px;background:#ffffff1a}.tile-n{font:900 28px / 1.1 var(--display)}.tile-l{font-size:var(--fs-cap);font-weight:800;text-transform:uppercase;letter-spacing:1px;opacity:.85}.bonus-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.trip-line{margin:0;font-size:16px;font-weight:700;opacity:.9}.st-role{gap:18px}.sunburst{position:absolute;top:45%;left:50%;width:760px;height:760px;margin:-380px 0 0 -380px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.12) 0 10deg,transparent 10deg 20deg);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent);mask:radial-gradient(closest-side,#000 30%,transparent);pointer-events:none}.st-role .role-card{width:100%;color:var(--ink);padding:22px 18px 18px;overflow:visible}.st-role .role-card:after{display:none}.st-role .role-card.applicant{background:linear-gradient(#f4f1ec,#e9e5de) padding-box,linear-gradient(#a39d94,#a39d94) border-box}.st-role .rc-title{margin:10px 0 8px;font:900 var(--fs-h2) / 1.05 var(--display)}.st-role .rc-one{margin:0;font-size:var(--fs-opt);line-height:1.35;font-weight:700}.sticker{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:0;color:inherit;font:inherit}button.sticker{min-height:48px;min-width:48px;cursor:pointer;touch-action:manipulation}.role-card>.sticker{position:absolute;top:-26px;right:-14px;transform:rotate(8deg)}.sticker-face{display:inline-flex;align-items:center;gap:4px;padding:4px 12px 4px 8px;font:900 15px / 1.2 var(--display);text-transform:uppercase;letter-spacing:1px;color:var(--frame-ink);background:var(--frame-light);border:3px solid var(--frame);border-radius:999px;box-shadow:0 0 0 2px var(--ink),0 4px 0 2px var(--ink);white-space:nowrap}.tier-claimed .sticker-face svg path,.sticker-face svg path{stroke:var(--ink)}.token-row{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.token-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 6px;background:#ffffffeb;color:var(--ink);border:2px solid var(--ink);border-radius:999px;font:900 17px / 1.2 var(--display)}.token-chip.top{box-shadow:0 0 0 3px var(--gold)}.pip-row{position:relative;display:flex;align-items:center;gap:6px}.pip{width:14px;height:14px;border-radius:50%;border:2px solid #fff}.pip.on{background:var(--gold);border-color:var(--ink)}.pip-label{margin-left:6px;font-weight:800;font-size:15px}.sheet-back{position:absolute;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;background:#140f238c}.sheet{position:relative;width:min(440px,100%);max-height:70dvh;overflow:hidden;display:flex;flex-direction:column;padding:16px 20px max(16px,env(safe-area-inset-bottom,0px));background:var(--cream);color:var(--ink);border:4px solid var(--ink);border-bottom:0;border-radius:24px 24px 0 0;animation:sheet-up .26s var(--ease-pop) both}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet-x{position:absolute;z-index:1;top:4px;right:4px;width:48px;height:48px;background:none;border:0;color:var(--ink);font-size:22px;font-weight:900;cursor:pointer}.sheet .btn.cta{margin-top:12px;flex:none}.details{min-height:0;overflow:hidden;text-align:left}.kicker{margin:0 0 8px;font-size:var(--fs-cap);font-weight:800;text-transform:uppercase;letter-spacing:1px;opacity:.75}.kicker.gold{font:900 15px / 1.2 var(--display);letter-spacing:1.5px;color:var(--gold);opacity:1}.tier-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tier-slot{display:flex;flex-direction:column;align-items:center;gap:6px}.tier-slot .sticker-face{font-size:13px;padding:3px 8px 3px 6px;box-shadow:0 0 0 2px var(--ink)}.tier-slot.locked{opacity:.5;filter:grayscale(1)}.tier-at{font-size:var(--fs-cap);font-weight:800}.tier-slot.now .tier-at{color:#136b4a}.employer{margin:12px 0 10px;font-size:16px;font-weight:700;line-height:1.35}.details hr{margin:0 0 10px;border:0;border-top:2px dashed rgba(43,35,64,.25)}.trip-row{margin:0 0 6px;font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-more{margin:0;font-size:var(--fs-cap);font-weight:800;opacity:.7}.next-card{width:100%;padding:20px 20px 16px;text-align:left;border:3px solid rgba(255,255,255,.3);border-radius:24px;background:#ffffff0f}.next-body{margin:10px 0 16px;font:800 var(--fs-next) / 1.3 var(--display);color:#fff}.next-foot{margin:0;text-align:center;font-size:var(--fs-cap);font-weight:800;text-transform:uppercase;letter-spacing:1px;opacity:.6}.st-hub{gap:16px}.rank-chip{padding:8px 18px;border:2px solid rgba(255,255,255,.4);border-radius:999px;background:#ffffff1f;font:800 20px / 1.2 var(--display)}.rank-chip.done{color:var(--gold)}.goal{margin:0;max-width:320px;font-size:var(--fs-body);font-weight:800;line-height:1.35}.hub-banner{max-width:340px;padding:8px 12px;background:var(--pink);color:#fff;border:3px solid var(--ink);border-radius:14px;font:800 16px / 1.25 var(--display)}.hub-banner[hidden]{display:none}@media(max-height:620px){:root{--fs-score: 56px;--fs-score-sm: 44px;--fs-h1: 34px;--fs-h2: 28px;--fs-next: 20px;--fs-body: 16px;--fs-opt: 16px;--fs-btn: 20px;--btn-h: 56px;--btn-h-big: 60px}.story-stage{padding:4px 0}.stage{gap:8px}.tile{padding:6px 4px}.tile-n{font-size:24px}.st-role{gap:14px}.st-role .role-card{padding:18px 16px 14px}.employer{margin:8px 0}}@media(prefers-reduced-motion:reduce){.stage-in{animation:story-fade var(--t-fast) linear both}.sheet{animation:none}}@keyframes story-fade{0%{opacity:0}to{opacity:1}}.flip{position:relative;width:min(300px,100%);transform:rotate(-3deg);perspective:1200px}.flip-inner{position:relative;transform-style:preserve-3d}.flip-inner>.role-card{-webkit-backface-visibility:hidden;backface-visibility:hidden}.face.back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:24px;background:linear-gradient(135deg,#ffd166,#ff8a6b);box-shadow:0 0 0 3px var(--ink),0 9px 0 3px var(--ink);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.back-t{font:900 26px / 1 var(--display);color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.st-role.reveal:not(.settled) .flip{animation:card-arrive .26s var(--ease-pop) both}.st-role.reveal:not(.settled) .flip-inner{animation:card-flip .7s var(--ease-pop) .35s both}.st-role.reveal:not(.settled) .role-card>.sticker{animation:sticker-in .28s var(--ease-pop) .95s both}.st-role.reveal:not(.settled) .token-chip{animation:chip-in .22s var(--ease-out) both;animation-delay:calc(1.1s + var(--i, 0) * 50ms)}.st-role.reveal:not(.settled) .pip-row{animation:chip-in .22s var(--ease-out) 1.1s both}.sunburst{animation:spin 24s linear infinite}.st-role.reveal:not(.settled) .sunburst{animation:burst-in .3s ease-out .7s both,spin 24s linear infinite}@keyframes card-arrive{0%{transform:rotate(-3deg) scale(.6);opacity:0}to{transform:rotate(-3deg);opacity:1}}@keyframes card-flip{0%{transform:rotateY(-180deg)}to{transform:none}}@keyframes sticker-in{0%{transform:rotate(8deg) scale(2.4);opacity:0}to{transform:rotate(8deg);opacity:1}}@keyframes chip-in{0%{transform:translateY(10px) scale(.8);opacity:0}to{transform:none;opacity:1}}@keyframes burst-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}.st-score .ribbon{animation:ribbon-in .28s var(--ease-pop) .65s both}.st-score.settled .ribbon{animation:none}@keyframes ribbon-in{0%{transform:rotate(-3deg) scale(2.2);opacity:0}to{transform:rotate(-3deg);opacity:1}}.confetti{position:absolute;inset:0;width:100%;height:100%;z-index:50;pointer-events:none}#overlay.start{display:block;padding:0;overflow:hidden;background:linear-gradient(#2b2340bf,#2b234059 34%,#2b234000 48% 58%,#2b23408c 78%,#2b2340d9)}.start-screen{position:absolute;inset:0;margin:0 auto;width:min(440px,100%);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;padding:calc(env(safe-area-inset-top,0px) + 8px) max(20px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));color:#fff;text-align:center}.start-screen button{pointer-events:auto}.start-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}.start-top-r{flex:none;display:flex;align-items:center;gap:8px}.start-top .icon-btn{margin:0}.name-chip{min-width:48px;max-width:60%;height:48px;padding:0 16px;border:3px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:800 16px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;touch-action:manipulation}.best-chip{height:32px;font-size:15px;letter-spacing:.5px}.start-mid{align-self:start;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:2vh}.round-pill.shift{background:var(--pink);color:#fff}.start-screen .title{margin:0;font-size:clamp(52px,16.4vw,64px)}.start-tag{margin:0;font:800 18px / 1.25 var(--display);text-shadow:0 2px 0 var(--ink),0 0 12px rgba(43,35,64,.6)}.start-foot{padding-top:12px}.start-btn{animation:start-pulse 1.6s ease-in-out infinite}.start-btn:active{animation:none}@keyframes start-pulse{50%{transform:scale(1.03)}}.start-sec{height:48px;margin-top:6px}.howto-back{pointer-events:auto}.howto .kicker{margin-bottom:14px}.howto-rows{display:grid;gap:16px;margin-bottom:4px}.howto-row{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:12px;text-align:left}.howto-row p{margin:0;font-size:var(--fs-body);font-weight:800;line-height:1.3}.howto-ic{display:flex;align-items:center;justify-content:center;gap:3px}.howto-ic.hits{font:900 24px / 1 var(--display);color:#b3261e;letter-spacing:2px}#overlay.join{background:#2b2340bf}.join-screen{pointer-events:auto;width:min(400px,100%);margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;text-align:center}.join-screen .title{margin:0 0 4px}.join-screen .join-form{width:100%;gap:8px;margin-top:8px}.join-cap{margin:0;font-size:16px;font-weight:800}.join-screen .name-input{min-height:56px}.join-screen .join-err{color:#ffc2b8;min-height:0}.join-screen .join-err:empty{display:none}.join-screen .btn.cta{margin-top:4px}@media(max-height:620px){.start-screen .title{font-size:48px}.start-mid{padding-top:0}.howto-rows{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}.stage-in{animation:story-fade var(--t-fast) linear both!important}.btn.cta.auto:before{animation-duration:var(--auto-ms, 1s)!important}}