*{box-sizing:border-box;margin:0;padding:0}.morph{display:flex;flex-direction:column;align-items:center;height:100dvh;max-width:600px;margin:0 auto;padding:1rem;font-family:Georgia,Times New Roman,serif;color:#e0e0e0;background:#1a1a2e;overflow:hidden;position:relative}.morph-start{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:2rem;padding:3rem 0;position:relative;width:100%}.morph-start__title{font-size:2.5rem;font-weight:800;letter-spacing:.05em;color:#e0e0e0}.morph-start__subtitle{font-size:1.1rem;color:#888}.morph-start__play-btn{font-size:1.2rem;font-weight:600;padding:.8em 2em;border-radius:12px;border:none;background:#4a9eff;color:#fff;cursor:pointer;transition:background .15s ease}.morph-start__play-btn:hover{background:#3a8eef}.morph-start__loading{font-size:1rem;color:#888;font-style:italic}.morph-start__stats-btn{font-size:.95rem;font-weight:600;padding:.5em 1.5em;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#e0e0e0;cursor:pointer;transition:border-color .15s ease}.morph-start__stats-btn:hover{border-color:#fff6}.morph-start__help-btn{position:absolute;top:1rem;right:0;width:32px;height:32px;border-radius:50%;border:1px solid #999;background:transparent;color:#999;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.morph-start__copyright{font-size:.75rem;color:#555;margin-top:auto}.morph-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:420px;padding:.5rem 0}.morph-header__score{font-size:1.4rem;font-weight:700;color:#10b981;font-variant-numeric:tabular-nums}.morph-header__chain{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.morph-tile-row{display:flex;gap:.5rem;justify-content:center;max-width:420px;width:100%;margin:1rem 0}.morph-tile{aspect-ratio:1;flex:1;max-width:60px;border-radius:8px;border:2px solid #b8a88a;background:linear-gradient(145deg,#f5e6c8,#e8d5a8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;box-shadow:0 2px 4px #0000004d}.morph-tile:hover{transform:scale(1.03);box-shadow:0 3px 6px #0006}.morph-tile:active{transform:scale(.97)}.morph-tile--selected{background:linear-gradient(145deg,#ddd6fe,#c4b5fd);border-color:#7c3aed;box-shadow:0 0 8px #7c3aed80;transform:scale(1.05)}.morph-tile__letter{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,5vw,2rem);font-weight:700;color:#2c1810;-webkit-user-select:none;user-select:none}.morph-letter-picker{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;max-width:420px;width:100%;margin-bottom:1rem;animation:morph-slide-up .2s ease}@keyframes morph-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.morph-letter-picker__btn{width:36px;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#e0e0e0;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:600;cursor:pointer;transition:background .1s ease,border-color .1s ease}.morph-letter-picker__btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;color:#fff}.morph-letter-picker__btn--current{background:#ffffff0d;border-color:transparent;color:#555;cursor:not-allowed}.morph-controls{display:flex;gap:.5rem;width:100%;max-width:420px;margin-bottom:1rem}.morph-controls__btn{flex:1;padding:.6em 1em;border-radius:8px;border:2px solid transparent;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:background .15s ease}.morph-controls__btn:disabled{opacity:.4;cursor:not-allowed}.morph-controls__btn--submit{background:#10b981;border-color:#059669}.morph-controls__btn--submit:hover:not(:disabled){background:#059669}.morph-controls__btn--undo{background:#6366f1;border-color:#4f46e5}.morph-controls__btn--undo:hover:not(:disabled){background:#4f46e5}.morph-controls__btn--done{background:#ef4444;border-color:#dc2626}.morph-controls__btn--done:hover:not(:disabled){background:#dc2626}.morph-chain{width:100%;max-width:420px;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem}.morph-chain__header{display:flex;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem;font-weight:600}.morph-chain__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.morph-chain__entry{display:flex;align-items:center;gap:.5rem;padding:.2rem 0}.morph-chain__number{color:#666;font-variant-numeric:tabular-nums;min-width:2em;text-align:right}.morph-chain__word{font-weight:600;letter-spacing:.1em;font-family:Courier New,monospace}.morph-chain__badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15em .4em;border-radius:4px;color:#fff}.morph-chain__badge--anagram{background:#6366f1}.morph-chain__badge--mutation{background:#f59e0b}.morph-chain__badge--start{background:#6b7280}.morph-chain__score{color:#10b981;font-weight:600;margin-left:auto}.morph-chain__target{font-size:.9rem}.morph-toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);padding:.6em 1.2em;border-radius:8px;font-size:.9rem;font-weight:700;color:#fff;z-index:100;animation:morph-toast 2s ease forwards;pointer-events:none}.morph-toast--valid{background:#10b981}.morph-toast--invalid{background:#ef4444}.morph-toast--info{background:#4a9eff}@keyframes morph-toast{0%{opacity:0;transform:translate(-50%) translateY(-10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.morph-help{display:flex;flex-direction:column;width:100%;max-width:420px;flex:1;min-height:0}.morph-help__title{font-size:2.2rem;font-weight:800;padding-bottom:1rem}.morph-help__content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1rem}.morph-help__content h3{font-size:1.1rem;margin-bottom:.4rem;color:#4a9eff}.morph-help__content p{line-height:1.5;color:#ccc;margin-bottom:.3rem}.morph-help__back-btn,.morph-back-btn{padding:.6em 1.5em;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#e0e0e0;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:1rem;align-self:center}.morph-help-trigger{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:1px solid #999;background:transparent;color:#999;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.morph-end{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;flex:1;min-height:0;overflow-y:auto;gap:1.5rem;padding:1rem 0}.morph-end__title{font-size:2.2rem;font-weight:800}.morph-end__stats{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.morph-end__stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.morph-end__stat-value{font-size:1.6rem;font-weight:700}.morph-end__stat-value--score{font-size:2.2rem;color:#10b981}.morph-end__stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#888}.morph-end__targets{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem}.morph-end__targets h3{font-size:1rem;margin-bottom:.5rem}.morph-end__target{padding:.3rem 0;font-weight:600;letter-spacing:.1em}.morph-end__target--found{color:#10b981}.morph-end__target--missed{color:#555}.morph-end__actions{display:flex;flex-direction:column;gap:.75rem;width:100%;align-items:center}.morph-end__btn{padding:.6em 2em;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:2px solid transparent;min-width:200px}.morph-end__btn--play{background:#4a9eff;color:#fff;border-color:#3a8eef}.morph-end__btn--play:hover{background:#3a8eef}.morph-end__btn--share{background:transparent;color:#10b981;border-color:#10b981}.morph-end__btn--share:hover{background:#10b9811a}.morph-end__btn--stats{background:transparent;color:#e0e0e0;border-color:#fff3}.morph-end__btn--stats:hover{border-color:#fff6}.morph-stats{display:flex;flex-direction:column;width:100%;max-width:420px;flex:1;min-height:0}.morph-stats__title{font-size:2.2rem;font-weight:800;padding-bottom:1rem;text-align:center}.morph-stats__content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1rem}.morph-stats__section{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem}.morph-stats__section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#4a9eff;margin-bottom:.75rem}.morph-stats__grid{display:flex;gap:1.5rem;flex-wrap:wrap}.morph-stats__item{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:60px}.morph-stats__value{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.morph-stats__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#888}@media(prefers-color-scheme:light){.morph{background:#fafafa;color:#333}.morph-start__title{color:#333}.morph-start__stats-btn{border-color:#ddd;color:#333}.morph-chain{border-color:#ddd}.morph-chain__header{border-bottom-color:#ddd}.morph-letter-picker__btn{background:#0000000d;border-color:#0000001a;color:#333}.morph-letter-picker__btn:hover:not(:disabled){background:#0000001a;color:#111}.morph-letter-picker__btn--current{color:#aaa}.morph-help__content p{color:#555}.morph-end__target--missed{color:#aaa}.morph-end__btn--stats{color:#333;border-color:#ddd}.morph-stats__section{border-color:#ddd}.morph-stats__label{color:#666}.morph-back-btn,.morph-help__back-btn{color:#333;border-color:#ddd}}