.game-intro{padding-bottom:40px}.game-intro>p{max-width:600px;color:var(--muted);line-height:1.8;font-size:17px}.game-intro h1{margin-top:40px}.game-select{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px}.game-select button{text-align:left;border:1px solid var(--line);border-radius:14px;padding:24px;background:rgba(255,255,255,.025);color:var(--text);min-height:170px;transition:background .2s,transform .2s}.game-select button:hover{transform:translateY(-4px)}.game-select button[aria-pressed=true]{border-color:var(--accent);background:rgba(90,148,255,.13)}.game-select span{font-size:10px;letter-spacing:.15em;color:var(--accent)}.game-select strong{display:block;margin:28px 0 10px;font-size:19px}.game-select small{font-size:12px;color:var(--muted);line-height:1.6}.activity{padding:36px;border-radius:18px;margin-bottom:30px;scroll-margin-top:115px}.activity[hidden]{display:none}.activity-head{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-bottom:28px}.activity-head h2{font-size:clamp(30px,4vw,48px);margin-top:12px;letter-spacing:-.055em}.activity-head p{max-width:330px;line-height:1.7;color:var(--muted);font-size:14px}.tool-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.tool-bar label{display:flex;align-items:center;gap:8px;font-size:12px}.tool-bar button,.upload-label,.score-row button{border:1px solid var(--line);border-radius:8px;padding:11px 15px;background:#16263b;color:var(--text);font-size:12px}.tool-bar .tool-primary{background:var(--accent);color:#0d2341}.tool-bar button[aria-pressed=true]{border-color:var(--accent);background:#274768}.tool-bar button:disabled,.color-options button:disabled{cursor:default;opacity:.55}.tool-bar input[type=color]{width:36px;height:36px;border:0;background:transparent;padding:0}.tool-bar input[type=range]{width:110px;accent-color:var(--accent)}.canvas-wrap{border-radius:10px;overflow:hidden;background:#fff;line-height:0}.canvas-wrap canvas{display:block;width:100%;height:auto}.canvas-wrap #drawing{touch-action:none;cursor:crosshair}.activity-note{font-size:12px;color:var(--muted);line-height:1.8;min-height:22px}.editor-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}.upload-label{flex-direction:column;align-items:start!important}.upload-label input{max-width:245px;font-size:11px}.edit-slider{display:block;margin:20px 0;font-size:12px}.edit-slider output{float:right;color:var(--accent)}.edit-slider input{display:block;width:100%;margin-top:12px;accent-color:var(--accent)}.photo-wrap{background:#080d16}.score-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;font-size:13px;color:var(--accent)}.color-target{height:220px;border-radius:14px;border:1px solid var(--line)}.color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.color-options button{font-family:monospace;font-size:18px;letter-spacing:.1em;color:var(--text);padding:24px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px}.color-options button.correct{border-color:#a9ceff;background:#1c4365;opacity:1}.color-options button.wrong{border-color:#ffada3;background:#4c262c;opacity:1}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin:auto}.memory-card{height:110px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#183452,#132137);color:var(--accent);font-size:34px;transition:background .2s}.memory-card.revealed,.memory-card.matched{background:#a9ceff;color:#0d2341}.memory-card.matched{background:#1e4050;color:#d2f7ee;border-color:#65a7b3}.playground-outro{padding-block:30px 65px;text-align:center}.playground-outro p{color:var(--muted);line-height:1.7}.playground-entry{display:inline-block;color:var(--accent);font-size:13px;border-bottom:1px solid var(--accent);padding:8px 0;margin-top:10px}@media(max-width:1000px){.game-select{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.photo-wrap{max-width:750px}.activity-head{align-items:start}}@media(max-width:600px){.activity{padding:20px}.activity-head{display:block}.game-select button{padding:18px;min-height:150px}.game-select strong{font-size:16px;margin-top:20px}.color-options{gap:8px}.color-options button{font-size:13px;padding:18px 8px;letter-spacing:0}.memory-card{height:80px;font-size:27px}.memory-grid{gap:8px}.game-intro>p{font-size:14px}}