*,*:before,*:after{box-sizing:border-box}:root{--bg: #121213;--surface: #1a1a1b;--border: #3a3a3c;--text: #ffffff;--text-muted: #818384;--green: #538d4e;--grey: #3a3a3c;--tile-size: min(17vw, 72px);--tile-gap: 6px;--radius: 6px}html,body{height:100%;margin:0}body{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none}#root{height:100%}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}.sticky-top{position:sticky;top:0;z-index:10;background:var(--bg);flex-shrink:0}.main{flex:1;overflow-y:auto;padding:16px 16px 24px;display:flex;flex-direction:column;gap:8px}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.header-title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-transform:capitalize}.header-actions{display:flex;gap:8px}.header-btn{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.header-btn:hover{border-color:var(--text);color:var(--text)}.target-bar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px 12px;border-bottom:1px solid var(--border)}.target-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.board{display:flex;flex-direction:column;align-items:center;gap:var(--tile-gap)}.word-row{display:flex;gap:var(--tile-gap)}.tile{width:var(--tile-size);height:var(--tile-size);display:flex;align-items:center;justify-content:center;font-size:calc(var(--tile-size) * .42);font-weight:700;text-transform:uppercase;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:default;-webkit-user-select:none;user-select:none;padding:0;transition:border-color .1s,background .1s}.tile--green{background:var(--green);border-color:var(--green)}.tile--grey{background:var(--grey);border-color:var(--grey)}.tile--target{background:transparent;border-color:var(--text-muted);color:var(--text-muted)}.tile--active{cursor:pointer;border-color:#565758}.tile--active:hover{border-color:var(--text)}.tile--selected{border-color:var(--text)!important;outline:2px solid var(--text);outline-offset:1px}button.tile:disabled{cursor:default}.error-banner{text-align:center;color:#e57373;font-size:.9rem;padding:4px 0}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:100}.picker{width:100%;max-width:480px;margin:0 auto;background:var(--surface);border-top:1px solid var(--border);padding:12px 8px 24px;display:flex;flex-direction:column;gap:6px}.picker-hint{text-align:center;font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;margin-bottom:4px}.picker-row{display:flex;justify-content:center;gap:5px}.picker-key{height:48px;min-width:32px;flex:1;max-width:42px;background:#818384;color:var(--text);border:none;border-radius:4px;font-size:1rem;font-weight:600;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.picker-key:active{background:#a0a0a0}.picker-key--current{background:#3a3a3c;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.04em}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;font-size:.95rem;line-height:1.6;color:var(--text-muted)}.modal-body p{margin:0;color:var(--text)}.modal-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.rules-par{color:var(--green);font-weight:600}.rules-example{background:var(--bg);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.rules-example-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.rules-example-chain{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rules-word{font-weight:700;font-size:.95rem;letter-spacing:.08em;color:var(--text);text-transform:uppercase}.rules-word--target{color:var(--green)}.rules-changed{color:#e2b96f}.rules-arrow{color:var(--text-muted);font-size:.8rem}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.win-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px}.win-title{font-size:2rem;font-weight:700;letter-spacing:.08em}.win-stats{font-size:1.1rem;color:var(--text-muted)}.win-par{color:var(--green)}.win-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.btn{padding:12px;background:var(--green);color:var(--text);border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:.05em;text-transform:capitalize}.btn:active{opacity:.85}.btn--secondary{background:var(--grey)}