.dieciocho{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.dieciocho-status{min-height:1.25em;margin:0;font-size:var(--text-sm);color:var(--color-ink-muted);text-align:center}.dieciocho-progress{min-height:1.25em;margin:0;font-family:var(--font-serif);font-size:var(--text-lg);text-align:center;color:var(--color-ink)}.dieciocho-rounds{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:24rem}.dieciocho-round-cell{width:.85rem;height:.85rem;border-radius:50%;background:var(--color-bg-soft);border:1px solid var(--color-border)}.dieciocho-round-cell[data-outcome=won]{background:var(--color-game-correct);border-color:var(--color-game-correct)}.dieciocho-round-cell[data-outcome=lost]{background:var(--color-danger);border-color:var(--color-danger)}.dieciocho-round-cell[data-outcome=skipped]{background:var(--color-game-absent);border-color:var(--color-game-absent)}.dieciocho-round-cell[data-outcome=current]{border:2px solid var(--color-accent)}.dieciocho-timer{display:flex;align-items:center;gap:var(--space-sm);width:100%;max-width:20rem}.dieciocho-timer-seconds{min-width:2ch;font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-ink);text-align:right}.dieciocho-timer-bar{flex:1;height:.5rem;border-radius:999px;background:var(--color-bg-soft);overflow:hidden}.dieciocho-timer-fill{height:100%;background:var(--color-accent);transition:width .1s linear}.dieciocho-timer-bar[data-urgent=true] .dieciocho-timer-fill{background:var(--color-danger)}.dieciocho-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.dieciocho-slot{width:clamp(2rem,8vw,2.75rem);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:clamp(1rem,5vw,1.5rem);text-transform:uppercase;border:2px solid var(--color-border);border-radius:6px;color:var(--color-ink);background:var(--color-paper);user-select:none}.dieciocho-slot[data-status=correct]{background:var(--color-game-correct);border-color:var(--color-game-correct);color:#fff}.dieciocho-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.dieciocho-tile-btn{width:clamp(2rem,8vw,2.75rem);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:clamp(1rem,5vw,1.5rem);text-transform:uppercase;color:var(--color-ink);background:var(--color-bg-soft);border:2px solid var(--color-border);border-radius:6px;cursor:pointer}.dieciocho-tile-btn:hover{border-color:var(--color-accent)}.dieciocho-form{display:flex;gap:var(--space-sm);width:100%;max-width:24rem}.dieciocho-form[data-hidden=true]{display:none}.dieciocho-input{flex:1;min-width:0;padding:.6rem .9rem;font-family:var(--font-sans);font-size:var(--text-base);text-transform:lowercase;color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-border);border-radius:var(--radius)}.dieciocho-input:focus{border-color:var(--color-accent);outline:none}.dieciocho-input[data-invalid=true]{animation:dieciocho-shake .4s}.dieciocho-submit{padding:.6rem 1.1rem;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-paper);background:var(--color-accent);border:none;border-radius:var(--radius);cursor:pointer}.dieciocho-submit:disabled{opacity:.6;cursor:default}@keyframes dieciocho-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dieciocho-controls{display:flex;justify-content:center;gap:var(--space-sm)}.dieciocho-control-btn{padding:.5rem 1rem;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.dieciocho-control-btn:hover{border-color:var(--color-accent)}.dieciocho-control-btn:disabled{opacity:.6;cursor:default}.dieciocho-result[hidden]{display:none}.dieciocho-result{text-align:center;display:flex;flex-direction:column;gap:var(--space-xs);animation:dieciocho-fade .4s ease}.dieciocho-result-title{margin:0;font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-accent)}.dieciocho-result-strip{margin:0;font-size:var(--text-lg);letter-spacing:.15em}@keyframes dieciocho-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dieciocho-share{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);margin-top:var(--space-xs)}.dieciocho-share-btn{display:inline-flex;align-items:center;gap:.35em;padding:.5rem .9rem;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:999px;text-decoration:none;cursor:pointer}.dieciocho-share-btn:hover{border-color:var(--color-accent)}.dieciocho-share-btn--primary{color:var(--color-paper);background:var(--color-accent);border-color:var(--color-accent)}.dieciocho-share-feedback{min-height:1em;margin:0;font-size:var(--text-xs);color:var(--color-ink-muted)}.dieciocho-save-btn:disabled{cursor:default;opacity:.7}.dieciocho-solutions{display:flex;flex-direction:column;gap:4px;margin:var(--space-sm) 0 0;padding:0;list-style:decimal inside;font-family:var(--font-serif);font-size:var(--text-sm)}.dieciocho-solutions li a{color:var(--color-accent);text-decoration:none}.dieciocho-solutions li a:hover{text-decoration:underline}.dieciocho-solutions li[data-outcome=won]::marker{color:var(--color-game-correct)}.dieciocho-solutions li[data-outcome=lost]::marker{color:var(--color-danger)}.dieciocho-solutions li[data-outcome=skipped]::marker{color:var(--color-game-absent)}.dieciocho-message{min-height:1.25em;font-family:var(--font-serif);font-size:var(--text-base);text-align:center}.dieciocho-toast{position:fixed;top:18vh;left:50%;z-index:50;max-width:calc(100vw - 2 * var(--space-lg));padding:var(--space-md) var(--space-xl);font-family:var(--font-serif);font-size:var(--text-xl);text-align:center;color:var(--color-paper);background:var(--color-ink);border-radius:var(--radius);box-shadow:0 8px 32px #00000040;pointer-events:none;animation:dieciocho-toast 3s ease forwards}@keyframes dieciocho-toast{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}8%,85%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) scale(.98)}}.dieciocho-main:where(.astro-heo2x3zs){padding:var(--space-xl) 0 var(--space-3xl)}.dieciocho-page:where(.astro-heo2x3zs){max-width:var(--content-narrow);display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.dieciocho-page-header:where(.astro-heo2x3zs){text-align:center}.dieciocho-page-title:where(.astro-heo2x3zs){font-family:var(--font-serif);font-size:var(--text-3xl);margin:0 0 var(--space-sm)}.dieciocho-page-subtitle:where(.astro-heo2x3zs){color:var(--color-ink-muted);margin:0;font-size:var(--text-sm)}