.extra-game{max-width:1040px;margin:0 auto}.extra-game .game-intro{max-width:75ch;margin:0 auto 1.5rem;line-height:1.7}.extra-game-board{background:#fff;border-radius:22px;border:1px solid #d6dfdb;padding:clamp(1.2rem,3vw,2.25rem);box-shadow:0 14px 35px rgba(10,40,41,.10);max-width:840px;margin:0 auto}
.extra-game .game-instructions{background:#edf5f1;border:1px solid #b8d2c8;padding:1.4rem 1.8rem;border-radius:18px;max-width:840px;margin:1.4rem auto 0}
.extra-game h2,.extra-game h3{color:#173c40}.game-entry{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.game-entry label{font-weight:700}.game-entry input{font:inherit;font-size:1.2rem;letter-spacing:.18em;font-weight:700;border:1px solid #9baeb2;border-radius:9px;padding:.6rem;max-width:145px;background:#fff;color:#143841}
.game-message{font-weight:750;font-size:1.05rem;min-height:2rem;line-height:1.5;margin:1.1rem 0}.game-entry .button{cursor:pointer}.game-attempts{padding-left:1.5rem;line-height:2;border-top:1px solid #dbe2df;margin-top:1.2rem}.game-attempts li{font-variant-numeric:tabular-nums}
.lights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:440px;margin:1.1rem auto}
.light-tile{border:2px solid #b4c5c2;background:#e5eeec;color:#6b9694;border-radius:14px;aspect-ratio:1;min-height:54px;font-size:2rem;cursor:pointer;transition:background .18s, transform .18s}
.light-tile:hover{transform:scale(1.035)}.light-tile.on{background:radial-gradient(circle at 35% 25%,#fff6be,#e8b861);border-color:#bd8a42;color:#866029;box-shadow:inset 0 3px 8px #fff9,0 6px 10px #d1a1495c}.light-tile.suggested{outline:4px solid #1c665d;outline-offset:3px}
.game-center{text-align:center}.game-center .button-row{justify-content:center}.pattern-sequence{font-size:clamp(1.6rem,5vw,2.7rem);letter-spacing:.065em;font-weight:850;padding:1.6rem;background:linear-gradient(120deg,#194955,#11343e);color:#ffdfab;border-radius:18px;margin:1rem 0 1.5rem}
.maze-grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));max-width:520px;aspect-ratio:1;margin:1rem auto;border:6px solid #183f47;border-radius:12px;overflow:hidden;background:#f6f0e4}
.maze-cell{min-width:0;display:grid;place-items:center;aspect-ratio:1;font-size:clamp(.6rem,2vw,1.5rem)}.maze-cell.wall{background:#174a56}.maze-cell.path{background:#f3ecd9}.maze-cell.goal{color:#5e8028;background:#c5dfba;font-size:1.5rem}.maze-cell.player{background:#f2c879;color:#183840;font-size:1.5rem}.maze-cell.tip{background:#eed491;box-shadow:inset 0 0 0 3px #a77b2e}
.maze-grid:focus-visible{outline:4px solid #a37638;outline-offset:4px}.maze-controls{display:grid;grid-template-areas:'. up .' 'left down right';grid-template-columns:repeat(3,64px);gap:8px;justify-content:center;margin:1rem auto}.maze-controls button{width:64px;height:52px;border:1px solid #bbc7c4;border-radius:12px;background:#e9f3ee;color:#13434c;cursor:pointer;font-size:1.3rem}.maze-controls button:hover{background:#d5e9df}.maze-controls button:nth-child(1){grid-area:up}.maze-controls button:nth-child(2){grid-area:left}.maze-controls button:nth-child(3){grid-area:down}.maze-controls button:nth-child(4){grid-area:right}
@media(max-width:620px){.lights-grid{gap:7px}.light-tile{min-height:35px}.game-entry{justify-content:center}.extra-game-board{padding:1rem}}
@media(prefers-reduced-motion:reduce){.light-tile{transition:none}}