*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--sq-bark: #2C1A0E;--sq-soil: #3D2412;--sq-walnut: #7A4728;--sq-acorn: #B5763E;--sq-amber: #D4944A;--sq-honey: #E8B86D;--sq-cream: #F5E8D0;--sq-parchment: #FAF3E8;--sq-fog: #F0EDE8;--sq-slate: #8C8680;--sq-stone: #4A4640;--sq-forest: #3A5632;--sq-leaf: #4A6741;--sq-moss: #7A9B72;--sq-mistleaf: #C8DEC4;--sq-meadow: #EEF4F0;--sq-steel-deep: #2E3D50;--sq-steel: #3A4A5C;--sq-steel-light:#7A96B4;--sq-steel-mist: #C4D4E4;--sq-ice: #EAF0F8;--sq-dusk-deep: #4A3858;--sq-dusk: #7A6090;--sq-dusk-mist: #D4C8E0;--sq-lavender: #F4EEF8;--sq-rust: #8B3A2A;--sq-terracotta: #C4624A;--sq-blush: #EEC4B8}body{background:var(--sq-fog);color:var(--sq-stone);font-family:"Source Serif 4",serif;font-weight:400;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.navbar{background-color:#00f;height:120px}.squiwheel-error-box{background-color:#006400;border-radius:20px;min-width:200px;max-width:80%;margin:0 auto;overflow-wrap:break-word}.squiwheel-error-text{color:red;font-weight:500;text-align:center;padding:0 30px}.squiwheel-error-banner{background-color:#006400;width:100%;overflow-wrap:break-word}.squiwheel-error-banner-text{color:red;font-weight:500;text-align:center;padding:0 30px}.outer-wrapper{background:linear-gradient(180deg,var(--sq-parchment) 0%,var(--sq-cream) 100%);display:flex;justify-content:center;align-items:start;padding:60px 20px}.inner-wrapper{background:var(--sq-parchment);border-radius:16px;padding:40px;max-width:900px;width:100%;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:30px}.change-avatar-btn{width:160px;height:44px;margin:0 auto;border:none;border-radius:8px;background:var(--sq-amber);color:var(--sq-bark);font-family:Dongle,sans-serif;font-size:20px;font-weight:400;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.change-avatar-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f;background:var(--sq-honey)}@media (max-width: 767px){.outer-wrapper{padding:24px 0;align-items:stretch}.inner-wrapper{padding:24px 16px;border-radius:0;box-shadow:none}}.avatar-card{position:relative;width:100%;padding:0;border:.5px solid transparent;border-radius:12px;background:none;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px #00000014,0 0 #d4944a00;transition:transform .25s ease,box-shadow .35s ease,border-color .35s ease}.avatar-card--selected{border-color:var(--sq-amber);box-shadow:0 12px 28px #0003,0 0 0 3px #d4944ae6;transform:translateY(-4px)}.avatar-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.avatar-card__label{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 10px;background:linear-gradient(transparent,#2c1a0eeb);color:var(--sq-parchment);text-shadow:0 1px 4px rgba(0,0,0,.9);font-family:Iosevka Charon Mono,monospace;font-size:1rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;text-align:center;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.avatar-card__label--selected{opacity:1;transform:translateY(0)}.avatar-grid{display:flex;flex-wrap:wrap;justify-content:center;overflow-x:visible;gap:16px}.avatar-grid>*{flex:0 1 200px;max-width:260px}.onboarding-header{padding:20px 0 10px;text-align:center}.onboarding-title{font-size:28px;font-weight:600;color:#2f4f3e;margin-bottom:8px}.onboarding-subtitle{font-size:16px;color:#556b5d}.squiwheel-message-box{background-color:#006400;border-radius:20px;min-width:200px;max-width:80%;margin:0 auto;overflow-wrap:break-word}.squiwheel-message-text{color:red;font-weight:500;text-align:center;padding:0 30px}.avatar-carousel{display:flex;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;will-change:scroll-position;gap:12px;scrollbar-width:none;padding-top:12px;padding-inline:10%;scroll-padding-inline:10%}.avatar-carousel::-webkit-scrollbar{display:none}.avatar-carousel>*{flex:0 0 80%;max-width:none;scroll-snap-align:center}