html{--mat-app-background-color: #fafafa;--mat-app-text-color: rgba(0, 0, 0, .87);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)}html{--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}html{--mat-option-selected-state-label-text-color: #3f51b5;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}.mat-accent{--mat-option-selected-state-label-text-color: #ff4081;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}.mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)}html{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-primary{--mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-accent{--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-warn{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mat-dialog-container-shape: 4px;--mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-dialog-container-max-width: 80vw;--mat-dialog-container-small-max-width: 80vw;--mat-dialog-container-min-width: 0;--mat-dialog-actions-alignment: start;--mat-dialog-actions-padding: 8px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px;--mat-dialog-headline-padding: 0 24px 9px}html{--mat-dialog-container-color: white;--mat-dialog-subhead-color: rgba(0, 0, 0, .87);--mat-dialog-supporting-text-color: rgba(0, 0, 0, .54)}html{--mat-snack-bar-container-shape: 4px}html{--mat-snack-bar-container-color: #424242;--mat-snack-bar-supporting-text-color: white;--mat-snack-bar-button-color: #7986cb}body{background:#121213;margin:0;font-family:Dubai,sans-serif}*{font-family:Dubai,sans-serif!important}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@font-face{font-family:Dubai;font-weight:400;font-style:normal;src:url(/fonts/Dubai-Regular.ttf)}@font-face{font-family:Dubai;font-weight:700;font-style:normal;src:url(/fonts/Dubai-Bold.ttf)}.dark-theme{--tile-border: #3a3a3c;--tile-filled-border: #565758;--tile-text: #f8fafc;--tile-correct: #39743b;--tile-present: #7a6516;--tile-absent: #3a3a3c;--key-bg: #818384;--key-text: #f8fafc}.dark-theme.main-container{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.07),transparent 32rem),#121213}.light-theme{--tile-border: #d3d6da;--tile-filled-border: #878a8c;--tile-text: #111827;--tile-correct: #39743b;--tile-present: #7a6516;--tile-absent: #5f6368;--key-bg: #d3d6da;--key-text: #111827}.light-theme.main-container{background:radial-gradient(circle at 50% 0%,rgba(0,0,0,.045),transparent 34rem),#fff;color:#111827}.light-theme .main-title{color:#000!important}.light-theme .header{border-bottom:1px solid #d3d6da!important}.header .icon-button{align-items:center;background:transparent;border:0;border-radius:999px;color:currentColor;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:background .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s cubic-bezier(.2,.8,.2,1);width:38px}.header .icon-button svg{fill:none;height:34px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75;width:34px}.header .icon-button:hover{background:var(--icon-hover);transform:translateY(-1px)}.header .icon-button:active{transform:translateY(1px) scale(.96)}.header .icon-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.snackMessage{background:#3a3a3c;border-radius:4px!important;box-shadow:0 14px 40px #00000059;color:#f8fafc;display:flex!important;font-family:Dubai,sans-serif;font-weight:700;justify-content:center;letter-spacing:0;text-align:center}.snackMessage .mat-mdc-snack-bar-label,.snackMessage .mat-simple-snackbar{font-size:1rem}.snackMessage.success{background:#538d4e!important}.snackMessage.default{background:#3a3a3c!important}.mat-mdc-snack-bar-container,.mat-snack-bar-container{margin-top:72px!important;max-width:min(88vw,420px)!important}.light-theme-dialog{--dialog-bg: #ffffff;--dialog-fg: #111827;--dialog-muted: #4b5563;--dialog-panel: #f4f4f5;--dialog-panel-hover: #eceef1;--dialog-border: #e5e7eb;--dialog-shadow: 0 24px 80px rgba(18, 18, 19, .22);--dialog-correct: #39743b;--dialog-present: #7a6516;--dialog-absent: #5f6368}.dark-theme-dialog{--dialog-bg: #121213;--dialog-fg: #f8fafc;--dialog-muted: #c7c7cc;--dialog-panel: #202124;--dialog-panel-hover: #2c2d30;--dialog-border: #3a3a3c;--dialog-shadow: 0 24px 80px rgba(0, 0, 0, .48);--dialog-correct: #39743b;--dialog-present: #7a6516;--dialog-absent: #3a3a3c}.mat-mdc-dialog-container .mdc-dialog__surface{background:var(--dialog-bg, #ffffff)!important;border-radius:8px!important;box-shadow:var(--dialog-shadow, 0 24px 80px rgba(18, 18, 19, .22))!important;color:var(--dialog-fg, #111827)!important;max-height:92dvh;overflow:auto!important}.cdk-overlay-dark-backdrop{background:#12121375}.dark-theme-backdrop{background:#000000a3}.light-theme-backdrop{background:#12121361}.wordle-dialog{box-sizing:border-box;color:var(--dialog-fg, #111827);direction:rtl;max-width:min(90vw,500px);padding:clamp(22px,5vw,32px);position:relative;text-align:right}.dialog-title{font-size:clamp(1.35rem,5vw,1.75rem);font-weight:800;line-height:1.15;margin:0 0 12px;text-align:center}.dialog-copy,.dialog-note,.example-block p{color:var(--dialog-muted, #4b5563);font-size:.98rem;line-height:1.7;margin:0}.dialog-close{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--dialog-muted, #6b7280);cursor:pointer;display:flex;font-size:2rem;font-weight:400;height:38px;justify-content:center;line-height:1;position:absolute;right:14px;top:12px;transition:background-color .18s cubic-bezier(.2,.8,.2,1),color .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1);width:38px}.dialog-close:hover{background:var(--dialog-panel, #f3f4f6);color:var(--dialog-fg, #111827)}.dialog-close:active{transform:scale(.94)}.dialog-close:focus-visible,.dialog-button:focus-visible,.social-link:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}.dialog-examples{display:grid;gap:18px;margin:24px 0}.example-block{border-top:1px solid var(--dialog-border, #e5e7eb);padding-top:18px}.example-row{display:flex;gap:5px;justify-content:center;margin-bottom:10px}.example-cell{align-items:center;background:var(--dialog-bg, #ffffff);border:2px solid var(--dialog-border, #d3d6da);box-sizing:border-box;color:var(--dialog-fg, #111827);display:flex;font-size:1.35rem;font-weight:800;height:48px;justify-content:center;width:48px}.example-cell.correct{background:var(--dialog-correct, #6aaa64);border-color:var(--dialog-correct, #6aaa64);color:#fff}.example-cell.present{background:var(--dialog-present, #c9b458);border-color:var(--dialog-present, #c9b458);color:#fff}.example-cell.absent{background:var(--dialog-absent, #787c7e);border-color:var(--dialog-absent, #787c7e);color:#fff}.dialog-note{border-top:1px solid var(--dialog-border, #e5e7eb);color:var(--dialog-fg, #111827);font-weight:700;padding-top:18px;text-align:center}.stats-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:22px 0}.stats-grid article{align-items:center;background:var(--dialog-panel, #f4f4f5);border-radius:6px;display:flex;flex-direction:column;min-height:82px;justify-content:center;padding:10px 6px;text-align:center}.stats-grid strong{color:var(--dialog-fg, #111827);font-size:clamp(1.35rem,5vw,1.8rem);font-variant-numeric:tabular-nums;line-height:1}.stats-grid span{color:var(--dialog-muted, #52525b);font-size:.78rem;line-height:1.35;margin-top:7px}.dialog-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px}.dialog-button{align-items:center;background:var(--dialog-panel, #d3d6da);border:0;border-radius:4px;color:var(--dialog-fg, #111827);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:800;gap:8px;height:48px;justify-content:center;transition:background-color .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1),filter .18s cubic-bezier(.2,.8,.2,1)}.dialog-button.primary{background:var(--dialog-correct, #6aaa64);color:#fff}.dialog-button svg{fill:currentColor;height:20px;width:20px}.dialog-button:disabled{cursor:default;filter:grayscale(1);opacity:.45}.dialog-button:not(:disabled):hover{filter:brightness(.96);transform:translateY(-1px)}.dialog-button:not(:disabled):active{transform:translateY(1px) scale(.98)}.countdown-panel{align-items:center;background:var(--dialog-panel, #f4f4f5);border-radius:6px;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:14px;text-align:center}.countdown-panel span{color:var(--dialog-muted, #52525b);font-size:.84rem;font-weight:700}.countdown-panel countdown{color:var(--dialog-fg, #111827);font-size:1.55rem;font-variant-numeric:tabular-nums;font-weight:800}.social-links{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:22px}.social-link{align-items:center;background:var(--dialog-panel, #f4f4f5);border-radius:6px;color:var(--dialog-fg, #111827);display:flex;font-weight:800;gap:10px;justify-content:center;min-height:68px;text-decoration:none;transition:background-color .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1)}.social-link:hover{background:var(--dialog-panel-hover, #eceef1);transform:translateY(-1px)}.social-link img{height:30px;width:30px}@media(max-width:430px){.header .icon-button{height:36px;width:33px}.header .icon-button svg{height:30px;width:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dialog-actions,.social-links{grid-template-columns:1fr}.example-cell{height:42px;width:42px}}
