:root,:root[data-theme=light]{color-scheme:light;--sw-color-bg: #ffffff;--sw-color-page: #ffffff;--sw-color-page-rgb: 255, 255, 255;--sw-color-surface: #ffffff;--sw-color-surface-rgb: 255, 255, 255;--sw-color-surface-muted: #f8f9fa;--sw-color-surface-sunken: #f0f0f0;--sw-color-surface-hover: #f5f5f5;--sw-color-hover-overlay: rgba(0, 0, 0, .04);--sw-color-skeleton: #f5f5f5;--sw-color-skeleton-highlight: #eeeeee;--sw-color-text: #333333;--sw-color-text-strong: #000000;--sw-color-text-secondary: #555555;--sw-color-text-muted: #666666;--sw-color-text-subtle: #777777;--sw-color-text-inverse: #ffffff;--sw-color-border: #eeeeee;--sw-color-border-strong: #dddddd;--sw-color-tile-border: #dddddd;--sw-color-tile-border-filled: #333333;--sw-color-key: #eeeeee;--sw-color-key-absent: #a1a1a1;--sw-color-key-absent-text: #ffffff;--sw-color-tooltip: #1f2a33;--sw-color-brand-text: #456f45;--sw-color-brand-soft: #f4faf2;--sw-color-brand-soft-border: #d8e7d4;--sw-color-highlight: #fff9c4;--sw-color-highlight-hover: #fff59d;--sw-color-preview: #fff8d8;--sw-color-preview-border: #f1e2a6;--sw-color-preview-avatar: #fffdf3;--sw-color-preview-avatar-border: #eadf9e;--sw-color-info-soft: #f0f7ff;--sw-color-info-soft-hover: #e5f1ff;--sw-color-focus: #1976d2;--sw-color-success: #5ac85a;--sw-color-success-strong: #4e9f4e;--sw-color-cta-background: #437d4c;--sw-color-cta-text: #ffffff;--sw-color-danger: lightcoral;--sw-color-danger-strong: #c0392b;--sw-color-danger-soft: #f8d7da;--sw-color-wordle-green: #5ac85a;--sw-color-wordle-yellow: #e2cc68;--sw-color-wordle-grey: #a1a1a1;--sw-color-wordle-orange: #e67e22;--sw-color-battle: #e74c3c;--sw-color-battle-strong: #c0392b;--sw-color-nav-active: #5a9254;--sw-color-modal-backdrop: rgba(255, 255, 255, .7);--sw-shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--sw-shadow-modal: 0 18px 46px rgba(0, 0, 0, .18);--sw-radius-sm: 5px;--sw-radius-md: 8px;--sw-radius-lg: 10px;--sw-radius-pill: 999px;--sw-z-header: 1000;--sw-z-modal: 2000;--sw-z-modal-control: 2001;--sw-z-overlay: 12000;--sw-safe-area-top: env(safe-area-inset-top, 0px);--sw-safe-area-bottom: env(safe-area-inset-bottom, 0px);--sw-viewport-height: calc(var(--vh, 1vh) * 100);--sw-header-height: 50px;--sw-battle-header-height: 90px;--sw-bottom-nav-height: 66px;--sw-current-header-height: var(--sw-header-height);--sw-wordle-max-width: 480px}@supports (height: 100dvh){:root,:root[data-theme=light]{--sw-viewport-height: 100dvh}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--sw-color-bg: #111820;--sw-color-page: #111820;--sw-color-page-rgb: 17, 24, 32;--sw-color-surface: #1b242d;--sw-color-surface-rgb: 27, 36, 45;--sw-color-surface-muted: #202b35;--sw-color-surface-sunken: #18212a;--sw-color-surface-hover: #232e38;--sw-color-hover-overlay: rgba(255, 255, 255, .06);--sw-color-skeleton: #1b242d;--sw-color-skeleton-highlight: #26313b;--sw-color-text: #f4f7f2;--sw-color-text-strong: #ffffff;--sw-color-text-secondary: #c9d2cd;--sw-color-text-muted: #b5c0bb;--sw-color-text-subtle: #8f9aa0;--sw-color-text-inverse: #ffffff;--sw-color-border: #2e3a45;--sw-color-border-strong: #44515d;--sw-color-tile-border: #3a4550;--sw-color-tile-border-filled: #74818c;--sw-color-key: #4c5864;--sw-color-key-absent: #1a2128;--sw-color-key-absent-text: #66717b;--sw-color-tooltip: #2f3b45;--sw-color-brand-text: #9fd099;--sw-color-brand-soft: #1c2b20;--sw-color-brand-soft-border: #2f4a33;--sw-color-highlight: #3a3416;--sw-color-highlight-hover: #4a421b;--sw-color-preview: #2c2817;--sw-color-preview-border: #4a4224;--sw-color-preview-avatar: #24221a;--sw-color-preview-avatar-border: #5a5130;--sw-color-info-soft: #16263a;--sw-color-info-soft-hover: #1c3048;--sw-color-focus: #82b7ff;--sw-color-success: #5ac85a;--sw-color-success-strong: #7ad37a;--sw-color-cta-background: #92c48c;--sw-color-cta-text: #192a19;--sw-color-danger: #ff9a9a;--sw-color-danger-strong: #ff6f6f;--sw-color-danger-soft: #5a252b;--sw-color-wordle-green: #5ac85a;--sw-color-wordle-yellow: #d8c15f;--sw-color-wordle-grey: #80888d;--sw-color-wordle-orange: #f39c12;--sw-color-battle: #ff7b72;--sw-color-battle-strong: #ff6f6f;--sw-color-nav-active: #8cc787;--sw-color-modal-backdrop: rgba(17, 24, 32, .72);--sw-shadow-card: 0 2px 12px rgba(0, 0, 0, .35);--sw-shadow-modal: 0 18px 46px rgba(0, 0, 0, .42)}}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--sw-color-page)}button,input,textarea,select{font:inherit}body{min-height:100%;margin:0;background:var(--sw-color-page);color:var(--sw-color-text);font-family:Helvetica Neue,Arial,sans-serif;font-size:1em;text-align:center}h1{margin:0 0 30px;padding:20px 0;border-bottom:1px solid var(--sw-color-border);color:var(--sw-color-text);font-size:1.2em}@supports (-webkit-touch-callout: none){html,body,#root{min-height:-webkit-fill-available}}.row{text-align:center;display:flex;justify-content:center}.row>div{display:block;width:60px;height:60px;border:1px solid var(--sw-color-tile-border);margin:2px;text-align:center;line-height:60px;text-transform:uppercase;font-weight:700;font-size:2.5em}.row>div.green{--background: var(--sw-color-wordle-green);--border-color: var(--sw-color-wordle-green);animation:flip .6s ease forwards}.row>div.grey{--background: var(--sw-color-wordle-grey);--border-color: var(--sw-color-wordle-grey);animation:flip .6s ease forwards}.row>div.yellow{--background: var(--sw-color-wordle-yellow);--border-color: var(--sw-color-wordle-yellow);animation:flip .6s ease forwards}.row>div:nth-child(2){animation-delay:.2s}.row>div:nth-child(3){animation-delay:.4s}.row>div:nth-child(4){animation-delay:.6s}.row>div:nth-child(5){animation-delay:.8s}.row.current>div.filled{animation:bounce .2s ease-in-out forwards}@keyframes flip{0%{transform:rotateX(0);background:var(--sw-color-surface);border-color:var(--sw-color-tile-border-filled)}45%{transform:rotateX(90deg);background:var(--sw-color-surface);border-color:var(--sw-color-tile-border-filled)}55%{transform:rotateX(90deg);background:var(--background);border-color:var(--border-color)}to{transform:rotateX(0);background:var(--background);border-color:var(--border-color);color:#eee}}@keyframes bounce{0%{transform:scale(1);border-color:var(--sw-color-tile-border)}50%{transform:scale(1.2)}to{transform:scale(1);border-color:var(--sw-color-tile-border-filled)}}