:root{--bridge-green: #1b4d3e;--bridge-green-light: #2e6b55;--bridge-green-soft: #e8f2ee;--bridge-red: #b91c1c;--bridge-red-soft: #fef2f2;--bridge-black: #1a1a1a;--bridge-white: #ffffff;--bridge-cream: #faf9f7;--bridge-border: #cbd5c8;--bridge-shadow: rgba(27, 77, 62, .12);--bridge-focus: #1b4d3e;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--bridge-black);background:linear-gradient(160deg,var(--bridge-green-soft) 0%,var(--bridge-cream) 50%,#e8ece8 100%);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font-family:inherit;cursor:pointer;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}button:focus-visible{outline:2px solid var(--bridge-focus);outline-offset:2px}input,select{font-family:inherit}input:focus,select:focus{outline:none}.board-display{position:relative;background:#2e6b45;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0003;margin-bottom:1.5rem;min-width:0;max-width:100%}.board-display-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#3d8b55;color:#fff}.board-display-title{font-weight:700;font-size:1.2rem}.board-display-actions{display:flex;align-items:center;gap:.5rem}.board-display-delete{width:28px;height:28px;border:none;background:transparent;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.board-display-delete:hover{background:#fff3}.board-vuln-square{position:absolute;top:2.75rem;left:.75rem;width:56px;height:56px;padding:8px;box-sizing:border-box;background:#fff;border:5px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 4px #0003;display:flex;align-items:center;justify-content:center;color:#1a1a1a;font-weight:700;z-index:1}.vuln-board-num{font-size:1.35rem;line-height:1}.vuln-dealer-d{position:absolute;font-size:.8rem;font-weight:700;color:#1a1a1a;line-height:1}.vuln-d-n{top:3px;left:50%;transform:translate(-50%)}.vuln-d-s{bottom:3px;left:50%;transform:translate(-50%)}.vuln-d-e{right:3px;top:50%;transform:translateY(-50%)}.vuln-d-w{left:3px;top:50%;transform:translateY(-50%)}.board-vuln-square.vuln-none{border-color:#e2e8f0}.board-vuln-square.vuln-all{border-color:#c53030}.board-vuln-square.vuln-ns{border-top-color:#c53030;border-bottom-color:#c53030;border-left-color:#e2e8f0;border-right-color:#e2e8f0}.board-vuln-square.vuln-ew{border-left-color:#c53030;border-right-color:#c53030;border-top-color:#e2e8f0;border-bottom-color:#e2e8f0}.board-display-table{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". north ." "west center east" ". south .";gap:6px;padding:1rem;min-height:280px;min-width:0;width:100%}.board-display-center{grid-area:center;background:#ffffff26;border-radius:8px;min-width:64px;min-height:40px}.board-display-hand{background:#f8fafc;border-radius:8px;padding:.5rem .6rem;min-width:0;box-shadow:0 1px 3px #00000026}.hand-north{grid-area:north}.hand-south{grid-area:south}.hand-west{grid-area:west}.hand-east{grid-area:east}.hand-dealer .hand-header{background:#eab308;color:#1a1a1a}.board-display-hand:not(.hand-dealer) .hand-header{background:#4a5568;color:#fff}.hand-header{font-size:.95rem;font-weight:600;padding:.35rem .5rem;border-radius:4px 4px 0 0;margin:-.4rem -.5rem .4rem}.hand-suits{font-size:1.05rem;line-height:1.5}.hand-suit-row{display:flex;align-items:baseline;gap:.35rem}.suit-symbol{flex-shrink:0;width:1em}.suit-black{color:#1a1a1a}.suit-red{color:#b91c1c}.suit-ranks{font-family:ui-monospace,monospace;letter-spacing:.02em;overflow-wrap:break-word;min-width:0}.bridge-hand-generator{width:100%;max-width:1800px;margin:0 auto;padding:1.5rem;text-align:left;box-sizing:border-box}.app-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.25rem 1.5rem;background:var(--bridge-white);border-radius:16px;box-shadow:0 4px 20px var(--bridge-shadow);border-left:4px solid var(--bridge-green)}.app-logo{flex-shrink:0}.app-header-text{flex:1;min-width:0}.bridge-hand-generator h1{font-size:1.75rem;font-weight:700;color:var(--bridge-green);margin:0 0 .25rem;letter-spacing:-.02em}.subtitle{color:var(--bridge-black);opacity:.85;font-size:1rem;margin:0}.generator-form{width:100%;padding:1.5rem 1.75rem;background:var(--bridge-white);border-radius:16px;box-shadow:0 4px 20px var(--bridge-shadow);border:1px solid var(--bridge-border);box-sizing:border-box}.generator-form label{display:block;margin-bottom:1.25rem;font-weight:600;color:var(--bridge-black);font-size:.95rem}.generator-form label input,.generator-form label select,.generator-form input,.generator-form select{display:block;width:100%;max-width:24rem;margin-top:.35rem;padding:.65rem .85rem;font-size:1rem;border-radius:10px;border:2px solid var(--bridge-border);background:var(--bridge-cream);color:var(--bridge-black);transition:border-color .2s ease,box-shadow .2s ease}.generator-form label input:focus,.generator-form label select:focus,.generator-form input:focus,.generator-form select:focus{border-color:var(--bridge-green);box-shadow:0 0 0 3px #1b4d3e26}.generator-form .form-row{display:flex;flex-wrap:wrap;gap:1rem}.generator-form .form-row label{flex:1;min-width:100px}.generator-form .constraints{margin:1.25rem 0;padding:1.25rem;border-radius:12px;border:2px solid var(--bridge-green-soft);background:var(--bridge-green-soft)}.generator-form .hint{font-size:.875rem;color:var(--bridge-black);opacity:.8;margin:0 0 .75rem}.per-hand-hcp,.dealer-partner-hcp{margin-top:.75rem}.per-hand-row{align-items:center;margin-bottom:.5rem}.hand-label{min-width:1.5rem;font-weight:600}.per-hand-row input{max-width:6rem;margin-top:0}.distribution-section{margin:1.5rem 0}.distribution-label{display:block;font-weight:600;color:var(--bridge-black);font-size:.95rem;margin-bottom:.35rem}.distribution-hint{margin-bottom:.75rem!important}.distribution-grid{display:flex;flex-direction:column;gap:.35rem 0;max-width:52rem}.distribution-header-row,.distribution-minmax-row,.distribution-row{display:grid;grid-template-columns:2.5rem 1fr 1fr 2rem 1fr 1fr 2rem 1fr 1fr 2rem 1fr 1fr;gap:.35rem .4rem;align-items:center}.dist-gap{min-width:0;padding:0}.dist-suit-span{grid-column:span 2;text-align:center}.dist-header-spacer{grid-column:1}.dist-minmax-label{font-size:.7rem;font-weight:600;color:var(--bridge-green);text-align:center}.distribution-header-row .dist-cell,.distribution-minmax-row .dist-cell{font-weight:600;color:var(--bridge-green);font-size:.9rem}.dist-cell{min-width:0}.dist-player{font-weight:600}.dist-suit{text-align:center;font-size:1.4rem}.distribution-header-row .dist-suit-S,.distribution-header-row .dist-suit-C{color:var(--bridge-black);font-size:1.4rem}.distribution-header-row .dist-suit-H,.distribution-header-row .dist-suit-D{color:var(--bridge-red);font-size:1.4rem}.dist-input{margin-top:0!important;text-align:center;padding:.5rem .6rem!important;min-width:3.25rem;width:100%;box-sizing:border-box}.distribution-section--dealer-partner .distribution-header-row,.distribution-section--dealer-partner .distribution-minmax-row,.distribution-section--dealer-partner .distribution-row{grid-template-columns:5rem 1fr 1fr 2rem 1fr 1fr 2rem 1fr 1fr 2rem 1fr 1fr;gap:.5rem .4rem}.distribution-section--dealer-partner .dist-player{white-space:nowrap}.distribution-section--dealer-partner .dist-input{min-width:2.5rem;max-width:4rem;padding:.35rem .4rem!important;font-size:.95rem}.hcp-section{margin-top:0;margin-bottom:1.5rem}.hcp-hint{margin-bottom:.75rem!important}.hcp-grid{display:flex;flex-direction:column;gap:.35rem 0;max-width:20rem}.hcp-header-row,.hcp-row{display:grid;grid-template-columns:5rem 1fr 1fr;gap:.5rem;align-items:center}.hcp-cell{min-width:0}.hcp-spacer{grid-column:1}.hcp-player{font-weight:600;color:var(--bridge-black);white-space:nowrap}.hcp-minmax-label{font-size:.7rem;font-weight:600;color:var(--bridge-green);text-align:center}.hcp-header-row .hcp-cell{font-weight:600;color:var(--bridge-green);font-size:.9rem}.hcp-input{margin-top:0!important;text-align:center;padding:.35rem .4rem!important;min-width:2.5rem;max-width:4rem;width:100%;box-sizing:border-box;border:2px solid var(--bridge-border);border-radius:8px;background:var(--bridge-white);font-size:.95rem}.hcp-input:focus{outline:none;border-color:var(--bridge-green)}.btn{border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{margin-top:.5rem;background:var(--bridge-green);color:var(--bridge-white);box-shadow:0 2px 8px #1b4d3e59}.btn-primary:hover:not(:disabled){background:var(--bridge-green-light);box-shadow:0 4px 14px #1b4d3e66}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-download{margin-top:.75rem;background:var(--bridge-white);color:var(--bridge-green);border:2px solid var(--bridge-green)}.btn-download:hover{background:var(--bridge-green-soft);box-shadow:0 2px 10px var(--bridge-shadow)}.bridge-hand-generator .error{color:var(--bridge-red);margin-top:1rem;padding:.75rem 1rem;background:var(--bridge-red-soft);border-radius:10px;font-weight:500}.result{margin-top:1.75rem;padding:1.25rem 1.5rem;background:var(--bridge-white);border-radius:16px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;box-shadow:0 4px 20px var(--bridge-shadow);border:1px solid var(--bridge-border);border-left:4px solid var(--bridge-green);overflow-x:auto}.result-intro{margin-bottom:1.25rem;font-size:1rem;color:var(--bridge-black);font-weight:500}.boards-list{display:grid;grid-template-columns:repeat(auto-fill,400px);justify-content:center;gap:1.25rem;margin-bottom:1.25rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.boards-list>*{min-width:0;max-width:100%;overflow:hidden}@media(min-width:640px){.bridge-hand-generator{max-width:1800px}}#root{width:100%;max-width:1800px;margin:0 auto;padding:2rem;text-align:left;box-sizing:border-box}