@charset "UTF-8";.main-title-figure{display:block;margin:0 auto}.main-title-figure.at_game-page{max-width:120px}.main-title-figure__img{max-width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.screen{width:100%;display:flex;justify-content:center;align-items:center}.title-container{background:#fffffff2;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;text-align:center;position:relative}.game-title{font-size:3em;color:#333;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px}.game-title .main-title{font-size:1em;font-weight:700;letter-spacing:.1em}.game-title .sub-title{font-size:.4em;font-weight:400;color:#667eea;letter-spacing:.05em}.key-visual{margin:30px 0;position:relative;min-height:250px;display:flex;justify-content:center;align-items:center}.key-visual img{max-width:100%;border-radius:15px;box-shadow:0 10px 30px #0003}.visual-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);width:100%;height:250px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:1.2em}.visual-placeholder p:first-child{font-size:4em;margin-bottom:10px}.game-rules{background:#f8f9fa;border-radius:15px;padding:25px;margin:30px 0;text-align:left}.game-rules h2{color:#333;font-size:1.5em;margin-bottom:15px;text-align:center}.game-rules ul{list-style:none;padding:0}.game-rules ul li{padding:10px 0;font-size:1.1em;color:#555;border-bottom:1px solid #e0e0e0}.game-rules ul li:last-child{border-bottom:none}.game-rules ul li strong{color:#667eea}.sound-toggle-btn{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:.9em;font-weight:700;padding:8px 15px;border:none;border-radius:25px;cursor:pointer;box-shadow:0 4px 15px #4caf504d;transition:all .3s ease;z-index:10}.sound-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.sound-toggle-btn:active{transform:translateY(0)}.sound-toggle-btn.muted{background:linear-gradient(135deg,#757575,#616161);box-shadow:0 4px 15px #7575754d}.sound-toggle-btn.muted:hover{box-shadow:0 6px 20px #75757566}.title-footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#999;font-size:.75em}.title-footer__version{font-family:monospace}.title-footer__copyright{letter-spacing:.02em}.start-game-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5em;font-weight:700;padding:15px 50px;border:none;border-radius:50px;cursor:pointer;box-shadow:0 10px 30px #667eea66;transition:all .3s ease}.start-game-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea99}.start-game-btn:active{transform:translateY(-2px)}.container{background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-header h1{margin:0;color:#333;font-size:2em;display:flex;flex-direction:column;gap:5px}.game-header h1 .main-title{font-size:1em;font-weight:700;letter-spacing:.05em}.game-header h1 .sub-title{font-size:.45em;font-weight:400;color:#667eea;letter-spacing:.03em}.game-header .header-buttons{display:flex;gap:10px;align-items:center}.game-header .header-buttons .sound-toggle-btn{position:static;font-size:.8em;padding:8px 12px}.back-btn{background:linear-gradient(135deg,#757575,#616161);color:#fff;padding:10px 20px;font-size:14px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #75757566}.back-btn:active{transform:translateY(0)}.game-container{display:flex;justify-content:center;margin-bottom:20px}canvas{border:3px solid #667eea;border-radius:10px;background:#1a1a2e;box-shadow:0 10px 30px #0003;max-width:100%;height:auto;display:block}.controls{display:flex;gap:15px;justify-content:center}button{padding:12px 30px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}button:active{transform:translateY(0)}#startBtn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}#startBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}#resetBtn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}#resetBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.info{text-align:center;margin-top:15px;color:#666;font-size:14px}.d-pad-container{display:flex;justify-content:center;margin:20px 0}.d-pad{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:5px;user-select:none;-webkit-user-select:none;-moz-user-select:none}.d-pad-btn{width:60px;height:60px;border:none;border-radius:8px;font-size:24px;font-weight:700;cursor:pointer;transition:all .1s ease;box-shadow:0 4px 8px #0003;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center}.d-pad-btn:active{transform:translateY(2px);box-shadow:0 2px 4px #0003;background:linear-gradient(135deg,#5568d3,#653a8b)}.d-pad-btn:hover:not(.d-pad-center){background:linear-gradient(135deg,#7890ff,#8555c0)}.d-pad-up{grid-column:2;grid-row:1}.d-pad-left{grid-column:1;grid-row:2}.d-pad-center{grid-column:2;grid-row:2;background:#667eea33;cursor:default;box-shadow:none}.d-pad-center:active{transform:none;background:#667eea33}.d-pad-right{grid-column:3;grid-row:2}.d-pad-down{grid-column:2;grid-row:3}@media (max-width: 768px){body{padding:10px}.container{padding:15px}.game-header h1{font-size:1.5em}.game-header h1 .sub-title{font-size:.4em}.game-header .header-buttons{gap:5px}.game-header .header-buttons .sound-toggle-btn{font-size:.7em;padding:6px 10px}.back-btn{padding:8px 15px;font-size:12px}.sound-toggle-btn{font-size:.8em;padding:6px 12px}.controls{gap:10px;flex-wrap:wrap}button{padding:10px 20px;font-size:14px}.info{font-size:12px}.d-pad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:4px}.d-pad-btn{width:50px;height:50px;font-size:20px}}@media (max-width: 480px){.title-container{padding:20px}.game-title{font-size:2em}.game-title .sub-title{font-size:.35em}.game-rules{padding:15px}.game-rules h2{font-size:1.2em}.game-rules ul li{font-size:.9em}.start-game-btn{font-size:1.2em;padding:12px 30px}.container{padding:10px}.game-header{flex-direction:column;gap:10px;align-items:flex-start}.game-header h1{font-size:1.2em}.game-header h1 .sub-title{font-size:.35em}.game-header .header-buttons{width:100%;justify-content:space-between}.game-header .header-buttons .sound-toggle-btn{font-size:.65em;padding:5px 8px}.sound-toggle-btn{font-size:.7em;padding:5px 10px}.d-pad{grid-template-columns:repeat(3,45px);grid-template-rows:repeat(3,45px)}.d-pad-btn{width:45px;height:45px;font-size:18px}}@media (min-width: 980px){.d-pad-container{position:fixed;right:40px;top:50%;margin-top:-95px}.d-pad{padding:12px;background:#fffffff2;border-radius:20px}}