.appearance-panel{margin:16px 0;padding:12px;border:1px solid #3c526d;border-radius:9px;background:#152639}.appearance-panel>label{font-size:11px;letter-spacing:.4px;color:#c8d8ea}.appearance-row{display:flex;gap:7px;margin-top:8px}.appearance-row select{flex:1;min-width:0}.appearance-row select,.appearance-row button,.hero-controls button{font:inherit;font-size:11px;border:1px solid #4a6581;background:#20364d;color:#e5edf7;border-radius:6px;min-height:36px;padding:7px 10px}.appearance-panel p{margin:9px 0 0;color:#a8bbd0;font-size:10px;line-height:1.5}.hero-controls{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;border-top:1px solid #30465f}.hero-controls fieldset{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0}.hero-controls legend{font-size:10px;color:#b3c8de;letter-spacing:.5px;margin-bottom:6px}.hero-controls button[aria-pressed=true]{border-color:#8ddcbe;background:#31574e}.hero-controls button:disabled,.appearance-row button:disabled{opacity:.55}.hero-controls button:hover,.appearance-row button:hover{background:#35536a}.natural-toggle{width:100%;display:flex;align-items:center;gap:8px;font-size:11px;color:#cdddec}.natural-toggle input{accent-color:#82cdb0;width:16px;height:16px}.portrait-modal{width:min(640px,94vw);max-height:94dvh}.modal-top{position:sticky;top:0;z-index:2;background:#111c2c}.modal-character{height:min(54dvh,580px);min-height:290px;background:radial-gradient(ellipse at 48% 35%,#2c4159,#111c2c 70%)}.modal-footer{font-size:10px;line-height:1.6;padding:13px 16px}.modal-footer strong{color:#e7ecf5}.hero-controls button:focus-visible,.appearance-row button:focus-visible{outline:2px solid #9eeacb;outline-offset:3px}@media(max-width:480px){.modal-character{height:40dvh;min-height:270px}.hero-controls{gap:9px;padding:10px 12px}.hero-controls button{font-size:10px;min-height:34px;padding:7px 9px}.hero-controls legend{font-size:9px}.natural-toggle{font-size:10px}.modal-footer{font-size:9px;padding:10px 12px}.modal-top{padding:13px 16px}.modal-top h2{font-size:17px}}@media(prefers-reduced-motion:reduce){.hero-controls *, .appearance-panel *{transition:none!important}}