:root{--bg:#f7f5f0;--ink:#2a2a28;--muted:#787c7e;--line:#d6d3cc;--tile-border:#c9c6bf;--green:#6aaa64;--amber:#c9b458;--grey:#787c7e}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:manipulation;justify-content:center;min-height:100vh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;display:flex}.app{flex-direction:column;gap:1.25rem;width:100%;max-width:30rem;padding:1rem 1rem 3rem;display:flex}.title{letter-spacing:.1em;text-align:center;margin:0;font-size:1.375rem;font-weight:700}.subheading{text-align:center;color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.app-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.heading-block{flex:1}.link-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.35rem 0;font-size:.85rem;text-decoration:underline}.restart-confirm{border:1px solid var(--line);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.9rem;display:flex}.restart-confirm p{margin:0}.restart-buttons{gap:.5rem;display:flex}.restart-buttons .button{flex:1}.button{font:inherit;background:var(--ink);color:var(--bg);cursor:pointer;border:none;border-radius:.5rem;padding:.7rem 1.1rem;font-weight:600}.button:disabled{opacity:.35;cursor:default}.button-secondary{color:var(--ink);border:1px solid var(--ink);background:0 0}.choice-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.8rem;font-weight:600}.round-complete{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:.6rem;padding:.6rem 0;display:flex}.round-complete .button{align-self:center}.button.quiet{color:var(--ink);border:1px solid var(--line);background:0 0}.gate{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.gate input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.5rem;padding:.7rem .9rem}.reveal-board{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.6rem 0}.reveal-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.reveal-list li{letter-spacing:.02em;font-weight:600}.reveal-banner{border:1px solid var(--line);background:#fff;border-radius:.5rem;padding:.75rem 1rem}.reveal-banner p{margin:.15rem 0;font-weight:600}.round{flex-direction:column;align-items:center;gap:.9rem;display:flex}.instruction{letter-spacing:.02em;text-align:center;margin:0;font-size:1rem;font-weight:600}.message{color:var(--ink);text-align:center;margin:0;font-size:.95rem}.message.hint{color:var(--muted);font-style:italic}.message.rejection{color:#b0493c;font-weight:600}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.word-row.shake{animation:.45s ease-in-out shake}.word-grid{flex-direction:column;gap:6px;width:100%;max-width:21rem;display:flex}.word-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.tile{aspect-ratio:1;text-transform:uppercase;border:2px solid var(--tile-border);color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.tile.correct{background:var(--green);border-color:var(--green);color:#fff}.tile.present{background:var(--amber);border-color:var(--amber);color:#fff}.tile.absent{background:var(--grey);border-color:var(--grey);color:#fff}@keyframes tile-flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.tile.flip{animation:.3s both tile-flip}.keyboard{flex-direction:column;gap:6px;width:100%;margin-top:.25rem;display:flex}.key-row{justify-content:center;gap:5px;display:flex}.key{font:inherit;min-width:0;height:3.2rem;color:var(--ink);cursor:pointer;text-transform:uppercase;background:#d3d0c9;border:none;border-radius:.35rem;flex:1;font-size:.95rem;font-weight:600}.key.wide{flex:1.6;font-size:.8rem}.key.correct{background:var(--green);color:#fff}.key.present{background:var(--amber);color:#fff}.key.absent{color:#f2f1ec;background:#b0b3ab}.connections-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.connection-tile{font:inherit;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink);cursor:pointer;word-break:break-word;background:#fff;border-radius:.5rem;padding:1rem .25rem;font-size:.85rem;font-weight:700}.connection-tile.selected{background:var(--ink);border-color:var(--ink);color:var(--bg)}.solved-group{border:1px solid var(--line);letter-spacing:.03em;width:100%;color:var(--muted);background:#fff;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.6rem .8rem;font-size:.9rem;display:flex}.solved-label{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.finale{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.finale-heading{letter-spacing:.12em;text-align:center;margin:0;font-size:1.75rem;font-weight:700}.completion-list{text-align:center;flex-direction:column;gap:.75rem;margin:0;padding:0;font-size:1.1rem;font-weight:600;list-style:none;display:flex}