:root{color-scheme:dark;--ink:#fff4ff;--muted:#d4c9e5;--pink:#ffd2ed;--blue:#bdefff;--lavender:#d5c1ff;--night:#15142d;--panel:rgba(27,24,56,.94);font-family:Arial,"Noto Sans Hebrew",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--ink);min-height:100dvh}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffe8ae;outline-offset:4px}button{min-height:48px;border:1px solid #c7b4ec70;border-radius:18px;background:#3b305f;color:var(--ink);padding:12px 20px;transition:transform .15s,background .15s}button:hover{background:#514273}button:active{transform:scale(.97)}a{color:#c8eaff}.primary{background:linear-gradient(140deg,#f6b9dc,#cdb8fb);color:#392546;border-color:#fff2ff;font-weight:700;box-shadow:0 4px 24px #df99e33b}.primary:hover{background:#ffe3f3}.secondary{background:transparent}.small{min-height:44px;padding:8px 12px;border-radius:12px}.brand{display:flex;flex-direction:column;align-items:center;gap:5px}.brand h1{font-size:clamp(32px,5vw,58px);line-height:1.1;margin:0;color:#ffe6f7;text-shadow:0 2px 35px #eeb9fd60}.brand span{letter-spacing:2px;font-size:12px;color:#d8c3df}.brand-mark{width:72px;height:72px;filter:drop-shadow(0 0 18px #d4a3ff70)}.shell{min-height:100dvh;background:linear-gradient(0deg,#12112ee8,#17133635),url('/assets/garden.webp') center/cover fixed}.auth-shell{display:grid;place-items:center;padding:32px 18px}.auth-layout{width:min(950px,100%);display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.welcome{text-align:center}.welcome p{line-height:1.8;color:#e9dff5;font-size:18px}.portrait-row{display:flex;justify-content:center;gap:10px;margin-top:24px}.portrait-row img{width:90px;height:110px;object-fit:cover;object-position:center 50%;border-radius:45px;box-shadow:0 0 28px #c995d844;border:1px solid #f2c4fa88}.panel{background:var(--panel);border:1px solid #cab4e53b;border-radius:28px;padding:28px;box-shadow:0 20px 60px #07091b60;backdrop-filter:blur(10px)}h2{font-size:24px;margin:0 0 18px}h3{font-size:19px;margin:0 0 12px}p{line-height:1.65}.muted{color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field input{width:100%;min-height:48px;background:#141329;color:var(--ink);border:1px solid #9381ad;border-radius:12px;padding:12px 14px}.field input[dir=ltr]{text-align:left}form .primary{width:100%}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin:18px 0}.check input{width:20px;height:20px;flex-shrink:0}.form-links{display:flex;justify-content:center;margin-top:16px}.error{color:#ffd3d3;min-height:24px;font-size:14px;margin:12px 0}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:13px;margin-top:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 24px;background:#17142ed9;border-bottom:1px solid #dcc6ee22}.topbar .brand{align-items:flex-start}.topbar h1{font-size:25px}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.greeting{font-size:15px;color:#e1d2ed}.main{max-width:1160px;margin:auto;padding:22px}.garden-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.garden-scene{position:relative;overflow:hidden;min-height:490px;aspect-ratio:1.3;background:url('/assets/garden.webp') center/cover;border:1px solid #bc9ad253;border-radius:30px;box-shadow:0 14px 45px #08091e6b}.scene-shade{position:absolute;inset:0;background:linear-gradient(#11143215,transparent 40%,#11143260)}.scene-label{position:absolute;top:18px;right:18px;left:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.pill{background:#211d43da;border:1px solid #cebbd95c;border-radius:20px;padding:9px 14px;font-size:14px}.sparkles{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 28%,#ffe7b9 0 2px,transparent 3px),radial-gradient(circle at 69% 42%,#fff0bd 0 2px,transparent 3px),radial-gradient(circle at 84% 20%,#d9d0ff 0 2px,transparent 3px);animation:twinkle 4s infinite alternate}.egg-target{position:absolute;top:38%;left:50%;transform:translate(-50%,-15%);padding:0;width:125px;height:155px;border:0;background:transparent;filter:drop-shadow(0 0 24px #ffd49e70);touch-action:none}.egg-target:hover{background:transparent}.egg-target:active{transform:translate(-50%,-15%) scale(.97)}.egg{display:block;width:100%;height:100%;border-radius:50% 50% 46% 46% / 64% 64% 40% 40%;background:radial-gradient(circle at 33% 28%,#fff4d5,transparent 30%),radial-gradient(circle at 67% 60%,#efb9ea 0 10%,transparent 11%),radial-gradient(circle at 30% 78%,#f6c7e6 0 8%,transparent 9%),linear-gradient(160deg,#ffe3b8,#f4b1d4 66%,#cdb1f4);border:2px solid #fff2d8;box-shadow:inset -14px -14px 30px #a578bd50,0 0 35px #ffdda675}.egg-target.warming{animation:eggPulse 1s infinite alternate}.creature-target{position:absolute;top:36%;left:50%;transform:translateX(-50%);width:165px;height:195px;border:0;padding:0;background:transparent;filter:drop-shadow(0 0 22px #e1baff80)}.creature-target:hover{background:transparent}.creature-target img{width:100%;height:100%;object-fit:cover;border-radius:50% 50% 45% 45%;border:2px solid #f7dfff90;animation:float 3s infinite alternate}.scene-caption{position:absolute;bottom:24px;left:18px;right:18px;text-align:center;background:#17152bde;padding:14px;border-radius:18px;max-width:420px;margin:auto;font-size:15px;line-height:1.6}.scene-flower{position:absolute;width:32px;height:40px;pointer-events:none;filter:drop-shadow(0 0 6px #eac1ef);animation:bloom .8s ease-out}.scene-flower svg{width:100%;height:100%}.warm-progress{height:12px;border-radius:10px;background:#5b427a;margin:10px auto 0;overflow:hidden;max-width:260px}.warm-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd4a3,#ffdbfa);transition:width .2s}.sidebar{display:flex;flex-direction:column;gap:16px}.side-card{padding:20px;border-radius:24px;background:#211c42ed;border:1px solid #c2aadd3d}.care-buttons{display:grid;gap:10px}.care-buttons button{display:flex;align-items:center;gap:12px;text-align:right}.icon{width:26px;height:26px;display:inline-flex;flex-shrink:0}.icon svg{width:100%;height:100%}.care-icon{color:#f2d0e6}.stat{font-size:28px;color:#ffe1f2}.nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.nav button{background:#282143d9}.nav .active{border-color:#ffcff0;background:#634263}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#262046f0;border:1px solid #bda1d746;border-radius:24px;overflow:hidden}.card-body{padding:20px}.card img{width:100%;aspect-ratio:1;object-fit:cover}.card.locked img{filter:brightness(0) opacity(.65)}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.game-art{height:140px;display:grid;place-items:center;background:radial-gradient(ellipse,#654880,#251d47);font-size:60px;color:#ffe4a8}.game-art .icon{height:72px;width:72px}.game-card button{width:100%;margin-top:10px}.game-screen{max-width:780px;margin:0 auto}.game-board{position:relative;width:100%;height:400px;background:radial-gradient(ellipse at bottom,#343355,#16132e);border:1px solid #bb9de05c;border-radius:26px;overflow:hidden;touch-action:none}.game-intro{text-align:center}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.bug{position:absolute;padding:0;border:0;min-height:46px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fff4b8 10%,#f8d46c80 30%,transparent 68%);filter:drop-shadow(0 0 10px #ffe9a8);animation:twinkle 1.2s infinite alternate}.bug:hover{background:radial-gradient(circle,#fff4b8 10%,#f8d46c80 30%,transparent 68%)}.basket{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#ffd7af;font-size:38px}.star-node{position:absolute;padding:0;min-height:48px;width:48px;height:48px;border-radius:50%;background:#514073;color:#ffe8af;font-weight:700;border:2px solid #eecaff}.star-node.done{background:#e5c2ed;color:#39223e;box-shadow:0 0 20px #f6cef0}.star-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.petals{position:absolute;inset:30px 0 90px;display:grid;place-items:center}.petal{position:absolute;width:55px;height:80px;border-radius:60%;padding:0;min-height:0;border:2px solid #f9e4ff;transform-origin:50% 130%;top:42%;left:calc(50% - 27px);background:#615378}.flower-center{position:absolute;width:50px;height:50px;border-radius:50%;background:#ffe69f;box-shadow:0 0 25px #ffe8ad;top:calc(42% + 80px);left:calc(50% - 25px);z-index:2}.palette{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:14px}.color-button{width:58px;height:58px;border-radius:50%;border:3px solid #fff0ff}.game-hint{position:absolute;top:18px;right:18px;left:18px;text-align:center;font-size:15px;line-height:1.6}.rhythm-light{position:absolute;width:170px;height:170px;border-radius:50%;left:calc(50% - 85px);top:110px;background:radial-gradient(circle,#fcd7f0,#a388d750 65%,transparent 69%);box-shadow:0 0 70px #dab9ed40;display:grid;place-items:center;font-size:24px}.rhythm-light.beat{box-shadow:0 0 80px #ffcaff;transform:scale(1.08);background:#f7c9e8;color:#3b2342}.rhythm-tap{position:absolute;bottom:25px;right:25%;left:25%;font-size:20px}.result{text-align:center;padding:32px}.result .brand-mark{width:95px;height:95px}.modal{position:fixed;inset:0;background:#08091fbb;z-index:20;padding:20px;display:grid;place-items:center}.modal .panel{max-width:620px;width:100%;max-height:85dvh;overflow:auto}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.legal p{font-size:15px;color:#e3d8eb}.loading{min-height:100dvh;display:grid;place-items:center;text-align:center;background:#18162f}.loader{width:58px;height:58px;border:3px solid #d6ade333;border-top-color:#f0c5e8;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.closed{max-width:540px;text-align:center}.closed img{width:180px;height:200px;object-fit:cover;border-radius:45%}.offline-banner{background:#523447;color:#ffe0e8;padding:12px 20px;text-align:center}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:40;background:#f9e0f1;color:#30223e;border-radius:18px;box-shadow:0 4px 40px #110d23;padding:14px 22px;max-width:90%;text-align:center;display:none;font-weight:700}.admin-shell{max-width:1050px;margin:auto;padding:28px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-tile{padding:20px;background:#292343;border-radius:20px;border:1px solid #9f86b944}.admin-tile label{display:flex;align-items:center;gap:10px;line-height:1.6}.admin-tile input[type=checkbox]{width:24px;height:24px}.admin-tile input[type=number]{width:100%;padding:12px;background:#18132e;color:#fff;border:1px solid #9983ba;border-radius:10px}.user-row{padding:16px;border-bottom:1px solid #7e6f992f;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:16px;background:#4d394e;border-radius:18px;line-height:1.6}.inline-form{display:flex;gap:10px;align-items:center}.invisible{display:none!important}@keyframes float{to{transform:translateY(-8px)}}@keyframes eggPulse{to{filter:drop-shadow(0 0 42px #ffe6b7)}}@keyframes twinkle{to{opacity:.3}}@keyframes bloom{from{transform:scale(0);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.auth-layout{grid-template-columns:1fr;max-width:460px;gap:28px}.welcome p{font-size:16px;margin:10px 0}.portrait-row{display:none}.welcome .brand-mark{width:55px;height:55px}.topbar{padding:12px 15px;align-items:flex-start}.topbar h1{font-size:20px}.greeting{display:none}.main{padding:14px}.garden-layout{grid-template-columns:1fr}.garden-scene{min-height:380px;aspect-ratio:1.1}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-card{padding:15px}.care-buttons{gap:6px}.care-buttons button{padding:9px 12px;font-size:14px}.sidebar h3{font-size:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:15px}.card h3{font-size:17px}.panel{padding:22px}.game-board{height:390px}.nav{gap:7px}.nav button{padding:10px 13px;font-size:14px}.admin-grid{grid-template-columns:1fr}.page-heading h2{font-size:22px}.top-actions button{padding:8px 11px}.footer-links{font-size:12px}}@media(max-width:380px){.sidebar{grid-template-columns:1fr}.game-cards{grid-template-columns:1fr}.garden-scene{min-height:360px}.topbar h1{font-size:18px}.topbar{gap:5px}.top-actions{gap:5px}.brand span{font-size:10px}.game-board{height:350px}.palette{gap:8px}.color-button{width:52px;height:52px}}@media(max-height:500px) and (min-width:650px){.garden-scene{min-height:340px;aspect-ratio:1.6}.auth-shell{padding:20px}.welcome .portrait-row{display:none}.auth-layout{grid-template-columns:1fr 1fr;max-width:900px;gap:25px}.game-board{height:300px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.garden-layout>*{min-width:0}.garden-scene{width:100%}.topbar .brand-mark{display:none}@media(max-width:800px){.garden-scene{aspect-ratio:auto;height:410px;min-height:0}.sidebar>*{min-width:0}.topbar .brand{flex-shrink:0}}@media(max-width:380px){.garden-scene{height:370px}}
.petals{inset:45px 0 90px}.petal{height:64px;width:46px;left:calc(50% - 23px);top:30%;transform-origin:50% 125%}.flower-center{top:calc(30% + 56px);left:calc(50% - 24px)}
.creature-target img{object-fit:contain;border:0;border-radius:0;box-shadow:none;width:100%;height:100%}.creature-target img.level-1{scale:.82}.creature-target img.level-2{scale:.9}.creature-target img.level-4{scale:1.06}.creature-target img.level-5{scale:1.14}.area-1:after,.area-2:after,.area-3:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit}.area-1:after{box-shadow:inset 0 -65px 80px #bb81af44}.area-2:after{box-shadow:inset 0 -65px 80px #74cbff44}.area-3:after{box-shadow:inset 0 -65px 80px #c79ef244}.color-button[aria-pressed=true]{outline:3px solid #fff3d0;outline-offset:4px}.petals{top:25px;height:245px}.petal{top:17%;height:62px;transform-origin:50% 142%}.flower-center{top:calc(17% + 67px)}
@media(max-width:800px){.creature-target{top:31%;height:150px;width:145px}.closed .brand-mark{width:68px;height:68px;object-fit:contain;border-radius:0}.closed .brand h1{margin-top:8px}}.area-decoration{position:absolute;left:12%;top:44%;width:85px;height:105px;pointer-events:none;filter:drop-shadow(0 0 15px #f3b4ee80);color:#cae7f6}.area-decoration svg{width:100%;height:100%}.area-decoration .icon{width:80px;height:100px}.area-decor-2{background:radial-gradient(ellipse,#c0efff77,#96cfff22,transparent 70%);border-radius:50%}.area-decor-3{color:#c8e7b2}
.card .atlas-sprite{object-fit:contain;padding:16px;background:radial-gradient(ellipse,#73588966,#211c4222)}.card.locked .atlas-sprite{filter:brightness(0) opacity(.65)}@media(max-height:500px) and (min-width:650px){.creature-target{top:24%;height:155px}.garden-scene{height:340px}}