body{font-family:"Helvetica Neue",Arial,sans-serif;background:#f9f9f9;margin:0;padding:20px;color:#333}h1{text-align:center;margin-bottom:40px;font-weight:500}#top-link{position:fixed;top:10px;left:10px;background-color:rgba(0,0,0,.7);color:#fff;padding:6px 10px;border-radius:6px;text-decoration:none;z-index:1000}#top-link:hover{background-color:rgba(0,0,0,.85)}#game_board{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:1000px;margin:20px auto}.card{width:100px;height:140px;perspective:600px;cursor:pointer}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;object-fit:fill;border-radius:12px;backface-visibility:hidden;top:0;left:0}.card-front{z-index:2;transform:rotateY(180deg)}.card-front img{width:100%;height:100%;border-radius:12px}.card-back{background-image:url("/static/img/ura.png");background-size:cover;background-position:center}#flipped-info{position:fixed;top:10px;right:10px;width:160px;background-color:rgba(0,0,0,.7);color:#fff;padding:6px 10px;border-radius:8px;font-size:14px;z-index:1000}@media (max-width:600px){#flipped-info{width:100px;font-size:12px;padding:8px;top:8px;right:8px}}#flipped-info div{margin-bottom:2px;margin-top:2px;text-overflow:ellipsis}#bottom-right-controls{position:fixed;bottom:10px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:1000}#bottom-right-controls a,#bottom-right-controls button{display:inline-block;width:140px;text-align:center;padding:10px 0;border-radius:8px;background-color:#333;color:#fff;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:background-color .2s}#bottom-right-controls a:hover,#bottom-right-controls button:hover{background-color:#555}#bottom-right-controls .easy:hover{background-color:#66cdaa}#bottom-right-controls .hard:hover{background-color:tomato}#sound-toggle.active{background-color:#66cdaa}#reload-btn{position:fixed;bottom:10px;left:10px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;padding:16px 16px;font-size:14px;cursor:pointer;z-index:1000;transition:background-color .2s}#reload-btn:hover{background-color:#45a049}#reload-btn div{margin-top:4px}.site-footer{width:100%;text-align:center;padding:20px 0;margin-top:60px;border-top:1px solid #ddd;background-color:#fafafa;color:#666;font-size:.9rem}.site-footer a{color:#1da1f2;text-decoration:none;font-weight:700}.site-footer a:hover{text-decoration:underline}