:root{color-scheme:dark;--ce-ink:#e9e4d5;--ce-muted:#a7ac9f;--ce-gold:#d5a84d;--ce-gold-bright:#f2cc78;--ce-green:#7cae8c;--ce-danger:#d47a62;--ce-panel:#0c120e;--ce-soft:#121a14;--ce-line:rgba(218,204,166,.18);--ce-shadow:0 18px 60px rgba(0,0,0,.55);--ce-serif:Georgia,'Times New Roman',serif;--ce-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}.demo-world{min-height:100vh;display:grid;place-content:center;grid-template-columns:auto minmax(280px,560px);gap:24px;padding:40px;background:radial-gradient(circle at 60% 35%,#24352a,#071014 62%);color:var(--ce-ink);font-family:var(--ce-sans)}.demo-world h1{margin:.2em 0;font:600 clamp(28px,5vw,56px) var(--ce-serif)}.demo-world p,.demo-world small{color:var(--ce-muted);letter-spacing:.08em}.demo-mark{display:grid;place-items:center;width:72px;height:84px;background:linear-gradient(145deg,#e4ca80,#8f692b);color:#15170e;font:700 52px var(--ce-serif);clip-path:polygon(50% 0,92% 18%,84% 76%,50% 100%,16% 76%,8% 18%)}.demo-actions{grid-column:1/-1;display:flex;gap:12px;justify-content:center}.ce-demo-trigger{border:1px solid var(--ce-line);background:rgba(10,16,13,.9);color:var(--ce-ink);padding:12px 18px;cursor:pointer}.ce-demo-portrait{display:flex;align-items:center;gap:10px;text-align:left}.ce-demo-portrait b,.ce-demo-portrait small{display:block}.portrait{display:grid;place-items:center;width:40px;height:40px;border:1px solid #9c7d45;border-radius:50%;background:#282018;color:#ecd699;font:700 18px var(--ce-serif)}
.ce-root{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,5,3,.78);backdrop-filter:blur(8px);color:var(--ce-ink);font-family:var(--ce-sans)}.ce-root[hidden]{display:none}.ce-dialog{width:min(1120px,100%);height:min(760px,calc(100vh - 40px));display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;background:linear-gradient(145deg,rgba(24,32,24,.98),rgba(8,13,11,.98));border:1px solid var(--ce-line);box-shadow:var(--ce-shadow),inset 0 1px rgba(255,255,255,.03)}
.ce-header{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--ce-line)}.ce-crest{display:grid;place-items:center;width:36px;height:42px;background:linear-gradient(145deg,#e4ca80,#8f692b);color:#15170e;font:700 25px var(--ce-serif);clip-path:polygon(50% 0,92% 18%,84% 76%,50% 100%,16% 76%,8% 18%)}.ce-title{min-width:0}.ce-title small{display:block;color:var(--ce-gold);font-size:9px;letter-spacing:.18em}.ce-title h2{margin:3px 0 0;font:600 22px var(--ce-serif);letter-spacing:.04em}.ce-language{margin-left:auto;display:flex;padding:3px;border:1px solid var(--ce-line)}.ce-language button{border:0;background:none;color:#788075;padding:7px 10px;font-size:10px;font-weight:800}.ce-language button[aria-pressed=true]{background:var(--ce-gold-bright);color:#17160f}.ce-close{width:38px;height:38px;border:1px solid var(--ce-line);background:rgba(255,255,255,.03);color:var(--ce-muted);font-size:22px;cursor:pointer}
.ce-tabs{display:flex;overflow-x:auto;padding:0 20px;border-bottom:1px solid var(--ce-line)}.ce-tab{min-width:130px;padding:15px 18px;border:0;border-bottom:2px solid transparent;background:none;color:#858d82;font-size:10px;font-weight:800;letter-spacing:.13em;cursor:pointer}.ce-tab[aria-selected=true]{border-color:var(--ce-gold-bright);color:var(--ce-gold-bright);background:linear-gradient(0deg,rgba(203,164,82,.1),transparent)}
.ce-main{min-height:0;display:grid;grid-template-columns:320px 1fr}.ce-preview-panel{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-right:1px solid var(--ce-line);overflow:auto}.ce-avatar{position:relative;flex:0 0 330px;overflow:hidden;border:1px solid var(--ce-line);background:radial-gradient(circle at 50% 28%,#425545,#152019 53%,#090d0a 80%)}.ce-avatar::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 80px #050805;pointer-events:none}.ce-figure{position:absolute;inset:20px 15px 0}.ce-body{position:absolute;left:50%;bottom:-35px;width:230px;height:205px;transform:translateX(-50%);border-radius:48% 48% 10% 10%;background:var(--clothes,#445747);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.ce-neck{position:absolute;left:50%;bottom:153px;width:62px;height:75px;transform:translateX(-50%);border-radius:20px;background:var(--skin,#c69b78)}.ce-head{position:absolute;left:50%;bottom:185px;width:var(--head-w,126px);height:156px;transform:translateX(-50%);border-radius:48% 48% 44% 44%/40% 40% 56% 56%;background:var(--skin,#c69b78);box-shadow:inset 0 -22px rgba(95,45,30,.13)}.ce-ear{position:absolute;top:58px;width:13px;height:36px;border-radius:50%;background:var(--skin,#c69b78)}.ce-ear.l{left:-8px}.ce-ear.r{right:-8px}.ce-eye{position:absolute;top:66px;width:23px;height:7px;border-top:3px solid #31271f;border-radius:50%}.ce-eye.l{left:22px}.ce-eye.r{right:22px}.ce-nose{position:absolute;left:50%;top:69px;width:9px;height:35px;transform:translateX(-50%) skew(-5deg);border-right:2px solid rgba(79,43,32,.35);border-bottom:2px solid rgba(79,43,32,.28)}.ce-mouth{position:absolute;left:50%;top:116px;width:33px;height:8px;transform:translateX(-50%);border-bottom:2px solid rgba(82,37,34,.7);border-radius:50%}.ce-hair{position:absolute;z-index:2;left:-5%;right:-5%;top:-10px;height:75px;border-radius:50% 55% 32% 30%;background:var(--hair,#4a3324);box-shadow:0 10px 0 -3px var(--hair,#4a3324)}.ce-hair[data-style=long]::after{content:'';position:absolute;top:42px;left:0;width:100%;height:105px;border-radius:28% 28% 45% 45%;border:18px solid var(--hair);border-top:0}.ce-hair[data-style=braided]::after{content:'';position:absolute;top:46px;right:2px;width:23px;height:128px;border-radius:40%;background:repeating-linear-gradient(160deg,var(--hair) 0 13px,rgba(255,255,255,.09) 14px 17px)}.ce-hair[data-style=shaved]{height:30px;opacity:.8}.ce-face-mark{position:absolute;z-index:3;top:86px;left:12px;color:#7d332b;font:700 24px var(--ce-serif);transform:rotate(-20deg)}.ce-avatar-name{text-align:center}.ce-avatar-name b{display:block;font:600 20px var(--ce-serif)}.ce-avatar-name small{display:block;margin-top:4px;color:var(--ce-muted);font-size:9px;letter-spacing:.15em}.ce-budget{padding:12px;border:1px solid var(--ce-line);background:rgba(255,255,255,.025)}.ce-budget div{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em}.ce-budget strong{color:var(--ce-gold-bright)}.ce-meter{height:4px;margin-top:9px;background:#252d26}.ce-meter i{display:block;width:var(--budget-progress);height:100%;background:var(--ce-gold)}.ce-budget.invalid strong,.ce-error{color:var(--ce-danger)}
.ce-form-panel{min-width:0;overflow:auto;padding:24px}.ce-tabpanel[hidden]{display:none}.ce-section-title{margin:0 0 18px;font:600 22px var(--ce-serif)}.ce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.ce-field{display:grid;gap:7px}.ce-field.full{grid-column:1/-1}.ce-field>span,.ce-field legend{color:#b5b9ad;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ce-field input,.ce-field select,.ce-field textarea{width:100%;min-height:42px;border:1px solid var(--ce-line);border-radius:0;background:rgba(255,255,255,.035);color:var(--ce-ink);padding:10px 12px;font:13px var(--ce-sans)}.ce-field select option{background:#121a14}.ce-field textarea{min-height:105px;resize:vertical}.ce-field input:focus-visible,.ce-field select:focus-visible,.ce-field textarea:focus-visible,.ce-root button:focus-visible{outline:2px solid var(--ce-gold-bright);outline-offset:2px}.ce-swatches{display:flex;flex-wrap:wrap;gap:8px}.ce-swatch{width:34px;height:34px;border:2px solid transparent;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);cursor:pointer}.ce-swatch[aria-checked=true]{border-color:var(--ce-gold-bright);box-shadow:0 0 0 2px #141810,inset 0 0 0 1px rgba(255,255,255,.3)}.ce-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ce-choice{min-height:58px;padding:10px;border:1px solid var(--ce-line);background:rgba(255,255,255,.025);color:var(--ce-muted);text-align:left;cursor:pointer}.ce-choice b,.ce-choice small{display:block}.ce-choice b{color:var(--ce-ink);font:600 13px var(--ce-serif)}.ce-choice small{margin-top:4px;font-size:9px}.ce-choice[aria-pressed=true]{border-color:var(--ce-gold);background:rgba(213,168,77,.09)}.ce-aptitudes{display:grid;gap:10px}.ce-aptitude{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--ce-line)}.ce-aptitude span small{display:block;color:var(--ce-muted);font-size:9px}.ce-stepper{display:flex;align-items:center;gap:10px}.ce-stepper button{width:32px;height:32px;border:1px solid var(--ce-line);background:rgba(255,255,255,.04);cursor:pointer}.ce-stepper output{width:22px;text-align:center;color:var(--ce-gold-bright);font:700 18px var(--ce-serif)}
.ce-footer{display:flex;align-items:center;gap:9px;padding:14px 20px;border-top:1px solid var(--ce-line)}.ce-status{margin-right:auto;color:var(--ce-muted);font-size:10px}.ce-button{min-height:38px;padding:0 15px;border:1px solid var(--ce-line);background:rgba(255,255,255,.035);color:var(--ce-ink);font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer}.ce-button.primary{border-color:#b88c3b;background:linear-gradient(#e1bd68,#a77c31);color:#17160f}.ce-button.danger{color:#d99a88}.ce-button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.ce-root{padding:0}.ce-dialog{height:100vh}.ce-main{grid-template-columns:1fr}.ce-preview-panel{display:grid;grid-template-columns:125px 1fr;padding:12px;border-right:0;border-bottom:1px solid var(--ce-line)}.ce-avatar{grid-row:1/3;flex-basis:auto;height:145px}.ce-figure{transform:scale(.46);transform-origin:50% 100%;inset:-30px -60px 0}.ce-avatar-name{text-align:left;align-self:end}.ce-budget{align-self:start}.ce-form-panel{padding:18px}.ce-grid{grid-template-columns:1fr}.ce-field.full{grid-column:auto}.ce-choice-grid{grid-template-columns:1fr 1fr}.ce-footer{flex-wrap:wrap}.ce-status{width:100%;order:-1}.ce-button{flex:1;padding:0 8px}.ce-title h2{font-size:18px}.ce-title small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}