:root{--color-bg:#f7f7f5;--color-surface:#fff;--color-surface-2:#ebebe8;--color-text:#1b1b1f;--color-muted:#55555c;--color-primary:#2b4acb;--color-on-primary:#fff;--color-accent:#9c2a6b;--color-success:#17663a;--color-danger:#b3261e;--color-focus:#1a5fd0;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:40px;--font-display:system-ui, sans-serif;--font-body:system-ui, sans-serif;--shadow-1:0 1px 2px #0000001f;--shadow-2:0 6px 20px #00000024;--duration-fast:.12s;--duration-slow:.32s}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-slow:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.5}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-3);line-height:1.15}h1{font-size:clamp(1.75rem,1.3rem + 2vw,3rem)}h2{font-size:clamp(1.25rem,1.1rem + .8vw,1.75rem)}h3{font-size:1.15em}p{margin:0 0 var(--space-3)}a{color:var(--color-primary)}img{max-width:100%}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--color-muted)}.lead{font-size:1.15em}.error{color:var(--color-danger);font-weight:700}.page{width:100%;max-width:80rem;padding:var(--space-4) clamp(var(--space-4), 4vw, var(--space-6)) var(--space-6);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.topbar a{align-items:center;min-height:44px;display:inline-flex}.logo{width:auto;height:2rem;display:block}.logo-xl{height:clamp(3rem,2rem + 4vw,5.5rem)}.code{font-family:var(--font-display);letter-spacing:.08em;margin:0;font-size:1.25rem}.banner{z-index:2;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font-weight:700;position:sticky;top:0}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:clamp(var(--space-4), 3vw, var(--space-5))}.stack{gap:var(--space-3);display:grid}fieldset{margin:0 0 var(--space-4);border:0;min-width:0;padding:0}fieldset.contents{display:contents}legend{margin-bottom:var(--space-2);padding:0;font-weight:700}label{gap:var(--space-1);display:grid}input{font:inherit;min-height:44px;padding:var(--space-2) var(--space-3);border:2px solid var(--color-surface-2);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}label.check{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;display:flex}label.check input{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--color-primary)}.checks{gap:var(--space-1);margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));display:grid}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-4);border:2px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;transition:transform var(--duration-fast), box-shadow var(--duration-fast);font-weight:700;text-decoration:none;display:inline-flex}.btn.primary,.btn[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.btn.big{width:100%;min-height:56px;padding-inline:var(--space-5);font-size:1.1em}.btn.small{padding:var(--space-1) var(--space-3);font-size:.9em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.tag{margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:.8em;font-weight:400;display:inline-block}.hero{gap:var(--space-4);margin-bottom:var(--space-5);display:grid}.facts{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.facts li{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3)}.home-actions{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.home-side h2:not(:first-child){margin-top:var(--space-5)}.join-code{gap:var(--space-2);display:flex}.join-code input{text-transform:uppercase;flex:1;min-width:0}.game-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));margin:0;padding:0;list-style:none;display:grid}.game-card a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.layout-split{gap:var(--space-4);display:grid}.layout-main,.layout-side{gap:var(--space-4);align-content:start;min-width:0;display:grid}.players{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.player{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);display:flex}.player .name{overflow-wrap:anywhere;flex:1;min-width:0}.player.absent{opacity:.6}.score{font-family:var(--font-display);font-variant-numeric:tabular-nums}.share-body{gap:var(--space-4);align-items:center;display:grid}.share .link{overflow-wrap:anywhere;font-weight:700}.qr{justify-self:center;width:min(100%,12.5rem);height:auto}.segmented{gap:var(--space-2);flex-wrap:wrap;display:flex}.segmented label{min-width:44px;min-height:44px;padding:0 var(--space-3);border:2px solid var(--color-surface-2);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.segmented label.on{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented label:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.round-head{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.round-head h1{margin:0}.timer{align-items:center;gap:var(--space-3);display:flex}.timer-track{background:var(--color-surface-2);border-radius:999px;flex:1;height:.75rem;overflow:hidden}.timer-bar{background:var(--color-primary);transform-origin:0;height:100%}.timer-bar[data-low=true]{background:var(--color-danger)}.timer-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;min-width:2ch}.grid-view,.board{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:clamp(4px, 1vw, var(--space-2));width:min(100%, calc(62vh * var(--cols) / var(--rows)));margin:0 auto var(--space-4);padding:0;list-style:none;display:grid}.cell-static,.cell,.card-tile{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-2);min-width:0;color:inherit;font:inherit;border:3px solid #0000;place-items:center;padding:12%;display:grid;position:relative}.cell,.card-tile,.option,.pad-key{cursor:pointer;transition:transform var(--duration-fast), box-shadow var(--duration-fast)}.icon{object-fit:contain;width:100%;height:100%;display:block}.icon-text{text-align:center;overflow-wrap:anywhere;place-items:center;font-size:.8em;display:grid}.mark-badge{font-weight:700;line-height:1;position:absolute;top:2px;right:6px}[data-mark=selected]{border:3px solid var(--color-primary);background:var(--color-surface)}[data-mark=hit]{border:3px solid var(--color-success)}[data-mark=miss]{border:3px dashed var(--color-danger)}[data-mark=added]{border:3px solid var(--color-accent)}[data-mark=removed]{border:3px dashed var(--color-accent)}[data-mark=replaced]{border:4px double var(--color-accent)}.card-tile{background:var(--color-primary)}.card-tile.up{background:var(--color-surface);box-shadow:var(--shadow-1)}.card-tile.matched{background:var(--color-surface-2);border:3px solid var(--color-success)}.card-back{aspect-ratio:1;border:3px solid var(--color-on-primary);border-radius:50%;width:40%}.blank{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-surface-2);width:min(100%,62vh);margin:0 auto}.question{margin-bottom:var(--space-5)}.options{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.option{justify-content:center;align-items:center;gap:var(--space-1);min-height:64px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-2);color:inherit;font:inherit;border:3px solid #0000;flex-direction:column;display:flex}.option[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-surface)}.option .icon{width:3rem;height:3rem}.option-number{font-family:var(--font-display);font-size:1.5em}.sequence-item{aspect-ratio:1;width:min(60vw,14rem);margin:0 auto var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-2);animation:pop var(--duration-slow) both;place-items:center;padding:12%;display:grid}.sequence-row{gap:var(--space-1);margin:0 0 var(--space-3);flex-wrap:wrap;min-height:2.5rem;padding:0;list-style:none;display:flex}.sequence-row li{width:2.5rem;height:2.5rem}.pad{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));max-width:32rem;display:grid}.pad-key{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-2);border:3px solid #0000;padding:14%}.pad-key:disabled{opacity:.5;cursor:not-allowed}.round-points{border-collapse:collapse;width:100%}.round-points th,.round-points td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-surface-2)}.round-points td{font-variant-numeric:tabular-nums}.two-grids{gap:var(--space-4);display:grid}figure{margin:0}figcaption{margin-bottom:var(--space-2);font-weight:700}.reveal-answers{padding-left:var(--space-5)}.reveal-answers .answer{align-items:center;gap:var(--space-2);font-weight:700;display:flex}.reveal-answers .icon{width:2.5rem;height:2.5rem}.score-big{font-family:var(--font-display);animation:pop var(--duration-slow) both;font-size:clamp(2rem,1.5rem + 2vw,3rem)}.podium{align-items:end;gap:var(--space-2);margin:0 0 var(--space-4);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.step{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface-2);overflow-wrap:anywhere;align-content:end;display:grid}.step.p1{min-height:9rem}.step.p2{min-height:7rem}.step.p3{min-height:5rem}.step .place{font-family:var(--font-display);font-size:1.5em}footer{justify-content:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}footer a{align-items:center;min-height:44px;display:inline-flex}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.legal-list,.info-page ol{padding-left:var(--space-5)}.facts-list div{gap:var(--space-1);margin-bottom:var(--space-3);display:grid}.facts-list dt{font-weight:700}.facts-list dd{margin:0}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;padding:var(--space-2);border-bottom:1px solid var(--color-surface-2)}.info-page section{margin-top:var(--space-5)}.info-page nav li a,.game-page~nav li a{align-items:center;min-height:44px;display:inline-flex}@media (hover:hover){.btn:not(:disabled):hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.cell:hover,.card-tile:hover,.option:hover,.pad-key:not(:disabled):hover,.segmented label:hover{box-shadow:var(--shadow-2)}}@media (width>=48rem){.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.options{grid-template-columns:repeat(4,minmax(0,1fr))}.share-body{grid-template-columns:minmax(0,1fr) auto}.two-grids{grid-template-columns:repeat(2,minmax(0,1fr))}.btn.big{width:auto}}@media (width>=72rem){.hero{align-items:center;column-gap:var(--space-6);grid-template-columns:auto minmax(0,1fr)}.layout-split{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start}.layout-side{top:var(--space-4);position:sticky}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.lang-switch{align-items:center;gap:var(--space-1);display:inline-flex}.lang-switch a{justify-content:center;align-items:center;min-width:44px;min-height:44px;font-weight:700;display:inline-flex}.lang-switch a[aria-current=true]{text-decoration:none}.hero>.lang-switch{justify-self:end}