body{font-family:roboto,Arial,sans-serif;background:#1a472a;color:#e0e0e0;margin:0;padding:0 10px;height:100vh;line-height:1.6;overflow-x:hidden;width:100%;position:relative;box-sizing:border-box;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#game-container{display:flex;flex-direction:column;align-items:left;min-height:100vh;padding:0;gap:5px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;transform:translateZ(0);will-change:transform}header{display:flex;justify-content:space-between;align-items:center;height:auto;min-height:var(--device-header-min-height,10px);padding:var(--device-header-padding,0px 0);border-bottom:2px solid rgba(255,255,255,.1)}#menu{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;max-width:100vw;overflow:hidden}.menu-buttons{display:flex;gap:10px;align-items:center}.title{font-size:clamp(16px,2vw,28px);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-right:clamp(10px,1vw,20px);font-family:poppins,sans-serif;letter-spacing:clamp(.5px,.15vw,1.5px)}h2{margin-top:0}p{margin-bottom:15px}.menu-left{display:flex;align-items:center;gap:3rem;flex:1;min-width:0}.menu-right{display:flex;align-items:center;height:100%;max-width:60vw;overflow:hidden;flex-shrink:1;min-width:0}footer{order:2;width:100%}.footer-nav{display:flex;justify-content:center;gap:clamp(10px,2vw,20px);padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;z-index:9999}.nav-link{color:#fff;text-decoration:none;font-size:clamp(14px,1.2vw,16px);padding:6px 12px;border-radius:4px;position:relative;&:hover { background:rgba(76,175,80,0.1); } &.active { color:#4caf50; &::after { content:""; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#4caf50; border-radius:2px; } }}#site-title{a { text-decoration: none; color: inherit; }}figure{margin:1.5rem 0;width:100%;max-width:800px;img { width: 100%; height: auto; border-radius: 8px; margin: 0; } figcaption { text-align: center; margin-top: 0.5rem; color: #999; font-size: 0.9rem; }}.contact-info{margin:1rem 0}.cta-section{margin:2.5rem 0;padding:2rem;background:rgba(76,175,80,.1);border-radius:12px;text-align:center;border:1px solid rgba(76,175,80,.2);backdrop-filter:blur(10px);p { font-size: 1.2rem; margin-bottom: 1.5rem; color: #ffffff; line-height: 1.6; }}.cta-button,.rules-link{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:linear-gradient(145deg,#4caf50,#45a049);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;border:1px solid rgba(255,255,255,.1);max-width:100%;box-sizing:border-box;white-space:normal;&:hover { background:linear-gradient(145deg,#45a049,#388e3c); }}.email-link{color:#4caf50!important;text-decoration:none;font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(76,175,80,.1);&:hover { color:#ffffff!important; background:rgba(76,175,80,0.2); text-decoration:none; }}.external-link{color:#4caf50!important;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;&:hover { color:#ffffff!important; text-decoration:none; }}.blog-image{width:100%;max-width:800px;height:auto;margin:1.5rem auto;display:block;border-radius:8px}.game-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:2rem 0}.game-card{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;&:hover { background:rgba(0,0,0,0.28); box-shadow:0 6px 16px rgba(0,0,0,0.25); } h3 { margin:0 0 0.5rem 0; a { color:#4caf50; text-decoration:none; font-weight:700; &:hover { text-decoration:underline; color:#66bb6a; } } } .rules-link { margin-right:10px; margin-top:8px; }}#menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px}.menu-left,.menu-right,.menu-controls-row{display:contents}.menu-buttons,.other-card-games-link,.lang-dropdown,#sound-toggle{min-width:max-content}.title{order:1;flex:1 1 100%;margin-right:0;text-align:center}.other-card-games-link{order:2}.menu-buttons{order:3}.lang-dropdown,#sound-toggle{order:4}#stats-container{order:5;flex:none;display:flex;justify-content:center;height:32px;margin-top:2px}.menu-right{max-width:100%}@media(orientation:portrait){header{padding:6px 0}body{padding-left:0;padding-right:0}.other-card-games-link{font-size:clamp(14px,3.8vw,16px);padding:6px 10px;margin-right:8px}#new-game,#undo-move,#hint{font-size:clamp(11px,3.4vw,13px);height:30px}.klondike-switch-btn,.spider-difficulty-btn{margin-right:0}.lang-current{width:30px;height:28px}}