.game-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 10px 30px #0003}#cube-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:10px;padding:40px;margin:20px 0;box-shadow:inset 0 5px 15px #0000001a;display:flex;justify-content:center;align-items:center;min-height:420px;position:relative;perspective:1200px;perspective-origin:center center;overflow:hidden}.cube-scene{position:relative;width:100%;height:100%;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.cube{position:absolute;width:40px;height:40px;transform-style:preserve-3d;transition:transform .3s ease;will-change:transform}.cube:hover{transform:scale(1.05)}.cube-face{position:absolute;width:40px;height:40px;border:2px solid #333;box-shadow:0 2px 8px #0000004d;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#333}.cube-front{background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%);transform:rotateY(0deg) translateZ(20px)}.cube-back{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:rotateY(180deg) translateZ(20px)}.cube-right{background:linear-gradient(135deg,#f0ad4e 0%,#f7c373 100%);transform:rotateY(90deg) translateZ(20px)}.cube-left{background:linear-gradient(135deg,#5cb85c 0%,#7bc97b 100%);transform:rotateY(-90deg) translateZ(20px)}.cube-top{background:linear-gradient(135deg,#87ceeb 0%,#98d8e8 100%);transform:rotateX(90deg) translateZ(20px)}.cube-bottom{background:linear-gradient(135deg,#d3d3d3 0%,silver 100%);transform:rotateX(-90deg) translateZ(20px)}.answer-section{background:#ffffffe6;border-radius:10px;padding:15px;margin:15px 0;box-shadow:0 5px 15px #0000001a}.answer-input-group{display:flex;gap:10px;align-items:center;justify-content:center;margin:0}#answer-input{font-size:1.2em;padding:6px 15px;border:3px solid #ddd;border-radius:8px;width:140px;text-align:center;transition:all .3s ease}#answer-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}#submit-answer{padding:10px 20px;font-size:1.1em;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #28a7454d}#submit-answer:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}#submit-answer:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.game-info{text-align:center;font-size:1.1em;color:#495057;margin:15px 0;padding:10px;background:#ffffffb3;border-radius:8px;border-left:4px solid #007bff}#game-result{margin:20px 0;padding:15px;border-radius:8px;font-size:1.1em;font-weight:700;text-align:center;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stats-section{background:#ffffffe6;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 5px 15px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin:15px 0}.stat-value{font-size:1.5em;font-weight:700;color:#007bff;display:block;margin-bottom:5px}.stat-label{font-size:.9em;color:#6c757d}.difficulty-section{background:#ffffffe6;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 5px 15px #0000001a}.difficulty-options{display:flex;gap:15px;justify-content:center;margin:15px 0}.difficulty-option{display:flex;align-items:center;gap:5px;padding:10px 15px;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease}.difficulty-option:hover{background:#e9ecef;transform:translateY(-2px)}.difficulty-option input[type="radio"]{margin:0}.difficulty-option.selected{background:#007bff;color:#fff;border-color:#007bff}@media (max-width: 768px){#cube-container{padding:20px;min-height:300px;perspective:800px}.cube{width:25px;height:25px}.cube-face{width:25px;height:25px}.cube-front{transform:rotateY(0deg) translateZ(12.5px)}.cube-back{transform:rotateY(180deg) translateZ(12.5px)}.cube-right{transform:rotateY(90deg) translateZ(12.5px)}.cube-left{transform:rotateY(-90deg) translateZ(12.5px)}.cube-top{transform:rotateX(90deg) translateZ(12.5px)}.cube-bottom{transform:rotateX(-90deg) translateZ(12.5px)}.answer-input-group{gap:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.difficulty-options{flex-direction:column;align-items:center}}.cube-appear{animation:cubeAppear .5s ease-out}@keyframes cubeAppear{from{opacity:0;transform:scale(0.5) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-controls{display:flex;gap:10px;justify-content:center;margin:20px 0}.game-btn{padding:10px 20px;font-size:1em;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #0003}.game-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.btn-primary{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:#fff}.btn-secondary{background:linear-gradient(135deg,#6c757d 0%,#5a6268 100%);color:#fff}.rules-section{background:#ffffffe6;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 5px 15px #0000001a}.rules-list{list-style:none;padding:0}.rules-list li{padding:10px 0;border-bottom:1px solid #dee2e6;position:relative;padding-left:25px}.rules-list li:before{content:"🎯";position:absolute;left:0;top:10px}.rules-list li:last-child{border-bottom:none}.difficulty-card{cursor:pointer;transition:all .2s ease;border:2px solid #dee2e6}.difficulty-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.difficulty-card.selected{border-color:#667eea!important;box-shadow:0 0 15px #667eea4d;background-color:#667eea0d!important}