#character-creator{--cc-gold: #d3b685;--cc-line: #b59a663d;--cc-muted: #a3a7a5;position:fixed;inset:0;z-index:140;display:none;pointer-events:none;opacity:0;transition:opacity .24s ease;color:#eeebe2;font:14px/1.5 system-ui,sans-serif;background:radial-gradient(ellipse at 28% 42%,#a2986c0d,transparent 50%)}#character-creator.visible{display:grid;grid-template-columns:minmax(0,1fr) clamp(390px,39vw,600px)}#character-creator.open{opacity:1}#character-creator [hidden]{display:none!important}#character-creator button,#character-creator select{cursor:pointer}#character-creator button{font:inherit;color:inherit}#character-creator button:disabled{opacity:.42;cursor:default}#character-creator :focus-visible{outline:2px solid var(--cc-gold);outline-offset:3px}#character-creator .cc-kicker{color:var(--cc-gold);font:10px/1.5 system-ui;letter-spacing:.25em}.cc-preview{min-width:0;position:relative}.cc-preview-heading{position:absolute;top:clamp(28px,5vh,60px);left:clamp(24px,4vw,72px);right:24px}.cc-preview-heading h1{font:400 clamp(30px,3vw,48px)/1.2 Georgia,serif;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-preview-heading p{color:#b9b4a6;font-size:12px;letter-spacing:.06em}.cc-preview-tools{position:absolute;bottom:28px;left:24px;right:24px;display:flex;align-items:center;flex-direction:column;gap:12px}.cc-preview-tools button,.cc-preview-tools select{pointer-events:auto}.cc-view-controls{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--cc-line);background:#101416d9;border-radius:4px}.cc-view-controls button{border:0;background:transparent;padding:7px 12px;font-size:12px!important;color:#a9aca9!important}.cc-view-controls button.active{color:#e8d5b3!important;background:#cda66c20}.cc-view-controls span{height:18px;border-left:1px solid var(--cc-line);margin:0 3px}.cc-preview-settings{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:14px;font-size:11px;color:#b4b6b2}.cc-preview-settings select{margin-left:6px;border:1px solid #9f8d6b45;background:#151a1d;color:#d9d5ca;padding:5px;font:inherit}#cc-clothing{background:none;border:0;color:var(--cc-gold);font-size:11px}.cc-preview-tools p{font:10px system-ui;letter-spacing:.12em;color:#9c9d97}#cc-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#e5d2af;padding:8px 15px;background:#11181bd9;border:1px solid var(--cc-line)}.cc-panel{position:relative;pointer-events:auto;min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;padding:clamp(22px,3.7vh,44px) clamp(24px,2.7vw,46px) 20px;background:linear-gradient(130deg,#202627f5,#111718fa 65%);border-left:1px solid var(--cc-line);box-shadow:-24px 0 80px #0005;transform:translate(14px);transition:transform .24s ease}#character-creator.open .cc-panel{transform:none}.cc-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.cc-panel h2{font:400 clamp(25px,2.2vw,34px)/1.2 Georgia,serif;margin-top:7px}.cc-panel h3{font:400 21px/1.25 Georgia,serif;color:#e8decb}.cc-panel .cc-description{font-size:12px;line-height:1.6;color:var(--cc-muted);margin:9px 0 25px}.cc-panel .cc-note{color:var(--cc-muted);font:11px/1.6 system-ui;margin:8px 0 16px}#cc-identity .cc-field{margin-bottom:0}.cc-modes{display:flex;margin-bottom:22px;border:1px solid var(--cc-line);padding:4px;background:#0d131580}.cc-modes button{flex:1;background:transparent;color:#a9ada9!important;border:1px solid transparent;padding:11px 5px;letter-spacing:.12em;font-size:12px!important}.cc-modes button.active{background:linear-gradient(#d8b77a26,#d8b77a0f);color:#eddab5!important;border-color:#b59a665a}.cc-tabs{display:flex;gap:24px;border-bottom:1px solid var(--cc-line);margin-bottom:26px}.cc-tabs button{border:0;border-bottom:2px solid transparent;padding:0 0 11px;background:none;font-size:12px!important;color:var(--cc-muted)!important}.cc-tabs button.active{color:#ead7b4!important;border-color:var(--cc-gold)}.cc-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 8px 1px;scrollbar-width:thin;scrollbar-color:#7e7050 #121819}.cc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.cc-section-heading>span{color:var(--cc-muted);font-size:11px}.cc-face-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-face-card{min-width:0;overflow:hidden;text-align:left;background:#171d1e;border:1px solid #535950;transition:border-color .15s,background .15s}.cc-face-card:hover{border-color:#c8b17d}.cc-face-card.selected{border-color:#e4c591;background:#3c382c;box-shadow:inset 0 0 0 1px #e4c59170}.cc-face-card img{display:block;width:100%;aspect-ratio:1.12;object-fit:cover;background:#202a2c}.cc-face-label{display:flex;justify-content:space-between;padding:10px 11px 2px;font-size:13px}.cc-choice-mark{visibility:hidden;color:#f2dcb3}.selected .cc-choice-mark{visibility:visible}.cc-face-card small{display:block;color:#bbbcb2;font-size:10px;padding:0 11px 12px;line-height:1.5}.cc-build-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cc-build-card{text-align:left;padding:13px;border:1px solid #535950;background:#171d1e}.cc-build-card>span{display:flex;justify-content:space-between;gap:8px}.cc-build-card small{display:block;margin-top:5px;color:#bbbcb2;font-size:11px;line-height:1.5}.cc-build-card:hover{border-color:#c8b17d}.cc-build-card.selected{border-color:#e4c591;background:#3c382c;box-shadow:inset 0 0 0 1px #e4c59170}.cc-proportions{border-top:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line);padding:13px 0}.cc-proportions summary{cursor:pointer;color:#d6c6aa;font-size:12px}.cc-proportions[open] summary{margin-bottom:14px}.cc-field{display:grid;gap:8px;margin:0 0 18px;color:#c4c5bb;font-size:11px;letter-spacing:.035em}.cc-field input,.cc-field select{width:100%;min-width:0;border:1px solid #72745a70;border-radius:2px;padding:10px 12px;color:#e3e1d7;background:#101718;font:13px system-ui}.cc-field select:focus,.cc-field input:focus{border-color:#d0b782}.cc-field select option:disabled{color:#7a7f7c}.cc-shape-field{grid-template-columns:1fr auto;gap:6px;margin-bottom:17px}.cc-shape-field output{color:#d6c6aa;font-variant-numeric:tabular-nums}.cc-shape-field input[type=range]{grid-column:1 / -1;padding:0;height:16px;accent-color:#c5a873;cursor:pointer}#cc-shape-controls{margin:24px 0}.cc-panel fieldset{border:0;padding:0;margin:25px 0;min-width:0}.cc-panel legend{margin-bottom:13px;font-size:11px;letter-spacing:.06em;color:#c4c5bb}.cc-swatches{display:flex;flex-wrap:wrap;gap:11px;padding:4px}.cc-swatch{width:27px;height:27px;border:1px solid #ffffff3d;border-radius:50%;background:var(--swatch)}.cc-swatch.selected{outline:1px solid #e4c591;outline-offset:4px}.cc-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}#cc-wardrobe{border-top:1px solid var(--cc-line);margin-top:15px;padding-top:24px}.cc-outfit-card{display:flex;margin:8px 0;border:1px solid #85856750}.cc-outfit-card button{border:0;padding:10px 13px;background:#ffffff04;font-size:12px!important}.cc-outfit-card button:first-child{flex:1;text-align:left;overflow-wrap:anywhere}.cc-outfit-card button[aria-pressed=true]{background:#bfa17126;color:#f0d1a0!important}.cc-outfit-card button:last-child{color:#acaba4!important}.cc-outfit-actions{display:flex;gap:8px}.cc-outfit-actions button,#cc-stats-toggle,#cc-stats-close{padding:7px 12px;color:#dac9aa!important;background:#b3976610;border:1px solid var(--cc-line);font-size:11px!important}.cc-empty{font:italic 12px Georgia;color:#a0a69e;padding:15px 0}#cc-wardrobe-status{font-size:11px;color:#d4bd91;margin:12px 0}.cc-draft-tools{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--cc-line)}.cc-draft-tools button{border:0;background:transparent;font-size:11px!important;color:#b8bbae!important;padding:5px 0}#cc-error{min-height:17px;margin:5px 0;color:#f0b09b;font-size:11px}.cc-panel footer{display:flex;gap:12px}.cc-panel footer button{border:1px solid #d7ba83;padding:12px 20px;font-size:12px!important;letter-spacing:.06em}#cc-submit{flex:1;background:linear-gradient(#c5ab7d,#a78b5f);color:#161c1d!important}#cc-submit:hover{background:#ddc391}#cc-cancel{background:transparent;color:#d4d2c4!important;border-color:#b39c715e}.cc-panel .cc-save-note{text-align:center;margin:12px 0 0;color:#939c95;font-size:10px}#cc-stats-page{position:absolute;inset:0;z-index:2;padding:32px;background:#192021;overflow-y:auto}@media (min-width: 1600px){.cc-face-card img{aspect-ratio:1.2}}@media (max-width: 1000px) and (min-width: 681px){#character-creator.visible{grid-template-columns:minmax(0,1fr) 380px}.cc-panel{padding:24px 22px 16px}.cc-preview-heading{left:24px}.cc-view-controls button{padding:6px 9px}.cc-preview-settings{gap:6px}}@media (max-width: 680px){#character-creator.visible{grid-template-columns:1fr;grid-template-rows:44% 56%}.cc-panel{padding:16px 22px 12px;border-left:0;border-top:1px solid var(--cc-line)}.cc-panel header{margin-bottom:12px}.cc-panel h2{font-size:23px;margin-top:3px}.cc-panel header .cc-kicker{display:none}.cc-preview-heading{left:20px;top:16px}.cc-preview-heading h1{font-size:25px;margin:3px 0}.cc-preview-heading .cc-kicker,.cc-preview-heading p{display:none}.cc-preview-tools{bottom:12px;left:12px;right:12px;gap:5px}.cc-preview-tools p{display:none}.cc-preview-settings{font-size:10px}.cc-view-controls{padding:2px}.cc-view-controls button{padding:4px 10px}.cc-modes{margin-bottom:12px}.cc-modes button{padding:7px}.cc-tabs{margin-bottom:18px}.cc-draft-tools{padding-top:6px}.cc-panel .cc-save-note,#cc-name-note{display:none}#cc-identity{margin-bottom:10px}#cc-identity .cc-field{grid-template-columns:auto 1fr;align-items:center;gap:12px}#cc-error{min-height:0;margin:3px 0}.cc-panel footer button{padding:9px 16px}}@media (prefers-reduced-motion: reduce){#character-creator,.cc-panel{transition:none}}.cc-hair-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:10px}.cc-hair-card{min-width:0;overflow:hidden;background:#171d1e;border:1px solid #535950;text-align:left}.cc-hair-card:hover{border-color:#c8b17d}.cc-hair-card.selected{border-color:#e4c591;background:#3c382c;box-shadow:inset 0 0 0 1px #e4c59170}.cc-hair-card img{width:100%;display:block;aspect-ratio:.76;object-fit:cover;background:#191e22}.cc-hair-card span{display:block;padding:7px 8px;font-size:10px;min-height:42px}.cc-hair-card small{display:block;font-size:11px;line-height:1.35;opacity:.7;margin-top:3px}