@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-ar.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--violet: #6d4bff;--yellow: #ffd23f;--green: #22b872;--red: #f4503a;--ink: #1b1533;--danger: #d4351c;--warn: #c2410c;--cream: #fff7ea;--radius: 18px;--radius-s: 12px;--edge-w: 2px;--lift: 4px;--t-xs: clamp(12px, 3.3vw, 13px);--t-s: clamp(14px, 3.8vw, 15px);--t-m: clamp(15px, 4.3vw, 17px);--t-l: clamp(19px, 5.5vw, 22px);--t-xl: clamp(28px, 8.5vw, 36px);--t-hero: clamp(64px, 20vmin, 96px);--s-1: clamp(4px, .8vh, 8px);--s-2: clamp(8px, 1.6vh, 14px);--s-3: clamp(12px, 2.4vh, 20px);--s-4: clamp(16px, 3.4vh, 28px);--s-5: clamp(24px, 5vh, 44px);--mascot: clamp(120px, 32vmin, 190px);--thing: clamp(96px, 30vmin, 150px);--thing-emoji: clamp(52px, 16vmin, 84px);--wordmark: clamp(44px, 13vmin, 72px);--control: clamp(50px, 7vh, 58px);--page-max: 440px;--page-pad: clamp(16px, 5vw, 24px)}@media(min-width:700px){:root{--t-xs: 14px;--t-s: 16px;--t-m: 19px;--t-l: 25px;--t-xl: 42px;--t-hero: clamp(80px, 16vmin, 120px);--mascot: clamp(160px, 26vmin, 240px);--thing: clamp(130px, 24vmin, 190px);--thing-emoji: clamp(72px, 13vmin, 104px);--wordmark: clamp(60px, 10vmin, 92px);--control: 60px;--page-max: 560px}}:root[data-theme=dark]{--violet: #43299f;--yellow: #7d5c0a;--danger: #ff6b57;--warn: #fb923c;--cream: #16121f}body{--bg: var(--cream);--fg: var(--ink);--fg-2: #6b6480;--tile: #ffffff;--tile-fg: var(--ink);--edge: var(--ink);--btn-bg: var(--violet);--btn-fg: #ffffff;--score: var(--violet);--scatter: .16}:root[data-theme=dark] body{--tile: #241d38;--tile-fg: #f6f2ff;--edge: #0b0814;--scatter: .12}:root[data-theme=dark] body[data-mood=neutral]{--fg: #f6f2ff;--fg-2: #a59dc0}body[data-mood=violet]{--bg: var(--violet);--fg: #ffffff;--fg-2: rgba(255, 255, 255, .93);--tile: #ffffff;--tile-fg: var(--ink);--edge: var(--ink);--btn-bg: #ffffff;--btn-fg: var(--ink);--score: var(--yellow);--scatter: .22}:root[data-theme=dark] body[data-mood=yellow]{--fg: #ffffff;--fg-2: rgba(255, 255, 255, .82);--btn-bg: #ffffff;--btn-fg: var(--ink);--score: #ffffff}body[data-mood=yellow]{--bg: var(--yellow);--fg: var(--ink);--fg-2: rgba(27, 21, 51, .7);--tile: #ffffff;--tile-fg: var(--ink);--edge: var(--ink);--btn-bg: var(--ink);--btn-fg: #ffffff;--score: var(--ink);--scatter: .2}body[data-mood=green]{--bg: var(--green);--fg: var(--ink);--fg-2: rgba(27, 21, 51, .92);--tile: #ffffff;--tile-fg: var(--ink);--edge: var(--ink);--btn-bg: var(--ink);--btn-fg: #ffffff;--score: var(--ink);--scatter: .18}body[data-mood=red]{--bg: var(--red);--fg: var(--ink);--fg-2: rgba(27, 21, 51, .92);--tile: #ffffff;--tile-fg: var(--ink);--edge: var(--ink);--btn-bg: var(--ink);--btn-fg: #ffffff;--score: var(--ink);--scatter: .18}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}#root{height:var(--vvh, 100%);margin:0}body{font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--t-m);line-height:1.5;background:var(--bg);color:var(--fg);overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}button{font:inherit;color:inherit;margin:0}#root{position:relative;z-index:1}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--scatter);transition:opacity .35s ease}.backdrop.quiet{opacity:calc(var(--scatter) * .45)}.backdrop-item{position:absolute;line-height:1;filter:saturate(.9)}.screen{height:100%;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + var(--s-2)) var(--page-pad) calc(env(safe-area-inset-bottom,0px) + var(--s-3));max-width:var(--page-max);margin:0 auto}.center{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);min-height:0;width:100%;padding-block:var(--s-2) var(--s-4);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.center::-webkit-scrollbar{display:none}.center>:first-child{margin-top:auto}.center>:last-child{margin-bottom:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;flex:0 0 auto}.stack{display:flex;flex-direction:column;gap:var(--s-2);width:100%;flex:0 0 auto}.wordmark{font-size:var(--wordmark);font-weight:900;line-height:1.05;letter-spacing:-.02em;text-align:center}.headline{font-size:var(--t-xl);font-weight:800;text-align:center;line-height:1.2;letter-spacing:-.01em;margin:0}.sub{font-size:var(--t-s);font-weight:500;color:var(--fg-2);text-align:center;line-height:1.7;max-width:30ch;margin:0}.eyebrow{font-size:var(--t-xs);font-weight:700;letter-spacing:.02em;color:var(--fg-2);margin:0}.prompt{font-size:var(--t-l);font-weight:800;color:var(--fg-2);margin:0}.big-score{font-size:var(--t-hero);font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--score);font-variant-numeric:tabular-nums}.countdown{font-variant-numeric:tabular-nums;font-weight:700;color:var(--fg)}.counter-row{display:flex;justify-content:center;align-items:center;min-height:18px;margin-bottom:6px}.counter{font-size:var(--t-xs);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--warn);color:color-mix(in oklab,var(--warn),var(--danger) calc(var(--t, 0) * 100%));transition:color .18s ease}.support-line{font-size:var(--t-xs);font-weight:600;color:var(--fg-2);text-align:center;margin:0 0 10px}.support-line a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.error-line{font-size:var(--t-s);font-weight:600;color:var(--fg);text-align:center;min-height:24px;margin:0}.tile{background:var(--tile);color:var(--tile-fg);border:var(--edge-w) solid var(--edge);border-radius:var(--radius);box-shadow:0 var(--lift) 0 var(--edge)}.stat{display:inline-flex;align-items:baseline;gap:6px;font-size:var(--t-xs);font-weight:600;color:var(--fg-2);white-space:nowrap}.stat-value{font-size:var(--t-l);font-weight:900;color:var(--fg);font-variant-numeric:tabular-nums}.stat-value.score{color:var(--score)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);width:100%}.stat-cell{padding:var(--s-2) 12px;display:flex;flex-direction:column;gap:0;align-items:center;text-align:center}.stat-cell .stat-value{font-size:clamp(26px,7.5vw,32px);line-height:1.1;color:var(--tile-fg)}.stat-cell .stat-label{font-size:var(--t-xs);font-weight:600;color:var(--tile-fg);opacity:.6;line-height:1.4;font-variant-numeric:tabular-nums}.stat-cell.pop{background:var(--yellow);color:var(--ink)}.stat-cell.pop .stat-value,.stat-cell.pop .stat-label{color:var(--ink)}.thing{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);width:100%}.thing-tile{width:var(--thing);height:var(--thing);display:grid;place-items:center;font-size:var(--thing-emoji);line-height:1;transform:rotate(-4deg)}.thing-tile.hero{transform:rotate(-6deg)}.mascot{width:var(--mascot);height:auto;display:block;flex:0 0 auto}.thing-text{font-size:clamp(26px,9vmin,44px);font-weight:900;line-height:1.15;letter-spacing:-.01em;text-align:center;overflow-wrap:anywhere}.trail{font-size:var(--t-xs);font-weight:600;color:var(--fg-2);text-align:center;line-height:1.8;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-row{display:flex;align-items:center;gap:8px;width:100%;height:var(--control);padding-inline:18px 6px;border-radius:calc(var(--control) / 2)}.input{flex:1;min-width:0;height:100%;padding:0;font-family:inherit;font-size:var(--t-m);font-weight:600;color:var(--tile-fg);background:transparent;border:none;outline:none}.input::placeholder{color:var(--tile-fg);opacity:.45;font-weight:500}.send{flex:0 0 auto;width:calc(var(--control) - 16px);height:calc(var(--control) - 16px);border-radius:50%;border:none;background:var(--violet);color:#fff;display:grid;place-items:center;cursor:pointer;transition:opacity .15s ease,transform .08s ease}.send:active:not(:disabled){transform:scale(.92)}.send:disabled{opacity:.25;cursor:default}.send svg{width:20px;height:20px}.btn{height:var(--control);padding:0 22px;font-size:var(--t-m);font-weight:800;color:var(--btn-fg);background:var(--btn-bg);border:var(--edge-w) solid var(--edge);border-radius:var(--radius);box-shadow:0 var(--lift) 0 var(--edge);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,opacity .15s ease}.btn:active:not(:disabled){transform:translateY(var(--lift));box-shadow:0 0 0 var(--edge)}.btn:disabled{opacity:.45;cursor:default}.btn.wide{width:100%}.btn.ghost{background:transparent;color:var(--fg);border-color:var(--fg);box-shadow:0 var(--lift) 0 var(--fg)}.btn.ghost:active:not(:disabled){box-shadow:0 0 0 var(--fg)}.btn.link{height:auto;background:none;border:none;box-shadow:none;color:var(--fg-2);font-size:var(--t-s);font-weight:600;padding:10px}.btn.link:active:not(:disabled){transform:none;color:var(--fg);opacity:1}.topbar .btn.link{padding-inline:0}.icon-btn{width:44px;height:44px;border-radius:50%;border:var(--edge-w) solid var(--edge);background:var(--tile);color:var(--tile-fg);box-shadow:0 3px 0 var(--edge);display:grid;place-items:center;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.icon-btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--edge)}.icon-btn svg{width:20px;height:20px}.verdict{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);animation:pop .22s cubic-bezier(.2,.9,.3,1.2) both}.verdict-tag{font-size:var(--t-s);font-weight:800;padding:6px 16px;border-radius:999px;background:var(--tile);color:var(--tile-fg);border:var(--edge-w) solid var(--edge)}.matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%}.matchup-side{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.matchup-tile{width:clamp(64px,18vmin,96px);height:clamp(64px,18vmin,96px);display:grid;place-items:center;font-size:clamp(34px,10vmin,52px);line-height:1;border-radius:var(--radius-s)}.matchup-side:first-child .matchup-tile{transform:rotate(-5deg)}.matchup-side:last-child .matchup-tile{transform:rotate(5deg)}.matchup-text{font-size:var(--t-m);font-weight:800;text-align:center;overflow-wrap:anywhere}.matchup-side.out{opacity:.5}.matchup-vs{font-size:var(--t-xs);font-weight:800;color:var(--fg-2)}.verdict-reason{font-size:var(--t-m);font-weight:500;line-height:1.7;text-align:center;color:var(--fg);margin:0;max-width:34ch}.hive{font-size:var(--t-xs);font-weight:600;color:var(--fg-2);margin:0}.chain{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;max-height:calc(3 * (var(--t-xs) * 1.5 + 12px + 2 * var(--edge-w)) + 16px);overflow:hidden}.chain-item{font-size:var(--t-xs);font-weight:700;color:var(--tile-fg);background:var(--tile);padding:6px 12px;border-radius:999px;border:var(--edge-w) solid var(--edge);white-space:nowrap}.price{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--s-3) 28px;transform:rotate(-2deg)}.price-amount{font-size:var(--t-xl);font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.price-amount{display:inline-flex;align-items:center;gap:.2em}.riyal{height:.8em;width:auto;display:inline-block;vertical-align:-.05em}.price-note{font-size:var(--t-xs);font-weight:600;opacity:.65}.rules{display:flex;flex-direction:column;gap:var(--s-2);width:100%;text-align:start}.rule{display:flex;gap:14px;align-items:flex-start;padding:var(--s-2) 16px;border-radius:var(--radius)}.rule-num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font-size:var(--t-s);font-weight:900;font-variant-numeric:tabular-nums}.rule:nth-child(2) .rule-num{background:var(--yellow);color:var(--ink)}.rule:nth-child(3) .rule-num{background:var(--green)}.rule:nth-child(4) .rule-num{background:var(--red)}.rule-body{flex:1;min-width:0}.rule-title{font-size:var(--t-m);font-weight:800;margin:0 0 2px}.rule-text{font-size:var(--t-s);font-weight:500;opacity:.7;line-height:1.6;margin:0}.example{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;font-size:var(--t-m);font-weight:800;transform:rotate(-1.5deg)}.thinking{display:flex;align-items:center;justify-content:center;gap:5px;min-height:28px;color:var(--fg-2);font-size:var(--t-s);font-weight:700}.thinking-label{margin-inline-start:6px}.dot{width:6px;height:6px;border-radius:50%;background:var(--fg);animation:blink 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions .icon-btn{width:40px;height:40px;flex:0 0 40px}.exit-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:999px;font-family:inherit;font-size:var(--t-xs);font-weight:800;color:var(--danger);background:var(--tile);border:var(--edge-w) solid var(--edge);box-shadow:0 3px 0 var(--edge);cursor:pointer;white-space:nowrap;transition:transform .08s ease,box-shadow .08s ease}.exit-btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--edge)}.exit-btn svg{width:18px;height:18px}.btn.ghost.danger{color:var(--danger);border-color:var(--danger);box-shadow:0 var(--lift) 0 var(--danger)}.btn.ghost.danger:active:not(:disabled){box-shadow:0 0 0 var(--danger)}.confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0b08148c;animation:fade .14s ease-out both}.confirm-card{width:100%;max-width:340px;padding:26px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:pop .2s cubic-bezier(.2,.9,.3,1.2) both}.confirm-title{font-size:var(--t-l);font-weight:900;margin:0 0 8px}.confirm-text{font-size:var(--t-s);font-weight:500;line-height:1.7;margin:0;opacity:.72}.confirm-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:20px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.mascot .eye,.mascot .pupil{transform-box:fill-box;transform-origin:center}.mascot .eye{animation:blink 6.5s infinite}.mascot .pupil{animation:glance 14s ease-in-out infinite}@keyframes blink{0%,41%,45%,84%,88%,to{transform:scaleY(1)}43%,86%{transform:scaleY(.08)}}@keyframes glance{0%,9%{transform:translate(0)}14%,25%{transform:translate(-17px,4px)}30%,36%{transform:translate(0)}42%,55%{transform:translate(-4px,15px)}60%,66%{transform:translate(0)}71%,80%{transform:translate(4px,-5px)}85%,93%{transform:translate(-14px,11px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}