/* Games share the existing quiet beginner interface. */
.beginner-start{margin:0 0 24px}.beginner-start summary{cursor:pointer;font-weight:600}.beginner-start p{max-width:65ch}.learning-path{background:#f4f1eb;border-left:3px solid #c53c36;padding:24px;border-radius:8px;margin:24px 0}.learning-path p{margin:8px 0 0}.game-progress{color:#666}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;border:1px solid var(--line,#ddd);border-radius:12px;padding:24px;color:inherit;min-width:0;transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000b}.game-card:focus-visible{outline:3px solid #c53c36;outline-offset:3px}.game-number{font-family:'DM Mono',monospace;font-size:1.8rem;color:#c53c36}.game-card h2{font-size:1.35rem;margin:0}.game-card p{margin:0;font-size:1rem;line-height:1.6}.game-start{margin-top:auto;padding-top:12px;font-weight:600}.game-back{display:inline-block;padding:12px 0;margin-bottom:20px}.game-why{max-width:60ch;color:#666}.game-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #ddd;padding:24px 0;margin-top:32px}.game-feedback:not(:empty){padding:24px;background:#f5f1e9;border-radius:12px;margin-top:24px}.game-feedback h3{margin-top:0}.game-photo{margin:0;min-width:0}.game-photo canvas{display:block;width:100%;height:auto;background:#ddd;border-radius:10px;aspect-ratio:3/2}.game-photo figcaption{font-size:.9rem;padding:10px 0;color:#555}.look-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.look-grid h2{font-size:1.35rem}.game-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.game-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.game-controls label,.task-card label{display:block;font-weight:500;min-width:0}.game-controls output{display:block;font-family:'DM Mono',monospace;font-size:1rem;margin:8px 0}.game-controls input{display:block;width:100%;min-width:0;height:44px;accent-color:#c53c36;touch-action:pan-y}.game-controls small{display:block;font-size:.85rem;line-height:1.5;color:#666}.game-hint{padding:16px 0}.game-hint summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}.game-workbench{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.game-workbench .game-controls{grid-template-columns:1fr}.game-note{font-size:.92rem;line-height:1.6;color:#666}.game-settings{font-family:'DM Mono',monospace;font-size:.8rem}.game-filter{display:flex;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.game-filter select{min-height:44px;margin-left:8px;border:1px solid #ccc;padding:8px;border-radius:6px;background:white;font:inherit}.pose-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;border:1px solid #ddd;padding:20px;border-radius:12px;margin-bottom:20px;touch-action:pan-y}.pose-card img{width:100%;max-height:450px;object-fit:contain;border-radius:8px;background:#eee}.pose-card .btn{margin-bottom:10px}.task-card textarea{display:block;width:100%;box-sizing:border-box;font:inherit;font-weight:400;line-height:1.5;padding:12px;border:1px solid #bbb;border-radius:8px;margin:10px 0 16px;background:white;color:#222}.task-card input[type=file]{display:block;max-width:100%;width:100%;font:inherit;padding:10px 0;min-height:44px}.file-label{margin:16px 0}.evidence img{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:8px}.bingo-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:650px;margin:20px 0}.bingo-tile{min-height:120px;border:1px solid #ccc;padding:16px;border-radius:10px;background:#faf8f4;color:#222;font:inherit;line-height:1.4;cursor:pointer}.bingo-tile span{display:block;font-size:1.4rem;margin-bottom:6px}.bingo-tile.complete{background:#ecf4e9;border-color:#66855b}.contact-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.contact-select{padding:0;background:white;border:2px solid #ddd;border-radius:10px;overflow:hidden;width:100%;cursor:pointer;font:inherit;color:#222}.contact-select[aria-pressed=true]{border-color:#c53c36}.contact-select img{display:block;width:100%;height:180px;object-fit:contain;background:#111}.contact-select span{display:block;padding:14px}.contact-details{font-family:'DM Mono',monospace;font-size:.9rem}.contact-download{display:block;padding:12px 0}.contact-download[hidden]{display:none}.sunset-clock{font-family:'DM Mono',monospace;background:#f4eee3;display:inline-block;border-radius:8px;padding:12px 18px}#sim-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:fill}.canvas-enabled>#L-world,.canvas-enabled>.vign,.canvas-enabled>#L-noise,.canvas-enabled>#L-clip{visibility:hidden}.reference-frame canvas{position:absolute;width:100%;height:100%;inset:0}.preview-actions{flex-wrap:wrap}.game-grid+.panel{margin-top:28px}#view-games p{line-height:1.7}#view-games button{white-space:normal}#view-games .btn{min-height:44px}#view-games [hidden]{display:none!important}
@media(min-width:1100px){.nav-in{gap:14px}.nav a{font-size:.8rem}.nav-links{gap:14px}.more-menu{gap:12px}}
@media(max-width:950px){.game-grid,.look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-workbench{grid-template-columns:1fr}.game-workbench>.game-photo{position:sticky;top:74px;z-index:2;background:white}.game-workbench>.game-photo canvas{max-height:34vh;object-fit:contain;background:#111}.contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.game-grid,.look-grid,.game-controls,.pose-card{grid-template-columns:1fr}.game-card{padding:20px}.game-pair{gap:10px}.game-pair figcaption{font-size:.8rem}.game-photo canvas{border-radius:6px}.pose-card{padding:14px}.pose-card img{max-height:330px}.bingo-board{gap:8px}.bingo-tile{padding:10px;font-size:.85rem;min-height:115px}.contact-select img{height:125px}.contact-select span{font-size:.85rem;padding:10px}.game-footer{gap:14px}.game-workbench>.game-photo{top:65px}.learning-path{padding:18px}}
@media(prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover{transform:none}}

.contact-reflection{display:block;margin:18px 0;font-weight:500}.contact-reflection textarea{display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:10px;font:inherit;line-height:1.5;border:1px solid #bbb;border-radius:8px;background:white;color:#222}