*{box-sizing:border-box;margin:0;padding:0}body{font-family:SF Pro Rounded,Segoe UI,Noto Sans SC,system-ui,sans-serif;background:#f8f6ef;color:#342421;min-height:100vh}.container{max-width:720px;margin:0 auto;padding:1rem}h1{font-size:1.6rem;color:#342421;margin:.5rem 0}.meta{color:#6f5651;font-size:.9rem;margin-bottom:1rem}.meta span{margin-right:1rem}.controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:.8rem 0}.btn{padding:.5rem 1rem;border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;transition:transform .1s;font-family:inherit}.btn:active{transform:scale(.95)}.btn-primary{background:#e8a888;color:#fff}.btn-primary:hover{background:#d09070}.btn-secondary{background:#fff4f0;color:#342421}.btn-secondary:hover{background:#e7dacf}.progress{text-align:center;font-size:.85rem;color:#6f5651;margin:.3rem 0;min-height:1.4rem}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#e74c3c;color:#fff;padding:.6rem 1.2rem;border-radius:12px;font-size:.9rem;font-weight:600;z-index:1000;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}.toast.success{background:#559c68}.grid-wrapper{display:flex;justify-content:center;margin:1rem 0}.puzzle-grid{display:inline-grid;gap:2px;background:#e8ddd8;padding:4px;border-radius:12px;box-shadow:0 4px 16px #7b6b8a1a}.cell{display:flex;align-items:center;justify-content:center;border-radius:8px;user-select:none;cursor:pointer;transition:background .15s;position:relative;overflow:hidden}.cell-black{background:#342421;cursor:default;box-shadow:inset 0 2px 4px #00000040}.cell-number{font-weight:800;color:#fff4f0}.cell-lit{background:#fff8f0}.cell-cat{background:#fff4f0;background-image:url(/assets/cats/cat-clay-purple.png);background-size:60%;background-repeat:no-repeat;background-position:center;box-shadow:inset 0 0 12px #e8a88833}.cell-x{background:#fafafa}.cell-dark{background:#f0ebe5}@keyframes hint-pulse{0%,to{box-shadow:inset 0 0 0 3px #e8a888}50%{box-shadow:inset 0 0 0 3px #e8a888,0 0 16px #c8a8e880}}.cell-hint{animation:hint-pulse .8s ease-in-out infinite}.win-overlay{position:fixed;inset:0;background:#fbf8ffeb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;opacity:0;transition:opacity .4s;pointer-events:none}.win-overlay.show{opacity:1;pointer-events:auto}@keyframes cat-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.win-cat{animation:cat-pop .6s ease forwards}.win-text{font-size:1.6rem;font-weight:800;color:#342421;margin-top:1rem}.win-btn{margin-top:1.5rem;padding:.7rem 2rem;background:#e8a888;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.steps-section{margin-top:2rem;border-top:2px solid #e7dacf;padding-top:1.5rem}.steps-section summary{font-size:1.3rem;font-weight:700;color:#342421;cursor:pointer;margin-bottom:1rem;list-style:none}.steps-section summary::-webkit-details-marker{display:none}.steps-section summary:before{content:"▶ ";font-size:.9rem;color:#e8a888}.steps-section[open] summary:before{content:"▼ "}.steps-section h2{font-size:1.3rem;color:#342421;margin-bottom:1rem}.step{padding:.6rem .8rem;margin:.4rem 0;border-radius:8px;font-size:.9rem;line-height:1.5;cursor:pointer;transition:background .15s}.step:hover{background:#fff8f0}.step.active{background:#fff4f0;box-shadow:inset 0 0 0 2px #e8a888}.step .no{font-weight:700;color:#e8a888;margin-right:.5rem}.tag{font-size:.75rem;padding:2px 6px;border-radius:4px;margin-left:.5rem;font-weight:600}.tag-basic{background:#e8f5e9;color:#2e7d32}.tag-advanced{background:#fff3e0;color:#e65100}.seo-content{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e7dacf}.seo-content h2{font-size:1.2rem;color:#342421;margin:1.5rem 0 .5rem}.seo-content p{margin:.5rem 0;line-height:1.7}.seo-content a{color:#e8a888;text-decoration:underline}footer{text-align:center;margin:2rem 0 1rem;font-size:.8rem;color:#6f5651}.puzzle-nav{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;gap:.5rem}.puzzle-nav a,.puzzle-nav span{font-size:.85rem;font-weight:600;text-decoration:none;border-radius:8px;padding:.4rem .8rem;transition:all .15s}.puzzle-nav .nav-prev{background:#fff4f0;color:#342421}.puzzle-nav .nav-prev:hover{background:#e7dacf}.puzzle-nav .nav-next{background:#e8a888;color:#fff;margin-left:auto}.puzzle-nav .nav-next:hover{background:#d09070}.puzzle-nav .nav-disabled{opacity:.4;cursor:default;pointer-events:none}.puzzle-nav .nav-counter{color:#6f5651;font-size:.8rem}.solved-badge{display:inline-block;background:#88c8a8;color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;margin-left:.5rem;vertical-align:middle}@media(max-width:480px){h1{font-size:1.3rem}.controls{gap:.3rem}.btn{padding:.4rem .7rem;font-size:.8rem}}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid #f4dfdc;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-inner{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-logo{width:2.25rem;height:2.25rem;border-radius:.5rem;box-shadow:0 1px 3px #00000014;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-name{line-height:1.1}.brand-name .big{font-weight:900;color:#342421;font-size:1.05rem;display:block}.brand-name .small{font-weight:600;color:#9b726c;font-size:.75rem}.nav{display:flex;align-items:center;gap:.25rem}.nav a{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;color:#6f5651;text-decoration:none}.nav a:hover{background:#fff4f0;color:#342421}