.namegen-heading{align-items:end}.namegen-heading>div{min-width:0}.namegen-panel{max-width:980px}.namegen-panel__inner{position:relative;z-index:2;padding:28px 30px}.namegen-form{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(300px,1fr) auto;gap:26px;align-items:end}.namegen-field{margin:0}.namegen-field .tdd-field__label,.namegen-gender legend{margin:0 0 8px;color:#9b8564;font-family:"Cinzel",Georgia,serif;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.namegen-field select{height:48px;padding:0 42px 0 14px;color:#eadfc8;background-color:#0b0805;border-color:#6f4b25;font-size:1.08rem;box-shadow:inset 0 0 18px rgba(0,0,0,.28)}.namegen-field select:hover{border-color:#966735}.namegen-field select:focus{border-color:#c39149;box-shadow:0 0 0 2px rgba(195,145,73,.12),inset 0 0 18px rgba(0,0,0,.28)}.namegen-gender{min-width:0;margin:0;padding:0;border:0}.namegen-gender__choices{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}.namegen-choice{position:relative;display:block;cursor:pointer}.namegen-choice input{position:absolute;opacity:0;pointer-events:none}.namegen-choice span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;color:#b7a78b;background:linear-gradient(180deg,rgba(36,25,17,.86),rgba(12,8,5,.96));border:1px solid #5e3f1f;border-radius:3px;font-family:"Cinzel",Georgia,serif;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.namegen-choice span:before{content:"";width:8px;height:8px;margin-right:9px;border:1px solid #8a6435;border-radius:50%;background:#0a0705;box-shadow:inset 0 0 0 2px #0a0705}.namegen-choice:hover span{color:#e2c991;border-color:#9a6c35}.namegen-choice input:checked+span{color:#f0d79b;border-color:#b98543;background:linear-gradient(180deg,rgba(92,54,25,.82),rgba(31,18,10,.98));box-shadow:inset 0 0 18px rgba(185,137,67,.09),0 0 12px rgba(139,77,28,.12)}.namegen-choice input:checked+span:before{background:#c18b43;box-shadow:inset 0 0 0 2px #1a1008,0 0 6px rgba(193,139,67,.45)}.namegen-choice input:focus-visible+span{outline:2px solid rgba(195,145,73,.45);outline-offset:2px}.namegen-submit{display:flex;align-items:flex-end}.namegen-submit .tdd-button{min-width:148px;height:48px;padding-inline:22px;font-size:.71rem}.namegen-results{margin-top:34px}.namegen-results__head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid rgba(151,102,42,.24)}.namegen-results__head h2{margin:0;color:#e7c982;font-family:"Cinzel",Georgia,serif;font-size:1.5rem;font-weight:600}.namegen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.namegen-card{appearance:none;position:relative;overflow:hidden;text-align:left;padding:17px 20px;border:1px solid rgba(151,102,42,.3);border-radius:3px;background:linear-gradient(145deg,rgba(45,29,16,.72),rgba(10,7,5,.94));color:inherit;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.18);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.namegen-card:after{content:"";position:absolute;inset:7px;border:1px solid rgba(230,190,113,.05);pointer-events:none}.namegen-card:hover{transform:translateY(-2px);border-color:rgba(218,166,89,.62);background:linear-gradient(145deg,rgba(58,37,19,.82),rgba(12,8,5,.96));box-shadow:0 14px 30px rgba(0,0,0,.28)}.namegen-card span{display:block;color:#ead29a;font-family:"Cinzel",Georgia,serif;font-size:1.2rem;font-weight:600;letter-spacing:.035em}.namegen-card small{display:block;margin-top:4px;color:#8e816c;font-size:.88rem}.namegen-card:hover small{color:#aa997b}@media(max-width:900px){.namegen-form{grid-template-columns:1fr 1fr}.namegen-submit{grid-column:1/-1}.namegen-submit .tdd-button{width:100%}}@media(max-width:680px){.namegen-panel__inner{padding:22px 18px}.namegen-form{grid-template-columns:1fr;gap:20px}.namegen-submit{grid-column:auto}.namegen-gender__choices{grid-template-columns:1fr 1fr}.namegen-grid{grid-template-columns:1fr}.namegen-results__head{align-items:stretch;flex-direction:column}.namegen-results__head .tdd-button{width:100%}}
