:root{--cream:#221d28;--paper:#2c2732;--ink:#f5efec;--ink-soft:#b3a9bc;--pink:#ff8fa8;--pink-deep:#ff6b90;--teal:#3fc6ba;--teal-deep:#22a79c;--yellow:#ffd066;--lavender:#c9b8f0;--line:#3c3543;--shadow:0 18px 40px -18px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-heading:"Baloo 2", sans-serif;--font-body:"Nunito", sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--gutter:18px;--fs-2xs:9px;--fs-xs:10px;--fs-sm:11px;--fs-base:12px;--fs-md:13px;--fs-lg:14px;--fs-xl:15px;--fs-2xl:16px;--fs-3xl:17px;--fs-h2:20px;--fs-hero:clamp(28px, 4vw, 40px);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-pill:999px;--btn-primary-fs:var(--fs-xl);--btn-primary-pad:13px var(--sp-4);--btn-primary-radius:var(--radius-md);--btn-pill-fs:var(--fs-md);--btn-pill-pad:11px var(--sp-4)}@keyframes cosmetic-gold-bg-pulse{0%,to{background-color:#b8860b}50%{background-color:#ffd066}}@keyframes cosmetic-diamond-bg-pulse{0%,to{background-color:#5b21b6}50%{background-color:#c4a1ff}}@keyframes cosmetic-gold-border-pulse{0%,to{border-color:#ffd066;box-shadow:0 0 12px 2px #ffd06600}50%{border-color:#fff3c4;box-shadow:0 0 12px 2px #ffd0668c}}@keyframes cosmetic-diamond-border-cycle{0%,to{border-color:#8b5cf6;box-shadow:0 0 12px 2px #8b5cf680}33%{border-color:#38bdf8;box-shadow:0 0 12px 2px #38bdf880}66%{border-color:#e879f9;box-shadow:0 0 12px 2px #e879f980}}.cosmetic-bg-gold_glow{background-color:#ffd066}.cosmetic-bg-diamond_glow{background-color:#8b5cf6}.cosmetic-frame-gold{border-color:#ffd066}.cosmetic-frame-diamond{border-color:#8b5cf6}.cosmetic-bg-gold_glow.cosmetic-active{animation:3.33s ease-in-out infinite cosmetic-gold-bg-pulse}.cosmetic-bg-diamond_glow.cosmetic-active{animation:3.33s ease-in-out infinite cosmetic-diamond-bg-pulse}.cosmetic-frame-gold.cosmetic-active{animation:3.33s ease-in-out infinite cosmetic-gold-border-pulse}.cosmetic-frame-diamond.cosmetic-active{animation:3.33s linear infinite cosmetic-diamond-border-cycle}.cosmetic-sparkle{pointer-events:none;filter:drop-shadow(0 1px 1px #0009);font-size:14px;line-height:1;position:absolute;top:0;left:0;transform:translate(-45%,-45%)}@property --gradient-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes gradient-ring-spin{to{--gradient-ring-angle:360deg}}.gradient-ring{border-radius:var(--radius-lg);background:conic-gradient(from var(--gradient-ring-angle), #ff6b90, #c9b8f0, #3fc6ba, #c9b8f0, #ff6b90);padding:3px;animation:3.33s linear infinite gradient-ring-spin;position:relative}.gradient-ring-inner{border-radius:calc(var(--radius-lg) - 3px);background:var(--paper);height:100%}.sticky-bottom-bar{box-sizing:border-box;width:100%;max-width:480px;padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:var(--cream);position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px -12px #0006}.back-pill{width:100%;padding:var(--btn-primary-pad);border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--teal-deep);font-family:var(--font-heading);font-weight:800;font-size:var(--btn-primary-fs);text-align:center;cursor:pointer;background:0 0;display:block}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);overscroll-behavior-y:none;margin:0}button,a{touch-action:manipulation}input,textarea,select{font-size:16px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell>main{flex:1 0 auto;width:100%}h1,h2,h3{font-family:var(--font-heading);margin:0}.placeholder{justify-content:center;align-items:center;gap:var(--sp-2);text-align:center;min-height:100dvh;padding:var(--gutter);flex-direction:column;display:flex}.placeholder h1{font-size:var(--fs-hero)}.placeholder p{color:var(--ink-soft);font-size:var(--fs-base)}.app-shell>.placeholder{flex:1;min-height:0}body:before,body:after{content:"";pointer-events:none;z-index:-1;border-radius:50%;width:488px;height:488px;animation:10s ease-in-out infinite ambient-breathe;position:fixed}body:before{background:radial-gradient(circle closest-side,#ff6b9033,#ff6b9000);top:-244px;left:-244px}body:after{background:radial-gradient(circle closest-side,#3fc6ba33,#3fc6ba00);animation-delay:-5s;bottom:-244px;right:-244px}@keyframes ambient-breathe{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}.player-avatar-wrap{box-sizing:border-box;background:0 0;border:none;flex-shrink:0;padding:0;display:block;position:relative}button.player-avatar-wrap{cursor:pointer}.player-avatar{border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-heading);box-sizing:border-box;border:2px solid #0000;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0;overflow:hidden}.player-avatar-icon{object-fit:contain;width:100%;height:100%}.topbar{max-width:480px;padding:var(--sp-5) var(--gutter) var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-3);margin:0 auto;display:flex}.topbar-profile{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.topbar-back{width:30px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:28px;line-height:1}.topbar-title{font-size:var(--fs-h2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-greeting{flex-direction:column;min-width:0;display:flex}.topbar-hiya{font-size:var(--fs-base);color:var(--ink-soft);font-weight:700;font-family:var(--font-heading)}.topbar-name{font-size:var(--fs-xl);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-family:var(--font-heading);overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.topbar-pill{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);cursor:pointer;align-items:center;gap:6px;padding:6px 10px 6px 8px;display:flex}.topbar-settings{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line);cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.topbar-profile{flex:1 1 0}.topbar-greeting{overflow:hidden}.topbar{grid-template-columns:minmax(0,1fr) auto;display:grid}.app-shell>.topbar{width:100%}.unlock-dialog-backdrop{padding:var(--gutter);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.unlock-dialog-ring{width:100%;max-width:340px}.unlock-dialog{padding:var(--sp-6) var(--sp-5);text-align:center;align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.unlock-dialog-preview{border-radius:var(--radius-md);justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.unlock-dialog-preview img{object-fit:contain;width:100%;height:100%}.unlock-dialog-text{font-size:var(--fs-xl);color:var(--ink);font-weight:700;font-family:var(--font-heading);margin:0}.unlock-dialog-sub{font-size:var(--fs-base);color:var(--ink-soft);margin:0}.unlock-dialog-not-now{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--teal);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;margin-top:var(--sp-2);border:none}.unlock-dialog-unlock{color:var(--pink-deep);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);cursor:pointer;padding:var(--sp-1);background:0 0;border:none}.unlock-dialog-not-now:disabled,.unlock-dialog-unlock:disabled{opacity:.6;cursor:default}.bottom-sheet-backdrop{z-index:100;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{box-sizing:border-box;background:var(--paper);width:100%;max-width:480px;padding:var(--sp-3) var(--gutter) calc(var(--sp-5) + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;animation:.18s ease-out bottom-sheet-up}@keyframes bottom-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{background:var(--line);width:40px;height:4px;margin:0 auto var(--sp-4);border-radius:2px}.bottom-sheet-title{text-align:center;font-size:var(--fs-h2);margin-bottom:var(--sp-4)}.bottom-sheet-option{align-items:center;gap:var(--sp-3);text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;padding:var(--sp-3);margin-bottom:var(--sp-2);font-family:var(--font-body);cursor:pointer;display:flex}.bottom-sheet-icon{border-radius:var(--radius-sm);background:#ff6b902e;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.bottom-sheet-text{flex-direction:column;gap:2px;display:flex}.bottom-sheet-option-title{color:var(--pink-deep);font-weight:800;font-size:var(--fs-lg);font-family:var(--font-heading)}.bottom-sheet-option-sub{color:var(--ink-soft);font-size:var(--fs-sm)}.bottom-sheet-cancel{width:100%;color:var(--ink);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-xl);padding:var(--sp-3);margin-top:var(--sp-2);cursor:pointer;background:0 0;border:none;display:block}.inbox{max-width:480px;padding:var(--gutter);flex-direction:column;margin:0 auto;padding-bottom:100px;display:flex;position:relative}.inbox-fab{border-radius:var(--radius-pill);background:var(--pink-deep);color:#fff;width:56px;height:56px;font-size:26px;font-family:var(--font-heading);cursor:pointer;border:none;position:fixed;bottom:22px;right:18px;box-shadow:0 10px 24px -8px #ff6b9080}.inbox-friend-requests{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.inbox-friend-request{align-items:center;gap:var(--sp-2);background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);display:flex}.inbox-friend-request-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.inbox-friend-request-title{font-size:var(--fs-lg);color:var(--ink)}.inbox-friend-request-time{font-size:var(--fs-sm);color:var(--ink-soft)}.inbox-friend-request-accept,.inbox-friend-request-decline{border-radius:var(--radius-pill);cursor:pointer;width:32px;height:32px;font-weight:700;font-family:var(--font-heading);border:none;flex-shrink:0}.inbox-friend-request-accept{background:var(--teal);color:#fff}.inbox-tabs{gap:var(--sp-2);margin-bottom:28px;display:flex}.inbox-tab{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);cursor:pointer;flex:1;padding:9px 14px}.inbox-tab.active{background:var(--pink);color:#fff;border-color:#0000}.inbox-status{color:var(--ink-soft);text-align:center;padding:var(--sp-6) 0}.inbox-error{color:var(--pink-deep)}.inbox-empty{text-align:center;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--gutter);flex-direction:column;display:flex}.inbox-empty-icon{margin:0;font-size:40px}.inbox-empty-title{font-size:var(--fs-xl);color:var(--ink);font-weight:700;font-family:var(--font-heading);margin:0}.inbox-empty-sub{font-size:var(--fs-base);color:var(--ink-soft);margin:0}.inbox-primary-btn{margin-top:var(--sp-3);padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--pink-deep);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;border:none}.inbox-rows{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.inbox-row{align-items:center;gap:var(--sp-3);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-3);display:flex}.inbox-row-friend{background:linear-gradient(var(--paper), var(--paper)) padding-box, conic-gradient(from var(--gradient-ring-angle), #ff6b90, #c9b8f0, #3fc6ba, #c9b8f0, #ff6b90) border-box;border:3px solid #0000;animation:3.33s linear infinite gradient-ring-spin}.inbox-row-main{text-align:left;cursor:pointer;min-width:0;font-family:var(--font-body);background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:0;display:flex}.inbox-row-title{align-items:center;gap:4px;max-width:100%;display:flex}.inbox-row-name{font-size:var(--fs-lg);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-family:var(--font-heading);overflow:hidden}.inbox-row-diff,.inbox-row-inactive{font-size:var(--fs-xs);font-weight:700;font-family:var(--font-heading);flex-shrink:0}.inbox-row-inactive{color:var(--ink-soft)}.inbox-row-time{font-size:var(--fs-sm);color:var(--ink-soft)}.inbox-row-stats{font-size:var(--fs-sm);color:var(--ink-soft);font-weight:700;font-family:var(--font-heading)}.inbox-row-guess{border-radius:var(--radius-pill);background:var(--teal);color:#fff;font-size:var(--fs-base);cursor:pointer;font-weight:700;font-family:var(--font-heading);border:none;flex-shrink:0;padding:4px 8px}.inbox-row-delete,.inbox-row-more{border-radius:var(--radius-pill);width:26px;height:26px;font-size:var(--fs-md);cursor:pointer;color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inbox-row-delete{border:1px solid var(--pink-deep);background:#ff6b904d}.inbox-row-more{border:1px solid var(--yellow);background:#ffd0664d}.inbox-friend-request{border:2px solid var(--lavender);background:linear-gradient(#c9b8f01f, #c9b8f01f), var(--paper);border-radius:var(--radius-lg)}.inbox-friend-request-accept,.inbox-friend-request-decline{border-radius:var(--radius-pill);width:36px;height:52px;font-size:var(--fs-2xl)}.inbox-friend-request-decline{background:var(--cream);color:var(--ink)}.inbox-friend-request-accept{background:var(--teal-deep)}.inbox-empty{margin-top:auto;margin-bottom:auto}.daily{max-width:480px;padding:var(--gutter);text-align:center;margin:0 auto}.daily h1{font-size:var(--fs-h2);color:var(--ink);margin-bottom:var(--sp-2)}.daily-streak{color:var(--yellow);font-weight:700;font-size:var(--fs-xl);margin:0 0 var(--sp-4);font-family:var(--font-heading)}.daily-grid{gap:var(--sp-2);margin-bottom:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.daily-day{padding:var(--sp-3) var(--sp-2);border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.daily-day-final{grid-column:span 2}.daily-day-done{border-color:var(--teal);background:#3fc6ba40}.daily-day-today{background:#ffd0664d}.gradient-ring-inner.daily-day{border:none}.daily-day-label{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:700;font-family:var(--font-heading)}.daily-day-amount{font-size:var(--fs-lg);color:var(--ink);font-weight:700;font-family:var(--font-heading)}.daily-day-cosmetic{font-size:var(--fs-xs);color:var(--ink-soft)}.daily-note{color:var(--ink-soft);font-size:var(--fs-base);margin-bottom:var(--sp-4);white-space:pre-line}.daily-claim-btn{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--pink-deep);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;border:none}.daily-claim-btn:disabled{opacity:.6;cursor:default}.daily{padding-top:var(--sp-6);padding-bottom:100px}.daily-heading{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-4);text-align:left;display:flex}.daily-heading h1{margin:0}.daily-streak{flex-shrink:0;margin:0}.daily-bar{box-shadow:none;background:0 0}.gradient-ring-inner.daily-day-today{background:linear-gradient(#ffd0664d, #ffd0664d), var(--paper)}.gradient-ring-inner.daily-day-done{background:linear-gradient(#3fc6ba40, #3fc6ba40), var(--paper)}.settings{max-width:480px;padding:var(--gutter);padding-bottom:var(--sp-6);margin:0 auto}.settings-group{margin-bottom:var(--sp-5)}.settings-group h2{font-size:var(--fs-sm);color:var(--ink-soft);margin-bottom:var(--sp-2);font-weight:700;font-family:var(--font-heading)}.settings-row{justify-content:space-between;align-items:center;gap:var(--sp-3);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-4);margin-bottom:var(--sp-2);display:flex}.settings-row-button{text-align:left;width:100%;color:var(--ink);font-family:var(--font-body);cursor:pointer;text-decoration:none}.settings-row-button:disabled{opacity:.7;cursor:default}.settings-row-title{font-size:var(--fs-lg);color:var(--ink);font-weight:700;font-family:var(--font-heading);margin:0}.settings-row-sub{font-size:var(--fs-sm);color:var(--ink-soft);margin:2px 0 0}.settings-chevron{color:var(--ink-soft);flex-shrink:0;font-size:18px}.settings-icon-btn{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--cream);cursor:pointer;width:40px;height:40px;font-size:var(--fs-base);flex-shrink:0}.settings-toggle{border-radius:var(--radius-pill);background:var(--line);color:#fff;min-width:64px;font-family:var(--font-heading);font-weight:800;font-size:var(--fs-base);cursor:pointer;border:none;flex-shrink:0;padding:10px 18px}.settings-toggle.on{background:var(--teal-deep)}.settings-slider{width:148px;accent-color:var(--ink-soft);flex-shrink:0}.settings-version{text-align:center;color:var(--ink-soft);font-size:var(--fs-sm);margin:var(--sp-3) 0 0}.settings-version a{color:var(--teal);text-decoration:underline}.settings-status{color:var(--teal-deep);font-size:var(--fs-base);text-align:center;font-weight:700;font-family:var(--font-heading)}.nickname{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:100px!important}.nickname h1{font-size:var(--fs-h2);margin-bottom:var(--sp-4)}.nickname-input{box-sizing:border-box;width:100%;padding:var(--sp-3);border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-heading);margin-bottom:var(--sp-2);font-size:18px}.nickname-input:focus{border-color:var(--teal-deep);outline:none}.nickname-hint{color:var(--ink-soft);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.nickname-cost-banner{padding:var(--sp-3);border-radius:var(--radius-md);border:2px solid var(--line);margin-bottom:var(--sp-4);font-weight:700;font-size:var(--fs-base);font-family:var(--font-heading);justify-content:space-between;align-items:center;display:flex}.nickname-cost-free{border-color:var(--teal-deep);color:var(--teal-deep);background:#22a79c2e}.nickname-cost-paid{border-color:var(--yellow);color:var(--ink);background:#ffd0662e}.nickname-status{color:var(--pink-deep);font-weight:700;font-size:var(--fs-base);margin-bottom:var(--sp-3);font-family:var(--font-heading)}.nickname-save-btn{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--pink-deep);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;margin-bottom:var(--sp-2);border:none}.nickname-save-btn:disabled{opacity:.6;cursor:default}.nickname-back-btn{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer}.profile{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:100px}.profile h1{font-size:var(--fs-h2);margin-bottom:var(--sp-4)}.profile-preview{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.profile-preview .profile-avatar .player-avatar{border-radius:var(--radius-md);border-width:5px}.profile-username{font-size:var(--fs-xl);color:var(--ink);font-weight:700;font-family:var(--font-heading);margin:0}.profile-tabs{gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.profile-tab{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);cursor:pointer;flex:1;padding:7px 14px}.profile-tab.active{background:var(--pink);color:#fff;border-color:#0000}.profile-swatches{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.profile-special-heading{text-align:center;font-size:var(--fs-sm);color:var(--ink-soft);margin-bottom:var(--sp-2);font-weight:700;font-family:var(--font-heading)}.profile-swatches-special{justify-content:center}.profile-swatch{border-radius:var(--radius-pill);border:2px solid var(--line);cursor:pointer;width:40px;height:40px;font-size:var(--fs-sm);justify-content:center;align-items:center;padding:0;display:flex}.profile-swatch-none{background:var(--paper);color:var(--ink-soft);font-size:9px;font-weight:700;font-family:var(--font-heading)}.profile-swatch.locked{opacity:.4}.profile-swatch-lock{filter:drop-shadow(0 1px 1px #0009)}.profile-swatch.selected{box-shadow:0 0 0 2px var(--cream), 0 0 0 4px var(--pink-deep);border-color:#0000}.profile-swatch:disabled{opacity:.6;cursor:default}.profile-icon-grid{gap:var(--sp-2);grid-template-columns:repeat(8,1fr);display:grid}.profile-icon-tile{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--paper);cursor:pointer;width:100%;color:var(--ink-soft);font-family:var(--font-heading);justify-content:center;align-items:center;padding:2px;font-weight:700;display:flex;position:relative}.profile-icon-tile img{object-fit:contain;width:100%;height:100%}.profile-icon-tile.selected{border-color:var(--pink-deep);box-shadow:none}.profile-icon-tile.locked img{opacity:.35}.profile-icon-tile:disabled{cursor:default}.profile-pager{justify-content:center;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);color:var(--ink-soft);font-size:var(--fs-base);display:flex}.profile-pager button{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-heading);cursor:pointer;padding:6px 14px;font-weight:700}.profile-pager button:disabled{opacity:.4;cursor:default}.profile-status{color:var(--pink-deep);font-size:var(--fs-base);text-align:center;margin-bottom:var(--sp-3)}.profile-back{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer}.profile-swatch{border-radius:var(--radius-sm)}.profile-swatch-ring{border-radius:calc(var(--radius-sm) + 3px);padding:3px;display:inline-flex}.profile-swatch-ring .profile-swatch{box-shadow:none;border-color:#0000!important}.gradient-ring-paused{animation-play-state:paused}.profile-swatch-ring .profile-swatch.locked{opacity:1;filter:brightness(.6)}.profile{flex-direction:column;display:flex}.profile-swatches{justify-content:center}.profile-swatches .profile-swatch,.profile-swatches-special .profile-swatch-ring{aspect-ratio:1;width:calc(12.5% - 7px);height:auto}.profile-swatches-special .profile-swatch-ring .profile-swatch{width:100%;height:100%}.profile-swatch.locked,.profile-swatch-ring .profile-swatch.locked{opacity:1;filter:none;box-shadow:inset 0 0 0 100px #221d2880}.profile-swatch-lock{font-size:18px;line-height:1}.profile-status{margin:auto 0 var(--sp-3);color:var(--teal-deep);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-lg)}.profile-swatch.locked.no-dim,.profile-swatch-ring .profile-swatch.locked.no-dim{box-shadow:none}.drawing-replay{border-radius:var(--radius-md);background:#f5f1eb;width:100%;position:relative;overflow:hidden}.drawing-replay-canvas{width:100%;height:100%;display:block}.drawing-replay-pill{border-radius:var(--radius-pill);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-xs);cursor:pointer;background:#2c2732b8;border:none;padding:6px 11px;position:absolute;bottom:10px;right:10px}.guess{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:100px}.guess-header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.guess-header h1{font-size:var(--fs-h2)}.guess-header-actions{align-items:center;gap:var(--sp-2);display:flex}.guess-diff-badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--ink);font-weight:700;font-family:var(--font-heading);padding:4px 10px}.guess-report-wrap{position:relative}.guess-report-btn{border-radius:var(--radius-pill);border:1px solid var(--yellow);color:#fff;cursor:pointer;width:40px;height:40px;font-weight:700;font-family:var(--font-heading);font-size:var(--fs-md);background:#ffd0664d}.guess-report-menu{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-2);gap:var(--sp-1);z-index:10;flex-direction:column;min-width:200px;display:flex;position:absolute;top:46px;right:0}.guess-report-menu button{text-align:left;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);padding:var(--sp-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none}.guess-report-menu button:hover{background:var(--cream)}.guess-from-row{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.guess-from-name{color:var(--ink-soft);font-size:var(--fs-md)}.guess-blanks-row{justify-content:center;gap:clamp(3px, 1.2vw, var(--sp-2));margin:var(--sp-5) 0 var(--sp-4);flex-wrap:nowrap;display:flex}.guess-blank{border:none;border-bottom:3px solid var(--pink);min-width:0;height:48px;color:var(--ink);font-family:var(--font-heading);font-size:clamp(11px, calc(var(--blank-count) * -1.5px + 30px), var(--fs-2xl));cursor:pointer;background:0 0;flex:0 40px;padding:0;font-weight:700}.guess-blank.locked{border-color:var(--yellow);cursor:default}.guess-tile-bank{justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.guess-tile{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper);width:56px;height:56px;color:var(--ink);font-family:var(--font-heading);font-size:var(--fs-2xl);cursor:pointer;font-weight:700}.guess-tile.used{opacity:.3;cursor:default}.guess-powerups{justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.guess-powerup{border-radius:var(--radius-pill);background:var(--lavender);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-sm);cursor:pointer;border:none;padding:11px 18px}.guess-powerup:disabled{opacity:.6;cursor:default}.guess-submit{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--pink-deep);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;margin-bottom:var(--sp-3);border:none}.guess-submit:disabled{opacity:.6;cursor:default}.guess-status{text-align:center;color:var(--ink-soft);font-size:var(--fs-base);margin-bottom:var(--sp-3)}.guess-error{color:var(--pink-deep)}.guess-back,.guess-back-link{text-align:center;width:100%;color:var(--teal);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-3);background:0 0;border:none;display:block}.guess-tile{background:var(--paper);border:none;width:46px;height:46px;box-shadow:0 4px #00000059}.guess-tile:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #00000059}.guess-submit{border-radius:var(--radius-pill)}.guess{padding-bottom:150px}.guess-submit{margin-bottom:var(--sp-2)}.guess-tile-bank{margin-bottom:var(--sp-3);gap:6px}.guess-tile{border-radius:var(--radius-sm);width:40px;height:40px;font-size:var(--fs-xl)}.guess-blank{flex-basis:30px;height:40px}.guess-header,.guess-from-row{margin-bottom:var(--sp-2)}.guess-blanks-row{margin:var(--sp-3) 0 var(--sp-2)}.guess-tile-bank,.guess-powerups{margin-bottom:var(--sp-2)}.sticky-bottom-bar .guess-submit{padding:11px var(--sp-4)}.sticky-bottom-bar .guess-back-link{padding:6px}.guess-submit,.sticky-bottom-bar .guess-submit{border-radius:var(--btn-primary-radius);padding:var(--btn-primary-pad)}.reward{max-width:480px;padding:var(--gutter);padding-bottom:var(--sp-5);text-align:center;flex-direction:column;align-items:stretch;margin:0 auto;display:flex}.reward-save-btn{margin-top:var(--sp-3);padding:var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);cursor:pointer}.reward-spacer{min-height:var(--sp-4);flex:1}.reward-answer-line{font-size:var(--fs-md);color:var(--ink-soft);margin:0 0 var(--sp-3)}.reward-answer{font-family:var(--font-heading);color:var(--ink);text-transform:uppercase;font-weight:800;font-size:var(--fs-3xl)}.reward-coins-ring{margin-bottom:var(--sp-3)}.reward-coins{padding:var(--sp-4);background:var(--yellow);color:#4a3500;font-size:var(--fs-xl);font-weight:800;font-family:var(--font-heading);justify-content:space-between;align-items:center;display:flex}.reward-primary-btn{width:100%;padding:var(--btn-primary-pad);border-radius:var(--radius-pill);background:var(--teal-deep);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:var(--btn-primary-fs);cursor:pointer;margin-bottom:var(--sp-2);border:none}.reward-back-link{color:var(--teal-deep);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-lg);cursor:pointer;padding:var(--sp-3);background:0 0;border:none}.reward-primary-btn{border-radius:var(--btn-primary-radius)}.reward-primary-btn:disabled{opacity:.6;cursor:default}.pick-recipient{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:100px}.pick-recipient h1{font-size:var(--fs-h2);text-align:center;margin-bottom:var(--sp-4)}.pick-recipient-find-btn{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--pink-deep);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;margin-bottom:var(--sp-2);border:none;display:block}.pick-recipient-find-btn:disabled{opacity:.6;cursor:default}.pick-recipient-add-btn{width:100%;padding:var(--sp-3);border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);cursor:pointer;margin-bottom:var(--sp-3);display:block}.pick-recipient-status{color:var(--ink-soft);font-size:var(--fs-base);white-space:pre-line;text-align:center;margin-bottom:var(--sp-3)}.pick-recipient-heading{font-size:var(--fs-sm);color:var(--ink-soft);margin-bottom:var(--sp-2);font-weight:700;font-family:var(--font-heading)}.pick-recipient-list{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.pick-recipient-row{align-items:center;gap:var(--sp-2);box-sizing:border-box;text-align:left;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-md);width:100%;padding:var(--sp-3);cursor:pointer;font-family:var(--font-body);display:flex}.pick-recipient-row-tag{font-size:var(--fs-lg)}.pick-recipient-row-name{color:var(--ink);font-weight:700;font-family:var(--font-heading);font-size:var(--fs-md);flex:1}.pick-recipient-row-chevron{color:var(--ink-soft);font-size:var(--fs-2xl)}.pick-recipient-back{text-align:center;width:100%;color:var(--teal);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-2);background:0 0;border:none;display:block}.add-friend{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:200px!important}.add-friend-label{font-size:var(--fs-md);color:var(--ink-soft);margin-bottom:var(--sp-1);font-weight:700;font-family:var(--font-heading);display:block}.add-friend-input-row{gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.add-friend-input{min-width:0;padding:var(--sp-3);border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);text-transform:uppercase;flex:1}.add-friend-input:disabled{opacity:.6}.add-friend-send{border-radius:var(--radius-md);background:var(--pink-deep);color:#fff;cursor:pointer;width:48px;font-size:20px;font-weight:700;font-family:var(--font-heading);border:none;flex-shrink:0}.add-friend-send:disabled{opacity:.6;cursor:default}.add-friend-hint{color:var(--ink-soft);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}.add-friend-status{color:var(--ink-soft);font-size:var(--fs-base);margin-bottom:var(--sp-4)}.add-friend-own-bar{box-shadow:none;background:0 0}.add-friend-own-code{gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--radius-lg);border:2px solid var(--lavender);background:var(--paper);flex-direction:column;display:flex}.add-friend-own-code-label{color:var(--ink-soft);font-size:var(--fs-sm);font-weight:700;font-family:var(--font-heading)}.add-friend-own-code-value{font-family:var(--font-heading);color:var(--ink);font-size:18px;font-weight:700}.add-friend-own-buttons{gap:var(--sp-2);display:flex}.add-friend-copy,.add-friend-share{padding:var(--sp-3);border-radius:var(--radius-pill);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);cursor:pointer;flex:1}.add-friend-copy{background:var(--cream);border:1px solid var(--line);color:var(--ink)}.add-friend-share{background:var(--pink-deep);color:#fff;border:none}.pick-diff{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:100px}.pick-diff h1{text-align:center;font-size:var(--fs-h2);margin-bottom:var(--sp-1)}.pick-diff-sub{text-align:center;color:var(--ink-soft);font-size:var(--fs-base);margin-bottom:var(--sp-4)}.pick-diff-card{box-sizing:border-box;text-align:left;border-radius:var(--radius-md);width:100%;padding:var(--sp-4);margin-bottom:var(--sp-3);cursor:pointer;font-family:var(--font-body);border:2px solid;flex-direction:column;align-items:flex-start;display:flex}.pick-diff-normal{border-color:var(--teal);background:#3fc6ba1f}.pick-diff-hard{border-color:var(--pink-deep);background:#ff6b901f}.pick-diff-custom{border-color:var(--yellow);background:#ffd06629}.pick-diff-name{font-size:var(--fs-md);color:var(--ink);font-weight:700;font-family:var(--font-heading);margin-bottom:2px}.pick-diff-hint{font-size:var(--fs-xs);color:var(--ink-soft)}.pick-diff-back{text-align:center;width:100%;color:var(--teal);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-3);background:0 0;border:none;display:block}.pick-word{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:100px}.pick-word-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.pick-word-header h1{font-size:var(--fs-h2)}.pick-word-diff-badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--ink);font-weight:700;font-family:var(--font-heading);padding:4px 10px}.pick-word-status{color:var(--ink-soft);text-align:center;padding:var(--sp-4) 0}.pick-word-custom-hint{color:var(--ink-soft);text-align:center;font-size:var(--fs-base);margin-bottom:var(--sp-4)}.pick-word-custom-input{box-sizing:border-box;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-md);width:100%;padding:var(--sp-4);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);margin-bottom:var(--sp-4);display:block}.pick-word-custom-input::placeholder{color:var(--ink-soft)}.pick-word-custom-input:disabled{opacity:.6}.pick-word-list{gap:var(--sp-3);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.pick-word-option{box-sizing:border-box;text-align:left;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-md);width:100%;padding:var(--sp-4);cursor:pointer;font-family:var(--font-body);justify-content:space-between;align-items:center;display:flex}.pick-word-option.picked{border-color:var(--pink-deep);background:#ff8fa824}.pick-word-text-col{flex-direction:column;gap:2px;display:flex}.pick-word-word{font-family:var(--font-heading);font-size:var(--fs-3xl);color:var(--ink);font-weight:700}.picked .pick-word-word{color:var(--pink-deep)}.pick-word-category{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:800;font-family:var(--font-heading)}.pick-word-check{border-radius:var(--radius-pill);border:2px solid var(--line);color:#fff;width:22px;height:22px;font-size:var(--fs-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.picked .pick-word-check{background:var(--pink-deep);border-color:var(--pink-deep)}.pick-word-shuffle{text-align:center;width:100%;color:var(--teal-deep);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-3);background:0 0;border:none;display:block}.pick-word-shuffle:disabled{opacity:.6;cursor:default}.pick-word-start{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--pink-deep);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;margin-bottom:var(--sp-2);border:none}.pick-word-start:disabled{opacity:.5;cursor:default}.pick-word-back{text-align:center;width:100%;color:var(--teal);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-2);background:0 0;border:none;display:block}.draw{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:140px}.draw-header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.draw-header h1{font-size:var(--fs-h2)}.draw-diff-badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--ink);font-weight:700;font-family:var(--font-heading);flex-shrink:0;padding:4px 10px}.draw-word-box{border:2px solid var(--pink-deep);border-radius:var(--radius-md);padding:var(--sp-3);margin-bottom:var(--sp-3);flex-direction:column;align-items:center;gap:2px;display:flex}.draw-word-label{font-size:var(--fs-xs);letter-spacing:1px;color:var(--ink-soft);font-weight:800;font-family:var(--font-heading)}.draw-word-text{font-family:var(--font-heading);font-size:var(--fs-h2);color:var(--pink-deep);font-weight:700}.draw-canvas-wrap{border-radius:var(--radius-md);border:2px solid var(--line);width:100%;margin-bottom:var(--sp-3);overflow:hidden}.draw-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.draw-toolbar{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.draw-widths{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-pill);padding:0 var(--sp-2);flex:1;justify-content:space-evenly;align-items:center;gap:4px;min-width:0;height:40px;display:flex}.draw-width{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex}.draw-width-dot{background:var(--ink-soft);box-sizing:border-box;border:1px solid #fff6;border-radius:50%;flex-shrink:0}.draw-width.active .draw-width-dot{outline:2px solid var(--pink-deep);outline-offset:3px}.draw-tools{gap:var(--sp-1);display:flex}.draw-tool{border-radius:var(--radius-pill);border:2px solid var(--line);background:var(--paper);width:clamp(32px,9.5vw,44px);height:clamp(32px,9.5vw,44px);font-size:var(--fs-xl);cursor:pointer;flex-shrink:0;padding:0}.draw-tool.active{border-color:var(--pink-deep)}.draw-tool:disabled{opacity:.4;cursor:default}.draw-palette{justify-content:center;gap:var(--sp-2);max-width:316px;margin:0 auto var(--sp-3);flex-wrap:wrap;display:flex}.draw-swatch{border-radius:var(--radius-pill);border:2px solid var(--line);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.draw-swatch.selected{box-shadow:0 0 0 2px var(--cream), 0 0 0 4px var(--pink-deep);border-color:#0000}.draw-swatch.locked{box-shadow:inset 0 0 0 100px #221d28a6}.draw-swatch-lock{filter:drop-shadow(0 1px 1px #0009);font-size:14px;line-height:1}.draw-status{color:var(--ink-soft);text-align:center;padding:var(--sp-2) 0}.draw-send-ring{margin-bottom:var(--sp-2)}.draw-send{box-sizing:border-box;width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--teal-deep);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;margin-bottom:var(--sp-2);border:none;display:block}.draw-send-ring .draw-send{margin-bottom:0}.draw-send:disabled{opacity:.5;cursor:default}.draw-back{text-align:center;width:100%;color:var(--teal);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-1);background:0 0;border:none;display:block}