.devpanel{position:fixed;top:0;right:0;width:380px;height:100vh;background:#111;border-left:1px solid #2a2a2a;overflow-y:auto;font-size:.8125rem;display:flex;flex-direction:column}.devpanel-toggle{position:fixed;bottom:1rem;right:1rem;background:#1a1a2e;color:#e0e0e0;border:1px solid #333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.75rem}.devpanel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #2a2a2a}.devpanel-header h3{font-size:.875rem;font-weight:600}.devpanel-header-actions{display:flex;gap:.5rem}.devpanel-header-actions button{background:none;border:1px solid #333;color:#888;padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem}.devpanel-tools,.devpanel-execute,.devpanel-results{padding:.75rem 1rem;border-bottom:1px solid #2a2a2a}.devpanel-tools h4,.devpanel-execute h4,.devpanel-results-header h4{font-size:.75rem;text-transform:uppercase;color:#666;letter-spacing:.05em;margin-bottom:.5rem}.devpanel-empty{color:#555;font-style:italic}.devpanel-tool-list{list-style:none}.devpanel-tool-list li{padding:.4rem .5rem;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.devpanel-tool-list li:hover{background:#1a1a1a}.devpanel-tool-list li.selected{background:#1a1a2e}.devpanel-tool-list li strong{font-size:.8125rem}.devpanel-tool-list li span{font-size:.75rem;color:#666}.devpanel-desc{color:#888;margin-bottom:.5rem}.devpanel-execute details{margin-bottom:.5rem}.devpanel-execute summary{font-size:.75rem;color:#666;cursor:pointer;margin-bottom:.25rem}.devpanel-execute pre{background:#0a0a0a;padding:.5rem;border-radius:4px;overflow-x:auto;font-size:.75rem;line-height:1.4}.devpanel-input{margin-bottom:.5rem}.devpanel-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.devpanel-input-header label{font-size:.75rem;color:#666}.devpanel-input-header button{background:none;border:1px solid #333;color:#888;padding:.15rem .4rem;border-radius:3px;cursor:pointer;font-size:.7rem}.devpanel-input textarea{width:100%;background:#0a0a0a;color:#e0e0e0;border:1px solid #2a2a2a;border-radius:4px;padding:.5rem;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;resize:vertical}.devpanel-run{width:100%;padding:.5rem;background:#1a3a5c;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:500}.devpanel-run:hover:not(:disabled){background:#1e4a70}.devpanel-run:disabled{opacity:.5;cursor:not-allowed}.devpanel-results-header{display:flex;justify-content:space-between;align-items:center}.devpanel-results-header button{background:none;border:none;color:#666;cursor:pointer;font-size:.7rem}.devpanel-result{margin-top:.5rem;border-radius:4px;overflow:hidden}.devpanel-result.success{border-left:2px solid #2d6a4f}.devpanel-result.error{border-left:2px solid #9b2c2c}.devpanel-result-meta{display:flex;justify-content:space-between;padding:.25rem .5rem;font-size:.7rem}.devpanel-result-tool{color:#888;font-weight:500}.devpanel-result-time{color:#555}.devpanel-result summary{font-size:.75rem;color:#666;cursor:pointer;padding:0 .5rem}.devpanel-result pre{background:#0a0a0a;padding:.5rem;font-size:.7rem;line-height:1.4;overflow-x:auto;margin:.25rem .5rem .5rem;border-radius:3px}.extension-banner{padding:.5rem 1rem;font-size:.8125rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.extension-banner--connected{background:#0d2818;border-bottom:1px solid #1a4d2e;color:#4ade80}.extension-banner--not-detected{background:#2d0a0a;border-bottom:1px solid #5c1a1a;color:#f87171}.extension-banner__content{display:flex;align-items:center;gap:.5rem}.extension-banner__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.extension-banner--connected .extension-banner__dot{background:#4ade80}.extension-banner--not-detected .extension-banner__dot{background:#f87171}.extension-banner a{color:inherit;text-decoration:underline;text-underline-offset:2px}.extension-banner a:hover{opacity:.8}.extension-banner__dismiss{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;font-size:1rem;line-height:1;opacity:.6}.extension-banner__dismiss:hover{opacity:1}.board{display:flex;flex-direction:column;align-items:center;gap:6px;margin:1.5rem 0}.board-row{display:flex;flex-direction:row;gap:6px}.board-cell{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:4px;transition:background-color .3s,border-color .3s;text-transform:uppercase}.board-cell.empty{border:2px solid #333;background-color:transparent}.board-cell.filled{border:2px solid #555;background-color:transparent;animation:pop .1s ease-in-out}.board-cell.correct{background-color:#538d4e;border:2px solid #538d4e;color:#fff}.board-cell.present{background-color:#b59f3b;border:2px solid #b59f3b;color:#fff}.board-cell.absent{background-color:#3a3a3c;border:2px solid #3a3a3c;color:#fff}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.keyboard{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:1.5rem}.keyboard-row{display:flex;flex-direction:row;gap:5px}.keyboard-key{min-width:36px;height:48px;border:none;border-radius:4px;background-color:#818384;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .2s;padding:0 6px}.keyboard-key.wide{min-width:56px;font-size:.7rem}.keyboard-key:hover:not(:disabled){opacity:.85}.keyboard-key:disabled{opacity:.4;cursor:not-allowed}.keyboard-key.correct{background-color:#538d4e}.keyboard-key.present{background-color:#b59f3b}.keyboard-key.absent{background-color:#3a3a3c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#121213;color:#e0e0e0}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-layout{display:flex;flex-direction:row;min-height:0;flex:1}.game-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;margin-right:380px}.game-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:400px;padding-bottom:.75rem;margin-bottom:1.25rem;border-bottom:1px solid #3a3a3c}.game-header h1{font-size:1.5rem;font-weight:700;letter-spacing:.04em}.status-badge{font-size:.7rem;font-weight:600;padding:.2em .65em;border-radius:999px;background:#3a3a3c;color:#888;text-transform:uppercase;letter-spacing:.04em}.status-badge.online{background:#1b3a1b;color:#538d4e}.start-screen{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:400px;text-align:center;margin-top:2rem}.tagline{color:#888;font-size:.95rem;line-height:1.6}.tagline code{background:#1a1a2e;padding:.15em .4em;border-radius:4px;font-size:.85rem;color:#a0a0d0}.hint-text{color:#666;font-size:.85rem;line-height:1.5}.hint-text strong{color:#888}.mode-descriptions{color:#888;font-size:.8rem;line-height:1.5;text-align:center;max-width:340px}.start-buttons{display:flex;gap:.75rem}.btn{font-size:.9rem;font-weight:600;padding:.6em 1.4em;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:#538d4e;color:#fff}.btn-secondary{background:#3a3a3c;color:#e0e0e0}.game-info{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;color:#888}.guess-counter{font-variant-numeric:tabular-nums}.hard-badge{font-size:.65rem;font-weight:700;padding:.15em .55em;border-radius:999px;background:#b59f3b33;color:#b59f3b;text-transform:uppercase;letter-spacing:.06em}.game-message{margin-top:.75rem;padding:.5em 1.2em;border-radius:6px;background:#1a1a1c;color:#e0e0e0;font-size:.85rem;text-align:center}.game-over{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.25rem}.game-over-text{font-size:1.1rem;font-weight:600}.game-over-text.win{color:#538d4e}.game-over-text.lose{color:#888}.game-over-text strong{color:#e0e0e0;letter-spacing:.08em}.easy-mode-toggle{display:flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:1.5rem;font-size:.75rem;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.easy-mode-toggle input[type=checkbox]{cursor:pointer}