*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cell-size: clamp(28px, 6vw, 48px);--cell-gap: 3px;--color-bg: #f8f7f2;--color-surface: #ffffff;--color-border: #c8c4b0;--color-keyword: #1a1a2e;--color-keyword-text: #ffffff;--color-intersection: #4a4e69;--color-intersection-text: #ffffff;--color-revealed: #e8f4f8;--color-revealed-text: #1a1a2e;--color-indicator-yes: #538d4e;--color-indicator-no: #b8b8b8;--color-correct: #538d4e;--font-main: "Segoe UI", system-ui, sans-serif;--font-mono: "Courier New", Courier, monospace}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-keyword);min-height:100dvh}.app{max-width:640px;margin:0 auto;padding:16px}.app-header{text-align:center;margin-bottom:20px}.app-header h1{font-size:clamp(1.4rem,4vw,2rem);letter-spacing:.05em;text-transform:uppercase}.puzzle-date{color:#666;font-size:.85rem;margin-top:4px}.app-main{display:flex;flex-direction:column;gap:20px}.app-footer{text-align:center;padding:24px 16px 16px;font-size:.75rem;color:#aaa}.app-loading,.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-keyword);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clue-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.clue-label{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.clue-text{font-size:1rem;font-style:italic}.puzzle-grid-wrapper{overflow-x:auto;display:flex;flex-direction:column;align-items:center;gap:8px}.unsolved-hint{font-size:.8rem;color:#888}.puzzle-grid{display:grid;grid-template-columns:repeat(var(--cols),var(--cell-size));gap:var(--cell-gap)}.grid-cell{width:var(--cell-size);height:var(--cell-size);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:clamp(12px,3vw,20px);text-transform:uppercase;border-radius:3px;-webkit-user-select:none;user-select:none;transition:background .3s,color .3s}.grid-cell--keyword{background:var(--color-keyword);color:var(--color-keyword-text);border:2px solid #000}.grid-cell--intersection-unsolved{background:var(--color-keyword);color:var(--color-keyword-text);border:2px solid #000;position:relative}.grid-cell--intersection-unsolved:after{content:"";position:absolute;bottom:3px;right:3px;width:5px;height:5px;background:#aaa;border-radius:50%}.grid-cell--intersection-solved{background:var(--color-intersection);color:var(--color-intersection-text);border:2px solid #2d2d4e}.grid-cell--vertical-revealed{background:var(--color-revealed);color:var(--color-revealed-text);border:2px solid var(--color-intersection);animation:reveal .4s ease-out}.grid-cell--hint{background:#fff8e1;color:#b8860b;border:2px dashed #d4a017;animation:reveal .4s ease-out}@keyframes reveal{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.grid-cell--empty{background:transparent;border:none}.guess-form{display:flex;gap:8px;flex-wrap:wrap;position:relative}.guess-input{flex:1;min-width:160px;padding:10px 14px;font-size:1.1rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);outline:none}.guess-input:focus{border-color:var(--color-keyword)}.guess-btn{padding:10px 20px;font-size:1rem;font-weight:700;background:var(--color-keyword);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.guess-btn:disabled{opacity:.5;cursor:default}.guess-error{width:100%;color:#c0392b;font-size:.85rem}.guess-error--rejection{color:#b8860b}.guess-list-section{display:flex;flex-direction:column;gap:8px}.guess-list-heading{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.guess-count{font-weight:400}.guess-list{list-style:none;display:flex;flex-direction:column;gap:4px}.guess-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:5px;background:var(--color-surface);border:1px solid var(--color-border)}.guess-row--correct{border-color:var(--color-correct);background:#f0faf0}.guess-row--duplicate{opacity:.5}.guess-indicators{display:flex;gap:4px}.indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.75rem;font-weight:700}.indicator--yes{background:var(--color-indicator-yes);color:#fff}.indicator--no{background:var(--color-indicator-no);color:#fff}.guess-word{font-family:var(--font-mono);letter-spacing:.08em;font-size:.95rem}.guess-tag{font-size:.75rem;color:#aaa;font-style:italic}.guess-hint{font-size:.75rem;color:#aaa}.complete-banner{background:#f0faf0;border:2px solid var(--color-correct);border-radius:8px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.share-btn{padding:10px 24px;font-size:1rem;font-weight:700;background:var(--color-correct);color:#fff;border:none;border-radius:6px;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{background:var(--color-surface);border-radius:12px;padding:24px;max-width:400px;width:100%;display:flex;flex-direction:column;gap:16px}.modal h2{font-size:1.2rem}.share-text{font-family:var(--font-mono);font-size:.9rem;background:var(--color-bg);padding:12px;border-radius:6px;white-space:pre;overflow-x:auto}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.close-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background:transparent;cursor:pointer}.landing{max-width:680px;margin:0 auto;padding:24px 16px;min-height:100dvh;display:flex;flex-direction:column;gap:24px}.landing-header{text-align:center}.landing-title{font-size:clamp(2rem,7vw,3.2rem);letter-spacing:.04em;text-transform:uppercase;font-weight:900;color:var(--color-keyword)}.landing-date{color:#666;font-size:.9rem;margin-top:6px}.landing-intro{text-align:center;color:#555;font-size:1rem}.landing-puzzles{display:flex;flex-direction:column;gap:16px}.puzzle-card{display:flex;align-items:center;gap:20px;padding:20px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .1s}.puzzle-card:hover{border-color:var(--color-keyword);box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.puzzle-card-icon{flex-shrink:0}.puzzle-card-preview{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-mono);font-size:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;min-width:90px}.preview-keyword{font-weight:900;font-size:.85rem;background:var(--color-keyword);color:#fff;padding:2px 6px;border-radius:3px;letter-spacing:.05em}.preview-row{color:#aaa;letter-spacing:.1em}.puzzle-card-body h2{font-size:1.2rem;margin-bottom:6px}.puzzle-card-body p{font-size:.9rem;color:#555;line-height:1.4}:root{--kf-cell-size: clamp(26px, 5.5vw, 44px);--kf-cell-gap: 3px;--kf-color-name: #2c1810;--kf-color-name-bg: #8b5e3c;--kf-color-across-bg: #4a4e69;--kf-color-hidden-bg: #e8e8e8;--kf-color-revealed-bg: #fff3cd;--kf-color-solved-bg: #4a4e69}.kf-app{max-width:720px}.kf-category-badge{display:inline-block;margin-top:6px;padding:3px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--kf-color-name-bg);color:#fff;border-radius:999px}.kf-description{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;font-size:.95rem;line-height:1.5;color:#333;font-style:italic}.kf-grid-wrapper{overflow-x:auto;display:flex;flex-direction:column;align-items:center}.kf-grid-row{display:flex;gap:var(--kf-cell-gap);margin-bottom:var(--kf-cell-gap)}.kf-cell{width:var(--kf-cell-size);height:var(--kf-cell-size);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:clamp(11px,2.8vw,18px);text-transform:uppercase;border-radius:3px;-webkit-user-select:none;user-select:none;transition:background .25s}.kf-cell-empty{background:transparent}.kf-cell-name{background:var(--kf-color-name-bg);color:#fff;border:2px solid #5c3d1e}.kf-cell-intersection{border-color:#3a2010;position:relative}.kf-cell-across{border:2px solid #333}.kf-cell-hidden{background:var(--kf-color-hidden-bg);color:transparent}.kf-cell-revealed{background:var(--kf-color-revealed-bg);color:#7b5e00;border-color:#c8a400;animation:kf-reveal .35s ease-out}.kf-cell-solved{background:var(--kf-color-solved-bg);color:#fff;animation:kf-reveal .35s ease-out}@keyframes kf-reveal{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.kf-clues{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px}.kf-clues-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:10px}.kf-clues-list{list-style:none;display:flex;flex-direction:column;gap:8px}.kf-clue-item{display:flex;align-items:baseline;gap:8px;font-size:.95rem;padding:6px 8px;border-radius:5px;background:var(--color-bg);transition:background .2s}.kf-clue-solved{background:#f0faf0}.kf-clue-number{font-weight:700;color:var(--kf-color-name-bg);min-width:20px}.kf-clue-text{flex:1;color:#333}.kf-clue-answer{font-family:var(--font-mono);font-size:.85rem;color:var(--kf-color-across-bg);font-weight:700}.kf-clue-length{color:#aaa;font-size:.8rem}.kf-letter-panel{display:flex;flex-direction:column;gap:10px}.kf-letter-actions{display:flex;gap:10px;flex-wrap:wrap}.kf-action-btn{flex:1;min-width:140px;padding:10px 16px;font-size:.9rem;font-weight:700;border:2px solid;border-radius:7px;cursor:pointer;transition:opacity .15s}.kf-action-btn:disabled{opacity:.4;cursor:default}.kf-buy-btn{background:#fff3cd;border-color:#c8a400;color:#7b5e00}.kf-show-btn{background:#e8f4f8;border-color:#4a9bb5;color:#1d5f73}.kf-used-letters{display:flex;gap:6px;flex-wrap:wrap}.kf-used-tag{padding:2px 10px;border-radius:999px;font-family:var(--font-mono);font-weight:700;font-size:.85rem}.kf-used-bought{background:#fff3cd;color:#7b5e00;border:1px solid #c8a400}.kf-used-shown{background:#e8f4f8;color:#1d5f73;border:1px solid #4a9bb5}.kf-letter-picker{background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.kf-letter-picker-title{font-size:.9rem;font-weight:600;color:#555}.kf-alphabet{display:flex;flex-wrap:wrap;gap:6px}.kf-alpha-btn{width:36px;height:36px;font-family:var(--font-mono);font-weight:700;font-size:.95rem;border:2px solid var(--color-border);border-radius:5px;background:var(--color-surface);cursor:pointer;transition:background .12s,border-color .12s}.kf-alpha-btn:hover:not(:disabled){background:var(--color-keyword);color:#fff;border-color:var(--color-keyword)}.kf-alpha-btn:disabled,.kf-alpha-used{opacity:.35;cursor:default}.kf-cancel-btn{align-self:flex-start;padding:6px 14px;border:1px solid var(--color-border);border-radius:6px;background:transparent;cursor:pointer;font-size:.85rem}.kf-guess-input{display:flex;flex-direction:column;gap:8px}.kf-guess-form{display:flex;gap:8px}.kf-input{flex:1;padding:10px 14px;font-size:1.1rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);outline:none}.kf-input:focus{border-color:var(--kf-color-name-bg)}.kf-submit-btn{padding:10px 20px;font-size:1rem;font-weight:700;background:var(--kf-color-name-bg);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.kf-submit-btn:disabled{opacity:.45;cursor:default}.kf-feedback{font-size:.85rem;color:#c0392b;padding:0 2px}.kf-score-info{display:flex;gap:16px;flex-wrap:wrap;font-size:.8rem;color:#888;justify-content:center}