:root{--paper: #f3e9d7;--paper-deep: #e7d6b8;--ink: #2a221b;--ink-soft: #6e675f;--wax: #9c2f1f;--wax-dark: #7a2418;--moss: #3f5c4a;--valid: #6b6560;--invalid: #c23030;--cream: #fbf6ec;--key-down: #d9c7a8;color:var(--ink);background:var(--paper);font-family:Segoe UI,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--paper)}body{min-height:100dvh}button,input{font:inherit}button{cursor:pointer}h1,h2,.serif{font-family:Georgia,Times New Roman,serif}.app-shell{min-height:100dvh;max-width:440px;margin:0 auto;background:var(--paper);position:relative}.screen{min-height:100dvh;padding:16px 24px 32px;display:flex;flex-direction:column}.screen.center{justify-content:center}.paper-screen{min-height:100dvh;display:flex;flex-direction:column}.paper-head{display:flex;align-items:center;gap:4px;padding:8px 8px 4px}.paper-head h2{flex:1;margin:0;font-size:22px;font-weight:600}.paper-body{flex:1;overflow:auto;padding:8px 20px 32px}.icon-btn{background:none;border:none;color:var(--ink);font-size:22px;width:40px;height:40px}.title{font-size:42px;font-weight:700;margin:0;line-height:1.05}.subtitle{color:var(--ink-soft);margin:8px 0 0}.hint{color:var(--ink-soft);font-size:13px}.section{margin:18px 0 8px;color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px}.grow{flex:1}.btn{width:100%;height:54px;border:none;border-radius:18px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:600;color:var(--cream)}.btn:disabled{background:var(--paper-deep);color:var(--ink-soft)}.btn-wax{background:var(--wax)}.btn-moss{background:var(--moss)}.btn-quiet{background:none;color:var(--wax);height:44px}.field{width:100%;border:1px solid var(--paper-deep);background:var(--cream);border-radius:16px;padding:14px 16px;color:var(--ink);font-size:16px}.field:focus{outline:2px solid var(--wax);border-color:var(--wax)}.chip{border:1px solid var(--paper-deep);background:var(--cream);color:var(--ink);border-radius:14px;padding:10px 14px;font-size:14px}.chip.on{background:var(--wax);border-color:var(--wax);color:var(--cream)}.chips{display:flex;flex-wrap:wrap;gap:8px}.card{width:100%;background:var(--cream);border-radius:18px;padding:16px;border:none;text-align:left;color:inherit}.letter-grid{display:flex;flex-wrap:wrap;gap:6px}.letter-key{width:36px;height:36px;border:none;border-radius:8px;background:var(--cream);color:var(--ink);font-weight:600}.letter-key.wide{width:72px;color:var(--wax)}.letters-preview{font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:700;letter-spacing:6px;text-align:center;margin:0}.stepper{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.stepper-value{min-width:84px;font-weight:500}.stepper button{background:none;border:none;font-size:22px;width:36px;color:var(--ink)}.connection{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.ok{color:var(--moss)}.warn{color:var(--wax)}.game{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.feed-wrap{position:relative;flex:.6;min-height:0}.feed{height:100%;overflow:auto;padding:108px 96px 8px 24px}.feed-word{font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500;margin:0 0 6px}.hud-left{position:absolute;top:4px;left:8px}.hud-center{position:absolute;top:10px;left:50%;transform:translate(-50%);text-align:center}.hud-right{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.leave{background:none;border:none;color:var(--wax);font-weight:600;padding:8px 12px}.banner{color:var(--ink-soft);font-size:11px;letter-spacing:1.6px;font-weight:600;margin:0 0 0 12px}.constraint-letters{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:700;letter-spacing:3px;margin:0 0 0 12px}.clock{font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:16px}.score-tile{min-width:64px;background:var(--cream);border:none;border-radius:14px;padding:8px 14px;text-align:center}.score-tile strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:22px;color:var(--wax)}.score-tile span{display:block;font-size:9px;color:var(--ink-soft)}.typed{flex:.4;display:flex;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,serif;font-size:32px;letter-spacing:4px;min-height:64px}.keyboard{background:var(--paper-deep);padding:8px 6px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px}.key-row{display:flex;gap:4px}.key{flex:1;height:46px;border:none;border-radius:8px;background:var(--cream);color:var(--ink);font-weight:600;font-size:18px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.key:active{background:var(--key-down)}.key.wide{flex:1.4}.key.send{background:var(--wax);color:var(--cream);font-size:15px}.spacer{flex:.4}.score-block{height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-block strong{font-family:Georgia,Times New Roman,serif;font-size:36px;color:var(--wax)}.score-block span{font-size:11px;color:var(--ink-soft)}.snack{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--cream);padding:12px 18px;border-radius:12px;max-width:90%;z-index:20}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a221b73;display:flex;align-items:center;justify-content:center;z-index:30;padding:24px}.modal{background:var(--paper);border-radius:20px;padding:24px;max-width:360px;width:100%}.tiny{font-size:11px;color:var(--ink-soft)}.word-author{font-size:11px;color:var(--ink-soft);margin:0 0 10px}