@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700;800&display=swap";:root{--color-base:#fff;--color-surface:#f8f7fc;--color-surface-hover:#f0edf5;--color-text-primary:#1e1b4b;--color-text-secondary:#6b6994;--color-coral:#ff6b6b;--color-yellow:#ffd93d;--color-lavender:#c4b5fd;--color-peach:#ffecd2;--color-mint:#6fcf97;--color-error:#ff6b6b;--color-success:#6fcf97;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-xxl:28px;--shadow-offset-sm:2px 2px 0px var(--color-text-primary);--shadow-offset-md:4px 4px 0px var(--color-text-primary);--shadow-offset-lg:6px 6px 0px var(--color-text-primary);--shadow-offset-xl:8px 8px 0px var(--color-text-primary);color:var(--color-text-primary);background-color:var(--color-surface);font-family:Quicksand,sans-serif}*{box-sizing:border-box;margin:0;padding:0}@media (width<=768px){:root{--radius-xl:16px;--radius-xxl:20px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;margin:0;display:flex}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.card-sticker{background-color:var(--color-base);border:2px solid var(--color-text-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-offset-lg)}.card-solid{background-color:var(--color-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-offset-lg)}.button-sticker{background-color:var(--color-coral);color:var(--color-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex}.button-sticker:active{box-shadow:2px 2px 0px var(--color-text-primary);transform:translate(2px,2px)}.button-sticker.secondary{background-color:var(--color-base);color:var(--color-text-primary);border:2px solid var(--color-text-primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;font-weight:700;line-height:1.2}.bento-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1280px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bento-grid{grid-template-columns:1fr;gap:16px}}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-md{font-size:16px}.text-lg{font-size:20px}.text-xl{font-size:24px}.text-xxl{font-size:32px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.game-container{flex:1;gap:48px;width:100%;max-width:1440px;margin:0 auto;padding:0 64px 40px;display:flex}@media (width<=1024px){.game-container{flex-direction:column;gap:32px;padding:0 32px 32px}}@media (width<=640px){.game-container{gap:24px;padding:0 16px 24px}}.stack-mobile{flex-direction:row;display:flex}@media (width<=768px){.stack-mobile{flex-direction:column}}.hide-mobile{display:block}@media (width<=768px){.hide-mobile{display:none}}.show-mobile{display:none}@media (width<=768px){.show-mobile{display:block}}.navbar-container{width:100%;max-width:1440px;margin:0 auto;padding:40px 64px 0}@media (width<=1024px){.navbar-container{padding:32px 32px 0}}@media (width<=640px){.navbar-container{padding:24px 16px 0}}.navbar-logo{height:64px}@media (width<=640px){.navbar-logo{height:48px}}.focus-outline:focus{z-index:50;position:relative;box-shadow:0 0 0 3px var(--color-surface), 0 0 0 6px var(--color-text-primary)!important;border-color:var(--color-text-primary)!important;outline:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes mm-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mm-bob{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(20px,-28px)rotate(8deg)}}@keyframes mm-bob-slow{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-18px,24px)rotate(-6deg)}}@keyframes mm-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes mm-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}