:root{--primary-green:#4CAF50;--dark-green:#2E7D32;--wood-dark:#3E2723;--wood-light:#5D4037;--gold:#FFD700;--red:#D32F2F;--dark-red:#B71C1C}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#222 url('/cover.webp') no-repeat center center fixed;background-size:cover;min-height:100vh;display:flex;align-items:center;justify-content:center;color:white;padding:10px}.game-board{width:100%;max-width:520px;background:var(--wood-light);border:6px solid var(--wood-dark);border-radius:12px;box-shadow:0 10px 0 #1a1a1a,0 20px 20px rgba(0,0,0,.5);padding:25px 20px;text-align:center;position:relative;transition:height .3s ease}.screw{position:absolute;width:12px;height:12px;background:#888;border-radius:50%;border:1px solid #333;box-shadow:inset 1px 1px 2px white;z-index:2}.tl{top:10px;left:10px}.tr{top:10px;right:10px}.bl{bottom:10px;left:10px}.br{bottom:10px;right:10px}.header{margin-bottom:25px;border-bottom:2px solid rgba(0,0,0,.3);padding-bottom:20px}.logo{width:80px;height:80px;border-radius:12px;border:3px solid var(--wood-dark);box-shadow:0 4px 5px rgba(0,0,0,.5);margin-bottom:10px;background:#444}h1{font-size:26px;font-weight:900;text-transform:uppercase;color:white;text-shadow:3px 3px 0 #000;margin:0;line-height:1.1}h1 span{color:var(--gold);display:block;font-size:32px;margin-top:5px}.seo-sub{color:#ddd;font-size:15px;margin-top:12px;font-weight:500;line-height:1.5;max-width:90%;margin-left:auto;margin-right:auto;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.input-field{width:100%;padding:15px;font-size:18px;font-weight:bold;text-align:center;border:4px solid var(--wood-dark);border-radius:8px;background:#fff;color:#333;margin:15px 0;outline:none}.input-field:focus{background:#fffbe6;border-color:var(--gold)}.inventory-label{background:rgba(0,0,0,.4);display:inline-block;padding:5px 15px;border-radius:4px;font-weight:bold;margin-bottom:10px;border:1px solid rgba(255,255,255,.2)}.scroll-area{max-height:350px;overflow-y:auto;background:rgba(0,0,0,.2);border:3px solid var(--wood-dark);border-radius:8px;padding:10px;margin-bottom:15px}.seed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seed-card{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:6px;padding:8px;cursor:pointer;text-align:center;position:relative;transition:.1s}.seed-card:hover{background:rgba(255,255,255,.2)}.seed-card.selected{background:var(--dark-green);border-color:var(--gold);box-shadow:inset 0 0 10px #000}.seed-card img{width:100%;height:50px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));pointer-events:none}.seed-card .seed-name{font-size:11px;font-weight:bold;margin-top:5px;line-height:1.2;text-shadow:1px 1px 0 #000}.btn{width:100%;padding:15px;font-size:20px;font-weight:900;text-transform:uppercase;color:white;border:none;border-radius:8px;cursor:pointer;position:relative;top:0;transition:.05s;text-shadow:1px 1px 0 rgba(0,0,0,.5);margin-top:5px}.btn-green{background:var(--primary-green);border-bottom:5px solid var(--dark-green)}.btn-green:active{top:3px;border-bottom:2px solid var(--dark-green)}.btn-red{background:var(--red);border-bottom:5px solid var(--dark-red)}.btn-red:active{top:3px;border-bottom:2px solid var(--dark-red)}.spinner-container{padding:30px}.spinner{width:60px;height:60px;margin:0 auto 20px auto;border:6px solid rgba(0,0,0,.3);border-top:6px solid var(--gold);border-radius:50%;animation:spin 1s linear infinite}.progress-text{font-size:18px;font-weight:bold;color:var(--gold);animation:pulse 1s infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.7}50%{opacity:1}100%{opacity:.7}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:100;display:none;align-items:center;justify-content:center}.modal-box{background:var(--wood-light);border:4px solid #fff;width:90%;max-width:450px;padding:20px;text-align:center;box-shadow:0 0 50px #000;position:relative;max-height:80vh;overflow-y:auto}.modal-title{font-size:24px;font-weight:900;margin-bottom:10px;text-transform:uppercase;text-shadow:2px 2px 0 #000}.modal-msg{margin-bottom:20px;font-size:16px;line-height:1.4;color:#ddd}#offerContainer{margin-top:15px;text-align:left}.offer-link{display:block;background:#FFD700;color:#333;text-decoration:none;padding:12px 15px;margin-bottom:10px;border-radius:6px;font-weight:bold;font-size:15px;box-shadow:0 2px 2px rgba(0,0,0,.3);transition:.2s;text-align:center}.offer-link:hover{background:#fffbe6;transform:translateX(5px);box-shadow:0 2px 5px rgba(0,0,0,.5)}@media (max-width:400px){.seed-grid{grid-template-columns:repeat(2,1fr)}}