.character-select{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;background:radial-gradient(circle at 50% 0%,rgba(255,217,33,.25),transparent 55%),linear-gradient(180deg,#59c9f1,#70c725 55%,#328530)}.character-select__panel{background:linear-gradient(180deg,#e7bd8c,#dda059);border:4px solid #30384f;border-radius:12px;box-shadow:0 8px 24px #1c223373;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;width:min(420px,100%);padding:2rem 1.75rem;text-align:center}.character-select__title{font-family:Georgia,Trebuchet MS,serif;font-size:2.4rem;color:#30384f;text-shadow:2px 2px 0 #fdf6e3;margin-bottom:.5rem;letter-spacing:1px}.character-select__subtitle{color:#6b3710;margin-bottom:1.75rem;font-size:1rem}.character-select__options{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.character-select__option{font-family:Georgia,Trebuchet MS,serif;font-weight:700;font-size:1rem;color:#fdf6e3;background:linear-gradient(180deg,#70c725,#44a318);border:3px solid #30384f;border-radius:12px;padding:.65em 1.4em;cursor:pointer;text-shadow:0 1px 2px rgba(26,26,26,.4);box-shadow:0 4px #2a6b28,0 6px 10px #1a1a1a4d;transition:transform .08s ease,box-shadow .08s ease}.character-select__option:hover{filter:brightness(1.08)}.character-select__option:active{transform:translateY(3px);box-shadow:0 1px #2a6b28,0 2px 4px #1a1a1a4d}.character-select__option[aria-pressed=true],.character-select__option.is-selected{background:linear-gradient(180deg,#ffd921,#e19d1d);box-shadow:0 4px #a86f14,0 6px 10px #1a1a1a4d,0 0 0 3px #59c9f1}.character-select__option{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:130px}.character-select__emoji{font-size:2.75rem;line-height:1;filter:drop-shadow(0 3px 2px rgba(26,26,26,.35))}.game-board{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;width:min(96vw,var(--cols) * 48px);aspect-ratio:var(--cols)/var(--rows);margin:0 auto;border-radius:12px;overflow:hidden;border:6px solid #30384f;box-shadow:0 8px 24px #1c223373,0 0 0 3px #1c2233}.game-board__surface{position:relative;display:flex;flex-direction:column;width:100%;height:100%;cursor:pointer}.game-board__row{display:flex;flex:1 1 0;min-height:0}.game-board__tile{flex:1 1 0;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:min(3.2vw,48px);line-height:1;box-shadow:inset 0 -3px #1a1a1a1f;transition:filter .15s ease}.game-board__tile--grass{background:#58ac14}.game-board__tile--grass-alt{background:#44a318}.game-board__tile--path{background:#e8a322}.game-board__tile--field-soil{background:repeating-linear-gradient(90deg,#e19d1d 0,#e19d1d 4px,#ecac22 4px,#ecac22)}.game-board__tile--fence{background:#44a318}.game-board__tile--water{background:linear-gradient(180deg,#59c9f1,#14b1ea)}.game-board__tile--flower{background:#58ac14}.game-board__tile--tree{background:#328530}.game-board__tile--house-roof{background:#b52121}.game-board__tile--house-wall{background:#dda059}.game-board__tile--house-door{background:#30384f}.game-board__tile--sign{background:#58ac14;cursor:help}.game-board__tile--animal-pen-fence{background:#a86f14}.game-board__tile--animal-pen-ground{background:repeating-linear-gradient(45deg,#ecac22 0,#ecac22 6px,#e8a322 6px,#e8a322 12px);opacity:.75}.game-board__tile--plant-trigger{background:#e8a322}.game-board__tile--crop-growing{animation:game-board-crop-pulse 1.8s ease-in-out infinite}.game-board__tile--crop-ready{animation:game-board-crop-ready-glow 1.2s ease-in-out infinite}.game-board__character{position:absolute;width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:flex;align-items:center;justify-content:center;font-size:min(3.4vw,48px * .95);transition:left .14s linear,top .14s linear;filter:drop-shadow(0 4px 2px rgba(26,26,26,.45));pointer-events:none;z-index:2}.game-board__character:after{content:"";position:absolute;bottom:8%;width:55%;height:18%;background:radial-gradient(ellipse,rgba(26,26,26,.35),transparent 70%);z-index:-1}.game-board__speech-bubble{position:absolute;transform:translate(-50%,calc(-100% - 10px));max-width:min(70vw,260px);width:max-content;background:#fdf6e3;color:#6b3710;border:3px solid #30384f;border-radius:12px;padding:.5em .85em;font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:700;font-size:.85rem;text-align:center;line-height:1.25;box-shadow:0 4px 10px #1a1a1a59;pointer-events:none;z-index:3;animation:game-board-bubble-in .12s ease-out}.game-board__speech-bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;background:#fdf6e3;border-right:3px solid #30384f;border-bottom:3px solid #30384f;transform:translate(-50%) rotate(45deg)}.game-board__plant-button{font-family:Georgia,Trebuchet MS,serif;font-weight:700;font-size:1rem;color:#fdf6e3;background:linear-gradient(180deg,#70c725,#44a318);border:3px solid #30384f;border-radius:12px;padding:.65em 1.4em;cursor:pointer;text-shadow:0 1px 2px rgba(26,26,26,.4);box-shadow:0 4px #2a6b28,0 6px 10px #1a1a1a4d;transition:transform .08s ease,box-shadow .08s ease}.game-board__plant-button:hover{filter:brightness(1.08)}.game-board__plant-button:active{transform:translateY(3px);box-shadow:0 1px #2a6b28,0 2px 4px #1a1a1a4d}.game-board__plant-button[aria-pressed=true],.game-board__plant-button.is-selected{background:linear-gradient(180deg,#ffd921,#e19d1d);box-shadow:0 4px #a86f14,0 6px 10px #1a1a1a4d,0 0 0 3px #59c9f1}.game-board__plant-button{position:absolute;width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:flex;align-items:center;justify-content:center;padding:0;font-size:.6rem;line-height:1.1;white-space:normal;text-align:center;overflow:visible;z-index:4;animation:game-board-bubble-in .12s ease-out}.game-board__harvest-button{font-family:Georgia,Trebuchet MS,serif;font-weight:700;font-size:1rem;color:#fdf6e3;background:linear-gradient(180deg,#70c725,#44a318);border:3px solid #30384f;border-radius:12px;padding:.65em 1.4em;cursor:pointer;text-shadow:0 1px 2px rgba(26,26,26,.4);box-shadow:0 4px #2a6b28,0 6px 10px #1a1a1a4d;transition:transform .08s ease,box-shadow .08s ease}.game-board__harvest-button:hover{filter:brightness(1.08)}.game-board__harvest-button:active{transform:translateY(3px);box-shadow:0 1px #2a6b28,0 2px 4px #1a1a1a4d}.game-board__harvest-button[aria-pressed=true],.game-board__harvest-button.is-selected{background:linear-gradient(180deg,#ffd921,#e19d1d);box-shadow:0 4px #a86f14,0 6px 10px #1a1a1a4d,0 0 0 3px #59c9f1}.game-board__harvest-button{position:absolute;width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:flex;align-items:center;justify-content:center;padding:0;font-size:.6rem;line-height:1.1;white-space:normal;text-align:center;overflow:visible;background:linear-gradient(180deg,#ffd921,#e19d1d);box-shadow:0 4px #a86f14,0 6px 10px #1a1a1a4d;z-index:4;animation:game-board-harvest-in .16s ease-out}.game-board__harvest-button:active{box-shadow:0 1px #a86f14,0 2px 4px #1a1a1a4d}@keyframes game-board-bubble-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px)) scale(.9)}to{opacity:1;transform:translate(-50%,calc(-100% - 10px)) scale(1)}}@keyframes game-board-harvest-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes game-board-crop-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(-4deg)}}@keyframes game-board-crop-ready-glow{0%,to{filter:drop-shadow(0 0 2px rgba(255,217,33,.4))}50%{filter:drop-shadow(0 0 7px rgba(255,217,33,.9))}}@media(max-width:640px){.game-board__tile,.game-board__character{font-size:min(6.5vw,40px)}}.plant-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1511528c;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:10;animation:plant-modal-fade-in .12s ease-out}.plant-modal{background:linear-gradient(180deg,#e7bd8c,#dda059);border:4px solid #30384f;border-radius:12px;box-shadow:0 8px 24px #1c223373;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;width:min(520px,100%);max-height:min(80vh,640px);overflow-y:auto;padding:1.5rem 1.5rem 1.75rem;animation:plant-modal-pop-in .14s ease-out}.plant-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.plant-modal__title{font-family:Georgia,Trebuchet MS,serif;font-size:1.5rem;color:#30384f;text-shadow:1px 1px 0 #fdf6e3}.plant-modal__close{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:999px;border:3px solid #30384f;background:#fdf6e3;color:#30384f;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 3px #1c2233;transition:transform .08s ease}.plant-modal__close:hover{filter:brightness(1.05)}.plant-modal__close:active{transform:translateY(2px);box-shadow:0 1px #1c2233}.plant-modal__section{margin-bottom:1.25rem}.plant-modal__section:last-child{margin-bottom:0}.plant-modal__section-title{font-family:Georgia,Trebuchet MS,serif;font-size:1.05rem;color:#30384f;margin-bottom:.6rem;border-bottom:2px solid rgba(48,56,79,.25);padding-bottom:.3rem}.plant-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.6rem}.plant-modal__crop{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;background:#fdf6e3;border:3px solid #30384f;border-radius:12px;cursor:pointer;box-shadow:0 3px #1c2233;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.plant-modal__crop:hover{filter:brightness(1.05)}.plant-modal__crop:active{transform:translateY(3px);box-shadow:0 1px #1c2233}.plant-modal__crop-emoji{font-size:1.9rem;line-height:1;filter:drop-shadow(0 2px 1px rgba(26,26,26,.3))}.plant-modal__crop-name{font-size:.78rem;font-weight:700;color:#6b3710;text-align:center;line-height:1.15}.plant-modal__crop-growth{font-size:.68rem;color:#a86f14;text-align:center;line-height:1.1}@keyframes plant-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes plant-modal-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.debug-screen{min-height:100dvh;padding:1.5rem;background:#151152;color:#fdf6e3;font-family:Consolas,Courier New,monospace;display:flex;justify-content:center}.debug-screen__panel{width:min(720px,100%)}.debug-screen__title{font-family:Georgia,Trebuchet MS,serif;font-size:1.75rem;margin-bottom:.5rem}.debug-screen__hint{color:#59c9f1;font-size:.85rem;margin-bottom:1.5rem}.debug-screen__hint a{color:#ffd921}.debug-screen__message{background:#58ac1440;border:2px solid #58ac14;border-radius:12px;padding:.6rem .9rem;margin-bottom:1.5rem;font-size:.85rem}.debug-screen__section{margin-bottom:2rem}.debug-screen__section h2{font-size:1.05rem;border-bottom:1px solid rgba(253,246,227,.25);padding-bottom:.4rem;margin-bottom:.75rem}.debug-screen__section h3{font-size:.9rem;margin:.9rem 0 .5rem;color:#59c9f1}.debug-screen__json{background:#1a1a1a66;border-radius:12px;padding:.75rem;font-size:.75rem;overflow-x:auto;max-height:260px;overflow-y:auto}.debug-screen__actions{display:flex;flex-wrap:wrap;gap:.6rem}.debug-screen__actions button{font-family:inherit;font-size:.8rem;padding:.5em .9em;border-radius:12px;border:2px solid #58ac14;background:#58ac1433;color:#fdf6e3;cursor:pointer}.debug-screen__actions button:hover{background:#58ac1466}.debug-screen__danger{border-color:#b52121!important;background:#b5212133!important}.debug-screen__danger:hover{background:#b5212166!important}.debug-screen__fields{display:flex;flex-direction:column;gap:.4rem}.debug-screen__field-row{display:flex;align-items:center;gap:.6rem;font-size:.8rem}.debug-screen__field-id{width:100px;color:#ffd921}.debug-screen select{font-family:inherit;font-size:.8rem;padding:.3em .5em;border-radius:12px;border:2px solid rgba(253,246,227,.4);background:#30384f;color:#fdf6e3}.app{display:flex;flex-direction:column;align-items:center;gap:1.25rem;min-height:100dvh;padding:1.5rem 1rem 2.5rem;background:radial-gradient(circle at 50% 0%,rgba(255,217,33,.18),transparent 55%),linear-gradient(180deg,#59c9f1,#70c725 30%,#328530)}.app__title{font-family:Georgia,Trebuchet MS,serif;font-size:2rem;color:#30384f;text-shadow:2px 2px 0 #fdf6e3;letter-spacing:1px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;touch-action:manipulation}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}html,body{height:100%;background:#328530;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#6b3710}#root{height:100%}::selection{background:#ffd921;color:#6b3710}