.ng-section{--ng-panel:#1c140b;--ng-soft:#150f08;--ng-inset:#100b06;--ng-border:#4a3b22;--ng-bronze:#8a6d1e;--ng-gold:#d4af37;--ng-bright:#f0cb6e;--ng-muted:#b9a987;scroll-margin-top:100px}.ng-window.ww{background:var(--ng-panel);border:1px solid var(--ng-bronze);width:100%;max-width:none;box-shadow:none;border-radius:4px;margin-inline:0}.ng-window .ww-bar{background:var(--ng-soft);border-bottom:1px solid var(--ng-border);justify-content:center;min-height:42px;padding:10px 16px}.ng-window .ww-title{color:var(--ng-bright);font:600 15px var(--display)}.ng-window .ww-body{padding:26px 40px 34px}.ng-section button{touch-action:manipulation;-webkit-tap-highlight-color:#d4af3726}.ng-toolbar{border-bottom:1px solid var(--ng-border);flex-wrap:wrap;align-items:start;gap:14px 18px;padding-bottom:16px;display:flex}.ng-filter{border:0;min-width:0;max-width:100%;margin:0;padding:0}.ng-filter legend{color:var(--ng-muted);margin-bottom:6px;padding:0;font-size:13px;font-weight:500}.ng-options{flex-wrap:wrap;gap:4px;display:flex}.ng-styles{flex-basis:100%}.ng-races{flex:560px}.ng-classes{flex:500px}.ng-option{border:1px solid var(--ng-border);background:var(--ng-inset);min-height:44px;color:var(--ng-muted);font:500 15px var(--body);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.ng-option:hover:not(:disabled){color:#efe3c8;border-color:var(--ng-bronze);background:#271d10}.ng-option.on{background:var(--ng-gold);border-color:var(--ng-bright);color:#1c140b}.ng-option.on:hover{color:#1c140b;background:var(--ng-bright)}.ng-genders .ng-option{min-width:44px;padding-inline:10px}.ng-gender-symbol{font:22px/1 Arial,sans-serif}.ng-flag{border:1px solid #8d8064;border-radius:2px;width:22px;height:15px}.ng-icon-option{width:52px;height:52px;padding:5px}.ng-icon-option .cc-ico{--s:40px;box-shadow:none;border-radius:2px;transition:none}.ng-icon-option.on{border-color:var(--ng-bright);box-shadow:inset 0 0 0 1px var(--ng-bright);background:#493618}.ng-race-option.Alliance{box-shadow:inset 0 -2px #3d8bff}.ng-race-option.Horde{box-shadow:inset 0 -2px #e5503c}.ng-race-option:nth-child(6){margin-left:8px}.ng-classes .ng-icon-option.on{border-color:var(--cc);box-shadow:inset 0 0 0 1px var(--cc)}.ng-option:disabled{cursor:not-allowed;border-style:dashed}.ng-option:disabled .cc-ico{filter:grayscale()brightness(.45)}.ng-section button:focus-visible,.ng-section input:focus-visible,.ng-section a:focus-visible{outline:2px solid var(--ng-bright);outline-offset:3px;box-shadow:0 0 0 2px var(--ng-inset)}.ng-summary{color:var(--ng-muted);overflow-wrap:anywhere;margin-top:14px;font-size:15px}.ng-summary b{color:#efe3c8;font-weight:500}.ng-style-hint,.ng-class-hint{color:var(--ng-muted);margin-top:5px;font-size:13px;line-height:1.5}.ng-class-hint{margin-bottom:16px}.ng-fullname{border:1px solid var(--ng-bronze);background:var(--ng-soft);border-radius:3px;padding:16px}.ng-fullname-title{color:var(--ng-bright);text-align:center;font:600 20px var(--display);margin:0 0 14px}.ng-name-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.ng-field{min-width:0}.ng-field-label{color:var(--ng-muted);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;font-size:13px;display:flex}.ng-field-label small{font-variant-numeric:tabular-nums;flex:none;font-size:12px}.ng-input-row{gap:6px;display:flex}.ng-name-fields input{border:1px solid var(--ng-border);background:var(--ng-inset);color:#efe3c8;width:100%;min-width:0;min-height:44px;font:400 16px var(--body);border-radius:3px;padding:9px 10px}.ng-name-fields input::placeholder{color:var(--ng-muted);opacity:1}.ng-name-fields input[readonly]{color:var(--ng-bright);font-weight:500}.ng-name-fields input[aria-invalid=true]{border-color:#ff8f7a}.ng-dice{border:1px solid var(--ng-border);background:var(--ng-inset);width:44px;height:44px;color:var(--ng-bright);cursor:pointer;border-radius:3px;flex:none;place-items:center;padding:10px;display:grid}.ng-dice svg{fill:none;stroke:currentColor;stroke-width:1.5px}.ng-dice:hover{border-color:var(--ng-bright);background:#271d10}.ng-limits,.ng-help{color:var(--ng-muted);margin-top:10px;font-size:13px;line-height:1.5}.ng-help{margin-top:4px}.ng-error{color:#ff8f7a;margin-top:6px;font-size:13px}.ng-error:empty{display:none}.ng-actions{text-align:center;margin-top:16px}.ng-generate{border:1px solid var(--ng-bronze);color:#f2e4b8;min-height:44px;font:600 15px var(--display);cursor:pointer;background:#7a1f1f;border-radius:3px;padding:11px 24px}.ng-generate:hover{background:#9c2b2b}.ng-generate:active{transform:translateY(1px)}.ng-results{margin-top:20px}.ng-results h3{text-align:center;color:var(--ng-muted);font:500 15px var(--body)}.ng-results-hint{color:var(--ng-muted);text-align:center;margin-top:5px;font-size:13px}.ng-results ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.ng-results li{border:1px solid var(--ng-border);background:var(--ng-inset);border-radius:3px;align-items:center;gap:6px;min-width:0;display:flex}.ng-results li:hover{border-color:var(--ng-bronze)}.ng-results li.on{background:var(--ng-gold);border-color:var(--ng-bright)}.ng-choice{text-align:left;overflow-wrap:anywhere;min-width:0;min-height:44px;color:var(--ng-muted);font:400 17px var(--body);cursor:pointer;flex:1;padding:10px}.ng-choice strong{color:#efe3c8;font-weight:600}.ng-choice:hover strong{color:var(--ng-bright)}.ng-results .on .ng-choice,.ng-results .on .ng-choice strong{color:#1c140b}.ng-copy{min-height:44px;color:var(--ng-muted);font:500 13px var(--body);cursor:pointer;border-radius:3px;flex:none;margin-right:3px;padding:7px 8px}.ng-copy:hover,.ng-copy.copied{color:var(--ng-bright);background:#322614}.ng-results .on .ng-copy{color:#1c140b}.ng-results .on .ng-copy:hover,.ng-results .on .ng-copy.copied{color:var(--ng-bright);background:var(--ng-inset)}.ng-empty{text-align:center;color:var(--ng-muted);padding:18px 0;font-size:14px}.ng-status{min-height:1.5em;color:var(--ng-bright);text-align:center;overflow-wrap:anywhere;margin-top:8px;font-size:13px}@media (max-width:760px){.ng-window .ww-body{padding:18px 16px 24px}}@media (max-width:520px){.ng-window .ww-body{padding:18px 16px 24px}.ng-icon-option{width:44px;height:44px}.ng-icon-option .cc-ico{--s:32px}.ng-name-fields,.ng-results ul{grid-template-columns:minmax(0,1fr)}.ng-styles .ng-options{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ng-styles .ng-option{min-width:0;padding-inline:5px}.ng-fullname{padding:12px}.ng-generate{width:100%;padding-inline:12px}}@media (prefers-reduced-motion:reduce){.ng-section *,.ng-section :before,.ng-section :after{transition:none!important;animation:none!important}.ng-generate:active{transform:none}}.ng-section .srcnote-more{touch-action:manipulation;min-height:44px;padding-inline:8px}
