@import"https://fonts.googleapis.com/css2?family=Sono:wght@400;500;600;700;800&display=swap";:root{--color01: #67200B;--color01-10: rgba(103, 32, 11, .1);--color02: #F4CFCA;--color03: #7FC382;--color04: #EBC137;--color05: #EE9C91;--color06: #FFB697;--color-bg: #ffffff;--color-fg: #191919;--color-accent: #3b82f6;--color-accent-muted: rgba(59, 130, 246, .15);--font-display: system-ui, -apple-system, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;font-family:var(--font-display);color:var(--color-fg);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}img,svg{display:block;max-width:100%}button{cursor:pointer;font:inherit;color:inherit;background:none;border:none}a{color:inherit;text-decoration:none}[data-brand=palabradeldia]{--color-correct: var(--color03);--color-present: var(--color04);--color-absent: var(--color05);--color-tile-default: var(--color06);--color-tile-empty-border: var(--color06);--color-tile-border: var(--color01);--color-text: var(--color01);--color-bg: var(--color02);--font-display: "Sono", system-ui, monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.topbar{width:100%;height:64px;background:var(--color02);border-bottom:none;position:absolute;top:0;left:0;right:0;z-index:100}.topbar-content{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-logo{height:32px;width:auto;filter:brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(3427%) hue-rotate(353deg) brightness(88%) contrast(98%)}.topbar-logo-clickable{cursor:pointer;transition:opacity .2s}.topbar-logo-clickable:hover{opacity:.7}.topbar-logo-text{display:flex;flex-direction:column;line-height:1;color:var(--color01);font-family:Sono,monospace;font-weight:800;-webkit-user-select:none;user-select:none}.topbar-logo-text__line1{font-size:20px;letter-spacing:.22em}.topbar-logo-text__line2{font-size:11px;font-weight:600;letter-spacing:.24em;margin-top:3px;opacity:.85;text-transform:lowercase}.topbar-menu{width:36px;height:24px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:0;transition:opacity .2s}.topbar-menu:hover{opacity:.7}.topbar-menu-line{width:100%;height:4px;background:var(--color01);border-radius:2px}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;animation:fadeIn .3s ease-out;background-color:#042527d9;z-index:998}.menu-drawer{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;background-color:var(--color02);z-index:999;transform:translate(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;padding:1.5rem}.menu-drawer-open{transform:translate(0)}.menu-nav{flex:1;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color01);text-align:left;transition:all .2s ease;border-radius:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-family:inherit}.menu-item:hover{background-color:var(--color01);color:var(--color02)}.menu-item:active{background-color:var(--color02);color:var(--color01)}.menu-item svg{flex-shrink:0;color:var(--color01)}.menu-item:hover svg{color:var(--color02)}.menu-divider{height:2px;background-color:var(--color01);margin:.75rem 1.25rem;opacity:.3}.menu-footer{flex-shrink:0;padding-top:.5rem}.menu-footer-links{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem 0}.menu-footer-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--color01);opacity:.6;text-align:left;transition:all .2s ease;border-radius:.5rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-family:inherit}.menu-footer-link:hover{opacity:1;background-color:var(--color01-10)}.menu-footer-link svg{flex-shrink:0}.menu-section-heading{font-size:.7rem;font-weight:700;color:var(--color01);opacity:.5;letter-spacing:.12em;text-transform:uppercase;padding:.5rem 1.25rem;margin-top:.5rem}.btn-lg-salmon,.btn-lg-green,.btn-lg-beige,.btn-lg-ghost,.btn-lg-pink{display:flex;height:4.5rem;padding:1.5rem 3rem;justify-content:center;align-items:center;gap:.625rem;border-radius:1rem;border:4px solid var(--color01);box-shadow:4px 4px 0 0 var(--color01);color:var(--color01);text-align:center;font-family:Sono,sans-serif;font-size:1.5rem;font-weight:800;line-height:normal;letter-spacing:.12rem;text-transform:uppercase;cursor:pointer}.btn-lg-salmon{background:var(--color06);font-weight:700}.btn-lg-green{background:var(--color03)}.btn-lg-beige{background:var(--color02)}.btn-lg-ghost{background:transparent}.btn-lg-pink{background:var(--color05)}.btn-sm-salmon,.btn-sm-green,.btn-sm-beige{display:flex;padding:1.5rem 3rem;justify-content:center;align-items:center;gap:1rem;border-radius:1rem;border:4px solid var(--color01);box-shadow:4px 4px 0 0 var(--color01);color:var(--color01);text-align:center;font-family:Sono,sans-serif;font-size:1.25rem;font-weight:800;line-height:normal;letter-spacing:.1rem;text-transform:uppercase;cursor:pointer}.btn-sm-salmon{background:var(--color06);font-weight:700}.btn-sm-green{background:var(--color03)}.btn-sm-beige{background:var(--color02)}.btn-lg-salmon:hover:not(:disabled),.btn-lg-green:hover:not(:disabled),.btn-lg-beige:hover:not(:disabled),.btn-lg-ghost:hover:not(:disabled),.btn-lg-pink:hover:not(:disabled),.btn-sm-salmon:hover:not(:disabled),.btn-sm-green:hover:not(:disabled),.btn-sm-beige:hover:not(:disabled){opacity:.9}.btn-lg-salmon:active:not(:disabled),.btn-lg-green:active:not(:disabled),.btn-lg-beige:active:not(:disabled),.btn-lg-ghost:active:not(:disabled),.btn-lg-pink:active:not(:disabled),.btn-sm-salmon:active:not(:disabled),.btn-sm-green:active:not(:disabled),.btn-sm-beige:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--color01)}.btn-lg-salmon:disabled,.btn-lg-green:disabled,.btn-lg-beige:disabled,.btn-lg-ghost:disabled,.btn-lg-pink:disabled,.btn-sm-salmon:disabled,.btn-sm-green:disabled,.btn-sm-beige:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 600px){.btn-lg-salmon,.btn-lg-green,.btn-lg-beige,.btn-lg-ghost,.btn-lg-pink{height:4rem;padding:1.25rem 2.5rem;font-size:1.25rem}.btn-sm-salmon,.btn-sm-green,.btn-sm-beige{padding:1.25rem 2.5rem;font-size:1.125rem}}:root{--tile-stroke: 4px}.letter-grid{display:flex;flex-direction:column;gap:6px;padding:0;width:min(320px,calc(100vw - 16px),calc((100dvh - 280px) * 5 / 6));font-family:var(--font-display, "Sono", monospace)}.letter-grid-row{display:flex;gap:6px;width:100%}.letter-tile{flex:1 1 0;min-width:0;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,7vw,32px);font-weight:700;line-height:1;text-transform:uppercase;border-radius:10px;border:var(--tile-stroke) solid var(--color-tile-empty-border, var(--color06));background:transparent;color:var(--color-text, var(--color01));-webkit-user-select:none;user-select:none}.letter-tile--clickable{cursor:pointer}.letter-tile--filled{border-color:var(--color-tile-border, var(--color01));background:transparent;color:var(--color-text, var(--color01))}.letter-grid-row--active .letter-tile{border-color:var(--color-tile-border, var(--color01))}.letter-tile--cursor{border-color:var(--color-tile-border, var(--color01));background:var(--color-tile-default, var(--color06));color:var(--color-text, var(--color01))}.letter-tile--correct{border-color:var(--color-tile-border, var(--color01));background:var(--color-correct, var(--color03));color:var(--color-text, var(--color01))}.letter-tile--present{border-color:var(--color-tile-border, var(--color01));background:var(--color-present, var(--color04));color:var(--color-text, var(--color01))}.letter-tile--absent{border-color:var(--color-tile-border, var(--color01));background:var(--color-absent, var(--color05));color:var(--color-text, var(--color01))}@keyframes letterTileRevealCorrect{0%{transform:translateY(0);background:transparent;border-color:var(--color-tile-border, var(--color01))}40%{transform:translateY(-12px);background:var(--color-correct, var(--color03))}to{transform:translateY(0);background:var(--color-correct, var(--color03))}}@keyframes letterTileRevealPresent{0%{transform:translateY(0);background:transparent;border-color:var(--color-tile-border, var(--color01))}40%{transform:translateY(-12px);background:var(--color-present, var(--color04))}to{transform:translateY(0);background:var(--color-present, var(--color04))}}@keyframes letterTileRevealAbsent{0%{transform:translateY(0);background:transparent;border-color:var(--color-tile-border, var(--color01))}40%{transform:translateY(-12px);background:var(--color-absent, var(--color05))}to{transform:translateY(0);background:var(--color-absent, var(--color05))}}.letter-tile--revealing.letter-tile--correct{animation:letterTileRevealCorrect .45s ease-out both;animation-delay:var(--reveal-delay, 0ms)}.letter-tile--revealing.letter-tile--present{animation:letterTileRevealPresent .45s ease-out both;animation-delay:var(--reveal-delay, 0ms)}.letter-tile--revealing.letter-tile--absent{animation:letterTileRevealAbsent .45s ease-out both;animation-delay:var(--reveal-delay, 0ms)}@media (max-width: 480px){.letter-tile{font-size:clamp(20px,8vw,36px)}}.game-keyboard{display:flex;flex-direction:column;gap:4px;padding:0 4px;width:100%;max-width:500px;font-family:var(--font-display, "Sono", monospace)}.game-keyboard-row{display:flex;gap:4px;width:100%}.game-key{flex:1 1 0;min-width:0;height:clamp(44px,10.5vw,60px);display:flex;align-items:center;justify-content:center;font-size:clamp(13px,3.6vw,20px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:8px;background:var(--color-tile-default, var(--color06));color:var(--color-text, var(--color01));cursor:pointer;transition:background-color .2s,color .2s,opacity .2s;font-family:inherit;padding:0}.game-key:hover:not(:disabled){filter:brightness(.95)}.game-key:active:not(:disabled){transform:scale(.97)}.game-key--wide{flex:1.5 1 0}.game-key--correct{background:var(--color-correct, var(--color03))}.game-key--present{background:var(--color-present, var(--color04))}.game-key--absent{background:var(--color-absent, var(--color05));opacity:.75}.game-key--enter{background:var(--color03)}.game-key--backspace{background:var(--color05)}.game-key__icon{height:min(16px,3.7vw);width:auto;display:block;overflow:visible}@media (max-width: 600px){.game-key{font-size:clamp(20px,5.4vw,28px)}}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}html,body{overflow:hidden;touch-action:manipulation;overscroll-behavior:none}body{margin:0;background:var(--color-bg, #F4CFCA);color:var(--color-text, #67200B);font-family:var(--font-display, "Sono", system-ui, monospace);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}.pdd-app{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--color-bg, #F4CFCA);padding-top:64px;overflow:hidden}.pdd-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 8px;width:100%;max-width:560px;margin:0 auto;overflow-y:auto;overscroll-behavior:contain}.pdd-grid-wrap{flex:0 0 auto;display:flex;justify-content:center;width:100%}.pdd-keyboard-wrap{flex:0 0 auto;display:flex;justify-content:center;width:100%;margin-top:auto}.pdd-center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);gap:16px;padding:24px;text-align:center;color:var(--color-text, #67200B)}.pdd-toast{position:fixed;top:88px;left:50%;transform:translate(-50%);background:var(--color01);color:#fff5f5;padding:10px 18px;border-radius:8px;font-weight:700;letter-spacing:.5px;z-index:1000;animation:pddToastIn .2s ease-out;box-shadow:0 4px 14px #0000002e}@keyframes pddToastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.pdd-shake{animation:pddShake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes pddShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.pdd-results{gap:20px}.pdd-results-headline{font-size:clamp(22px,6vw,28px);font-weight:800;text-align:center;color:var(--color01);letter-spacing:1px;margin:8px 0 0}.pdd-answer-card{width:100%;padding:4px 0;display:flex;flex-direction:column;gap:8px;text-align:center}.pdd-answer-word{font-size:clamp(28px,8vw,36px);font-weight:800;letter-spacing:6px;font-family:Sono,monospace}.pdd-answer-meaning{font-size:13px;line-height:1.4;margin:0;opacity:.9}.pdd-answer-category{font-style:italic;opacity:.75}.pdd-results-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}.pdd-stats{width:100%;display:flex;flex-direction:column;gap:12px}.pdd-stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pdd-stat-cell{text-align:center;padding:4px 2px}.pdd-stat-value{font-size:24px;font-weight:800;color:var(--color01);line-height:1}.pdd-stat-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;opacity:.75;margin-top:4px}.pdd-stats-heading{font-size:13px;letter-spacing:2px;text-transform:uppercase;text-align:center;margin:4px 0 0;font-weight:700;opacity:.85}.pdd-distribution{display:flex;flex-direction:column;gap:4px}.pdd-distribution-row{display:flex;align-items:center;gap:8px;font-weight:700}.pdd-distribution-label{width:16px;text-align:center}.pdd-distribution-bar{background:var(--color05);color:var(--color01);border-radius:4px;padding:4px 8px;min-width:24px;display:flex;justify-content:flex-end}.pdd-distribution-bar--current{background:var(--color03)}.pdd-distribution-count{font-size:12px}.pdd-countdown{width:100%;text-align:center;padding:8px 0}.pdd-countdown-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:2px}.pdd-countdown-time{font-size:clamp(22px,6vw,28px);font-weight:800;letter-spacing:4px;color:var(--color01)}.pdd-loading-title{font-size:20px;letter-spacing:2px;opacity:.6}.pdd-error-title{font-size:36px;font-weight:800}.pdd-error-message{max-width:320px;line-height:1.5}.pdd-center-message{max-width:360px;line-height:1.5;text-align:center}.pdd-landscape-lock{display:none}@media (orientation: landscape) and (max-height: 500px){.pdd-app{display:none!important}.pdd-landscape-lock{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg, #F4CFCA);color:var(--color01, #67200B);flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center;z-index:99999;font-family:var(--font-display, "Sono", system-ui, monospace)}.pdd-landscape-lock__icon{font-size:56px;line-height:1;animation:pddRotateHint 1.8s ease-in-out infinite;transform-origin:center}.pdd-landscape-lock__text{font-size:16px;letter-spacing:2px;font-weight:700;text-transform:uppercase;max-width:440px;line-height:1.4}}@keyframes pddRotateHint{0%,to{transform:rotate(-90deg);opacity:.5}50%{transform:rotate(0);opacity:1}}@media (max-width: 480px){.pdd-main{padding:10px 6px;gap:10px}.pdd-stat-value{font-size:20px}.pdd-answer-meaning{font-size:12px}}@media (min-width: 768px){.pdd-main:not(.pdd-results){justify-content:center;gap:28px}.pdd-main:not(.pdd-results) .pdd-keyboard-wrap{margin-top:0}}