: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{filter:drop-shadow(0 1px 1px #0009);font-size:14px;line-height:1;position:absolute;top:-6px;left:-6px}@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}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);margin:0}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:100vh;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)}.player-avatar{border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-heading);box-sizing:border-box;border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:700;display:flex;position:relative;overflow:hidden}button.player-avatar{cursor:pointer}.player-avatar-icon{object-fit:contain;width:100%;height:100%}.topbar{max-width:480px;padding:var(--gutter) var(--gutter) var(--sp-3);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-greeting{flex-direction:column;min-width:0;display:flex}.topbar-hiya{font-size:var(--fs-base);color:var(--ink-soft);font-weight:700}.topbar-name{font-size:var(--fs-3xl);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.topbar-actions{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.topbar-pill{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:var(--fs-md);cursor:pointer;align-items:center;gap:4px;padding:6px 12px 6px 8px;display:flex}.topbar-settings{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line);width:34px;height:34px;font-size:var(--fs-lg);cursor:pointer;justify-content:center;align-items:center;display:flex}.inbox{max-width:480px;min-height:100vh;padding:var(--gutter);margin:0 auto;padding-bottom:100px;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-sm);color:var(--ink)}.inbox-friend-request-time{font-size:var(--fs-xs);color:var(--ink-soft)}.inbox-friend-request-accept,.inbox-friend-request-decline{border-radius:var(--radius-pill);cursor:pointer;border:none;flex-shrink:0;width:32px;height:32px;font-weight:700}.inbox-friend-request-accept{background:var(--teal);color:#fff}.inbox-friend-request-decline{background:var(--line);color:var(--ink-soft)}.inbox-tabs{gap:var(--sp-2);margin-bottom:var(--sp-4);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-body);font-weight:700;font-size:var(--fs-base);cursor:pointer;flex:1;padding:7px 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);margin:0;font-weight:700}.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-body);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-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;overflow:hidden}.inbox-row-diff,.inbox-row-inactive{font-size:var(--fs-xs);flex-shrink:0;font-weight:700}.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}.inbox-row-guess{border-radius:var(--radius-pill);background:var(--teal);color:#fff;font-size:var(--fs-2xs);cursor:pointer;border:none;flex-shrink:0;padding:4px 8px;font-weight:700}.inbox-row-delete,.inbox-row-more{border-radius:var(--radius-pill);width:26px;height:26px;font-size:var(--fs-sm);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}.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)}.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}.daily-day-amount{font-size:var(--fs-lg);color:var(--ink);font-weight:700}.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-body);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;border:none}.daily-claim-btn:disabled{opacity:.6;cursor:default}.settings{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:100px}.settings h1{font-size:var(--fs-h2);margin-bottom:var(--sp-4)}.settings-group{margin-bottom:var(--sp-5)}.settings-group h2{font-size:var(--fs-sm);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-2);font-weight:700}.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-md);padding:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.settings-icon-btn{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--cream);cursor:pointer;width:36px;height:36px;font-size:var(--fs-base);flex-shrink:0}.settings-row-title{font-size:var(--fs-lg);color:var(--ink);margin:0;font-weight:700}.settings-row-sub{font-size:var(--fs-base);color:var(--ink-soft);margin:2px 0 0}.settings-toggle{border-radius:var(--radius-pill);background:var(--line);cursor:pointer;border:none;flex-shrink:0;width:46px;height:26px;position:relative}.settings-toggle.on{background:var(--teal)}.settings-toggle-knob{border-radius:var(--radius-pill);background:#fff;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.settings-toggle.on .settings-toggle-knob{left:23px}.settings-link-row{box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;padding:var(--sp-3);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-lg);text-align:left;cursor:pointer;margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;font-weight:700;text-decoration:none;display:flex}.settings-link-row:disabled{opacity:.7;cursor:default}.settings-link-row>span:last-child{color:var(--ink-soft);flex-shrink:0}.settings-danger-row{justify-content:space-between;align-items:center;gap:var(--sp-3);background:var(--paper);border:1px solid var(--pink-deep);border-radius:var(--radius-md);width:100%;padding:var(--sp-3);cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--pink-deep);display:flex}.settings-danger-row .settings-row-title{color:var(--pink-deep)}.settings-status{color:var(--ink-soft);font-size:var(--fs-base);text-align:center;margin-bottom:var(--sp-4)}.settings-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-body);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer}.nickname{max-width:480px;padding:var(--gutter);margin:0 auto}.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);font-size:var(--fs-2xl);margin-bottom:var(--sp-2)}.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);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)}.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-body);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-body);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer}.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);margin:0;font-weight:700}.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-body);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-body);font-weight:700;font-size:var(--fs-md);cursor:pointer;padding:var(--sp-1);background:0 0;border:none}.unlock-dialog-not-now:disabled,.unlock-dialog-unlock:disabled{opacity:.6;cursor:default}.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{border-radius:var(--radius-md);border-width:5px}.profile-username{font-size:var(--fs-xl);color:var(--ink);margin:0;font-weight:700}.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-body);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}.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}.profile-swatch.locked{opacity:.4}.profile-swatch-lock{filter:drop-shadow(0 1px 1px #0009)}.profile-swatch.selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--teal)}.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:0 0 0 2px var(--paper), 0 0 0 4px var(--pink-deep)}.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-body);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-body);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer}.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-body);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-base);color:var(--ink);padding:4px 10px;font-weight:700}.guess-report-wrap{position:relative}.guess-report-btn{border-radius:var(--radius-pill);border:1px solid var(--yellow);color:#fff;cursor:pointer;background:#ffd0664d;width:40px;height:40px;font-weight:700}.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:var(--sp-2);margin:var(--sp-5) 0 var(--sp-4);flex-wrap:wrap;display:flex}.guess-blank{border:none;border-bottom:3px solid var(--pink);width:40px;height:48px;color:var(--ink);font-family:var(--font-heading);font-size:var(--fs-2xl);cursor:pointer;background:0 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-body);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-body);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-body);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-3);background:0 0;border:none;display:block}.reward{max-width:480px;padding:var(--gutter);text-align:center;flex-direction:column;align-items:center;margin:0 auto;padding-bottom:100px;display:flex}.reward-banner{font-size:var(--fs-2xl);color:var(--ink);margin:0 0 var(--sp-3);font-weight:700}.reward-answer-line{font-size:var(--fs-lg);color:var(--ink);margin:var(--sp-4) 0 var(--sp-2)}.reward-answer{font-family:var(--font-heading);color:var(--pink-deep);text-transform:uppercase;font-weight:700}.reward-coins{font-size:var(--fs-xl);color:var(--yellow);margin:0 0 var(--sp-5);font-weight:700}.reward-primary-btn{width:100%;padding:var(--btn-primary-pad);border-radius:var(--btn-primary-radius);background:var(--pink-deep);color:#fff;font-family:var(--font-body);font-weight:700;font-size:var(--btn-primary-fs);cursor:pointer;margin-bottom:var(--sp-2);border:none}.reward-back-link{color:var(--teal);font-family:var(--font-body);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-2);background:0 0;border:none}.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-body);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-body);font-weight:700;font-size:var(--fs-base);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}.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);flex:1;font-weight:700}.pick-recipient-row-chevron{color:var(--ink-soft)}.pick-recipient-back{text-align:center;width:100%;color:var(--teal);font-family:var(--font-body);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}.add-friend-header{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.add-friend-back-chevron{font-size:var(--fs-xl);color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0}.add-friend-header h1{font-size:var(--fs-h2)}.add-friend-label{font-size:var(--fs-sm);color:var(--ink-soft);margin-bottom:var(--sp-1);font-weight:700;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;width:48px;font-size:var(--fs-lg);cursor:pointer;border:none;flex-shrink:0;font-weight:700}.add-friend-send:disabled{opacity:.6;cursor:default}.add-friend-hint{color:var(--ink-soft);font-size:var(--fs-xs);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-code{align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper);display:flex}.add-friend-own-code-label{color:var(--ink-soft);font-size:var(--fs-sm);flex:1}.add-friend-own-code-value{color:var(--ink);font-weight:700;font-family:var(--font-heading);letter-spacing:1px}.add-friend-copy{color:var(--teal-deep);font-weight:700;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none}.pick-diff{max-width:480px;padding:var(--gutter);margin:0 auto;padding-bottom:100px}.pick-diff h1{font-size:var(--fs-h2);margin-bottom:var(--sp-1)}.pick-diff-sub{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);margin-bottom:2px;font-weight:700}.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-body);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-base);color:var(--ink);padding:4px 10px;font-weight:700}.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}.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-body);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-body);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-body);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-base);color:var(--ink);flex-shrink:0;padding:4px 10px;font-weight:700}.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}.draw-word-text{font-family:var(--font-heading);font-size:var(--fs-2xl);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{justify-content:center;align-items:center;gap:var(--sp-2);background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-pill);padding:0 var(--sp-3);flex:1;height:44px;display:flex}.draw-width{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.draw-width-dot{border-radius:var(--radius-pill);background:var(--ink-soft);box-sizing:border-box;border:1px solid #fff6}.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:44px;height:44px;font-size:var(--fs-lg);cursor:pointer;flex-shrink:0}.draw-tool.active{border-color:var(--pink-deep)}.draw-tool:disabled{opacity:.4;cursor:default}.draw-palette{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.draw-swatch{border-radius:var(--radius-pill);border:2px solid var(--line);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.draw-swatch.selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--teal)}.draw-swatch.locked{opacity:.4}.draw-swatch-lock{filter:drop-shadow(0 1px 1px #0009)}.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-body);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-body);font-weight:700;font-size:var(--fs-base);cursor:pointer;padding:var(--sp-1);background:0 0;border:none;display:block}