*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;inset:0}#root{width:var(--vvw, 100%);height:var(--vvh, 100%);overflow:hidden}body{font-family:Segoe UI,system-ui,sans-serif;background:#050814;color:#e8eefc;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit}.editor{display:flex;flex-direction:column;width:100%;height:100%;background:#6fad3c center / cover no-repeat;color:#163014;overflow:hidden}.editor-bar,.editor-tools,.editor-status{background:#6fad3ceb}.editor-title{margin:0;font-size:22px;letter-spacing:.04em}.level-cards{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;width:min(100%,560px);margin:0 auto;padding:16px 16px 24px}.level-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #4e8a28;border-radius:14px;background:#eef8c8}.level-card h2{margin:0 0 4px;font-size:18px}.level-card p{margin:0;font-size:12px;color:#275018;opacity:.8}.level-card-actions{display:flex;flex-shrink:0;gap:8px}.level-card button{flex-shrink:0;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid #4e8a28;background:#d7ee8a;color:#163014;cursor:pointer}.editor-bar button.danger,.level-card button.danger{background:#f6d35a;border-color:#b85a1a;color:#5c140c}.editor-bar button.danger:disabled,.level-card button.danger:disabled{opacity:.6;cursor:wait}.level-empty{margin:24px 0;text-align:center;color:#163014}.editor-bar,.editor-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:center;padding:10px 12px}.editor-fields,.editor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:center}.editor label{display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#275018}.editor input,.editor select,.editor-bar button,.editor-tools .brush,.editor-tools select{font:inherit;min-height:40px;border-radius:10px;border:1px solid #4e8a28;background:#eef8c8;color:#163014;padding:0 10px}.editor input[type=number]{width:4.5rem}.editor-hint{width:100%}.editor-hint input{width:100%;min-height:36px}.editor input[type=checkbox]{width:22px;min-height:22px;padding:0;accent-color:#4e8a28}.editor-check{flex-direction:row;align-items:center;min-height:40px;gap:8px}.editor-bar button,.editor-tools .brush{cursor:pointer;background:#d7ee8a}.editor-bar button.ghost{background:transparent}.editor-bar button:disabled{opacity:.6;cursor:wait}.file-hint{text-transform:none;letter-spacing:0;font-size:11px;opacity:.85}.brush{display:inline-flex;align-items:center;gap:8px}.swatch{width:22px;height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.2)}img.swatch.art{object-fit:contain;background:transparent;border:0}.editor-tools .brush.on{outline:2px solid #ffe14a}.editor-board{position:relative;flex:1;min-height:0;min-width:0}.editor-pad{position:absolute;display:grid;place-items:center;container-type:size}.editor-grid{display:grid;width:min(100%,calc(100% * var(--cols, 7) / var(--rows, 10)));max-width:100%;max-height:100%;aspect-ratio:var(--cols, 7) / var(--rows, 10);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}@supports (width: 1cqw){.editor-grid{width:min(100cqw,calc(100cqh * var(--cols, 7) / var(--rows, 10)));height:auto;max-height:100cqh}}.editor-body{flex:1;min-height:0;min-width:0;display:flex}.editor-dev{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#1c2a14;color:#dceeb0;overflow:auto}.editor-dev h2{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9ec75a}.editor-dev p{margin:0;font-size:12px;opacity:.8}.dev-slider{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c5e18c}.dev-slider span{display:flex;justify-content:space-between;gap:8px}.dev-slider b{font-variant-numeric:tabular-nums;color:#f4ffc8}.editor-dev input[type=range]{width:100%;min-height:0;height:18px;padding:0;border:0;background:transparent;accent-color:#d7ee8a}.dev-reset{min-height:36px;border:1px solid #4e8a28;border-radius:8px;background:#2f4a1c;color:#eef8c8;cursor:pointer}.dev-bgs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dev-bg{display:flex;flex-direction:column;gap:4px;min-height:0;padding:6px;border:1px solid #4e8a28;border-radius:8px;background:#2f4a1c;color:#eef8c8;cursor:pointer;text-transform:none;letter-spacing:0;font-size:10px}.dev-bg img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px;background:#163014}.dev-bg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-bg.on{outline:2px solid #ffe14a}.dev-empty{grid-column:1 / -1}.editor .dev-slider{color:#c5e18c}@media(max-width:720px){.editor-body{flex-direction:column}.editor-dev{width:100%;max-height:38%;flex-direction:row;flex-wrap:wrap;align-items:end}.editor-dev h2,.editor-dev p{width:100%}.dev-slider{flex:1;min-width:140px}}.cell{position:relative;min-height:0;min-width:0;pointer-events:none}.cell-tile{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;background-position:center}.token{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0}.token.fill{width:100%;height:100%;border-radius:0}img.token.art{object-fit:contain;background:transparent}.editor-status{margin:0;padding:8px 12px 12px;text-align:center;color:#275018;font-size:13px}.editor-status.ok{font-weight:700;color:#12350c}.editor-status.err{font-weight:700;color:#5c140c;background:#f6d35a}.admin{display:grid;grid-template-columns:220px 1fr;width:100%;height:100%;background:#12180e;color:#e8f0d4;user-select:text;-webkit-user-select:text}.admin-side{display:flex;flex-direction:column;gap:8px;padding:20px 16px;background:#0c1209;border-right:1px solid #2a3c18}.admin-side h1{margin:0;font-size:20px;color:#d7ee8a}.admin-side p{margin:0 0 12px;font-size:12px;opacity:.7}.admin-nav{display:flex;flex-direction:column;gap:8px}.admin-nav button,.admin-top button,.admin-row-actions button{min-height:40px;padding:0 14px;border:1px solid #4e8a28;border-radius:10px;background:#1c2a14;color:#e8f0d4;cursor:pointer}.admin-nav button.on{background:#d7ee8a;color:#163014}.admin-nav button.ghost{background:transparent}.admin-db{margin-top:auto!important;font-size:11px!important;letter-spacing:.04em;text-transform:uppercase}.admin-main{overflow:auto;padding:24px}.admin-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-top h2{margin:0 0 4px;font-size:28px}.admin-top p{margin:0;opacity:.7}.admin-top button{background:#d7ee8a;color:#163014}.admin-banner{margin-bottom:16px;padding:12px 14px;border-radius:10px;background:#5c140c;color:#f6d35a}.admin-note{margin:0 0 12px;color:#d7ee8a}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,200px));gap:12px;margin-bottom:18px}.admin-stats article{padding:14px 16px;border:1px solid #2f4a1c;border-radius:12px;background:#1c2a14}.admin-stats b{display:block;font-size:26px;color:#d7ee8a}.admin-stats span{font-size:12px;opacity:.7}.admin-table-wrap{overflow:auto;border:1px solid #2f4a1c;border-radius:12px;background:#1c2a14}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 14px;text-align:left}.admin-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9ec75a}.admin-table tbody tr+tr{border-top:1px solid #2f4a1c}.admin-row-actions{display:flex;justify-content:flex-end;gap:8px}.admin-row-actions button.danger{background:#f6d35a;border-color:#b85a1a;color:#5c140c}.admin-row-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:720px){.admin{grid-template-columns:1fr;grid-template-rows:auto 1fr}.admin-side{flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid #2a3c18}.admin-nav{flex-direction:row}.admin-db{margin:0 0 0 auto!important}.admin-stats{grid-template-columns:1fr 1fr}}.admin-gate{display:grid;place-items:center;width:100%;height:100%;background:#12180e;color:#e8f0d4}.admin-card{display:flex;flex-direction:column;gap:12px;width:min(100%,360px);padding:24px;border:1px solid #2f4a1c;border-radius:16px;background:#1c2a14}.admin-card h1{margin:0;font-size:22px;color:#d7ee8a}.admin-card p{margin:0;font-size:13px;opacity:.75}.admin-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9ec75a}.admin-card input{min-height:40px;padding:0 12px;border:1px solid #4e8a28;border-radius:10px;background:#12180e;color:#e8f0d4}.admin-card button{min-height:40px;border:1px solid #4e8a28;border-radius:10px;background:#d7ee8a;color:#163014;cursor:pointer}.admin-card button.ghost{background:transparent;color:#e8f0d4}.app,.game-shell,.game-stage{width:100%;height:100%}.app{position:relative;width:var(--vvw, 100%);height:var(--vvh, 100%);overflow:hidden;background:#7cb342}.game-shell{position:relative;overflow:hidden;background:#7cb342}.game-stage{touch-action:none}.game-stage>*,.game-stage canvas{display:block;width:100%;height:100%}.hud{pointer-events:none;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:max(10px,env(safe-area-inset-top,0px)) 14px max(14px,env(safe-area-inset-bottom,0px))}.hud-bar,.icon-btn{pointer-events:auto}.hud-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,420px)}.icon-btn{width:44px;height:44px;padding:6px;border:0;border-radius:50%;background:#3da9f5;color:#fff;font-size:22px;cursor:pointer;touch-action:manipulation}.icon-btn img{display:block;width:100%;height:100%;object-fit:contain}.progress{flex:1;display:flex;align-items:center;gap:8px;min-height:18px;padding:0 8px;color:#e53935}.progress i{flex:1;height:10px;border-radius:999px;background:linear-gradient(90deg,#f6d365,#fda085)}.progress-label{min-width:7.5rem;color:#163014;font-size:12px;font-weight:700;letter-spacing:.02em;text-align:right}.icon-btn:active{filter:brightness(1.08)}.icon-btn:disabled{opacity:.4;cursor:default}.hud-stats{pointer-events:none;display:flex;justify-content:center;gap:16px;margin-top:8px;width:min(100%,420px);color:#163014;font-size:14px;font-weight:700;letter-spacing:.04em}.victory{pointer-events:auto;position:absolute;inset:0;display:grid;place-items:center;background:#080c069e;padding:24px}.victory-card{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(100%,360px)}.victory-banner{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.victory-actions{display:flex;justify-content:center;gap:16px}.victory-btn{width:72px;height:72px;padding:0;border:0;background:transparent;cursor:pointer}.victory-btn img{display:block;width:100%;height:100%;object-fit:contain}.victory-btn:active{transform:scale(.96)}.fail-banner{margin:0;width:100%;padding:18px 12px;border-radius:16px;background:#5c140c;color:#f6d35a;font-size:42px;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.fail-why,.win-meta{margin:0;color:#eef8c8;font-size:15px;font-weight:700;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.45)}.star-row{display:flex;justify-content:center;gap:8px}.star-row img{width:42px;height:42px;object-fit:contain}.hint-card{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;width:min(100%,420px);margin-top:10px;padding:10px 12px;border-radius:14px;background:#163014eb;color:#eef8c8}.hint-card p{margin:0;flex:1;font-size:14px;font-weight:650;line-height:1.35}.hint-card b{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f6d35a}.hint-card button{flex-shrink:0;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:#d7ee8a;color:#163014;cursor:pointer}.pause-title{margin:0;color:#f6d35a;font-size:36px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pause-actions{display:flex;flex-direction:column;width:min(100%,240px);gap:8px}.pause-btn{min-height:44px;border:0;border-radius:12px;background:#d7ee8a;color:#163014;font-weight:700;cursor:pointer}.pause-btn.ghost{background:transparent;color:#eef8c8;border:1px solid #d7ee8a}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{position:absolute;top:-12px;left:calc(6% * var(--i));width:8px;height:14px;border-radius:2px;background:hsl(calc(var(--i) * 28),80%,58%);animation:confetti-fall 1.4s ease-in both;animation-delay:calc(var(--i) * 40ms)}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(220deg);opacity:.2}}.splash,.select{position:relative;width:100%;height:100%;overflow:hidden}.splash-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.splash-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;padding:max(16px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0810061a 30%,#081006b8)}.splash-hero{width:min(64%,280px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}.splash-title{width:min(80%,340px);margin-top:8px}.splash-tag{margin:8px 0 16px;color:#eef8c8;font-size:14px;font-weight:700;text-align:center;text-shadow:0 2px 8px #000}.splash-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,360px)}.splash-play{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:#eef8c8;font-weight:800;cursor:pointer}.splash-play img{width:72px;height:72px;object-fit:contain}.splash-text,.splash-admin,.select-back{min-height:44px;padding:0 18px;border:0;border-radius:12px;background:#d7ee8a;color:#163014;font-weight:800;cursor:pointer}.splash-admin{margin-top:16px;background:transparent;color:#eef8c8;border:1px solid #d7ee8a}.select{display:flex;flex-direction:column;background:#6fad3c center / cover no-repeat}.select-bar{display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 8px}.select-bar h1{margin:0;font-size:22px}.select-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 16px max(20px,env(safe-area-inset-bottom))}.select-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:110px;padding:14px;border:1px solid #4e8a28;border-radius:16px;background:#eef8c8;color:#163014;text-align:left;cursor:pointer}.select-card b{font-size:28px;line-height:1}.select-card.locked{opacity:.48;cursor:default}.select-stars{display:flex;gap:4px;margin-top:auto}.select-stars img{width:22px;height:22px;object-fit:contain}