:root{--soil-dark: #1a1a2e;--soil: #2a1f0e;--soil-light: #4a3728;--green-dark: #2d5a1e;--green: #4a8c2a;--green-light: #6abe30;--green-glow: #99e550;--sky-dark: #1b3a4b;--sky: #3978a8;--sky-light: #5fcde4;--sun: #fbf236;--sun-warm: #f7a41d;--berry: #d62d20;--flower: #e86a73;--lavender: #9b6dc6;--water: #3978a8;--water-light: #5fcde4;--wood: #8a6240;--wood-light: #c4a265;--stone: #696a6a;--stone-light: #9a9a9a;--cream: #f5ecd7;--white: #fbf5ef;--black: #0f0e17;--xp-gold: #f7a41d;--xp-glow: #fbf236;--danger: #d62d20;--success: #6abe30;--font-pixel: "Press Start 2P", monospace;--font-ui: "Silkscreen", sans-serif;--pixel-border: 3px solid var(--black);--pixel-shadow: 3px 3px 0 var(--black);--nav-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--soil-dark);color:var(--cream);min-height:100dvh;overflow:hidden;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}#app{display:flex;flex-direction:column;height:100dvh;max-width:430px;margin:0 auto;position:relative;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.bottom-nav{display:flex;justify-content:space-around;align-items:center;height:var(--nav-height);background:var(--soil);border-top:var(--pixel-border);flex-shrink:0}.bottom-nav.hidden{display:none}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--stone-light);font-family:var(--font-pixel);font-size:7px;padding:6px 8px;cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-btn .nav-icon{font-size:20px}.nav-btn.active{color:var(--green-light)}.nav-btn:active{transform:scale(.92)}.pixel-box{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:12px}.pixel-btn{font-family:var(--font-pixel);font-size:10px;padding:12px 20px;border:var(--pixel-border);box-shadow:var(--pixel-shadow);cursor:pointer;color:var(--black);background:var(--green);transition:transform .1s;-webkit-tap-highlight-color:transparent;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.pixel-btn:active{transform:translate(3px,3px);box-shadow:none}.pixel-btn--secondary{background:var(--wood-light)}.pixel-btn--danger{background:var(--berry);color:var(--white)}.pixel-btn--gold{background:var(--xp-gold)}.pixel-btn--large{font-size:12px;padding:16px 32px}.pixel-btn--full{width:100%;text-align:center}.pixel-btn--disabled{background:var(--stone);color:var(--stone-light);cursor:not-allowed}.pixel-title{font-family:var(--font-pixel);font-size:16px;color:var(--green-light);text-shadow:2px 2px 0 var(--black);line-height:1.6}.pixel-subtitle{font-family:var(--font-pixel);font-size:9px;color:var(--cream);line-height:1.8}.pixel-text{font-family:var(--font-ui);font-size:14px;color:var(--cream);line-height:1.6}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center;gap:24px;padding:32px 16px}.title-logo{font-family:var(--font-pixel);font-size:28px;color:var(--green-light);text-shadow:3px 3px 0 var(--green-dark),6px 6px 0 var(--black);line-height:1.5}.title-logo .title-sub{display:block;font-size:12px;color:var(--sun);text-shadow:2px 2px 0 var(--black);margin-top:8px}.title-art{font-size:64px;line-height:1;margin:16px 0;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title-blink{font-family:var(--font-pixel);font-size:10px;color:var(--cream);animation:blink 1.2s step-end infinite;margin-top:16px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.version-tag{font-family:var(--font-pixel);font-size:7px;color:var(--stone);position:absolute;bottom:8px;right:12px}.onboarding{display:flex;flex-direction:column;min-height:100%;padding:16px 0}.onboarding-progress{display:flex;gap:4px;margin-bottom:24px}.onboarding-progress .pip{flex:1;height:6px;background:var(--soil-light);border:2px solid var(--black)}.onboarding-progress .pip.filled{background:var(--green-light)}.onboarding-progress .pip.current{background:var(--sun);animation:pulse-pip 1s ease-in-out infinite}@keyframes pulse-pip{0%,to{background:var(--sun)}50%{background:var(--sun-warm)}}.onboarding-question{font-family:var(--font-pixel);font-size:12px;color:var(--green-light);text-shadow:2px 2px 0 var(--black);margin-bottom:8px;line-height:1.8}.onboarding-flavor{font-family:var(--font-ui);font-size:14px;color:var(--stone-light);margin-bottom:24px;line-height:1.5}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.choice-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);cursor:pointer;transition:transform .1s,background .15s;-webkit-tap-highlight-color:transparent;text-align:center}.choice-card:active{transform:translate(3px,3px);box-shadow:none}.choice-card.selected{background:var(--green-dark);border-color:var(--green-light);box-shadow:0 0 0 2px var(--green-light),var(--pixel-shadow)}.choice-card .choice-icon{font-size:32px}.choice-card .choice-label{font-family:var(--font-pixel);font-size:8px;color:var(--cream);line-height:1.6}.choice-card .choice-desc{font-family:var(--font-ui);font-size:11px;color:var(--stone-light);line-height:1.4}.choice-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.choice-list .choice-card{flex-direction:row;padding:12px 16px;gap:12px;text-align:left}.choice-list .choice-card .choice-icon{font-size:24px;flex-shrink:0}.choice-multi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:24px}.choice-multi-grid .choice-card{padding:12px 6px}.choice-multi-grid .choice-card .choice-icon{font-size:24px}.choice-multi-grid .choice-card .choice-label{font-size:7px}.onboarding-nav{display:flex;gap:12px;margin-top:auto;padding-top:16px}.onboarding-nav .pixel-btn{flex:1}.dialogue-box{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:16px;margin:16px 0;position:relative}.dialogue-box:before{content:"";position:absolute;top:-12px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid var(--black)}.dialogue-box .speaker{font-family:var(--font-pixel);font-size:8px;color:var(--sun);margin-bottom:8px}.dialogue-box .dialogue-text{font-family:var(--font-ui);font-size:14px;color:var(--cream);line-height:1.6}.xp-bar-container{background:var(--soil);border:var(--pixel-border);padding:8px 12px;margin-bottom:16px}.xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.xp-level{font-family:var(--font-pixel);font-size:9px;color:var(--xp-gold)}.xp-amount{font-family:var(--font-pixel);font-size:7px;color:var(--stone-light)}.xp-bar{height:10px;background:var(--soil-light);border:2px solid var(--black);overflow:hidden}.xp-fill{height:100%;background:var(--xp-gold);transition:width .5s ease}.plant-card{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:12px;display:flex;gap:12px;cursor:pointer;transition:transform .1s}.plant-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.plant-card-icon{font-size:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--soil-light);border:2px solid var(--black)}.plant-card-info{flex:1;min-width:0}.plant-card-name{font-family:var(--font-pixel);font-size:9px;color:var(--green-light);margin-bottom:4px}.plant-card-meta{font-family:var(--font-ui);font-size:11px;color:var(--stone-light);line-height:1.4}.plant-card-stats{display:flex;gap:8px;margin-top:6px}.plant-stat{font-family:var(--font-pixel);font-size:7px;padding:2px 6px;border:2px solid var(--black);background:var(--soil-light)}.plant-stat--easy{color:var(--green-light)}.plant-stat--medium{color:var(--sun)}.plant-stat--hard{color:var(--berry)}.garden-grid-container{margin:16px 0}.garden-grid{display:grid;gap:2px;background:var(--soil-light);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:2px}.garden-cell{aspect-ratio:1;background:var(--soil);border:1px solid var(--soil-light);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background .15s}.garden-cell:hover,.garden-cell.planted{background:var(--green-dark)}.garden-cell .cell-emoji{line-height:1}.calendar-month{text-align:center;margin-bottom:16px}.calendar-month-name{font-family:var(--font-pixel);font-size:12px;color:var(--sun);margin-bottom:12px}.calendar-tasks{display:flex;flex-direction:column;gap:8px}.calendar-task{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow)}.calendar-task-icon{font-size:20px}.calendar-task-info{flex:1}.calendar-task-name{font-family:var(--font-pixel);font-size:8px;color:var(--cream);margin-bottom:2px}.calendar-task-detail{font-family:var(--font-ui);font-size:11px;color:var(--stone-light)}.achievement-card{display:flex;gap:12px;padding:12px;background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);align-items:center}.achievement-card.locked{opacity:.5}.achievement-icon{font-size:28px;flex-shrink:0}.achievement-info{flex:1}.achievement-name{font-family:var(--font-pixel);font-size:8px;color:var(--xp-gold);margin-bottom:4px}.achievement-desc{font-family:var(--font-ui);font-size:11px;color:var(--stone-light)}.achievement-card.locked .achievement-name{color:var(--stone)}.screen-enter{animation:slideIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.section-header{font-family:var(--font-pixel);font-size:10px;color:var(--sun);margin:20px 0 12px;text-shadow:1px 1px 0 var(--black)}.pixel-input{font-family:var(--font-ui);font-size:14px;padding:10px 12px;background:var(--soil);color:var(--cream);border:var(--pixel-border);box-shadow:inset 2px 2px 0 var(--black);width:100%;outline:none}.pixel-input::placeholder{color:var(--stone)}.filter-chips{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{font-family:var(--font-pixel);font-size:7px;padding:6px 10px;background:var(--soil);border:2px solid var(--black);color:var(--stone-light);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.filter-chip.active{background:var(--green-dark);color:var(--green-light);border-color:var(--green-light)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);font-family:var(--font-pixel);font-size:8px;padding:12px 20px;background:var(--green-dark);border:var(--pixel-border);box-shadow:var(--pixel-shadow);color:var(--green-light);z-index:1000;animation:toastIn .3s ease-out,toastOut .3s ease-in 2.2s forwards;max-width:90%;text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.modal-overlay{position:fixed;inset:0;background:#000c;z-index:500;display:flex;align-items:flex-end;justify-content:center}.modal-content{background:var(--soil-dark);border:var(--pixel-border);border-bottom:none;width:100%;max-width:430px;max-height:85dvh;overflow-y:auto;padding:20px 16px;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-close{font-family:var(--font-pixel);font-size:10px;background:none;border:none;color:var(--stone-light);cursor:pointer;padding:4px 8px;float:right}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--soil-light)}.stat-label{font-family:var(--font-pixel);font-size:7px;color:var(--stone-light)}.stat-value{font-family:var(--font-pixel);font-size:8px;color:var(--cream)}.stat-bar{width:60px;height:8px;background:var(--soil-light);border:1px solid var(--black);overflow:hidden}.stat-bar-fill{height:100%}@media(min-width:500px){.screen{scrollbar-width:thin;scrollbar-color:var(--soil-light) transparent}}.zone-selector{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.zone-btn{font-family:var(--font-pixel);font-size:8px;padding:8px 12px;background:var(--soil);border:2px solid var(--black);color:var(--cream);cursor:pointer}.zone-btn.selected{background:var(--green-dark);border-color:var(--green-light);color:var(--green-light)}.journal-entry{padding:12px;background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);margin-bottom:10px}.journal-date{font-family:var(--font-pixel);font-size:7px;color:var(--sun);margin-bottom:6px}.journal-text{font-family:var(--font-ui);font-size:13px;color:var(--cream);line-height:1.5}.journal-tags{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.journal-tag{font-family:var(--font-pixel);font-size:6px;padding:3px 6px;background:var(--green-dark);border:1px solid var(--green);color:var(--green-light)}textarea.pixel-input{resize:vertical;min-height:80px}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:20px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.text-center{text-align:center}.hidden{display:none!important}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.area-card{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:16px 12px;cursor:pointer;transition:transform .1s;text-align:center}.area-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.area-card-icon{font-size:36px;margin-bottom:8px}.area-card-name{font-family:var(--font-pixel);font-size:8px;color:var(--green-light);margin-bottom:4px;line-height:1.6}.area-card-meta{font-family:var(--font-ui);font-size:10px;color:var(--stone-light)}.area-card-sun{font-family:var(--font-pixel);font-size:6px;color:var(--sun);margin-top:6px}.area-list{display:flex;flex-direction:column;gap:8px}.area-list-card{display:flex;align-items:center;gap:12px;background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:12px 14px;cursor:pointer;transition:transform .1s}.area-list-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.area-list-card-icon{font-size:28px;flex-shrink:0}.area-list-card-info{flex:1;min-width:0}.area-list-card-name{font-family:var(--font-pixel);font-size:9px;color:var(--green-light);line-height:1.6}.area-list-card-meta{font-family:var(--font-ui);font-size:10px;color:var(--stone-light);margin-top:2px}.area-list-card-arrow{font-size:10px;color:var(--stone-light);flex-shrink:0}.canvas-pan-arrow{position:absolute;z-index:15;background:#2a1f0ebf;border:2px solid var(--black);box-shadow:var(--pixel-shadow);color:var(--cream);font-size:10px;padding:4px 10px;cursor:pointer;opacity:.65;transition:opacity .15s;line-height:1}.canvas-pan-arrow:hover,.canvas-pan-arrow:active{opacity:1}.canvas-pan-arrow--up{top:2px;left:50%;transform:translate(-50%)}.canvas-pan-arrow--down{bottom:2px;left:50%;transform:translate(-50%)}.canvas-pan-arrow--left{left:2px;top:50%;transform:translateY(-50%)}.canvas-pan-arrow--right{right:2px;top:50%;transform:translateY(-50%)}.container-card{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:12px;display:flex;gap:12px;cursor:pointer;transition:transform .1s}.container-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.container-card-icon{font-size:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--soil-light);border:2px solid var(--black)}.container-card-info{flex:1;min-width:0}.container-card-name{font-family:var(--font-pixel);font-size:9px;color:var(--green-light);margin-bottom:4px}.container-card-meta{font-family:var(--font-ui);font-size:11px;color:var(--stone-light)}.container-card-stats{display:flex;gap:6px;margin-top:4px}.slot-card{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:12px;display:flex;gap:12px;cursor:pointer;transition:transform .1s;align-items:center}.slot-card:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.slot-card-icon{font-size:28px;flex-shrink:0;width:36px;text-align:center}.slot-card-info{flex:1}.slot-card-name{font-family:var(--font-pixel);font-size:8px;color:var(--cream);margin-bottom:2px}.slot-card-status{font-family:var(--font-pixel);font-size:7px}.pokemon-card{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:16px;margin-bottom:16px}.pokemon-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pokemon-card-name{font-family:var(--font-pixel);font-size:12px;color:var(--green-light);text-shadow:1px 1px 0 var(--black)}.pokemon-card-status{font-family:var(--font-pixel);font-size:8px}.pokemon-card-art{text-align:center;padding:20px;background:var(--soil-light);border:2px solid var(--black);margin-bottom:12px}.pokemon-card-stats{margin-bottom:12px}.pokemon-card-progress{padding:8px 0}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--soil-dark);border:var(--pixel-border);box-shadow:var(--pixel-shadow);max-height:240px;overflow-y:auto;z-index:600}.autocomplete-dropdown.hidden{display:none}.autocomplete-item{display:flex;gap:8px;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--soil-light);transition:background .1s}.autocomplete-item:hover,.autocomplete-item.highlighted{background:var(--green-dark)}.autocomplete-item-name{font-family:var(--font-ui);font-size:13px;color:var(--cream);flex:1}.autocomplete-custom,.autocomplete-custom .autocomplete-item-name{color:var(--sun)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.avatar-option{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--soil);border:3px solid var(--black);cursor:pointer;transition:transform .1s,background .15s}.avatar-option:active{transform:scale(.92)}.avatar-option.selected{background:var(--green-dark);border-color:var(--green-light);box-shadow:0 0 0 2px var(--green-light)}.tab-bar{display:flex;gap:0;border:var(--pixel-border);box-shadow:var(--pixel-shadow)}.tab-btn{flex:1;font-family:var(--font-pixel);font-size:8px;padding:10px 8px;background:var(--soil);border:none;color:var(--stone-light);cursor:pointer;transition:background .15s;border-right:2px solid var(--black)}.tab-btn:last-child{border-right:none}.tab-btn.active{background:var(--green-dark);color:var(--green-light)}.tip-card{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:16px}.tip-card-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.tip-viewpoints{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.tip-viewpoint{background:var(--soil-light);padding:10px 12px;border-left:3px solid var(--green)}.tip-viewpoint-title{font-family:var(--font-pixel);font-size:7px;color:var(--cream);margin-bottom:4px}.tip-viewpoint-text{font-family:var(--font-ui);font-size:12px;color:var(--stone-light);line-height:1.5}.tip-takeaway{font-family:var(--font-ui);font-size:13px;color:var(--sun);line-height:1.5;padding-top:8px;border-top:1px solid var(--soil-light)}.zone-lookup-section{background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:12px}.profile-step{margin-bottom:24px}.garden-canvas-wrapper{position:relative;overflow:visible;border:var(--pixel-border);box-shadow:var(--pixel-shadow);background:var(--black);margin:16px 0;padding:0}.garden-canvas{display:grid;grid-template-columns:repeat(16,1fr);gap:1px;background:var(--black)}.garden-tile{aspect-ratio:1;transition:background .1s;cursor:pointer;position:relative}.garden-tile--ground-dirt{background:#8b6914}.garden-tile--ground-dirt:after{content:"";position:absolute;inset:0;background:radial-gradient(circle .5px at 30% 20%,rgba(0,0,0,.15) 100%,transparent),radial-gradient(circle .5px at 70% 60%,rgba(0,0,0,.1) 100%,transparent),radial-gradient(circle .5px at 50% 80%,rgba(0,0,0,.12) 100%,transparent);pointer-events:none}.garden-tile--ground-grass{background:repeating-conic-gradient(var(--green-dark) 0% 25%,#2a6a22 0% 50%) 0 0 / 4px 4px}.garden-tile--ground-stone{background:#9a9a9a}.garden-tile--ground-stone:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 48%,rgba(0,0,0,.08) 49%,rgba(0,0,0,.08) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,0,0,.05) 49%,rgba(0,0,0,.05) 51%,transparent 52%);pointer-events:none}.garden-tile--ground-wood{background:#b8956a}.garden-tile--ground-wood:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 5px,rgba(0,0,0,.06) 5px,rgba(0,0,0,.06) 6px);pointer-events:none}.garden-tile--ground-path{background:#c8b48a}.garden-tile--ground-path:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 1.5px at 4px 4px,rgba(0,0,0,.12) 100%,transparent),radial-gradient(circle 1px at 12px 8px,rgba(0,0,0,.08) 100%,transparent),radial-gradient(circle 1.5px at 8px 14px,rgba(0,0,0,.1) 100%,transparent);pointer-events:none}.garden-tile--ground-wall{background:silver}.garden-tile--ground-wall:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(rgba(0,0,0,.03) 0% 25%,transparent 0% 50%) 0 0 / 8px 8px;pointer-events:none}.garden-tile--ground-wall:after{display:none}.canvas-container{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#8b5a2b59;border:2px solid #8a6240;border-radius:3px;cursor:pointer;z-index:8;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;box-sizing:border-box}.canvas-container:hover{transform:scale(1.03);box-shadow:0 0 0 2px var(--sun),0 2px 8px #0000004d;z-index:9}.canvas-container--small{border-radius:50%;border-width:1px}.canvas-container-icon{font-size:14px;line-height:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3))}.canvas-container--small .canvas-container-icon{font-size:12px}.canvas-container-label{font-family:var(--font-pixel);font-size:5px;color:var(--cream);text-shadow:1px 1px 0 var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;line-height:1;margin-top:1px}.canvas-container-count{position:absolute;top:1px;right:1px;background:var(--green);color:#fff;font-family:var(--font-pixel);font-size:5px;padding:1px 2px;border-radius:2px;line-height:1}.canvas-container--edit{cursor:pointer;opacity:.9}.canvas-container--selected{border-color:var(--sun)!important;box-shadow:0 0 0 2px var(--sun),0 0 12px #fbf23680;z-index:15}.canvas-container-ghost{position:absolute;border:2px dashed var(--green-light);background:#6abe3033;border-radius:3px;z-index:12;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:16px;box-sizing:border-box}.canvas-container-ghost--invalid{border-color:var(--danger);background:#d62d2033}.container-action-bar{display:flex;gap:8px;justify-content:center;padding:8px;background:var(--soil-dark);border:var(--pixel-border);margin-top:4px;animation:slideUp .15s ease-out}.sun-indicator{position:absolute;font-size:18px;transform:translate(-50%,-50%);transition:left 1s ease,top 1s ease;z-index:10;filter:drop-shadow(0 0 4px rgba(255,200,0,.6));pointer-events:none}.sun-indicator--night{opacity:.7;filter:drop-shadow(0 0 4px rgba(100,100,200,.4))}.garden-hud{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--soil);border:var(--pixel-border);border-bottom:none;box-shadow:3px 0 0 var(--black);font-family:var(--font-pixel);font-size:7px}.hud-clock{color:var(--sun);min-width:52px}.hud-weather{display:flex;align-items:center;gap:4px;color:var(--cream);flex:1}.hud-weather-icon{font-size:12px;font-style:normal}.hud-weather-temp{color:var(--sun-warm)}.hud-weather-label{color:var(--stone-light)}.hud-compass{position:relative;width:28px;height:28px;flex-shrink:0}.hud-compass span{position:absolute;font-family:var(--font-pixel);font-size:6px;color:var(--stone-light);line-height:1}.compass-n{top:0;left:50%;transform:translate(-50%);color:var(--berry)}.compass-s{bottom:0;left:50%;transform:translate(-50%)}.compass-e{right:0;top:50%;transform:translateY(-50%)}.compass-w{left:0;top:50%;transform:translateY(-50%)}.compass-cross{top:50%;left:50%;transform:translate(-50%,-50%);color:var(--stone);font-size:7px}.garden-canvas-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--sun-angle, 180deg),rgba(251,242,54,var(--sun-warmth, 0)) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:4;transition:background 2s ease}.weather-particles{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.weather-particles--rain{background:repeating-linear-gradient(100deg,transparent,transparent 4px,rgba(100,160,255,.25) 4px,rgba(100,160,255,.25) 5px);background-size:10px 100%;animation:rain-fall .4s linear infinite;opacity:.6}@keyframes rain-fall{0%{background-position:0 -100%}to{background-position:0 100%}}.weather-particles--snow{background:radial-gradient(1px 1px at 10px 10px,white 100%,transparent),radial-gradient(1px 1px at 30px 25px,rgba(255,255,255,.8) 100%,transparent),radial-gradient(1.5px 1.5px at 50px 5px,white 100%,transparent),radial-gradient(1px 1px at 70px 35px,rgba(255,255,255,.7) 100%,transparent),radial-gradient(1px 1px at 20px 45px,white 100%,transparent);background-size:80px 50px;animation:snow-fall 3s linear infinite;opacity:.7}@keyframes snow-fall{0%{background-position:0 -50px}to{background-position:20px 50px}}.garden-canvas--night:after{content:"";position:absolute;inset:0;background:#0a0a2859;pointer-events:none;z-index:3}.garden-canvas--editing{border-color:var(--sun);box-shadow:0 0 0 2px var(--sun),var(--pixel-shadow)}.garden-tile--editable{cursor:crosshair}.garden-tile--editable:hover{filter:brightness(1.3);outline:1px solid var(--cream);outline-offset:-1px}.garden-toolbar{background:var(--soil-dark);border:var(--pixel-border);box-shadow:0 -2px 0 var(--black);padding:10px;margin-top:8px;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toolbar-section{margin-bottom:8px}.toolbar-label{font-family:var(--font-pixel);font-size:7px;color:var(--stone-light);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px;text-align:center}.toolbar-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.toolbar-row--scroll{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.paint-tool{font-family:var(--font-pixel);font-size:8px;padding:6px 10px;background:var(--soil);border:2px solid var(--black);color:var(--cream);cursor:pointer;transition:background .1s;white-space:nowrap}.paint-tool:hover{background:var(--soil-light)}.paint-tool--active{background:var(--green-dark);border-color:var(--green-light);color:var(--green-light);box-shadow:0 0 0 1px var(--green-light)}.paint-tool-badge{display:inline-block;background:#0000004d;padding:1px 3px;border-radius:2px;font-size:7px;margin-left:2px;vertical-align:middle}.paint-tool--container{flex-shrink:0}.toolbar-col--containers{display:flex;flex-direction:column;gap:3px;max-height:200px;overflow-y:auto;padding:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.container-tool-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 8px;gap:8px;background:var(--soil);border:2px solid var(--black);color:var(--cream);cursor:pointer;transition:background .1s;font-family:var(--font-pixel)}.container-tool-row:hover{background:var(--soil-light)}.container-tool-row.paint-tool--active{background:var(--green-dark);border-color:var(--green-light);color:var(--green-light);box-shadow:0 0 0 1px var(--green-light)}.container-tool-info{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0}.container-tool-icon{font-size:14px;flex-shrink:0}.container-tool-name{font-family:var(--font-pixel);font-size:7px;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-tool-row.paint-tool--active .container-tool-name{color:var(--green-light)}.container-tool-preview{display:grid;gap:1px;flex-shrink:0}.container-preview-cell{width:8px;height:8px;background:#6abe304d;border:1px solid rgba(106,190,48,.6)}.container-tool-row.paint-tool--active .container-preview-cell{background:#6abe3099;border-color:var(--green-light)}.garden-first-run{font-family:var(--font-ui);font-size:11px;color:var(--sun);text-align:center;padding:8px 12px;background:var(--soil);border:var(--pixel-border);box-shadow:var(--pixel-shadow);margin-top:8px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gap-md{gap:16px}