/* © 2026 Yuri Zivago Yung Grillo (尤立) · Jornada Chinesa (jornadachinesa.com.br). Todos os direitos reservados. Proibida a cópia ou republicação sem autorização. */
.games-area {min-width:0;}
.game-selector {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0;}
.game-choice {padding:20px;text-align:left;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;}
.game-choice strong,.game-choice span {display:block;}.game-choice span {margin-top:8px;font-size:.9rem;}
.game-choice[aria-pressed="true"] {border:2px solid var(--accent);background:var(--surface-alt);}
.game-audio {display:flex;flex-wrap:wrap;gap:8px;}.game-audio button {font-size:.8rem;}
.game-ranking {margin:28px 0;max-width:820px;}.game-ranking ol {list-style:none;padding:0;}
.game-ranking li {display:grid;grid-template-columns:40px 1fr auto;gap:6px 12px;align-items:center;border-bottom:1px solid var(--border);padding:14px;}
.game-ranking li>span {grid-row:span 2;font-size:1.25rem;}.game-ranking li small {grid-column:2/-1;color:var(--text-muted);}.game-ranking li strong {overflow-wrap:anywhere;min-width:0;}
.hangman-stage {max-width:820px;padding:24px;border-radius:20px;background:#122b35;color:#eff7ed;box-shadow:0 16px 40px #162d3630;}
.hangman-body {display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:24px;align-items:start;margin-top:20px;}
.hangman-body canvas {max-width:100%;height:auto;}.hangman-content h3 {font-size:1.6rem;color:#ffe6ae;line-height:1.4;}.hangman-content p {margin:12px 0;}
.hangman-slots {display:flex;flex-wrap:wrap;gap:6px;margin:20px 0;max-width:100%;}.hangman-slots span {min-width:30px;padding:6px;text-align:center;border:1px solid #718f8b;border-radius:6px;font-size:1.2rem;background:#264650;color:#b9cbc5;}.hangman-slots span.is-filled {background:#ffe6ae;color:#20362f;border-color:#ffe6ae;font-weight:700;}
.hangman-content form input {background:#f9fbf3;color:#20362f;}.hangman-content button {margin:8px 8px 8px 0;}.tone-keys {display:flex;flex-wrap:wrap;gap:4px;margin-top:14px;}.tone-keys .database-button {margin:0;padding:5px 8px;min-height:32px;}
.hangman-content [hidden] {display:none!important;}
@media(max-width:650px){.hangman-stage {padding:16px;}.hangman-body {grid-template-columns:1fr;gap:8px;}.hangman-body canvas {width:150px;margin:auto;}.game-ranking li {grid-template-columns:28px 1fr;}.game-ranking li b {grid-column:2;}.game-ranking li small {grid-column:2;}}
.maze-intro {padding:24px 28px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(120deg,var(--surface),var(--surface-alt));margin:18px 0;}
.maze-eyebrow {font-size:.75rem;letter-spacing:.15em;color:var(--accent);font-weight:700;}
.maze-intro h3 {font-size:2rem;margin:10px 0;}
.maze-intro p {color:var(--text-muted);}
.maze-stage {max-width:820px;border-radius:22px;background:#101f2b;color:#f1f7eb;padding:20px;box-shadow:0 18px 48px #15232c33;border:1px solid #4d7882;}
.maze-hud {display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font:700 .85rem system-ui;color:#c2e9dd;letter-spacing:.04em;padding:2px 6px 15px;border-bottom:1px solid #42606a;}
.maze-hud span:nth-child(3) {color:#ff91a6;letter-spacing:.15em;}
.maze-mission {text-align:center;padding:16px 8px 12px;display:flex;align-items:center;flex-direction:column;gap:6px;}
.maze-mission small {font-size:.65rem;letter-spacing:.2em;color:#a1c4c7;}
.maze-mission strong {font-size:clamp(1.3rem,3vw,2rem);line-height:1.3;color:#ffe6ae;}
.maze-mission>span {font-size:.84rem;color:#b3c9ce;}
.maze-progress {display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:26px;}
.maze-progress span {background:#31575c;border-radius:5px;padding:3px 8px;}
.maze-board {position:relative;overflow:hidden;border-radius:14px;border:1px solid #37616e;}
.maze-board canvas {display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;}
.maze-overlay {position:absolute;inset:0;background:#0b192bdc;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:24px;color:#eef7ef;}
.maze-overlay[hidden] {display:none;}
.maze-overlay h3 {color:#ffe6ae;font-size:clamp(1.3rem,3vw,2rem);}
.maze-overlay p {max-width:340px;font-size:1rem;}
.maze-overlay .database-button {background:#ffe6ae;color:#16333c;border:0;font-weight:700;padding:12px 24px;}
.maze-feedback {min-height:1.6em;text-align:center;font-size:.88rem;margin-top:12px;color:#ffe6ae;}
.maze-controls {display:grid;grid-template-columns:repeat(3,56px);gap:8px;justify-content:center;margin-top:12px;}
.maze-controls button {border:1px solid #70a5a8;border-radius:12px;background:#244a57;color:#e5f5eb;height:46px;touch-action:none;font-size:1.5rem;cursor:pointer;}
.maze-controls button:active {background:#598e8c;transform:translateY(1px);}
.maze-controls button:first-child {grid-column:2;}
.maze-controls button:nth-child(2) {grid-column:1;}
.games-area>details {max-width:820px;margin:20px 0;padding:16px;border:1px solid var(--border);border-radius:10px;}
.games-area>details p {margin-top:12px;font-size:.92rem;}
.games-area fieldset {min-width:0;padding:16px;margin:16px 0;border:1px solid var(--border);border-radius:10px;}
.games-area label {display:flex;flex-direction:column;margin:12px 0;gap:6px;}
.games-area label :is(input,textarea,select) {width:100%;box-sizing:border-box;padding:10px;font:inherit;}
.games-area>section>button,.games-area fieldset button {margin:6px;}
.maze-history {max-width:820px;margin:28px 0;}
.maze-history ol {list-style:none;padding:0;counter-reset:scores;}
.maze-history li {counter-increment:scores;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:16px;border-bottom:1px solid var(--border);}
.maze-history li:before {content:counter(scores,decimal-leading-zero);grid-row:span 3;color:var(--accent);font-weight:700;}
.maze-history li span,.maze-history li small {grid-column:2;color:var(--text-muted);font-size:.85rem;}
@media(max-width:650px){.maze-stage {padding:8px;border-radius:14px;}.maze-intro {padding:18px;}.maze-hud {gap:8px;font-size:.7rem;}.maze-overlay {padding:16px;gap:12px;}.maze-overlay p {font-size:.8rem;}}