:root{--caza-missed: var(--color-error)}.colorblind{--caza-missed: var(--color-absent)}.cazapalabras{--caza-section-gap: 20px;--caza-letter-max: 71.5px;--caza-letter-gap: 8px;--caza-score-size: 36px;color:var(--foreground)}.cazapalabras ::selection{background:var(--color-correct);color:#fff}.caza-main{width:100%;max-width:32rem;flex-shrink:0;margin:auto;padding:24px 16px}.caza-message{text-align:center;padding:64px 12px}.caza-progress{width:100%;max-width:calc(var(--caza-score-size) * 5 + 24px);margin:0 auto var(--caza-section-gap)}.caza-progress-dots{display:grid;grid-template-columns:repeat(5,var(--caza-score-size));gap:6px}.caza-dot{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:5px;color:#fff}.caza-start{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 0 28px}.caza-start-option{display:flex;flex-direction:column;align-items:center;gap:6px}.caza-start-option p{font-size:12px;line-height:1.4;color:var(--muted-foreground)}.caza-answer{display:grid;width:100%;gap:5px;margin:0 auto var(--caza-section-gap)}.caza-answer-tile{display:block;min-width:0;aspect-ratio:1}.caza-board{container-type:inline-size;margin:0 auto}.caza-clock{display:flex;justify-content:center;margin:0 auto var(--caza-section-gap)}.caza-untimed{height:39.6px}.caza-seconds{font-size:36px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.caza-letters{--caza-letter-size: min( var(--caza-letter-max), calc((100cqw - (var(--caza-columns) - 1) * var(--caza-letter-gap)) / var(--caza-columns)) );display:flex;flex-direction:column;gap:var(--caza-letter-gap);min-height:calc(var(--caza-letter-max) * 2 + 8px);justify-content:center}.caza-letter-row{display:flex;justify-content:center;gap:var(--caza-letter-gap)}.caza-letter{display:grid;place-items:center;width:var(--caza-letter-size);height:var(--caza-letter-size);border:2px solid transparent;border-radius:50%;background:var(--key-bg);color:var(--foreground);font-size:clamp(26px,7vw,32px);font-weight:700;cursor:pointer;touch-action:manipulation;transition:background-color .12s ease-out,border-color .12s ease-out}.caza-letter:hover:not(:disabled){border-color:var(--color-correct)}.caza-letter:focus-visible{outline:3px solid var(--color-correct);outline-offset:3px}.caza-letter-used{background:var(--color-correct);color:#fff;cursor:default}.caza-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:360px;margin:20px auto 0}.caza-actions-untimed{grid-template-columns:repeat(4,minmax(0,1fr))}.caza-results{padding:10px 0}.caza-answer-list{margin:0;list-style:none;padding:0}.caza-answer-list li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.caza-no-motion *,.caza-no-motion *:before,.caza-no-motion *:after{transition:none!important;animation:none!important}@media(min-width:768px){.cazapalabras{--caza-letter-max: 82px;--caza-score-size: 41px}}@media(max-width:767px){.caza-main{padding-block:16px}}@media(max-width:360px){.caza-actions{gap:6px}}@media(max-height:740px){.cazapalabras{--caza-section-gap: 12px}.caza-main{padding-block:12px}.caza-seconds{font-size:32px}.caza-untimed{height:35.2px}.caza-actions{margin-top:12px}.caza-start{padding-top:20px}}.caza-success .caza-answer{animation:caza-success-out var(--caza-success-ms) cubic-bezier(.16,1,.3,1) both}.caza-success .caza-letters{animation:caza-round-out var(--caza-exit-ms) ease-out calc(var(--caza-success-ms) - var(--caza-exit-ms)) both}.caza-failure .caza-answer{animation:caza-timeout-out var(--caza-reveal-ms) ease-out both}.caza-failure .caza-answer-tile{animation:caza-round-in var(--caza-reveal-tile-ms) cubic-bezier(.16,1,.3,1) both}.caza-failure .caza-letters{animation:caza-round-out var(--caza-exit-ms) ease-out calc(var(--caza-reveal-ms) - var(--caza-exit-ms)) both}.caza-entering .caza-answer,.caza-entering .caza-letters{animation:caza-round-in var(--caza-enter-ms) cubic-bezier(.16,1,.3,1) both}.caza-entering .caza-letters{pointer-events:none}@keyframes caza-success-out{0%{transform:scale(1);opacity:1}35%{transform:scale(1.035);opacity:1}57%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes caza-round-out{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes caza-timeout-out{0%{transform:scale(1);opacity:1}12.5%{transform:scale(1.025);opacity:1}25%,85%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes caza-round-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.caza-main-playing{display:flex;flex:1;flex-direction:column;min-height:max-content;margin-block:0}.caza-answer-slot{display:grid;align-items:center;min-height:62.5px;flex-shrink:0}.caza-main-playing .caza-answer{margin:0 auto}.caza-gameplay{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:max-content}.caza-main-playing .caza-board{width:100%;margin:0 auto;padding-top:clamp(28px,6svh,72px);flex-shrink:0}.caza-main-playing .caza-actions,.caza-main-playing .caza-progress,.caza-main-playing .caza-clock{flex-shrink:0}.caza-digits{display:inline-flex;min-width:2ch;justify-content:center}.caza-digit{display:block;width:1ch;height:1.1em;overflow:hidden;white-space:pre}.caza-digit-track{display:flex;flex-direction:column}.caza-digit-track>span{height:1.1em;line-height:1.1}.caza-digit-track-scroll{animation:caza-countdown .6s cubic-bezier(.4,0,.2,1) both}@keyframes caza-countdown{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.caza-no-motion .caza-digit-before{display:none}.caza-suspended .caza-answer,.caza-suspended .caza-letters,.caza-suspended .caza-answer-tile,.caza-suspended .caza-digit-track{animation-play-state:paused}.caza-suspended .caza-answer,.caza-suspended .caza-letters{visibility:hidden}@media(max-width:767px)and (max-height:740px){.caza-main-playing .caza-board{padding-top:20px}}.caza-intro .caza-answer{visibility:hidden}.caza-intro .caza-clock,.caza-intro .caza-letters,.caza-intro .caza-actions{animation:caza-round-in .32s cubic-bezier(.16,1,.3,1) var(--caza-intro-reveal-delay) both}.caza-intro .caza-letters,.caza-intro .caza-actions{pointer-events:none}.caza-intro-overlay{position:fixed;inset:0;z-index:60;pointer-events:none}.caza-intro-tile{position:absolute;transform-origin:0 0;perspective:600px}.caza-intro-card{position:relative;width:100%;height:100%;transform-style:preserve-3d}.caza-intro-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.caza-intro-back{transform:rotateY(180deg)}
