*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1c1c1e;background-color:#f2f2f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}#root{flex:1;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;background:#f2f2f7;min-height:100vh;min-height:100dvh;padding:16px 16px 0;overflow:hidden}@media(orientation:landscape)and (max-height:500px){.app{flex-direction:row;padding:12px;gap:16px}.game-screen{flex-direction:row;flex-wrap:wrap;align-content:flex-start;width:100%}.game-header{width:100%;order:1;margin-bottom:0;padding:0}.hangman-container{width:30%;height:auto;order:2;padding:0;align-items:flex-start}.hangman-svg{width:100px;height:120px}.word-controls-container{width:70%;order:2;padding:0}.keyboard-container{width:100%;order:3;padding:8px;border-radius:12px}.key{height:36px;font-size:14px}}.setup-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.setup-title{font-size:28px;font-weight:600;color:#1c1c1e;letter-spacing:-.5px}.setup-subtitle{font-size:17px;color:#8e8e93;margin-top:-24px}.letter-count-selector{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:360px}.count-btn{width:52px;height:52px;border-radius:14px;border:none;background:#fff;color:#1c1c1e;font-size:18px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.count-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.count-btn:active{transform:scale(.95)}.game-screen{flex:1;display:flex;flex-direction:column;gap:12px;overflow:hidden}.game-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px}.controls-group{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:8px}.graveyard{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-height:36px}.graveyard-letter{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ee5a5a4d;cursor:pointer;transition:transform .1s ease}.graveyard-letter:hover{transform:scale(1.1)}.graveyard-letter:active{transform:scale(.9)}.reset-btn{margin-left:0}.hangman-container{display:flex;justify-content:center;align-items:center;padding:16px;flex-shrink:0}.hangman-svg{width:140px;height:160px}.hangman-svg line,.hangman-svg circle{stroke:#1c1c1e;stroke-width:3;stroke-linecap:round;fill:none}.hangman-svg .gallows{stroke:#c7c7cc;stroke-width:4}.word-controls-container{display:flex;align-items:center;justify-content:center;flex:1;width:100%;gap:12px;overflow:hidden;padding:0 16px;flex-direction:column}.word-controls-container .control-btn,.word-controls-container .plus-controls{display:none}.control-btn{width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#1c1c1e;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:all .2s ease;flex-shrink:0}.control-btn:hover:not(:disabled){background:#f2f2f7;transform:scale(1.05)}.control-btn:active:not(:disabled){transform:scale(.95)}.control-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.control-btn.plus{color:#34c759}.control-btn.space{color:#007aff;background:#f2f2f7}.control-btn.minus{color:#ff3b30}.word-container{display:flex;justify-content:center;align-items:center;flex:1;padding:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.word-container::-webkit-scrollbar{display:none}.word-blanks{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.word-spacer{width:20px;height:56px;flex-shrink:0}.letter-blank{width:36px;height:48px;border-radius:10px;background:#fff;border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#1c1c1e;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.letter-blank:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.letter-blank.selected{border-color:#007aff;box-shadow:0 0 0 4px #007aff26}.letter-blank.filled{background:linear-gradient(135deg,#34c759,#30b350);color:#fff;box-shadow:0 2px 8px #34c7594d}.letter-blank .underscore{width:16px;height:3px;background:#c7c7cc;border-radius:2px}.keyboard-container{padding:10px 6px;padding-bottom:max(env(safe-area-inset-bottom),12px);background:#d1d3d9;border-radius:12px 12px 0 0;width:100%;box-sizing:border-box;margin-top:auto}.keyboard-row{display:flex;justify-content:center;gap:4px;margin-bottom:8px;width:100%;box-sizing:border-box}.keyboard-row:last-child{margin-bottom:0}.key{height:46px;flex:1 1 0%;min-width:0;padding:0;border-radius:6px;border:none;background:#fff;color:#1c1c1e;font-size:clamp(12px,4vw,18px);font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0003;transition:all .1s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.key:active{background:#adb5bd;transform:translateY(1px)}.key.selected{background:#007aff;color:#fff}.key.used{background:#bdc3c7;color:#7f8c8d;opacity:.6}.key.action-key{flex:1.5 1 0%;font-size:16px;font-weight:700}.key.action-key:active{background:#8e8e93}.key.action-key.confirm{background:#34c759;color:#fff}.key.action-key.discard{background:#ff3b30;color:#fff}.key.action-key.clear{background:#ff9500;color:#fff}.game-over-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.game-over-modal{background:#fff;border-radius:20px;padding:32px 40px;text-align:center;box-shadow:0 20px 60px #0003}.game-over-modal h2{font-size:24px;font-weight:600;color:#1c1c1e;margin-bottom:8px}.game-over-modal p{font-size:17px;color:#8e8e93;margin-bottom:24px}.play-again-btn{padding:14px 32px;border-radius:12px;border:none;background:#007aff;color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s ease}.play-again-btn:hover{background:#0066d6}.play-again-btn:active{transform:scale(.95)}