*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app,body{min-height:100vh}.app{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:clamp(.75rem,3vw,1.5rem);transition:background 1.2s ease-out}.app.evolutrix{--level:var(--evolution-level,1);--hue:calc(220 - var(--level)*2);--sat:calc(35% + var(--level)*0.35%);--light:calc(14% + var(--level)*0.06%);background:linear-gradient(135deg,hsl(var(--hue),var(--sat),var(--light)) 0,hsl(calc(var(--hue) + 40),calc(var(--sat) + 15%),calc(var(--light) + 5%)) 45%,hsl(calc(var(--hue) - 25),calc(var(--sat) + 5%),calc(var(--light) - 3%)) 100%)}.header{align-items:center;display:flex;flex-direction:column;gap:.5rem;max-width:420px;text-align:center;width:100%}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#e94560,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0}.header-stats{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:center;margin:.25rem 0}.header-stats .stat{font-size:1rem;white-space:nowrap}.header-stats .stat strong{color:#ffd93d;font-weight:700}.stat-evolution{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:.2em;white-space:normal}.stat-element{align-items:center;color:#ffffffd9;display:inline-flex;font-size:.9em;font-weight:400;gap:.25em}.stat-element-sep{color:#ffd93d99;font-weight:700;-webkit-user-select:none;user-select:none}.stat-element-name{color:#ffd93d;font-style:italic;opacity:.95}.hint{font-size:.85rem;line-height:1.35;margin:0;opacity:.92}.header-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.btn-restart,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease}.btn-restart{background:linear-gradient(180deg,#ffd93d,#f0c030);box-shadow:0 2px 8px #00000040;color:#1a1a2e}.btn-restart:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.btn-secondary{background:#ffffff1f;color:#eee}.btn-secondary.btn-save{min-width:8.5em}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.btn-restart:active,.btn-secondary:active{transform:translateY(0)}.btn-secondary.btn-save-success{background:#55efc459;color:#55efc4;transition:background .3s ease,color .3s ease}.btn-secondary.btn-save-success:hover{background:#55efc473}.btn-secondary.btn-save-error{background:#fd79a840;color:#fd79a8}.save-feedback{animation:saveFade 2s ease-out forwards;font-size:.85rem;margin:.35rem 0 0}.save-feedback-error{color:#fd79a8}@keyframes saveFade{0%,30%{opacity:1}to{opacity:0}}.game-main{align-items:center;display:flex;flex-direction:column}.board-wrap{background:#0006;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff14;padding:clamp(6px,1.5vw,10px)}.board{grid-gap:4px;aspect-ratio:var(--cols) /var(--rows);display:grid;gap:4px;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);max-height:85vmin;width:min(90vmin,400px)}.cell{border:none;border-radius:10px;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:transform .15s ease,box-shadow .15s ease}.cell:hover:not(:disabled):not([data-empty=true]){box-shadow:0 0 12px #fff6;transform:scale(1.08)}.cell[data-selected=true]{animation:selected-pulse 1.2s ease-in-out infinite;box-shadow:0 0 0 4px #fff,0 0 0 6px #ffd93de6,0 0 24px #ffd93d99,0 0 40px #e9456066;transform:scale(1.1);z-index:2}@keyframes selected-pulse{0%,to{box-shadow:0 0 0 4px #fff,0 0 0 6px #ffd93de6,0 0 24px #ffd93d99,0 0 40px #e9456066}50%{box-shadow:0 0 0 4px #fff,0 0 0 7px #ffd93d,0 0 32px #ffd93dcc,0 0 56px #e9456080}}.cell:disabled{cursor:default}.cell[data-empty=true]{cursor:default;visibility:hidden}.gem-inner{align-items:center;background:linear-gradient(135deg,#555,#555 40%,#00000059);background:linear-gradient(135deg,var(--element-color,#555) 0,var(--element-color,#555) 40%,#00000059 100%);border-radius:8px;box-shadow:inset 0 2px 4px #ffffff59;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:36px;width:100%}.element-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fffffff2;display:-webkit-box;font-size:.5rem;font-weight:600;line-height:1.1;max-width:100%;overflow:hidden;padding:0 2px;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 1px #00000080}.cell.merge-from.merge-fly{transition:transform .28s ease-out,opacity .28s ease-out;z-index:2}.cell.merge-from.merge-fly.merge-active{opacity:0;transform:translate(calc(0% + 0px),calc(0% + 0px));transform:translate(calc(var(--dc, 0)*(100% + 4px)),calc(var(--dr, 0)*(100% + 4px)))}.cell.fusion-back{transition:transform .28s ease-out;z-index:2}.cell.fusion-back.fusion-active:not(.fusion-back-phase),.cell.fusion-back.fusion-back-phase{transform:translate(calc(0% + 0px),calc(0% + 0px));transform:translate(calc(var(--dc, 0)*(100% + 4px)),calc(var(--dr, 0)*(100% + 4px)))}.cell.fusion-back.fusion-back-phase.fusion-active{transform:translate(0)}.cell.merge-to.merge-active .gem-inner{animation:mergeReceive .25s ease-out}@keyframes mergeReceive{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.cell.disappearing{animation:disappear .32s ease-in forwards;z-index:1}@keyframes disappear{to{opacity:0;transform:scale(0)}}.cell.new-cell{animation:fallIn .3s ease-out forwards;z-index:1}@keyframes fallIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.cell.falling{animation:fallDown .3s ease-out forwards;z-index:1}@keyframes fallDown{0%{transform:translateY(calc(0% + 0px));transform:translateY(calc(var(--fall-rows, 0)*(100% + 4px)*-1))}to{transform:translateY(0)}}.modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideIn .25s ease-out;background:linear-gradient(180deg,#2a2a4a,#1a1a2e);border-radius:14px;box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff14;max-width:340px;padding:1.5rem;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-text{color:#eee;font-size:1rem;line-height:1.4;margin:0 0 1.25rem;text-align:center}.modal-actions{display:flex;gap:.75rem;justify-content:center}.btn-modal{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease}.btn-modal:hover{transform:translateY(-1px)}.btn-modal:active{transform:translateY(0)}.btn-cancel{background:#ffffff26;color:#eee}.btn-cancel:hover{background:#ffffff38}.btn-confirm{background:linear-gradient(180deg,#ffd93d,#f0c030);box-shadow:0 2px 8px #0003;color:#1a1a2e}.btn-confirm:hover{box-shadow:0 4px 12px #0000004d}
/*# sourceMappingURL=main.dfd77def.css.map*/