@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&display=swap";@font-face{font-family:Architects Daughter;src:url(/fonts/ArchitectsDaughter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--crossydle-paper: #fdfcf7;--crossydle-cell: #ffffff;--crossydle-ink: #111418;--crossydle-ink-soft: #3d4450;--crossydle-correct: #1f9e57;--crossydle-correct-ink: #ffffff;--crossydle-present: #e0a31c;--crossydle-highlight: #fff3c4;--crossydle-cursor: #ffd54f;--crossydle-block: #111418;--crossydle-error: #b3261e;--crossydle-letter-ink: #0038a8;--vacas-correct: #fabada;--vacas-present: #8fa3bf;--vacas-absent: #787c7e;--crossydle-font-sans: "Outfit", "Avenir Next", "Segoe UI", sans-serif;--crossydle-font-hand: "Architects Daughter", "Comic Sans MS", cursive;--crossydle-radius: 8px;--crossydle-grid-gap: 2px}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--crossydle-paper);color:var(--crossydle-ink);font-family:var(--crossydle-font-sans);font-weight:400;line-height:1.5}h1{font-weight:700;letter-spacing:-.02em}.game-view{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1rem;max-width:40rem;margin:0 auto}.game-header{width:min(100%,32rem);text-align:center}.game-brand{position:relative}.game-brand .menu-wrap{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center}.game-header h1{margin:0;font-size:2rem;text-align:center}.game-logo{display:block;width:min(15rem,62vw);height:auto;margin:0 auto}.game-subtitle{margin:1rem 0 0;color:var(--crossydle-ink-soft)}.crossword-grid{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);gap:var(--crossydle-grid-gap);width:min(100%,32rem);aspect-ratio:1;padding:var(--crossydle-grid-gap);background:var(--crossydle-ink);border:var(--crossydle-grid-gap) solid var(--crossydle-ink);border-radius:var(--crossydle-radius);touch-action:pinch-zoom}.cell{position:relative;display:flex;align-items:center;justify-content:center;background:var(--crossydle-cell);color:var(--crossydle-ink);container-type:inline-size;font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none}.cell-letter{font-family:var(--crossydle-font-hand);font-weight:400;font-size:max(16px,55cqw);line-height:1;color:var(--crossydle-letter-ink)}.cell-input{width:100%;height:100%;border:none;padding:0;background:transparent;font:inherit;font-family:var(--crossydle-font-hand);font-weight:400;font-size:max(16px,55cqw);text-align:center;text-transform:uppercase;color:var(--crossydle-letter-ink)}.cell-correct .cell-letter,.cell-present .cell-letter{color:inherit}.cell-input:focus{outline:none}.cell-number{position:absolute;top:0;left:8%;font-size:22cqw;font-weight:400;color:var(--crossydle-ink-soft);pointer-events:none}.cell-block{background:var(--crossydle-block)}.cell-selected,.cell-word{background:var(--crossydle-highlight)}.cell-cursor{background:var(--crossydle-cursor)}.cell-correct{background:var(--crossydle-correct);color:var(--crossydle-correct-ink)}.cell-present{background:var(--crossydle-present)}.invite-gate{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1rem}.invite-card{display:flex;flex-direction:column;gap:.9rem;width:min(100%,22rem);padding:1.5rem;background:var(--crossydle-cell);border:2px solid var(--crossydle-ink);border-radius:var(--crossydle-radius)}.invite-card h2{margin:0;font-size:1.15rem}.invite-card p{margin:0;font-size:.9rem;color:var(--crossydle-ink-soft)}.invite-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--crossydle-ink-soft)}.invite-input{padding:.55rem .75rem;border:2px solid var(--crossydle-ink);border-radius:var(--crossydle-radius);font:inherit;font-size:1.05rem;font-family:monospace;letter-spacing:.15em;text-transform:uppercase;text-align:center;color:var(--crossydle-ink);background:var(--crossydle-cell)}.invite-input:focus{outline:2px solid var(--crossydle-cursor);outline-offset:1px}.invite-error{margin:0;font-size:.85rem;color:var(--crossydle-error)}.game-topbar{display:flex;justify-content:flex-end;width:min(100%,32rem)}.game-topbar-left{justify-content:flex-start}.menu-wrap{position:relative}.menu-wrap .menu-button{min-width:0;padding:.3rem .45rem;border:none;background:transparent;font-size:1.05rem;line-height:1}.menu-wrap .menu-button:hover:not(:disabled){background:var(--crossydle-highlight)}.menu-backdrop{position:fixed;inset:0;z-index:5}.menu-dropdown{position:absolute;top:calc(100% + .4rem);right:0;display:flex;flex-direction:column;min-width:12rem;max-width:80vw;padding:.3rem;background:var(--crossydle-cell);border:2px solid var(--crossydle-ink);border-radius:var(--crossydle-radius);box-shadow:4px 4px 0 var(--crossydle-ink);z-index:6}.menu-item{padding:.65rem .9rem;border:none;border-radius:calc(var(--crossydle-radius) - 3px);background:transparent;color:var(--crossydle-ink);font:inherit;font-weight:600;text-align:left;cursor:pointer}.menu-item:hover:not(:disabled){background:var(--crossydle-highlight)}.menu-item:disabled{opacity:.5;cursor:not-allowed}.game-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.game-button{padding:.55rem 1.1rem;border:2px solid var(--crossydle-ink);border-radius:var(--crossydle-radius);background:var(--crossydle-cell);color:var(--crossydle-ink);font:inherit;font-weight:600;cursor:pointer}.game-button:hover:not(:disabled){background:var(--crossydle-highlight)}.game-button:disabled{opacity:.5;cursor:not-allowed}.size-select{padding:.55rem .7rem;border:2px solid var(--crossydle-ink);border-radius:var(--crossydle-radius);background:var(--crossydle-cell);color:var(--crossydle-ink);font:inherit;font-weight:600;cursor:pointer}.size-select:disabled{opacity:.5;cursor:not-allowed}.help-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000059;z-index:10}.help-panel{width:min(100%,26rem);padding:1.25rem 1.5rem;background:#fff3c4;border:2px solid var(--crossydle-ink);border-radius:var(--crossydle-radius);box-shadow:4px 4px 0 var(--crossydle-ink)}.help-panel h3{margin:0 0 .75rem}.help-panel p{margin:0 0 .75rem;line-height:1.5}.word-overlay{position:fixed;top:0;left:0;right:0;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000059;z-index:10}.word-dialog-label{display:block;margin:0 0 .35rem;font-weight:600}.word-dialog-clue{font-size:.95rem}.word-input{width:100%;box-sizing:border-box;padding:.45rem .7rem;border:2px solid var(--crossydle-ink);border-radius:var(--crossydle-radius);background:var(--crossydle-cell);color:var(--crossydle-letter-ink);font-family:var(--crossydle-font-hand);font-size:1.6rem;letter-spacing:.4rem;text-transform:uppercase;text-align:center}.word-input:focus{outline:3px solid var(--crossydle-highlight);outline-offset:2px}.word-dialog-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--crossydle-ink-soft)}.word-dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.vacas-button{margin-right:auto}.game-stats{margin:0;align-self:center;font-family:var(--crossydle-font-hand);font-size:1.35rem;line-height:1}.game-stats .stat-missing{color:var(--crossydle-letter-ink)}.game-stats .stat-sep{color:var(--crossydle-ink);margin:0 .15rem}.game-stats .stat-errors{color:var(--crossydle-correct)}.game-stats .stat-errors-bad{color:var(--crossydle-error)}.vacas-title{margin:0;font-size:1.6rem}.vacas-hint{margin:.35rem 0 0;font-size:.95rem;color:var(--crossydle-ink-soft);max-width:min(100%,32rem)}.vacas-board{display:grid;grid-template-columns:repeat(var(--vacas-len),1fr);gap:.35rem;width:min(100%,calc(var(--vacas-len) * 3.2rem),32rem)}.vacas-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid #b6bcc4;border-radius:var(--crossydle-radius);background:var(--crossydle-cell);font-family:var(--crossydle-font-hand);font-size:clamp(1rem,calc(11rem / var(--vacas-len)),1.7rem);font-weight:400;text-transform:uppercase}.vacas-cell-active{border-color:var(--crossydle-ink)}.vacas-input{width:100%;height:100%;border:none;padding:0;background:transparent;font:inherit;text-align:center;text-transform:uppercase;color:var(--crossydle-letter-ink)}.vacas-input:focus{outline:none}.vacas-cell-active:has(.vacas-input:focus){background:var(--crossydle-cursor)}.vacas-correct{background:var(--vacas-correct);border-color:var(--vacas-correct)}.vacas-present{background:var(--vacas-present);border-color:var(--vacas-present);color:#fff}.vacas-absent{background:var(--vacas-absent);border-color:var(--vacas-absent);color:#fff}.vacas-notice{margin:0;font-size:.9rem;color:var(--crossydle-error)}.vacas-banner{display:flex;flex-direction:column;align-items:center;gap:.75rem}.vacas-result{margin:0;font-size:1.05rem;font-weight:600}.active-clues{width:min(100%,32rem);touch-action:pinch-zoom}.active-clue{margin:.15rem 0;font-size:.95rem}.active-clue-hint{margin:0;font-size:.875rem;color:var(--crossydle-ink-soft)}.clue-rail{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:min(100%,32rem)}.clue-list h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.clue-list p{margin:0;font-size:.875rem;color:var(--crossydle-ink-soft)}.clue-list ol{margin:0;padding:0;list-style:none;font-size:.875rem}.clue-list li{margin-bottom:.35rem}.bravo-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073;z-index:20}.bravo-panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;background:var(--crossydle-paper);border:3px solid var(--crossydle-ink);border-radius:var(--crossydle-radius);box-shadow:8px 8px #00000059}.bravo-text{margin:0;font-family:var(--crossydle-font-hand);font-size:clamp(3rem,12vw,5.5rem);color:var(--crossydle-letter-ink);animation:bravo-pop .7s cubic-bezier(.2,1.6,.4,1) both,bravo-float 2.6s .7s ease-in-out infinite alternate}.bravo-button{font-size:1.2rem;padding:.6rem 1.6rem}@keyframes bravo-pop{0%{transform:scale(.2) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes bravo-float{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-.6rem) rotate(2deg)}}@media(max-width:768px){.game-view{gap:.85rem;padding:1rem .75rem}.game-header h1{font-size:1.6rem}}@media(max-width:480px){.game-actions{gap:.5rem}.game-logo{width:min(12rem,55vw)}.game-subtitle{margin-top:.75rem;font-size:.9rem}.size-select{padding:.45rem .5rem;font-size:.9rem}.game-stats{font-size:1.15rem}.clue-rail{grid-template-columns:1fr}}