.arcade-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:40px 28px 32px;background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 7%,transparent),0 18px 40px -24px rgb(0 0 0/.45)}@media (max-width:560px){.arcade-hero{padding:30px 20px 24px;border-radius:22px}}.arcade-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 240px at 92% 8%,color-mix(in srgb,var(--g-rankblind) 24%,transparent),transparent 70%),radial-gradient(380px 240px at 68% 112%,color-mix(in srgb,var(--g-carnivore) 22%,transparent),transparent 70%),radial-gradient(320px 220px at 0 0,color-mix(in srgb,var(--blue) 16%,transparent),transparent 70%);pointer-events:none}.arcade-hero h1{margin:0;font-size:clamp(3rem,12vw,6rem);line-height:.88}.arcade-sticker{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;text-align:center;background:var(--yellow);color:var(--on-yellow);line-height:1;transform:rotate(8deg);box-shadow:0 8px 20px -6px rgb(0 0 0/.45)}@media (max-width:560px){.arcade-sticker{top:14px;right:14px;width:72px;height:72px}.arcade-sticker .num{font-size:1.35rem!important}}.arcade-digit{display:grid;place-items:center;min-width:2.75rem;height:3rem;padding:0 .4rem;border-radius:10px;background:var(--ground);color:var(--ink);box-shadow:inset 0 -2px 0 var(--line)}@media (max-width:400px){.arcade-digit{min-width:2.35rem;height:2.6rem;font-size:1.25rem}}.scroll-cue{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--ink-3);font-size:.85rem}.scroll-cue svg{animation:cue 1.8s var(--ease-out-strong) infinite}@keyframes cue{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.arcade-grid{position:relative;display:grid;gap:16px;grid-template-columns:minmax(0,1fr);padding-bottom:12px}@media (min-width:640px){.arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-grid>.is-feature,.arcade-grid>:last-child:not(.is-feature){grid-column:span 2}}@media (min-width:980px){.arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade-grid>.is-feature{grid-column:span 2;grid-row:span 2}.arcade-grid>:last-child:not(.is-feature){grid-column:auto}}.card-slot{position:relative;min-width:0;perspective:1200px}.card-fold{height:100%;transform-origin:50% 50%;will-change:transform;perspective:1200px}.card-tilt{height:100%;border-radius:22px;perspective:1400px}.card-flipper,.card-fold,.card-tilt{pointer-events:none}.card-face{pointer-events:auto}.card-face[inert],.card-slot[data-dealing] .card-face{pointer-events:none}.card-slot[data-dealing] .card-fold,.card-slot[data-dealing] .card-tilt{transform-style:preserve-3d;perspective:none}.card-slot[data-dealing] .card-face{transition:none}.card-slot[data-face=back] .card-front{opacity:0}.card-slot[data-face=back] .card-back{opacity:1}.card-flipper{display:grid;height:100%;transform-style:preserve-3d;transition:transform .52s var(--ease-turn)}.card-flipper[data-flipped=true]{transform:rotateY(180deg)}.card-flipper:not([data-flipped=true]) .card-back,.card-flipper[data-flipped=true] .card-front{opacity:0}.card-face{opacity:1;grid-area:1/1;position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;min-height:210px;padding:22px;border-radius:22px;overflow:hidden;-webkit-backface-visibility:visible;backface-visibility:visible;color:var(--ink);transition:transform .14s var(--ease-out-strong),opacity 0s linear .26s}@media (max-width:400px){.card-face{padding:18px}}.card-front{background:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 26%,transparent),inset 0 1px 0 rgb(255 255 255/.05),0 16px 32px -20px rgb(0 0 0/.6)}.card-back{transform:rotateY(180deg);background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 32%,transparent),0 16px 32px -20px rgb(0 0 0/.6)}.card-slot:has(.card-cta:active) .card-front,.card-slot:has(.card-hit:active) .card-front{transform:scale(.975)}.is-feature .card-face{min-height:280px}@media (min-width:980px){.is-feature .card-face{padding:28px}}.card-row{display:flex;align-items:center;gap:12px;min-width:0}.card-title{font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:-.03em;line-height:1.05}.card-title-lg{font-size:clamp(2rem,6vw,2.75rem)}.card-tagline{margin-top:6px;max-width:34ch;font-size:.95rem;line-height:1.4;color:var(--ink-2)}.card-hit:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.card-hit:focus-visible{outline:none}.card-slot:has(.card-hit:focus-visible) .card-front{outline:2px solid var(--c);outline-offset:3px}.card-above{position:relative;z-index:2}.card-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.card-glare{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:soft-light;transition:opacity .24s ease}.card-slot[data-hover] .card-glare{opacity:1}.card-badge{display:grid;flex-shrink:0;place-items:center;width:46px;height:46px;border-radius:14px;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--c) 70%,#000)}.card-badge,.card-cta{background:var(--c);color:var(--surface)}.card-cta{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.92rem;white-space:nowrap;touch-action:manipulation;transition:transform .14s var(--ease-out-strong),filter .15s ease}.card-cta:active{transform:scale(.96)}.card-cta svg{transition:transform .2s var(--ease-out-strong)}@media (hover:hover) and (pointer:fine){.card-slot:hover .card-cta svg{transform:translateX(3px)}.card-cta:hover{filter:brightness(1.08)}}.card-done{padding:0 14px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);font-weight:700;font-size:.92rem}.card-done,.card-turn{display:inline-flex;align-items:center;gap:6px;height:40px;border-radius:999px;font-family:var(--font-display)}.card-turn{padding:0 12px;color:var(--ink-2);font-weight:600;font-size:.85rem;touch-action:manipulation;transition:color .15s ease,background-color .15s ease,transform .14s var(--ease-out-strong)}.card-turn:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.card-turn:hover{color:var(--ink);background:color-mix(in srgb,var(--c) 14%,transparent)}}.card-turn:focus-visible{outline:2px solid var(--c);outline-offset:2px}.card-streak{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:var(--yellow-tint);color:var(--yellow-ink);font-family:var(--font-display);font-weight:700;font-size:.8rem;white-space:nowrap}.card-rules{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:rule}.card-rules li{position:relative;padding-left:30px;font-size:.9rem;line-height:1.4;color:var(--ink-2);counter-increment:rule}.card-rules li:before{content:counter(rule);position:absolute;left:0;top:0;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--tint);color:var(--c);font-family:var(--font-display);font-weight:700;font-size:.72rem}.mini-board{flex:1;display:flex;align-items:center;justify-content:center;min-height:110px;padding:4px 0;perspective:700px}.mini-board svg{display:block;width:100%;max-width:480px;height:auto;overflow:visible;transform:rotateX(26deg);transform-origin:50% 60%}.mini-board .cell{fill:color-mix(in srgb,var(--c) 9%,transparent)}.mini-board .eel{fill:none;stroke:var(--c);stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:360;stroke-dashoffset:360;animation:eel-draw 1.3s var(--ease-out-strong) .4s forwards}@keyframes eel-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.card-flipper,.card-flipper[data-flipped=true]{transform:none;transition:none}.card-back{transform:none}.card-face{transition:opacity .18s ease}.card-flipper:not([data-flipped=true]) .card-back,.card-flipper[data-flipped=true] .card-front{opacity:0;visibility:hidden}.mini-board .eel{animation:none;stroke-dashoffset:0}.scroll-cue svg{animation:none}}:root[data-motion=reduced] .card-back,:root[data-motion=reduced] .card-flipper,:root[data-motion=reduced] .card-flipper[data-flipped=true]{transform:none}:root[data-motion=reduced] .card-flipper:not([data-flipped=true]) .card-back,:root[data-motion=reduced] .card-flipper[data-flipped=true] .card-front{opacity:0;visibility:hidden}:root[data-motion=reduced] .mini-board .eel{stroke-dashoffset:0}