.hud{grid-template-columns:auto 1fr auto;grid-template-areas:"title number actions""sub sub sub";align-items:center;gap:6px 12px;margin-bottom:20px;display:grid}.hud-title{white-space:nowrap;grid-area:title;font-size:clamp(24px,6.6vw,44px)}.hud-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:number;font-size:clamp(14px,3.8vw,20px);font-weight:800;font-stretch:112%}.hud-actions{grid-area:actions;gap:8px;display:flex}.hud-sub{color:var(--color-gris);grid-area:sub;max-width:60ch;font-size:14px;line-height:1.45}.notice{border:1px dashed var(--color-linea);color:var(--color-gris);padding:14px 16px}.press{transition:transform 80ms,background-color .15s,border-color .15s}.press:active{transform:translateY(2px)}.icon-button{background:var(--color-tinta);border:1px solid var(--color-linea);width:44px;height:44px;color:var(--color-texto);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--color-realzada);border-color:#edefe940}.cta-big{cursor:pointer;min-height:48px;padding:12px 20px;font-size:15px}.cta-lima{cursor:pointer}.ghost-button,.text-button{min-height:44px;color:var(--color-texto);border:1px solid var(--color-linea);cursor:pointer;background:0 0;padding:0 16px;font-size:14px;font-weight:600}.ghost-button:hover,.text-button:hover{background:var(--color-realzada)}.text-button.is-confirming{color:var(--color-lima);border-color:var(--color-lima)}.play-area{max-width:640px}.combobox{position:relative}.slot{background:var(--color-tinta);border:2px solid var(--color-linea);align-items:center;gap:10px;height:58px;padding:0 16px;transition:border-color .15s;display:flex}.slot:focus-within{border-color:var(--color-lima)}.slot-icon{color:var(--color-gris);display:flex}.slot-field{min-width:0;height:100%;font-family:var(--font-body);color:var(--color-texto);caret-color:var(--color-lima);background:0 0;border:0;outline:none;flex:1;font-size:17px;font-weight:500}.slot-field:focus-visible{outline:none}.slot-field::placeholder{color:var(--color-gris)}.slot-field:disabled{opacity:.6}.options{z-index:30;overscroll-behavior:contain;background:var(--color-realzada);border:1px solid #edefe92e;max-height:min(312px,50dvh);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.option{min-height:48px;color:var(--color-texto);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:15px;display:flex}.option-title{font-weight:600}.option-title mark{color:inherit;text-decoration:underline;text-decoration-color:var(--color-lima);text-underline-offset:3px;background:0 0;text-decoration-thickness:2px}.option-year{color:var(--color-gris);font-variant-numeric:tabular-nums;font-size:13px}.option.active,.option:hover{background:#edefe914}.option.active{box-shadow:inset 3px 0 0 var(--color-lima)}.options-empty{color:var(--color-gris);padding:14px 12px;font-size:14px}.play-meta{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:6px;display:flex}.board{margin-top:28px}.board-rows{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.row,.board-head{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"title title title title title title""year year country country series series""genres genres genres platforms platforms platforms""developer developer developer modes modes modes";gap:4px;display:grid}.board-head{display:none}[data-key=year]{grid-area:year}[data-key=genres]{grid-area:genres}[data-key=platforms]{grid-area:platforms}[data-key=developer]{grid-area:developer}[data-key=country]{grid-area:country}[data-key=series]{grid-area:series}[data-key=modes]{grid-area:modes}.row-title{font-family:var(--font-display);grid-area:title;align-items:baseline;gap:10px;padding:0 2px 4px;font-size:16px;font-weight:700;line-height:1.2;display:flex}.row-number{font-variant-numeric:tabular-nums;color:var(--color-texto);min-width:1.5em;font-size:14px;font-weight:800}.tile{background:var(--color-tinta);overflow-wrap:break-word;border:2px solid #0000;flex-direction:column;justify-content:space-between;gap:4px;min-height:58px;padding:7px 8px 8px;font-size:13px;line-height:1.2;display:flex;position:relative}.tile-label{color:var(--color-gris);padding-right:18px;font-size:11px;font-weight:500}.tile-value{font-weight:650}.tile-icon{display:flex;position:absolute;top:6px;right:6px}.tile-exact{background:var(--color-lima);color:var(--color-base)}.tile-exact .tile-label{color:#0b0d0ab8}.tile-partial{background:repeating-linear-gradient(135deg, var(--color-realzada) 0 6px, #cbff331f 6px 8px);border-color:var(--color-lima)}.tile-partial .tile-icon{color:var(--color-lima)}.tile-no,.tile-newer,.tile-older{color:#edefe99e;border-color:var(--color-linea)}.tile-no .tile-icon{color:var(--color-gris)}.tile-newer .tile-icon,.tile-older .tile-icon{color:var(--color-texto)}.tile-newer .tile-icon svg,.tile-older .tile-icon svg{width:18px;height:18px}.tile-ghost{color:var(--color-gris);background:0 0;border:1px dashed #edefe929}.ghost .row-title{color:var(--color-gris)}.row.is-new .row-title{animation:.35s cubic-bezier(.2,.7,.2,1) both entra}.row.is-new .tile{animation:.5s cubic-bezier(.25,.8,.3,1) both tile-flip;animation-delay:calc(var(--i,0) * .11s + .12s);backface-visibility:hidden}@keyframes tile-flip{0%{transform:perspective(500px)rotateX(-92deg)}65%{transform:perspective(500px)rotateX(10deg)}to{transform:none}}.row.is-win .tile{animation:.45s cubic-bezier(.3,1.4,.5,1) both tile-stamp;animation-delay:calc(var(--i,0) * 50ms)}@keyframes tile-stamp{0%{transform:scale(.88)}to{transform:none}}.legend{color:var(--color-gris);flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0;font-size:13px;list-style:none;display:none}.has-guesses .legend{display:flex}.has-guesses .board-empty{display:none}.legend li{align-items:center;gap:6px;display:flex}.legend-chip{border:2px solid #0000;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.legend-chip svg{width:13px;height:13px}.legend-chip.tile-no{background:var(--color-tinta)}.legend-chip.tile-newer,.legend-chip.tile-older{background:var(--color-tinta);color:var(--color-texto)}.result{background:var(--color-tinta);border:1px solid var(--color-linea);outline:none;padding:20px}.result-title{font-size:clamp(24px,6.5vw,36px)}.result-lead{color:var(--color-gris);margin-top:18px;margin-bottom:8px;font-size:13px}.result-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.result-actions>*{flex:auto}@media (width>=640px){.result-actions>*{flex:none}}.result-game{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2}.result-facts{color:var(--color-gris);margin-top:4px;font-size:14px}.share-message{white-space:pre-line;min-height:1.4em;margin:10px 0 2px}.sheet{width:100%;max-width:480px;max-height:92dvh;padding:20px 20px calc(24px + env(safe-area-inset-bottom));background:var(--color-realzada);color:var(--color-texto);border:1px solid #edefe924;margin:auto auto 0;overflow-y:auto}.sheet[open]{animation:.22s cubic-bezier(.2,.7,.2,1) sheet-in}.sheet::backdrop{background:#0b0d0ad1}@media (width>=640px){.sheet{margin:auto;padding:28px}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sheet-title{font-size:24px}.sheet .icon-button{background:0 0;margin-right:-8px}.steps{counter-reset:step;flex-direction:column;gap:18px;margin:0;padding:0;font-size:15px;line-height:1.5;list-style:none;display:flex}.steps>li{counter-increment:step;grid-template-columns:28px 1fr;column-gap:8px;display:grid}.steps>li:before{content:counter(step);font-family:var(--font-display);color:var(--color-lima);font-size:15px;font-weight:800;line-height:1.5}.steps>li>*{grid-column:2}.examples{color:#edefe9d1;grid-template-columns:112px 1fr;align-items:center;gap:8px 12px;margin-top:12px;font-size:14px;display:grid}.examples .tile{min-height:58px}.examples b{color:var(--color-texto)}.stats{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:12px;margin:0;display:grid}.stats>div{flex-direction:column-reverse;gap:4px;display:flex}.stats dt{color:var(--color-gris);font-size:12px;line-height:1.25}.stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(22px,6.4vw,32px);font-weight:800;font-stretch:112%;line-height:1}.stats dd small{margin-left:1px;font-size:18px}.stats-subtitle{margin:24px 0 10px;font-size:14px;font-weight:600}.distribution{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.distribution li{font-variant-numeric:tabular-nums;color:var(--color-gris);grid-template-columns:2.4em 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.distribution .bar{min-width:26px;height:22px;color:var(--color-texto);background:#edefe91f;justify-content:flex-end;align-items:center;padding:0 7px;font-weight:650;display:flex}.distribution .is-current .bar{background:var(--color-lima);color:var(--color-base)}.stats-foot{border-top:1px solid var(--color-linea);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;display:flex}@media (width>=900px){.row,.board-head{grid-template-columns:10.5rem 5rem repeat(6,minmax(0,1fr));grid-template-areas:"title year genres platforms developer country series modes"}.board-head{border-bottom:1px solid var(--color-linea);color:var(--color-gris);margin-bottom:10px;padding-bottom:8px;font-size:12px;font-weight:600;display:grid}.board-head-title{grid-area:title}.board-head>span{padding:0 8px}.board-rows{gap:6px}.row-title{align-items:center;padding:0 12px 0 0}.tile{min-height:68px}.board .tile-label,.result .tile-label{visibility:hidden}.board-empty .tile-label{visibility:visible}.hud-sub{font-size:15px}}