.wordle-page{box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;gap:1em;min-height:calc(100dvh - 4rem);padding-top:1.5rem;display:flex}.wdl-live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wdl-beta-pill{vertical-align:middle;color:#ffffff8c;background:#ffffff0d;border-radius:.4em;margin-left:.4em;padding:.2em .6em;font-size:.7em;line-height:1;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff14}.wdl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75em;display:flex}.wdl-header h1{flex:none;margin:0;font-size:1.8em;line-height:1.1}.wdl-header-controls{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.wdl-dropdown{min-width:0;display:inline-block;position:relative}.wdl-dropdown-trigger{color:inherit;cursor:pointer;background:#212121;border:1px solid #0000;border-radius:6px;align-items:center;gap:.6em;padding:.4em .7em;font-family:inherit;font-size:.95em;line-height:1.1;transition:border-color .12s ease-out,background .12s ease-out;display:inline-flex}.wdl-dropdown-trigger:hover:not(:disabled),.wdl-dropdown-trigger:focus-visible{border-color:#4f8a7c;outline:none}.wdl-dropdown-trigger:disabled{opacity:.4;cursor:not-allowed}.wdl-dropdown.is-open .wdl-dropdown-trigger{background:#1c2a26;border-color:#4f8a7c}.wdl-dropdown-label{white-space:nowrap}.wdl-dropdown-arrow{opacity:.55;flex:none;transition:transform .16s ease-out}.wdl-dropdown.is-open .wdl-dropdown-arrow{transform:rotate(180deg)}.wdl-dropdown-menu{z-index:30;background:#0f0f0f;border:1px solid #ffffff12;border-radius:6px;flex-direction:column;min-width:100%;padding:4px;animation:.12s ease-out wdl-dropdown-in;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000073}@keyframes wdl-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wdl-dropdown-option{appearance:none;color:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5em;padding:.45em .7em;font-family:inherit;font-size:.95em;transition:background .1s ease-out,color .1s ease-out;display:flex}.wdl-dropdown-option:before{content:"";text-align:center;color:#64ffd8;flex:none;width:.9em;display:inline-block}.wdl-dropdown-option.is-selected:before{content:"✓"}.wdl-dropdown-option:hover{background:#1c2a26}.wdl-dropdown-option.is-selected{color:#64ffd8;background:#64ffd814}.wdl-dropdown-option:focus-visible{background:#1c2a26;outline:none}.wdl-dropdown-option-label{flex:auto}.wdl-hamburger{z-index:50;color:#ffffffb3;cursor:pointer;background:#212121;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:2.2em;height:2.2em;padding:0;transition:border-color .12s ease-out,color .12s ease-out,background .12s ease-out;display:inline-flex;position:fixed;top:1rem;right:1rem}.wdl-hamburger:hover{color:#fffffff2;border-color:#4f8a7c}.wdl-stage{flex:auto;justify-content:center;align-items:center;min-height:0;animation:.14s ease-out wdl-fade-in;display:flex;position:relative}.wdl-board{background:#0f0f0f;border-radius:8px;grid-template-rows:repeat(6,1fr);gap:6px;padding:8px;display:grid}.wdl-row{gap:6px;display:flex}@keyframes wdl-shake-a{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes wdl-shake-b{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.wdl-row-shake-a{animation:.3s ease-out wdl-shake-a}.wdl-row-shake-b{animation:.3s ease-out wdl-shake-b}.wdl-tile{width:52px;height:52px;transform-style:preserve-3d;background:#212121;border-radius:4px;justify-content:center;align-items:center;font-size:1.5em;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}@media (max-width:420px){.wdl-tile{width:42px;height:42px;font-size:1.2em}}.wdl-tile-active{box-shadow:inset 0 0 0 1px #4f8a7ca6}.wdl-tile-green{box-shadow:none;background-color:#5a8a3d}.wdl-tile-yellow{box-shadow:none;background-color:#d9b63c}.wdl-tile-gray{box-shadow:none;background-color:#3a3a3a}.wdl-tile-face-placeholder{opacity:.28}.wdl-cb .wdl-tile-yellow{background-image:repeating-linear-gradient(135deg,#0000 0 6px,#00000038 6px 10px)}@keyframes wdl-flip{0%{background-color:#212121;transform:rotateX(0)}49%{background-color:#212121;transform:rotateX(88deg)}50%{background-color:var(--wdl-color,#3a3a3a);transform:rotateX(90deg)}to{background-color:var(--wdl-color,#3a3a3a);transform:rotateX(0)}}.wdl-tile-flip{animation:.5s ease-in-out both wdl-flip}@keyframes wdl-pop{0%{transform:scale(.72)}60%{transform:scale(1.08)}to{transform:scale(1)}}.wdl-tile-pop{animation:.14s ease-out wdl-pop}.wdl-keyboard{background:#0f0f0f;border-radius:8px;flex-direction:column;gap:6px;padding:8px;transition:opacity .16s ease-out,filter .16s ease-out;display:flex}.wdl-keyboard-row{justify-content:center;gap:4px;display:flex}.wdl-keyboard-disabled{opacity:.35;filter:saturate(.4);pointer-events:none}.wdl-key{min-width:0;color:inherit;cursor:pointer;background:#212121;border:1px solid #0000;border-radius:6px;flex:1 1 0;padding:.6em .2em;font-family:inherit;font-size:1em;transition:background .12s ease-out,border-color .12s ease-out}.wdl-key:hover{border-color:#4f8a7c}.wdl-key-control{flex:1.5 1 0;font-size:.8em}.wdl-key-enter{container-type:inline-size}.wdl-key-enter-full,.wdl-key-enter-compact{line-height:1;display:inline-block}.wdl-key-enter-compact{display:none}@container (max-width:44px){.wdl-key-enter-full{display:none}.wdl-key-enter-compact{font-size:1.25em;display:inline-block}}.wdl-key-green{background:#5a8a3d}.wdl-key-yellow{background-color:#d9b63c}.wdl-key-gray{opacity:.7;background:#3a3a3a}.wdl-cb .wdl-key-yellow{background-image:repeating-linear-gradient(135deg,#0000 0 5px,#00000038 5px 8px)}.wdl-game-over{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0f0f0fe0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75em;padding:1.5rem;animation:.2s ease-out wdl-fade-in;display:flex;position:absolute;inset:0}.wdl-game-over-actions{flex-wrap:wrap;justify-content:center;gap:.5em;display:flex}.wdl-game-over-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:1.6em;height:1.6em;padding:0;font-size:1.2em;line-height:1;transition:color .12s ease-out,background .12s ease-out;display:flex;position:absolute;top:.4em;right:.5em}.wdl-game-over-close:hover{color:#fffffff2;background:#ffffff14}.wdl-answer-link{color:inherit;border-bottom:1px dashed #ffffff40;text-decoration:none;transition:border-color .12s ease-out,color .12s ease-out}.wdl-answer-link:hover{color:#64ffd8;border-bottom-color:#64ffd8}.wdl-countdown-local{opacity:.7;display:block}@keyframes wdl-fade-in{0%{opacity:0}to{opacity:1}}.wdl-footer{flex-wrap:wrap;justify-content:center;gap:.5em;display:flex}.cool-button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#212121;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;padding:.45em .85em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em;font-weight:600;line-height:1.2;transition:border-color .15s ease-out,background .15s ease-out,transform .12s;display:inline-flex}.cool-button:hover{background:#2c2c2c;border-color:#ffffff4d;transform:translateY(-1px)}.cool-button:active{transform:translateY(0)}.wdl-modal-backdrop{z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.wdl-modal{background:#0f0f0f;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:1em;width:100%;min-width:300px;max-width:440px;padding:1.5em;display:flex;box-shadow:0 12px 32px #00000080}.wdl-modal-header{justify-content:space-between;align-items:center;gap:1em;display:flex}.wdl-modal-header h2{margin:0;font-size:1.3em}.wdl-modal-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:1.8em;height:1.8em;padding:0;font-size:1.3em;line-height:1;transition:color .12s ease-out,background .12s ease-out;display:inline-flex}.wdl-modal-close:hover{color:#fffffff2;background:#ffffff14}.wdl-option{cursor:pointer;align-items:flex-start;gap:.7em;padding:.3em 0;line-height:1.3;display:flex}.wdl-option input[type=checkbox]{cursor:pointer;accent-color:#4f8a7c;margin-top:.25em}.wdl-option-danger{border-top:1px solid #ffffff0f;flex-direction:column;align-items:flex-start;gap:.3em;margin-top:.3em;padding-top:.5em;display:flex}@media (max-width:520px){.wdl-footer{order:1}.wdl-keyboard{border-radius:0;order:2;gap:5px;margin-inline:-1rem;padding:8px 4px}.wdl-keyboard-row{gap:3px}.wdl-key{border-radius:6px;padding:.85em .15em;font-size:1.05em}.wdl-key-control{font-size:.75em}}
