*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#121213;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:500px;margin:0 auto}.header{background:#1a1a1b;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header h1{color:#fff;font-size:18px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.settings-button{color:#888;cursor:pointer;background:#1a1a1b;border:1px solid #444;border-radius:4px;padding:4px 10px;font-size:13px}.settings-button.active{color:#fff;background:#1e3a1e;border-color:#538d4e}.help-button{color:#888;cursor:pointer;background:#1a1a1b;border:1px solid #444;border-radius:4px;padding:4px 10px;font-size:13px}.save-link-button{color:#538d4e;cursor:pointer;background:0 0;border:none;font-size:13px}.help-modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-modal{background:#1a1a1b;border:1px solid #444;border-radius:8px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000080}.help-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.help-header h2{color:#fff;margin:0;font-size:18px;font-weight:700}.help-close{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;display:flex}.help-close:hover{color:#fff}.help-content{padding:20px}.help-content section{margin-bottom:20px}.help-content section:last-child{margin-bottom:0}.help-content h3{color:#fff;margin-bottom:8px;font-size:15px;font-weight:700}.help-content p{color:#ccc;margin-bottom:8px;font-size:14px;line-height:1.5}.help-content ul{margin:8px 0;padding:0;list-style:none}.help-content li{color:#ccc;margin-bottom:4px;padding-left:0;font-size:14px;line-height:1.6}.color-label{border-radius:3px;margin-right:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.color-label.green{color:#fff;background:#538d4e}.color-label.yellow{color:#fff;background:#b59f3b}.color-label.gray{color:#fff;background:#3a3a3c}.help-note{color:#888;text-align:center;margin-top:8px;margin-bottom:0;font-size:13px;font-style:italic}button:hover{opacity:.8}.settings-panel{background:#111;border-bottom:1px solid #333;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.settings-row{align-items:center;gap:12px;display:flex}.settings-label{color:#888;width:50px;font-size:13px}.settings-options{gap:4px;display:flex}.settings-option{color:#888;cursor:pointer;background:#333;border:none;border-radius:4px;padding:4px 10px;font-size:13px}.settings-option.active{color:#fff;background:#538d4e}.settings-close{justify-content:flex-end;margin-top:4px;display:flex}.close-button{color:#aaa;cursor:pointer;background:#2a2a2b;border:1px solid #444;border-radius:4px;padding:5px 16px;font-size:13px}.guess-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.guess-input{color:#fff;text-align:center;letter-spacing:2px;background:#1a1a1b;border:1px solid #444;border-radius:4px;width:100px;padding:6px;font-size:14px}.guess-input::placeholder{color:#555}.guess-input:focus{border-color:#565758;outline:none}.color-tiles{gap:4px;display:flex}.color-tile{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.color-tile.gray{background:#3a3a3c}.color-tile.yellow{background:#b59f3b}.color-tile.green{background:#538d4e}.color-tile.inactive{opacity:.3;cursor:not-allowed}.remove-button{color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.guess-board{padding:16px}.guess-board-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.guess-board-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:11px}.guess-board-actions{align-items:center;gap:8px;display:flex}.add-guess-button{color:#888;cursor:pointer;background:#2a2a2b;border:1px solid #444;border-radius:4px;padding:4px 12px;font-size:12px}.add-guess-button:hover{color:#aaa;background:#333;border-color:#555}.clear-button{color:#888;cursor:pointer;background:#2a2a2b;border:1px solid #444;border-radius:4px;padding:4px 12px;font-size:12px}.clear-button:hover{color:#d66;background:#3a2a2a;border-color:#644}.hint-display{padding:16px}.hint-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hint-mystery{flex-direction:column;gap:6px;display:flex}.hint-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:11px}.mystery-tiles{gap:4px;display:flex}.mystery-tile{color:#555;background:#2a2a2b;border:2px dashed #555;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.hint-nav{align-items:center;gap:8px;display:flex}.nav-button{color:#fff;cursor:pointer;background:#2a2a2b;border:1px solid #555;border-radius:4px;padding:5px 12px;font-size:13px}.nav-button:disabled{color:#666;cursor:not-allowed;opacity:.5;border-color:#333}.nav-counter{color:#666;text-align:center;min-width:40px;font-size:13px}.clue-list{flex-direction:column;gap:6px;display:flex}.clue-item{color:#ccc;background:#1a1a1b;border-left:3px solid #b59f3b;border-radius:4px;padding:10px 12px;font-size:14px}.hint-panel{flex-direction:column;display:flex}.hint-button-wrapper{padding:12px 16px}.get-hint-button{color:#fff;cursor:pointer;background:#538d4e;border:none;border-radius:5px;width:100%;padding:10px;font-size:14px;font-weight:700}.get-hint-button:hover{background:#6aa561}.no-hints{text-align:center;color:#666;padding:20px 16px;font-size:13px}.hint-divider{border-top:2px solid #2a2a2b}button{transition:all .15s}.color-tile{transition:background-color .15s}@media (width<=500px){.app{max-width:100%}.header{padding:10px 12px}.header h1{font-size:16px}.guess-input{width:88px}.color-tile{width:20px;height:20px;font-size:10px}}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #538d4e}