@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#fdf6ee;font-family:DM Sans,sans-serif}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-7px)}30%{transform:translateX(7px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}90%{transform:translateX(2px)}}@keyframes popIn{0%{transform:scale(.4) rotate(-8deg);opacity:0}65%{transform:scale(1.08) rotate(1deg)}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes greenPop{0%{transform:scale(.85);opacity:.4}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.aa-page{min-height:100vh;background:radial-gradient(ellipse at 20% 10%,#fde8cc 0,#fdf6ee 55%,#fde8d8 100%);justify-content:center;font-family:DM Sans,sans-serif;padding:24px 16px;overflow:hidden}.aa-card,.aa-page{display:flex;align-items:center;position:relative}.aa-card{width:100%;max-width:560px;background:#fff;border:1px solid #e8ddd0;border-radius:24px;padding:32px 8px;box-shadow:0 8px 40px rgba(180,120,60,.12),0 2px 8px rgba(0,0,0,.06);flex-direction:column;gap:20px;z-index:1;animation:fadeSlideUp .4s ease both}.aa-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#e8ddd0,transparent)}.aa-level-row{display:flex;gap:8px;width:100%;justify-content:center}.aa-level-btn{padding:7px 20px;border-radius:999px;background:#f8f0e8;color:#92745e;font-weight:600;font-size:12px;letter-spacing:.5px;border:1px solid #e8ddd0;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s}.aa-level-btn:hover{filter:brightness(.94);transform:translateY(-2px);box-shadow:0 6px 16px rgba(194,65,12,.18)}.aa-level-btn--active{background:#c2410c;color:#fff;border-color:#c2410c;box-shadow:0 3px 12px rgba(194,65,12,.3)}.aa-timer{font-size:28px;font-weight:700;letter-spacing:2px;margin-top:12px;align-items:center;text-align:center;transition:color .4s}.aa-timer-clock{font-size:24px;margin-right:2px}.aa-timer--green{color:#16a34a}.aa-timer--yellow{color:#ca8a04}.aa-timer--red{color:#dc2626}.aa-selected-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:60px;width:100%;padding:12px 14px;margin:24px 0;background:#fff7ed;border-radius:14px;border:1.5px solid #fed7aa;align-items:center;transition:background .3s,border-color .3s}.aa-selected-row--reveal,.aa-selected-row--win{background:#f0fdf4;border-color:#86efac}.aa-selected-row__hint{color:#92745e;font-size:13px}.aa-selected-slot{width:42px;height:42px;border-radius:10px;background:#fff;border:2px dashed #fdba74;display:flex;align-items:center;justify-content:center;transition:all .18s}.aa-selected-slot--filled{background:#fff7ed;border:2px solid #c2410c;box-shadow:0 0 0 3px rgba(194,65,12,.08)}.aa-selected-slot--win{background:#dcfce7;border:2px solid #22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15)}.aa-selected-slot--reveal{background:#dcfce7;border:2px solid #22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.aa-selected-letter{font-size:22px;font-weight:700;color:#c2410c}.aa-selected-letter--reveal,.aa-selected-letter--win{color:#166534}.aa-banner{width:100%;text-align:center;margin:8px 0;padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;animation:fadeSlideUp .2s ease both;background-color:#fff1f2;border:1px solid #fda4af;color:#9f1239}.aa-banner--reveal,.aa-banner--win{background-color:#f0fdf4;border-color:#86efac;color:#14532d}.aa-banner--timeout{background-color:#fefce8;border-color:#fde047;color:#713f12}.aa-loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px}.aa-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #fed7aa;border-top-color:#c2410c;animation:spin .75s linear infinite}.aa-loading-text{color:#92745e;margin-top:12px;font-size:14px}.aa-tile-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;padding:4px 0}.aa-tile-grid--shake{animation:shake .5s ease}.aa-tile{width:58px;height:58px;border-radius:14px;background:#fef3e2;border:1.5px solid #fdba74;color:#9a3412;font-size:26px;font-weight:700;box-shadow:0 3px 8px rgba(194,65,12,.15),0 1px 2px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:popIn .38s cubic-bezier(.175,.885,.32,1.275) both;transition:filter .15s,transform .15s,box-shadow .15s}.aa-tile:hover:not(:disabled){filter:brightness(.94);transform:translateY(-2px);box-shadow:0 6px 16px rgba(194,65,12,.28)}.aa-tile:active:not(:disabled){transform:translateY(0);box-shadow:none}.aa-tile--selected{background:#e2e8f0;border-color:#94a3b8;color:#94a3b8;box-shadow:none;transform:scale(.93);cursor:not-allowed}.aa-tile--disabled,.aa-tile--inactive{opacity:.5;cursor:not-allowed}.aa-actions-row{display:flex;gap:10px;justify-content:center;width:100%;margin:32px 0}.aa-action-btn{padding:10px 22px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:600;font-size:14px;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s}.aa-action-btn:disabled{opacity:.45;cursor:not-allowed}.aa-action-btn:hover:not(:disabled){filter:brightness(.94);transform:translateY(-2px);box-shadow:0 6px 16px rgba(194,65,12,.18)}.aa-primary-row{width:100%;display:flex;flex-direction:column;gap:10px}.aa-reveal-btn{padding:11px 28px;border-radius:12px;background:#f8f0e8;border:1px solid #e8ddd0;color:#92745e;font-weight:600;font-size:14px;width:100%;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s}.aa-reveal-btn:hover{filter:brightness(.94);transform:translateY(-2px)}.aa-new-puzzle-btn{padding:13px 28px;border-radius:12px;background:#c2410c;color:#fff;font-weight:700;font-size:16px;letter-spacing:.3px;box-shadow:0 4px 20px rgba(194,65,12,.35);width:100%;cursor:pointer;border:none;transition:filter .15s,transform .15s,box-shadow .15s}.aa-new-puzzle-btn:hover{filter:brightness(.92);transform:translateY(-2px);box-shadow:0 8px 24px rgba(194,65,12,.4)}.aa-header{text-align:center;width:100%}.aa-crown-wrap{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fff7ed;border:2px solid #fed7aa;margin-bottom:12px;animation:float 3.5s ease-in-out infinite}.aa-title{font-size:28px;font-weight:700;letter-spacing:1px;color:#c2410c;line-height:1.1}.aa-subtitle{color:#92745e;font-size:12px;margin-top:4px;font-weight:500}.aa-mode-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:20px;width:100%}.aa-back-btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;padding:0;cursor:pointer;font:inherit;color:#6b7280;font-size:14px;font-weight:600;transition:color .18s ease,transform .18s ease;appearance:none;-webkit-appearance:none}.aa-back-btn:hover{color:#111827}.aa-back-btn:active{transform:translateX(-1px)}.aa-back-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:4px;border-radius:8px}.aa-back-btn__icon{font-size:15px;line-height:1}.aa-mode-badge{justify-self:center;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;border:1px solid transparent}.aa-mode-badge--daily{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.aa-mode-badge--solo{background:#fef3c7;color:#92400e;border-color:#d4b896}.aa-mode-badge--movies{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.aa-mode-header__spacer{justify-self:end;width:48px}@media (max-width:480px){.aa-mode-header{margin-bottom:18px}.aa-back-btn{font-size:13px}.aa-mode-badge{padding:6px 10px;font-size:11px}}.aa-lobby{padding:.25rem 1rem 1rem}.aa-lobby__prompt{font-size:13px;color:#6b7280;text-align:center;margin:0 0 1rem;letter-spacing:.01em}.aa-lobby-card{display:flex;align-items:flex-start;gap:14px;width:100%;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;font-family:inherit;appearance:none;-webkit-appearance:none}.aa-lobby-card--daily{border:1.5px solid rgba(24,95,165,.35)}.aa-lobby-card--solo{border:1.5px solid rgba(109,40,217,.35)}.aa-lobby-card--movies{border:1.5px solid rgba(190,24,93,.35)}.aa-lobby-card--daily:hover{border-color:#185fa5;background:rgba(219,234,254,.25);box-shadow:0 1px 4px rgba(0,0,0,.06)}.aa-lobby-card--solo:hover{border-color:#6d28d9;background:rgba(233,229,255,.25);box-shadow:0 1px 4px rgba(0,0,0,.06)}.aa-lobby-card--movies:hover{border-color:#be185d;background:rgba(252,231,243,.25);box-shadow:0 1px 4px rgba(0,0,0,.06)}.aa-lobby-card:active{transform:scale(.99)}.aa-lobby-card__icon-wrap{width:46px;height:46px;border-radius:10px}.aa-lobby-card__icon-wrap,.aa-lobby-card__icon-wrap-mobile{display:flex;align-items:center;justify-content:center;flex-shrink:0}.aa-lobby-card__icon-wrap-mobile{width:32px;height:32px;border-radius:6px;float:right;display:none}.aa-lobby-card__icon-wrap--daily{background:#dbeafe;color:#185fa5}.aa-lobby-card__icon-wrap--solo{background:#e9e5ff;color:#6d28d9}.aa-lobby-card__icon-wrap--movies{background:#fce7f3;color:#be185d}.aa-lobby-card__body{flex:1;min-width:0}.aa-lobby-card__title{display:block;font-size:15px;font-weight:600;color:#111827;margin-bottom:1px}.aa-lobby-card__date{display:block;font-size:12px;color:#9ca3af;margin-bottom:4px}.aa-lobby-card__desc{display:block;font-size:13px;color:#6b7280;line-height:1.55}.aa-lobby-card__pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.aa-pill{display:inline-block;font-size:11px;font-weight:500;padding:2px 9px;border-radius:999px}.aa-pill--blue{background:#dbeafe;color:#1e40af}.aa-pill--green{background:#dcfce7;color:#166534}.aa-pill--amber{background:#fef3c7;color:#92400e}.aa-pill--red{background:#fee2e2;color:#991b1b}.aa-pill--gray{background:#f3f4f6;color:#374151}.aa-pill--pink{background:#fce7f3;color:#be185d}.aa-lobby-card__arrow{align-self:center;color:#9ca3af;font-size:18px;padding-left:4px;flex-shrink:0}.aa-lobby-divider{display:flex;align-items:center;gap:10px;margin:12px 0}.aa-lobby-divider__line{flex:1;height:1px;background:#e5e7eb}.aa-lobby-divider__label{font-size:12px;color:#9ca3af}@media (max-width:480px){.aa-lobby-card__icon-wrap{display:none}.aa-lobby-card__icon-wrap-mobile{display:flex}.aa-lobby-card__arrow{display:none}}@media (max-width:640px){.aa-lobby-card{gap:12px;padding:16px}.aa-lobby-card__title{font-size:16px}.aa-lobby-card__desc{font-size:14px}}.sg-root{width:100%;min-height:50vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 3rem}.sg-card{width:100%;padding:1.5rem}.sg-title{font-size:clamp(2rem,5vw,3rem);color:#44270a;letter-spacing:-.02em;margin:0 0 .25rem;line-height:1.1}.sg-subtitle{font-size:.75rem;color:#a07850;letter-spacing:.1em;text-transform:uppercase;margin:0 0 2rem}.sg-input-row{display:flex;gap:8px;margin-bottom:.5rem}.sg-input-row.shake{animation:sg-shake .4s ease}.sg-input{flex:1;background:#fdf6ee;border:1.5px solid #d4b896;border-radius:10px;color:#44270a;font-size:1rem;padding:.65rem 1rem;outline:none;transition:border-color .15s;letter-spacing:.05em}.sg-input:focus{border-color:#c07830}.sg-input::placeholder{color:#c4a882}.sg-guess-btn{background:#c07830;border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:500;padding:.65rem 1.25rem;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap;letter-spacing:.03em}.sg-guess-btn:hover:not(:disabled){background:#a06020}.sg-guess-btn:active:not(:disabled){transform:scale(.97)}.sg-guess-btn:disabled{opacity:.5;cursor:default}.sg-error{font-size:.72rem;color:#b94040;margin:0 0 .75rem;min-height:1.1rem;letter-spacing:.02em}.sg-divider{border:none;border-top:1px solid #e8d5bf;margin:1rem 0}.sg-section-label{font-size:.65rem;color:#a07850;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.75rem}.sg-guesses{display:flex;flex-direction:column;gap:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e8d5bf transparent}.sg-guess-row{justify-content:space-between;background:#fdf6ee;border-radius:10px;padding:.6rem 1rem;border:1px solid #e8d5bf;animation:sg-slide-in .2s ease-out}.sg-guess-row,.sg-ops{display:flex;align-items:center}.sg-ops{gap:3px;flex-wrap:wrap;font-size:1rem}.sg-op{border-radius:4px;padding:4px 9px;border:1px solid;font-size:1.1rem;line-height:1.3}.sg-op--keep{background:#eaf5e0;border-color:#6aaa40;color:#3a7020}.sg-op--replace{background:#dcdcdc;border-color:#ccc;color:#333}.sg-op--delete{background:#fde8e8;border-color:#c04040;color:#903030;text-decoration:line-through;text-decoration-color:#c04040}.sg-op--insert{background:#e6f1fb;border-color:#378add;color:#0c447c}.sg-guess-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:10px}.sg-dist-badge{font-size:.82rem;font-weight:500;padding:.25rem .65rem;border-radius:6px;min-width:32px;text-align:center}.sg-banner{border-radius:14px;padding:1.4rem 1.25rem;text-align:center;margin-bottom:1rem;animation:sg-pop-in .35s cubic-bezier(.22,1,.36,1)}.sg-banner--win{background:#f0fbe8;border:1px solid #8ac95c}.sg-banner--giveup{background:#fff4e8;border:1px solid #e0a860}.sg-banner__label{font-size:.78rem;color:#5a8a38;letter-spacing:.04em;margin:0 0 .2rem}.sg-banner--giveup .sg-banner__label{color:#9a6735}.sg-banner__word{font-size:1.75rem;color:#2f5f17;margin:.1rem 0 .4rem;line-height:1.1}.sg-banner--giveup .sg-banner__word{color:#8a4b08}.sg-banner__detail{font-size:.78rem;color:#537a36;letter-spacing:.04em;margin:0}.sg-banner__count{font-weight:500;color:#2f5f17}.sg-give-up-btn{margin-top:1.25rem;background:transparent;border:1px solid #e0b080;border-radius:10px;color:#b07040;font-size:.78rem;padding:.55rem .9rem;cursor:pointer;width:100%;transition:border-color .15s,color .15s;letter-spacing:.03em}.sg-give-up-btn:hover{border-color:#c07830;color:#7a4810}.sg-new-game-btn{background:transparent;border:1.5px solid #d4b896;border-radius:10px;color:#a07850;font-size:.8rem;padding:.6rem 1.25rem;cursor:pointer;transition:border-color .15s,color .15s;letter-spacing:.05em;width:100%;margin-top:1rem}.sg-new-game-btn:hover{border-color:#c07830;color:#7a4810}.sg-color-key{margin-top:1.5rem;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:.72rem;text-align:center;line-height:1.7;letter-spacing:.03em}.sg-key-keep{color:#3a7020}.sg-key-replace{color:#333}.sg-key-delete{color:#903030}.sg-key-insert{color:#0c447c}.sr-root{display:flex;flex-direction:column;gap:0}.sr-outcome{text-align:center;padding:1.25rem 0;border-bottom:.5px solid var(--sg-divider,#e8e0d5);margin-bottom:1rem}.sr-outcome__emoji{font-size:2rem;line-height:1;margin-bottom:6px}.sr-outcome__label{font-size:13px;color:#888;margin:0 0 4px}.sr-outcome__word{font-size:1.75rem;font-weight:600;letter-spacing:.12em;margin:0 0 6px;color:inherit}.sr-outcome__detail{font-size:13px;color:#888;margin:0}.sr-outcome__detail strong{color:inherit;font-weight:600}.sr-guesses{display:flex;flex-direction:column;gap:5px;margin-bottom:1.25rem}.sr-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:rgba(0,0,0,.03);border-radius:8px}.sr-row__ops{display:flex;gap:3px;flex-wrap:wrap}.sr-op{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:5px;font-size:12px;font-weight:600;font-family:var(--font-mono,monospace);letter-spacing:0}.sr-op--keep{background:#d1edbb;color:#2d5a10}.sr-op--replace{background:#e8e6df;color:#5a5850}.sr-op--delete{background:#fad5d4;color:#922020}.sr-op--insert{background:#d4e8fa;color:#1a5fa0;font-style:italic}.sr-row__dist{flex-shrink:0;min-width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.sr-share-card{background:rgba(0,0,0,.03);border:.5px solid rgba(0,0,0,.1);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.sr-share-card__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#999;margin:0 0 8px}.sr-share-card__title{font-size:13px;font-weight:600;margin:0 0 8px;color:inherit}.sr-share-card__subtitle{font-size:12px;font-weight:500;margin:0 0 8px;color:inherit}.sr-share-card__rows{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.sr-share-card__emoji-row{font-size:15px;letter-spacing:2px;line-height:1.2;margin:0}.sr-share-card__divider{border:none;border-top:.5px solid rgba(0,0,0,.1);margin:8px 0}.sr-share-card__legend{font-size:11px;color:#999;margin:0 0 3px}.sr-share-card__url{font-size:12px;color:#aaa;margin:0}.sr-btns{display:flex;gap:8px;margin-bottom:8px}.sr-btn{flex:1;padding:9px 0;border-radius:10px;border:.5px solid rgba(0,0,0,.15);background:#fff;color:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,transform .08s}.sr-btn:hover{background:#f5f3ef}.sr-btn:active{transform:scale(.97)}.sr-btn--copied,.sr-btn--wa{background:#eaf3de;color:#2d5a10;border-color:#b8d98a}.sr-btn--wa:hover{background:#d4ebbb}.sr-new-btn{width:100%;padding:9px 0;border-radius:10px;border:.5px solid rgba(0,0,0,.1);background:transparent;color:#999;font-size:13px;cursor:pointer;transition:color .12s}.sr-new-btn:hover{color:inherit}@media (prefers-color-scheme:dark){.sr-row{background:hsla(0,0%,100%,.05)}.sr-op--keep{background:#1e3d10;color:#a8d878}.sr-op--replace{background:#2e2c28;color:#a8a69e}.sr-op--delete{background:#3d1414;color:#f09595}.sr-op--insert{background:#0e2c45;color:#7ab8e8}.sr-share-card{background:hsla(0,0%,100%,.05)}.sr-share-card,.sr-share-card__divider{border-color:hsla(0,0%,100%,.1)}.sr-btn{background:transparent;border-color:hsla(0,0%,100%,.15)}.sr-btn:hover{background:hsla(0,0%,100%,.07)}.sr-btn--copied,.sr-btn--wa{background:#1e3d10;color:#a8d878;border-color:#2d5a10}.sr-btn--wa:hover{background:#2d5a10}.sr-new-btn{border-color:hsla(0,0%,100%,.1)}}@keyframes sg-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes sg-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes sg-pop-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.sg-banner,.sg-guess-row,.sg-input-row.shake{animation:none}}@media (max-width:480px){.sg-card,.sg-root{padding:4px}.sg-op{padding:4px 8px}}.aa-store-row{text-align:center;width:100%}.aa-store-label{margin:4px 0 12px;font-size:12px;color:#92745e}.aa-store-badges{display:flex;justify-content:center;gap:16px;margin-bottom:4px}.aa-store-badge{display:inline-flex;align-items:center}.aa-store-badge img{height:40px}.intro-card{background:#fff8f0;border:1px solid #e8d5bf;border-radius:16px;padding:1.75rem;width:100%;max-width:500px}.intro-title{font-size:clamp(1.5rem,5vw,1.75rem);color:#44270a;letter-spacing:-.02em;margin:0 0 .2rem;line-height:1.1}.intro-subtitle{font-size:.96rem;color:#a07850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}.intro-body{font-size:.84rem;line-height:1.75;color:#6b4423;margin:0}.intro-body strong{color:#44270a}.intro-divider{border:none;border-top:1px solid #e8d5bf;margin:1.1rem 0}.intro-section-label{font-size:.75rem;color:#a07850;text-transform:uppercase;letter-spacing:.12em;margin:0 0 .6rem;display:block}.intro-edits-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.intro-edit-card{background:#fdf6ee;border:1px solid #e8d5bf;border-radius:10px;padding:.6rem .75rem;display:flex;gap:8px;align-items:flex-start}.intro-edit-card.full-width{grid-column:span 2}.intro-edit-icon{font-size:1.2rem;line-height:1.4;flex-shrink:0}.intro-edit-text{font-size:.84rem;color:#44270a;line-height:1.4}.intro-edit-example{font-size:.75rem;color:#a07850;margin-top:2px;display:block}.intro-hints-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.intro-hint-row{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#6b4423}.intro-hint-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.intro-example-box{background:#fdf6ee;border:1px solid #e8d5bf;border-radius:10px;padding:.9rem 1rem;text-align:center;margin-top:.5rem}.intro-anim-label{font-size:.65rem;color:#a07850;letter-spacing:.06em;margin-bottom:.6rem;min-height:1rem}.intro-tiles{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-bottom:.5rem}.intro-tile{padding:6px 10px;border-radius:5px;font-size:.95rem;font-weight:500;border:1px solid;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,opacity .25s ease}.intro-tile-keep{background:#eaf5e0;border-color:#6aaa40;color:#3a7020}.intro-tile-replace{background:#fef3c7;border-color:#d4a020;color:#92600a;text-decoration:line-through;text-decoration-color:#d4a020;transform:scale(1.08)}.intro-tile-delete{background:#fde8e8;border-color:#c04040;color:#903030;text-decoration:line-through;text-decoration-color:#c04040;transform:scale(1.08)}.intro-tile-ghost{opacity:0;transform:scale(.8);pointer-events:none}.intro-anim-note{font-size:.65rem;color:#6b4423;min-height:1rem}.intro-anim-dist{min-height:26px;display:flex;justify-content:center;align-items:center;margin-top:.4rem}.intro-dist-badge{display:inline-flex;align-items:center;gap:5px;background:#eaf5e0;border:1px solid #6aaa40;color:#3a7020;border-radius:99px;padding:3px 12px;font-size:.72rem;font-weight:500}.intro-example-nav{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;gap:8px}.intro-nav-btn{background:none;border:1px solid #e8d5bf;border-radius:8px;color:#a07850;font-size:.7rem;padding:.3rem .75rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s;letter-spacing:.03em}.intro-nav-btn:hover:not(:disabled){border-color:#c07830;color:#7a4810;background:#fdf6ee}.intro-nav-btn:disabled{opacity:.35;cursor:default}.intro-step-dots{display:flex;align-items:center;gap:6px}.intro-step-dot{width:6px;height:6px;border-radius:50%;background:#e8d5bf;border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}.intro-step-dot.active{background:#c07830;transform:scale(1.3)}.intro-step-dot:hover:not(.active){background:#c4a882}.intro-start-btn{width:100%;margin-top:1.5rem;background:#c07830;border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:500;padding:.75rem 1.25rem;cursor:pointer;transition:background .15s,transform .1s;letter-spacing:.05em}.intro-start-btn:hover{background:#a06020}.intro-start-btn:active{transform:scale(.97)}