@font-face{font-family:Lato;src:url(/fonts/Lato-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent}body{color:#fff;touch-action:manipulation;background:#000;font-family:Lato,sans-serif;font-weight:700}:root{--color-card-bg:#bea4cf;--color-ink:#4c2715;--color-ink-rgb:76, 39, 21;--border-radius-card:24px;--border-radius-pill:999px;--font-primary:"Lato", sans-serif;--font-weight-bold:700;--card-width:100dvw;--card-height:100dvh;--touch-target-min:56px;--ease-mystical:cubic-bezier(.4, 0, .2, 1);--duration-expand:.3s;--duration-fade:.25s;--duration-pulse:2.5s}.landing{width:100%;height:100%;color:var(--color-ink);flex-direction:column;justify-content:center;align-items:center;display:flex}.landing__crystal-ball-wrapper{width:clamp(140px,38vw,260px);max-width:70%;position:relative;overflow:visible}.landing__crystal-ball{width:100%;display:block}.landing__text-ring-svg{pointer-events:none;z-index:2;width:180%;height:180%;animation:20s linear infinite spin-text-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin-text-ring{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes crystal-pulse{0%,to{opacity:1;filter:drop-shadow(0 0 8px rgba(var(--color-ink-rgb), .3));transform:scale(1)}50%{opacity:.85;filter:drop-shadow(0 0 20px rgba(var(--color-ink-rgb), .5));transform:scale(1.04)}}.landing__crystal-ball .crystal-ball__orb{animation:crystal-pulse var(--duration-pulse) ease-in-out infinite;will-change:transform, opacity;transform-origin:50%}.card-frame{width:var(--card-width);height:var(--card-height);background:var(--color-card-bg);color:var(--color-ink);border-radius:24px;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.card-frame__borders,.card-frame__dots{pointer-events:none;z-index:0;width:100%;height:100%;color:var(--color-ink);position:absolute;inset:0}.card-frame__corner{pointer-events:none;width:13%;height:14%;color:var(--color-ink);z-index:1;position:absolute}.card-frame__corner--tl{top:7%;left:11%}.card-frame__corner--tr{top:7%;right:11%}.card-frame__corner--br{bottom:7%;right:11%}.card-frame__corner--bl{bottom:7%;left:11%}.card-frame__sparkles{pointer-events:none;width:100%;height:100%;color:var(--color-ink);position:absolute;inset:0}.card-frame__header{z-index:1;text-align:center;line-height:1;position:absolute;top:5.96dvh;left:0;right:0;transform:translateY(-50%)}.card-frame__header-pill{font-family:var(--font-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-ink);letter-spacing:.11em;font-size:clamp(16px,3.2vw,22px)}.card-frame__content{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:0 24px;display:flex;position:relative}.card-frame__logo{z-index:2;text-align:center;padding-bottom:0;position:relative;bottom:clamp(50px,12dvh,120px)}.card-frame__client-logo{width:clamp(180px,50vw,300px);height:auto;color:var(--color-ink)}.quiz{width:100%;height:100%;color:var(--color-ink);flex-direction:column;align-items:center;padding-top:clamp(8px,2dvh,24px);display:flex;position:relative}.quiz__questions{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.quiz__submit{min-height:var(--touch-target-min);border:2px solid var(--color-ink);border-radius:var(--border-radius-pill);background:var(--color-card-bg);min-width:360px;color:var(--color-ink);font-family:var(--font-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.11em;cursor:not-allowed;touch-action:manipulation;transition:opacity var(--duration-fade) var(--ease-mystical);opacity:.4;pointer-events:none;padding:0 56px;font-size:clamp(16px,3.2vw,22px);position:absolute;top:75%;left:50%;transform:translate(-50%)}.quiz__submit.quiz__submit--ready{opacity:1;pointer-events:auto;cursor:pointer}.quiz__submit.quiz__submit--ready:active{opacity:.75;transform:translate(-50%)scale(.98)}.quiz-dropdown{width:80%;max-width:560px;margin:0 auto 40px}.quiz-dropdown__trigger{min-height:var(--touch-target-min);border:2px solid var(--color-ink);border-radius:var(--border-radius-pill);background:var(--color-card-bg);width:100%;color:var(--color-ink);font-family:var(--font-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;text-align:center;justify-content:center;align-items:center;padding:0 40px 0 20px;font-size:clamp(16px,3.2vw,22px);display:flex;position:relative}.quiz-dropdown__trigger:active{opacity:.7;transform:scale(.98)}.quiz-dropdown__arrow{transition:transform var(--duration-expand) var(--ease-mystical);font-size:1.2em;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.quiz-dropdown--open .quiz-dropdown__arrow{transform:rotate(180deg)}.quiz-dropdown__body{transition:grid-template-rows var(--duration-expand) var(--ease-mystical);grid-template-rows:0fr;display:grid}.quiz-dropdown--open .quiz-dropdown__body{grid-template-rows:1fr}.quiz-dropdown__body-inner{padding:0 8px;overflow:hidden}.quiz-dropdown__option{min-height:var(--touch-target-min);border:none;border-bottom:1px solid rgba(var(--color-ink-rgb), .2);width:100%;color:var(--color-ink);font-family:var(--font-primary);font-weight:var(--font-weight-bold);cursor:pointer;text-align:center;touch-action:manipulation;background:0 0;padding:12px 20px;font-size:clamp(16px,3.2vw,22px)}.quiz-dropdown__option:active{background:rgba(var(--color-ink-rgb), .1)}.quiz-dropdown__option--selected{background:var(--color-ink);color:var(--color-card-bg)}.quiz-dropdown__option:last-child{border-bottom:none}.loading__front{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.loading__starburst{z-index:0;transform-origin:209px 295px;animation:12s linear infinite spin-ccw;position:absolute;inset:0}.loading__crystal-ball-wrapper{z-index:1;width:clamp(140px,38vw,260px);max-width:70%;position:relative;overflow:visible}.loading__text-ring-svg{pointer-events:none;z-index:2;width:180%;height:180%;animation:8s linear infinite spin-text-ring-cw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading__reveal{min-height:var(--touch-target-min);border:2px solid var(--color-ink);border-radius:var(--border-radius-pill);background:var(--color-card-bg);min-width:360px;color:var(--color-ink);font-family:var(--font-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.11em;cursor:pointer;touch-action:manipulation;z-index:3;padding:0 56px;font-size:clamp(16px,3.2vw,22px);position:absolute;bottom:clamp(80px,18dvh,160px);left:50%;transform:translate(-50%)}.loading__reveal:active{opacity:.75;transform:translate(-50%)scale(.98)}@keyframes spin-text-ring-cw{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pill-drop{0%{opacity:0;transform:translate(-50%,-50%)translateY(-120%)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}.collect-pill{opacity:0;border-radius:var(--border-radius-pill);font-family:var(--font-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;text-align:center;white-space:nowrap;color:currentColor;background:var(--color-card-bg);z-index:5;pointer-events:none;border:2px solid;padding:10px 28px;font-size:clamp(16px,3.2vw,22px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(-120%)}.collect-pill.is-visible{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards pill-drop}.result{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.result__illustration{width:100%;max-width:700px;height:auto;color:var(--color-ink)}.result__reset{min-height:var(--touch-target-min);border:2px solid var(--color-ink);border-radius:var(--border-radius-pill);background:var(--color-card-bg);min-width:360px;color:var(--color-ink);font-family:var(--font-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.11em;cursor:pointer;touch-action:manipulation;z-index:6;opacity:0;pointer-events:none;transition:opacity .45s var(--ease-mystical);padding:0 56px;font-size:clamp(16px,3.2vw,22px);position:absolute;top:75%;left:50%;transform:translate(-50%)}.result__reset.is-visible{opacity:1;pointer-events:auto}.result__reset:active{opacity:.7;transform:translate(-50%)scale(.97)}.boh{color:#fff;min-height:100dvh;font-family:var(--font-primary);background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.boh__header{opacity:.5;text-transform:uppercase;letter-spacing:.1em;margin-bottom:40px;font-size:18px}.boh__result{text-align:center}.boh__season{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(48px,12vw,96px);line-height:1.1}.boh__title{opacity:.8;margin-top:16px;font-size:clamp(24px,6vw,48px)}.boh__waiting{opacity:.4;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(24px,6vw,48px)}.boh__freshness{opacity:.5;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-top:32px;font-size:clamp(14px,3vw,18px)}.role-picker{width:100%;height:100%;color:var(--color-ink);flex-direction:column;justify-content:center;align-items:center;gap:clamp(32px,6dvh,56px);display:flex}.role-picker__button{min-height:var(--touch-target-min);border:2px solid var(--color-ink);border-radius:var(--border-radius-pill);background:var(--color-card-bg);min-width:360px;color:var(--color-ink);font-family:var(--font-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.11em;cursor:pointer;touch-action:manipulation;transition:opacity var(--duration-fade) var(--ease-mystical), background var(--duration-fade) var(--ease-mystical), color var(--duration-fade) var(--ease-mystical);padding:0 56px;font-size:clamp(16px,3.2vw,22px)}.role-picker__button:active{opacity:.75;transform:scale(.98)}.role-picker__button.is-current{background:var(--color-ink);color:var(--color-card-bg)}.role-picker__button:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.hatch-trigger{z-index:9999;touch-action:none;width:80px;height:80px;color:var(--color-ink);position:fixed;top:0;left:0}.hatch-trigger__ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes hatch-ring-fill{0%{stroke-dashoffset:213.6px}to{stroke-dashoffset:0}}.hatch-trigger__ring-fill{transform-origin:50%;animation:2s linear forwards hatch-ring-fill;transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.hatch-trigger__ring-fill{stroke-dashoffset:0;animation:none}}.app-flip{perspective:1200px;width:100%;height:100dvh}.app-flip__card{width:100%;height:100%}.app-flip__card.is-flipping-out{animation:.35s ease-in forwards flip-out}.app-flip__card.is-flipping-in{animation:.35s ease-out forwards flip-in}@keyframes flip-out{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes flip-in{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}