.name-generator-hero{color:#fff;background:radial-gradient(circle at 78% 30%,#1d4d73 0,#0000 28%),linear-gradient(135deg,#071524,#0c2136);padding:78px 0 82px}.name-generator-hero h1{letter-spacing:-2px;max-width:900px;margin:18px 0 22px;font:58px/1.02 Georgia,serif}.name-generator-hero h1 em{color:#e8b84a;font-weight:400;display:block}.name-generator-hero>div>p:last-child{color:#afbdc9;max-width:750px;font-size:16px;line-height:1.7}.name-generator-workspace{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:start;gap:22px;padding-top:55px;padding-bottom:95px;display:grid}.name-controls,.name-results{background:#fff;border:1px solid #d9dfe3}.name-controls{padding:30px;position:sticky;top:90px}.generator-step{gap:16px;margin-bottom:20px;display:flex}.generator-step>span{color:#e8b84a;background:#0b1b2e;flex:0 0 42px;place-items:center;height:42px;font:16px Georgia,serif;display:grid}.generator-step h2{margin:0 0 5px;font:25px Georgia,serif}.generator-step p{color:#7a8790;margin:0;font-size:10px;line-height:1.5}.player-picker,.theme-input{gap:8px;display:grid}.player-picker>span,.theme-input>span{color:#53636e;letter-spacing:.9px;text-transform:uppercase;font-size:8px;font-weight:900}.player-picker select,.theme-input input{color:#172735;background:#fafaf7;border:1px solid #cbd3d9;width:100%;padding:14px;font:12px Arial}.selected-players{flex-wrap:wrap;gap:7px;min-height:54px;margin:10px 0 28px;display:flex}.selected-players button{color:#4d4024;cursor:pointer;background:#fff6dc;border:1px solid #d8b45d;padding:8px 10px;font-size:9px;font-weight:800}.selected-players button span{color:#9d7420;margin-left:8px;font-size:14px}.selected-players p{color:#8a959d;margin:5px 0;font-size:9px;line-height:1.5}.style-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;display:grid}.style-grid button{text-align:left;cursor:pointer;background:#fafaf8;border:1px solid #d7dde1;min-height:76px;padding:13px}.style-grid button.active{background:#fff6d8;border:2px solid #d5a637;padding:12px}.style-grid strong,.style-grid small{display:block}.style-grid strong{color:#172735;font:16px Georgia,serif}.style-grid small{color:#7a8790;margin-top:5px;font-size:8px;line-height:1.35}.theme-input{margin-bottom:18px}.generate-button{cursor:pointer;border:0;justify-content:space-between;width:100%}.name-results{padding:0;overflow:hidden}.results-head{color:#fff;background:#0b1b2e;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 30px;display:flex}.results-head .eyebrow{color:#e8b84a}.results-head h2{margin:11px 0 0;font:30px Georgia,serif}.results-head>button{color:#fff;text-transform:uppercase;letter-spacing:.7px;cursor:pointer;background:#102842;border:1px solid #466079;padding:11px 14px;font-size:8px;font-weight:900}.name-list{grid-template-columns:1fr 1fr;display:grid}.name-list article{border-bottom:1px solid #e0e4e7;border-right:1px solid #e0e4e7;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-height:100px;padding:17px 20px;display:grid}.name-list article:nth-child(2n){border-right:0}.name-list article>span{color:#b38627;font:17px Georgia,serif}.name-list article>strong{font:19px/1.2 Georgia,serif}.name-list article>div{grid-column:2;gap:7px;display:flex}.name-list button{color:#5b6b76;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #d3dade;padding:6px 9px;font-size:7px;font-weight:900}.name-list button.saved{color:#7b5b18;background:#fff4cf;border-color:#d5a637}.saved-names{background:#fff8e4;border:1px solid #dfc677;margin:22px;padding:19px}.saved-names>div{justify-content:space-between;gap:16px;display:flex}.saved-names span{color:#8e6a1e;letter-spacing:.8px;text-transform:uppercase;font-size:8px;font-weight:900}.saved-names strong{font-size:9px}.saved-names p{color:#596874;margin:13px 0;font-size:10px;line-height:1.6}.saved-names button{color:#8a6821;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px;font-weight:900}@media (max-width:1050px){.name-generator-workspace{grid-template-columns:1fr}.name-controls{position:static}.name-list article{min-height:92px}}@media (max-width:650px){.name-generator-hero{padding:55px 0 60px}.name-generator-hero h1{font-size:41px}.name-generator-workspace{padding-top:28px;padding-bottom:65px}.name-controls{padding:22px}.style-grid,.name-list{grid-template-columns:1fr}.name-list article,.name-list article:nth-child(2n){border-right:0}.results-head{flex-direction:column;align-items:stretch}.results-head>button{width:100%}.generator-step h2{font-size:22px}}