.arcade{min-height:100vh}.arcade-header{border-bottom:1px solid var(--border);align-items:center;gap:50px;max-width:1280px;margin:auto;padding:26px 48px;display:flex}.arcade-logo{letter-spacing:-1.4px;align-items:center;gap:10px;font-size:29px;font-weight:650;line-height:1;display:flex}.arcade-logo>span:first-child{color:var(--primary);font-size:40px}.arcade-logo small{font:9px var(--font-geist-mono);letter-spacing:4px;margin-top:7px;display:block}.arcade-header nav{color:var(--muted);gap:28px;font-size:12px;display:flex}.arcade-header nav .active{color:var(--primary);font-weight:600}.arcade-header .theme-switch{margin-left:auto}.arcade .arcade-main{max-width:1280px;margin:auto;padding:42px 48px 0}.arcade .welcome{background:var(--subtle);border-radius:20px;grid-template-columns:1.2fr 1fr;align-items:center;gap:52px;padding:50px;display:grid;position:relative;overflow:hidden}.welcome-eyebrow{color:var(--primary);align-items:center;gap:8px;font-size:9px;display:flex}.welcome-eyebrow>span{background:var(--primary);border-radius:50%;width:6px;height:6px}.arcade .welcome h1{letter-spacing:-2.8px;margin:24px 0 20px;font-size:clamp(42px,4.3vw,62px);font-weight:550;line-height:1.08}.welcome-copy>p{color:var(--muted);font-size:14px;line-height:1.8}.welcome-copy .button-primary{margin-top:26px;padding:14px 19px}.welcome-promises{color:var(--muted);gap:17px;margin-top:23px;font-size:10px;display:flex}.welcome-promises>span+span:before{content:"·";margin-right:17px}.featured-preview{background:var(--color-bossanova-900);color:var(--color-bossanova-50);box-shadow:0 12px 0 color-mix(in srgb, var(--color-bossanova-950) 7%, transparent);border-radius:17px;padding:22px;position:relative;transform:rotate(3deg)}.featured-preview>.mono{color:var(--color-bossanova-200);font-size:8px}.featured-preview .catalog-art{background:0 0;height:235px}.featured-preview>div:last-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.featured-preview strong{font-size:13px;font-weight:500;display:block}.featured-preview small{color:var(--color-bossanova-200);margin-top:7px;font-size:10px;display:block}.featured-preview button{background:var(--color-lime-200);width:34px;height:34px;color:var(--color-bossanova-950);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.welcome-star{color:var(--primary);font-size:29px;position:absolute;top:21px;right:25px}.arcade .browse{padding-top:52px;scroll-margin-top:24px}.browse-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.arcade h2{letter-spacing:-.9px;margin-top:8px;font-size:27px;font-weight:550}.catalog-notice{color:var(--muted);padding-bottom:3px;font-size:10px}.catalog-tools{gap:18px;display:flex}.catalog-search{border:1px solid var(--border);background:var(--surface);border-radius:9px;flex:1;align-items:center;gap:13px;padding:0 16px;display:flex}.catalog-search>span{color:var(--primary);font-size:26px}.catalog-search input{background:0 0;outline:none;width:100%;min-width:0;height:48px;font-size:13px}.catalog-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.catalog-search input::placeholder{color:var(--muted)}.catalog-search button{color:var(--muted);font-size:22px}.catalog-sort{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:9px;align-items:center;gap:10px;padding:0 14px;font-size:11px;display:flex}.catalog-sort select{color:var(--foreground);background:var(--surface);padding:12px 0;font-size:12px}.category-list{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.category-list button{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex}.category-list button>span{font-size:15px}.category-list small{color:var(--muted);font:9px var(--font-geist-mono)}.category-list button[aria-pressed=true]{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.category-list button[aria-pressed=true] small{color:inherit;opacity:.8}.results-heading{color:var(--muted);align-items:center;gap:16px;margin:27px 0 17px;font-size:11px;display:flex}.results-heading>.mono{margin-left:auto;font-size:8px}.results-heading button{text-underline-offset:3px;color:var(--primary);flex-shrink:0;text-decoration:underline}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.catalog-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;transition:transform .2s,box-shadow .2s;overflow:hidden}.catalog-card:hover{box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 8%, transparent);transform:translateY(-4px)}.catalog-card-button{text-align:left;width:100%;display:block}.catalog-image{position:relative}.catalog-art{place-items:center;height:205px;display:grid;position:relative;overflow:hidden}.tone-purple{background:var(--color-bossanova-200);--art-ink:var(--color-bossanova-900)}.tone-lime{background:var(--color-lime-100);--art-ink:var(--color-lime-800)}.tone-peach{background:var(--color-peach-200);--art-ink:var(--color-peach-800)}.art-decoration{color:var(--art-ink);opacity:.65;font-size:27px;position:absolute;bottom:18px;right:20px}.sample-badge{background:var(--color-bossanova-50);color:var(--color-bossanova-900);font:7px var(--font-geist-mono);letter-spacing:.5px;border-radius:20px;padding:6px 9px;position:absolute;top:13px;left:13px}.number-board{grid-template-columns:repeat(3,1fr);gap:6px;width:148px;display:grid;transform:rotate(-9deg)}.number-board span{aspect-ratio:1;background:var(--color-bossanova-50);color:var(--color-bossanova-900);box-shadow:0 3px 0 color-mix(in srgb, var(--color-bossanova-950) 12%, transparent);border-radius:8px;place-items:center;font-size:23px;font-weight:600;display:grid}.number-board [data-number="4"]{background:var(--color-peach-300)}.number-board [data-number="8"]{background:var(--color-lime-200)}.number-board [data-number="16"]{background:var(--color-bossanova-900);color:var(--color-bossanova-50)}.featured-preview .number-board{width:183px}.letter-board{gap:6px;display:flex;transform:rotate(-8deg)}.letter-board span{background:var(--color-bossanova-50);width:43px;height:51px;color:var(--color-bossanova-900);box-shadow:0 5px 0 color-mix(in srgb, var(--art-ink) 15%, transparent);border-radius:8px;place-items:center;font-size:27px;font-weight:600;display:grid}.letter-board span:nth-child(2n){transform:translateY(13px)rotate(7deg)}.playing-cards{padding-left:20px;display:flex;transform:rotate(-8deg)}.playing-cards>span{background:var(--color-bossanova-50);width:78px;height:108px;color:var(--color-bossanova-900);border:1px solid var(--color-bossanova-200);box-shadow:0 5px 0 color-mix(in srgb, var(--art-ink) 12%, transparent);border-radius:9px;margin-left:-25px;padding:7px 10px;font-size:15px}.playing-cards>span:nth-child(2){color:var(--color-peach-700);transform:translateY(-10px)rotate(10deg)}.playing-cards>span:last-child{transform:rotate(19deg)}.playing-cards b{text-align:center;font-size:37px;font-weight:500;display:block}.block-board{grid-template-columns:repeat(4,1fr);gap:5px;width:129px;display:grid;transform:rotate(10deg)}.block-board span{aspect-ratio:1;background:var(--color-bossanova-900);border-radius:5px}.block-board [data-block="1"]{background:var(--color-bossanova-300)}.block-board [data-block="2"]{background:var(--color-peach-400)}.block-board [data-block="3"]{background:var(--color-lime-400)}.block-board span:nth-child(-n+3){opacity:0}.orbit-board{border:2px solid var(--art-ink);border-radius:50%;width:145px;height:145px;position:relative;transform:rotate(-30deg)}.orbit-board>span{border:1px solid var(--art-ink);opacity:.4;border-radius:50%;position:absolute;inset:16px}.orbit-board b{height:100%;color:var(--art-ink);place-items:center;font-size:70px;font-weight:400;display:grid}.orbit-board i{background:var(--color-peach-400);border:4px solid var(--color-peach-200);border-radius:50%;width:29px;height:29px;position:absolute;top:-12px;left:53px}.flower-board{align-items:center;display:flex;transform:rotate(-10deg)}.flower-board span{color:var(--color-bossanova-800);font-size:96px;line-height:1}.flower-board span:nth-child(2){color:var(--color-peach-500);z-index:1;margin:60px -25px 0 -17px;font-size:70px}.flower-board span:last-child{color:var(--color-lime-600);font-size:76px}.catalog-card-body{padding:19px 20px 0}.card-category{text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.card-category>span{color:var(--primary);font-size:17px}.catalog-card h3{letter-spacing:-.6px;margin-top:2px;font-size:21px;font-weight:550}.catalog-card p{color:var(--muted);min-height:40px;margin-top:6px;font-size:11px;line-height:1.8}.card-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:8px;margin-top:15px;padding:13px 0;font-size:9px;display:flex}.card-bottom>span:last-child{color:var(--primary)}.catalog-empty{text-align:center;border:1px dashed var(--border);border-radius:13px;padding:65px 20px}.catalog-empty>span{color:var(--primary);font-size:45px}.catalog-empty h3{margin:10px 0;font-size:23px;font-weight:550}.catalog-empty p{color:var(--muted);margin-bottom:22px;font-size:13px}.arcade-note{background:var(--subtle);border-radius:12px;align-items:center;gap:22px;margin:48px 0;padding:30px;display:flex}.arcade-note>span{color:var(--primary);font-size:43px}.arcade .arcade-note h2{margin:0;font-size:23px}.arcade-note p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.8}.arcade-note a{white-space:nowrap;color:var(--primary);margin-left:auto;font-size:11px}.arcade .arcade-footer{padding:24px 0 30px}.arcade .game-dialog{border:1px solid var(--border);background:var(--surface);width:min(440px,100% - 40px);color:var(--foreground);border-radius:18px;max-height:90dvh;margin:auto;padding:0;overflow-y:auto}.game-dialog::backdrop{background:color-mix(in srgb, var(--color-bossanova-950) 65%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-close{z-index:1;background:var(--color-bossanova-50);width:32px;height:32px;color:var(--color-bossanova-950);border-radius:50%;font-size:24px;position:absolute;top:14px;right:14px}.dialog-content{padding:26px}.dialog-content>p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.8}.preview-notice{background:var(--subtle);border-radius:9px;margin:22px 0;padding:16px;font-size:13px}.preview-notice p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.8}@media (max-width:1000px){.arcade-header{padding-inline:30px}.arcade .arcade-main{padding:30px 30px 0}.arcade .welcome{gap:28px;padding:34px}.welcome-promises{gap:9px;font-size:9px}.welcome-promises>span+span:before{margin-right:9px}.catalog-grid{gap:16px}.catalog-card-body{padding:16px 14px 0}.card-bottom{font-size:8px}.arcade-note a{display:none}.featured-preview .catalog-art{height:215px}}@media (max-width:760px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-header{gap:25px}.arcade-header nav{gap:18px}.arcade .welcome{grid-template-columns:1fr;gap:35px}.featured-preview{justify-self:center;width:100%;max-width:360px;transform:rotate(2deg)}.welcome-copy{text-align:center}.welcome-eyebrow,.welcome-promises{justify-content:center}.welcome-promises{font-size:10px}.welcome-star{display:none}.arcade .welcome h1{font-size:53px}.browse-heading{flex-direction:column;align-items:flex-start;gap:12px}.results-heading>.mono{display:none}.catalog-tools{gap:10px}.catalog-sort{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:5px 10px;font-size:8px}.catalog-sort select{padding:2px 0}}@media (max-width:480px){.arcade-header{flex-wrap:wrap;gap:20px;padding:20px}.arcade-logo{font-size:25px}.arcade-logo>span:first-child{font-size:34px}.arcade-header nav{order:3;justify-content:space-between;width:100%}.arcade .arcade-main{padding:22px 20px 0}.arcade .welcome{border-radius:15px;padding:29px 22px}.arcade .welcome h1{letter-spacing:-2px;font-size:45px}.welcome-copy>p{font-size:12px}.welcome-eyebrow{font-size:8px}.featured-preview{padding:18px}.featured-preview strong{font-size:12px}.arcade h2{font-size:25px}.catalog-grid{gap:12px}.catalog-art{height:155px}.catalog-card h3{font-size:17px}.catalog-card p{min-height:54px;font-size:10px}.catalog-card-body{padding:13px 11px 0}.card-bottom{flex-direction:column;gap:5px;font-size:8px}.sample-badge{padding:5px 6px;font-size:6px;top:9px;left:9px}.catalog-image .number-board{gap:4px;width:107px}.catalog-image .number-board span{border-radius:5px;font-size:18px}.catalog-image .letter-board{gap:3px}.catalog-image .letter-board span{border-radius:5px;width:27px;height:35px;font-size:20px}.catalog-image .playing-cards{transform:scale(.8)rotate(-8deg)}.catalog-image .block-board{gap:4px;width:100px}.catalog-image .orbit-board{width:105px;height:105px}.catalog-image .orbit-board b{font-size:50px}.catalog-image .orbit-board i{left:32px}.catalog-image .flower-board{transform:scale(.7)rotate(-10deg)}.art-decoration{font-size:22px;bottom:7px;right:9px}.catalog-search{gap:7px;padding-inline:10px}.catalog-search input{font-size:11px}.catalog-sort{max-width:110px}.category-list{gap:7px}.category-list button{gap:7px;padding:9px 10px;font-size:10px}.arcade-note{gap:16px;margin:35px 0;padding:23px 19px}.arcade .arcade-note h2{font-size:20px}.arcade-note p{font-size:11px}.arcade-note>span{font-size:34px}.arcade-footer>.mono{display:none}}@media (prefers-reduced-motion:reduce){.catalog-card{transition:none}}.catalog-thumbnail{object-fit:contain;width:85%;height:80%}.featured-preview .featured-play{background:var(--color-lime-200);width:34px;height:34px;color:var(--color-bossanova-950);border-radius:50%;flex-shrink:0;place-items:center;display:grid}