:root{--primary-color: #4a7c59;--secondary-color: #8b4513;--accent-color: #90ee90;--text-color: #ffffff;--grid-color: #2d5016;--target-color: #ff6b6b;--border-radius: 8px;--box-shadow: 0 4px 8px rgba(0, 0, 0, .3);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background:#1a1a1a;color:var(--text-color);min-height:100vh;overflow-x:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px}#game-container{width:100%;max-width:1200px;min-height:100vh;background:transparent;border-radius:var(--border-radius);padding:20px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.game-header{text-align:center;padding:20px;background:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}#game-title{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:var(--accent-color)}#game-subtitle{font-size:.8rem;opacity:.9;line-height:1.4}.score-panel{display:flex;justify-content:space-around;gap:20px;padding:15px;background:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-wrap:wrap}.score-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:120px}.score-label{font-size:.7rem;opacity:.8;text-align:center}.score-value{font-size:1.2rem;font-weight:700;color:var(--accent-color);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.controls{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.start-btn{font-family:"Press Start 2P",monospace;font-size:.8rem;padding:15px 25px;background:var(--accent-color);color:var(--primary-color);border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--box-shadow);text-transform:uppercase}.start-btn:hover{background:var(--text-color);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.start-btn:active{transform:translateY(0)}.start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.theme-select{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:10px 15px;background:var(--secondary-color);color:var(--text-color);border:2px solid var(--accent-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.theme-select:hover{background:var(--accent-color);color:var(--primary-color)}.theme-select:focus{outline:none;box-shadow:0 0 0 3px #90ee904d}.difficulty-select{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:10px 15px;background:var(--secondary-color);color:var(--text-color);border:2px solid var(--accent-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.difficulty-select:hover{background:var(--accent-color);color:var(--primary-color)}.difficulty-select:focus{outline:none;box-shadow:0 0 0 3px #90ee904d}.game-status{text-align:center;font-size:.8rem;padding:15px;background:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);min-height:50px;display:flex;align-items:center;justify-content:center}.grid-container{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;background:var(--grid-color);border-radius:var(--border-radius);box-shadow:inset 0 2px 4px #0000004d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:12px;width:100%;max-width:500px;aspect-ratio:1;padding:15px;background:var(--primary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.square{background:var(--secondary-color);border:2px solid var(--accent-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;overflow:hidden;min-height:80px}.square:hover{background:var(--accent-color);transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.square:active{transform:scale(.95)}.square.has-target{background:var(--target-color);animation:target-pulse .5s ease-in-out}.square.target-hit{background:var(--accent-color);animation:target-hit .3s ease-out}.square.target-miss{background:#f44;animation:target-miss .3s ease-out}@keyframes target-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes target-hit{0%{transform:scale(1)}50%{transform:scale(1.2);background:var(--accent-color)}to{transform:scale(1);background:var(--accent-color)}}@keyframes target-miss{0%{transform:scale(1)}50%{transform:scale(.9);background:#f44}to{transform:scale(1);background:#f44}}@keyframes target-appear{0%{opacity:0;transform:scale(.5) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes target-disappear{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.5) rotate(-180deg)}}.target-appear{animation:target-appear .3s ease-out}.target-disappear{animation:target-disappear .3s ease-out}.instructions{text-align:center;font-size:.6rem;line-height:1.6;padding:15px;background:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:.8}.instructions p{margin-bottom:5px}@media (max-width: 768px){#app{padding:10px}#game-container{padding:15px;gap:15px}#game-title{font-size:2rem}.score-panel{gap:15px}.score-item{min-width:100px}.grid{max-width:400px;gap:8px}.square{min-height:60px;font-size:2rem}}@media (max-width: 480px){#game-title{font-size:1.5rem}#game-subtitle{font-size:.7rem}.score-panel{flex-direction:column;gap:10px}.score-item{flex-direction:row;justify-content:space-between;min-width:auto}.controls{flex-direction:column;gap:15px}.start-btn{font-size:.7rem;padding:12px 20px}.theme-select{font-size:.5rem;padding:8px 12px}.grid{max-width:350px;gap:6px}.square{min-height:50px;font-size:1.5rem}.instructions{font-size:.5rem}}@media (max-width: 320px){.grid{max-width:280px;gap:4px}.square{min-height:40px;font-size:1.2rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.start-btn:focus,.theme-select:focus,.square:focus{outline:3px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast: high){:root{--box-shadow: 0 4px 8px rgba(0, 0, 0, .8)}.square{border-width:3px}}