*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;image-rendering:auto;background:#c8a868}.stage{position:relative;width:100%;height:100vh;overflow:hidden;cursor:none;background:url(/farm-bg.png) 50%/cover no-repeat;background-color:#c8a868}.stage-canvas{position:absolute;inset:0;z-index:10;pointer-events:none}.text-layer{position:absolute;inset:0;z-index:1}.word{position:absolute;white-space:pre;will-change:transform;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.15),-1px -1px 0 rgba(255,255,255,.08)}.word.eaten{opacity:0;filter:blur(6px);transition:opacity .2s ease-out,filter .2s ease-out}.hud{bottom:14px;padding:8px 20px;border-radius:6px;background:#f5e6c8;border:3px solid #6b4f32;box-shadow:0 0 0 1px #a08060,inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(0,0,0,.25);font:600 13px/1.4 Trebuchet MS,Segoe UI,system-ui,sans-serif;color:#4a3520;pointer-events:none}.credit-bar,.hud{position:fixed;left:50%;transform:translateX(-50%);z-index:200;white-space:nowrap}.credit-bar{bottom:56px;display:flex;align-items:center;gap:6px;padding:7px 18px;border-radius:6px;background:rgba(60,40,20,.7);border:2px solid #5a4020;box-shadow:0 2px 8px rgba(0,0,0,.2);font:500 12px/1.4 Trebuchet MS,Segoe UI,system-ui,sans-serif;color:rgba(255,255,255,.85);pointer-events:auto}.credit-label{color:rgba(255,255,255,.55)}.credit-link{color:#f5e6c8;text-decoration:underline;text-underline-offset:2px;-webkit-text-decoration-color:rgba(245,230,200,.4);text-decoration-color:rgba(245,230,200,.4)}.credit-link:hover{-webkit-text-decoration-color:#f5e6c8;text-decoration-color:#f5e6c8}.credit-author{color:rgba(255,255,255,.75)}.start-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.start-overlay>*{pointer-events:auto}.start-card{background:#f5e6c8;border:4px solid #6b4f32;border-radius:12px;padding:36px 44px;box-shadow:0 0 0 2px #a08060,inset 0 2px 0 rgba(255,255,255,.35),0 8px 32px rgba(0,0,0,.3);text-align:center;max-width:420px;width:90%}.start-card h1{font-size:28px;color:#4a3520;margin-bottom:6px}.start-card p{font-size:14px;color:#8b6b47;margin-bottom:20px}.start-card input{width:100%;padding:10px 14px;font-size:16px;border:2px solid #a08060;border-radius:6px;background:#fff;color:#4a3520;outline:none;font-family:inherit;margin-bottom:14px}.start-card input:focus{border-color:#6b4f32;box-shadow:0 0 0 3px rgba(107,79,50,.2)}.start-card button{width:100%;padding:12px;font-size:18px;font-weight:700;font-family:inherit;color:#fff;background:#5b8c3e;border:3px solid #3a6a22;border-radius:8px;cursor:pointer;transition:background .15s}.start-card button:hover{background:#4a7830}.start-card button:disabled{background:#a0a0a0;border-color:#888;cursor:not-allowed}.leaderboard-card{background:#f5e6c8;border:4px solid #6b4f32;border-radius:12px;padding:24px 32px;box-shadow:0 0 0 2px #a08060,inset 0 2px 0 rgba(255,255,255,.35),0 8px 32px rgba(0,0,0,.3);max-width:420px;width:90%}.leaderboard-card h2{font-size:18px;color:#4a3520;text-align:center;margin-bottom:12px}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th{font-size:11px;color:#8b6b47;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:4px 8px;border-bottom:2px solid #d4b888}.leaderboard-table th:last-child{text-align:right}.leaderboard-table td{padding:6px 8px;font-size:14px;color:#4a3520;border-bottom:1px solid #e8d8b8}.leaderboard-table td:first-child{font-weight:700;width:30px}.leaderboard-table td:last-child{text-align:right;font-weight:700;color:#5b8c3e}.leaderboard-empty{text-align:center;color:#8b6b47;font-size:14px;padding:16px}.restart-btn{position:fixed;top:12px;right:12px;z-index:200;padding:6px 16px;font:600 13px/1.4 Trebuchet MS,Segoe UI,system-ui,sans-serif;color:#4a3520;background:rgba(245,230,200,.75);border:2px solid #6b4f32;border-radius:6px;cursor:pointer;pointer-events:auto;transition:background .15s;box-shadow:0 2px 8px rgba(0,0,0,.2)}.restart-btn:hover{background:#f5e6c8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over-overlay{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);animation:fadeIn .3s ease}.game-over-modal{background:#f5e6c8;border:4px solid #6b4f32;border-radius:16px;box-shadow:0 0 0 4px #a08060,0 12px 40px rgba(0,0,0,.4);padding:36px 48px;text-align:center;min-width:280px;max-width:90vw;animation:modalPop .35s cubic-bezier(.22,1,.36,1)}.game-over-modal h2{font-size:28px;color:#4a3520;margin-bottom:4px}.game-over-modal .game-over-score{font-size:56px;font-weight:700;color:#5b8c3e;margin:8px 0 2px}.game-over-modal .game-over-label{font-size:14px;color:#8b6b47;margin-bottom:6px}.game-over-modal .game-over-rank{font-size:15px;font-weight:700;color:#5b8c3e;margin-bottom:8px}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.modal-actions button{padding:12px 32px;font-size:16px;font-weight:700;font-family:inherit;color:#fff;background:#5b8c3e;border:3px solid #3a6a22;border-radius:8px;cursor:pointer;transition:background .15s;width:100%}.modal-actions button:hover{background:#4a7830}.modal-actions .modal-btn-secondary{background:transparent;color:#6b4f32;border:2px solid #b8996e}.modal-actions .modal-btn-secondary:hover{background:rgba(107,79,50,.08)}.modal-nearby{margin:14px 0 4px;border-radius:8px;overflow:hidden;border:2px solid #d4b888;background:rgba(255,255,255,.3)}.modal-nearby .leaderboard-table{margin:0;font-size:14px}.modal-nearby .leaderboard-table td{padding:6px 12px}.modal-nearby .highlight-row td{background:rgba(91,140,62,.18);color:#3a6a22;font-weight:700}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.game-over-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:500;width:380px;max-width:90vw;background:#f5e6c8;border-left:4px solid #6b4f32;box-shadow:-4px 0 0 0 #a08060,-8px 0 32px rgba(0,0,0,.3);display:flex;flex-direction:column;animation:slideInRight .4s cubic-bezier(.22,1,.36,1)}.sidebar-header{padding:28px 24px 20px;text-align:center;border-bottom:2px solid #d4b888;animation:fadeIn .3s ease .15s both}.sidebar-header h2{font-size:24px;color:#4a3520;margin-bottom:4px}.game-over-score{font-size:48px;font-weight:700;color:#5b8c3e;margin:4px 0}.game-over-label{font-size:14px;color:#8b6b47;margin-bottom:6px}.game-over-rank{font-size:15px;font-weight:700;color:#5b8c3e}.sidebar-leaderboard{flex:1 1;padding:16px 24px;overflow-y:auto;animation:fadeIn .3s ease .25s both}.sidebar-leaderboard h3{font-size:15px;color:#4a3520;text-align:center;margin-bottom:10px}.sidebar-leaderboard .highlight-row td{background:rgba(91,140,62,.18);color:#3a6a22;font-weight:700}.sidebar-actions{padding:16px 24px 24px;text-align:center;border-top:2px solid #d4b888}.sidebar-actions button{padding:12px 32px;font-size:16px;font-weight:700;font-family:inherit;color:#fff;background:#5b8c3e;border:3px solid #3a6a22;border-radius:8px;cursor:pointer;transition:background .15s;width:100%}.sidebar-actions button:hover{background:#4a7830}.start-card-enter{animation:cardPopIn .5s cubic-bezier(.22,1,.36,1)}@keyframes cardPopIn{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.credit-bar-enter{animation:fadeIn .4s ease .25s both}@media (max-width:700px){.hud{font-size:11px;padding:6px 14px}.start-card{padding:24px 20px}}