.character-entry{position:fixed;inset:0;display:flex;flex-direction:column;padding:28px max(5vw,env(safe-area-inset-right)) 18px max(5vw,env(safe-area-inset-left));background:linear-gradient(90deg,#08100b11 30%,#091210c9 78%);overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}
.creator-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:20px;border-bottom:1px solid #c7ab6f40;padding-bottom:19px}
.creator-brand{font:34px Georgia,serif;letter-spacing:6px;color:#e2c995;text-shadow:0 3px 18px #000}
.creator-brand span{display:block;font:8px Inter,sans-serif;letter-spacing:3px;color:#adb9a9;margin-top:8px}
.creator-offline{font-size:9px;letter-spacing:1.5px;color:#c6d2b6}
.creator-header-actions{display:flex;align-items:center;gap:20px}
#skip-character{padding:10px 16px;font-size:11px;border-color:#c9ac7155;background:#112018;white-space:nowrap}
#hero-name,#inventory-hero-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-info{min-width:0}
.creator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:5vw;flex:1 0 auto;min-height:570px;align-items:center}
.creator-preview{height:100%;min-height:480px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}
#creator-stage{position:absolute;inset:0 0 120px;pointer-events:auto;touch-action:pan-y;cursor:grab}
.creator-caption{position:relative;text-align:center;padding:14px 0 22px;background:radial-gradient(ellipse,#0b140fbd,transparent 70%);text-shadow:0 2px 10px #000}
.creator-caption>span{font-size:8px;letter-spacing:3px;color:#c6d6b8}
.creator-caption h2{font:32px Georgia,serif;color:#eee1be;margin:10px 0 13px;font-weight:normal}
.creator-turn{display:flex;justify-content:center;align-items:center;gap:18px;pointer-events:auto}
.creator-turn button{width:38px;height:32px;background:#12211cab;border-color:#bdab7866;font-size:22px;border-radius:2px}
.creator-turn small{font-size:9px;color:#b0bca9}
.creator-form{padding:26px;background:linear-gradient(150deg,#1e2b22ed,#0d1714ed);border:1px solid #ac955951;box-shadow:0 20px 70px #0005;max-width:100%;border-radius:3px}
.creator-form h1{font:31px/1.15 Georgia,serif;letter-spacing:0;margin:13px 0;color:#eedfbc}
.creator-intro{font-size:11px;line-height:1.7;color:#a9b7aa;margin-bottom:23px}
.creator-form fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}
.creator-form legend,.creator-name-label{font-size:9px;letter-spacing:1.7px;color:#c0c9b7}
.creator-form legend{margin-bottom:10px}
.character-looks{display:grid;gap:7px}
.character-entry [hidden]{display:none!important}
.character-classes{display:grid;gap:9px}
.class-choice{padding:16px 13px}
.class-choice>span{width:28px;text-align:center;font-size:26px}
.class-choice:focus-visible,.creator-back:focus-visible{outline:2px solid #edce8f;outline-offset:3px}
.creator-back{padding:0 0 15px;border:0;background:none;color:#d7c294;font-size:10px;text-align:left}
.character-choice{padding:12px 13px;display:flex;gap:13px;align-items:center;width:100%;text-align:left;background:#09130c8c;border:1px solid #97aa793d;border-radius:2px}
.character-choice>span{font:18px Georgia,serif;color:#8b9778}
.character-choice strong{display:block;font-size:12px;font-weight:500;color:#dce1cd}
.character-choice small{display:block;font-size:9px;line-height:1.4;color:#8e9e8f;margin-top:4px}
.character-choice[aria-pressed="true"]{background:linear-gradient(100deg,#8e754233,#b9a97411);border-color:#d2b677;box-shadow:inset 3px 0 #d2b677}
.character-choice[aria-pressed="true"]>span,.character-choice[aria-pressed="true"] strong{color:#edce8f}
.character-choice>*{pointer-events:none}
.creator-name-label{display:block}
#character-name{display:block;width:100%;padding:12px 13px;margin-top:10px;background:#08110c;color:#e9e4d4;border:1px solid #a99a6b66;border-radius:2px;font:14px Inter,sans-serif;user-select:text;-webkit-user-select:text;touch-action:manipulation}
#character-name:focus-visible{outline:1px solid #dfc181;outline-offset:2px}
#character-name[aria-invalid="true"]{border-color:#e99675}
.character-error{min-height:15px;color:#eeb697;font-size:10px;line-height:1.5;margin:8px 0 12px}
.creator-form .primary-button{width:100%;min-width:0;padding:15px 9px;letter-spacing:.2px}
.creator-skip{display:block;width:100%;padding:12px 8px;background:transparent;border-color:#af9d6940;color:#b8c4b3;font-size:10px;margin-top:8px;border-radius:2px}
.creator-note{font-size:9px;line-height:1.7;color:#8d9b8f;margin:17px 0 0}
.creator-form progress{width:100%;height:3px;margin-top:12px;accent-color:#dbc285}
.creator-form .load-detail{font-size:9px;color:#a8ba9e;line-height:1.4;margin:12px 0 0}
.creator-footer{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.5px;color:#a3ae97;border-top:1px solid #bea46233;padding-top:14px;flex-shrink:0}
@media(max-width:900px){.character-entry{padding:16px max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left))}.creator-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(290px,340px)}.creator-brand{font-size:28px}.creator-form{padding:20px}.creator-caption h2{font-size:27px}}
@media(max-height:600px) and (min-width:601px){.character-entry{padding-top:10px}.creator-header{padding-bottom:10px}.creator-brand{font-size:23px}.creator-brand span{font-size:6px;margin-top:4px}.creator-layout{min-height:0;align-items:stretch;flex:1;gap:16px}.creator-preview{min-height:270px}.creator-form{margin:10px 0;overflow-y:auto;touch-action:pan-y;padding:16px;max-height:calc(100dvh - 105px)}.creator-form h1{font-size:25px}.creator-intro{margin:10px 0}.creator-caption h2{font-size:23px;margin:5px 0}.creator-caption{padding:6px 0 10px}#creator-stage{bottom:86px}.creator-footer{padding-top:8px;font-size:7px}}
@media(max-width:600px){.character-entry{padding:17px 18px}.creator-header{align-items:flex-start;gap:8px}.creator-brand{font-size:25px;letter-spacing:3px}.creator-brand span{font-size:6px;letter-spacing:2px}.creator-offline{font-size:7px;letter-spacing:0;max-width:80px;text-align:right;line-height:1.7}.creator-layout{display:flex;flex-direction:column;gap:0;min-height:auto;flex:none}.creator-preview{width:100%;height:320px;min-height:320px}.creator-caption{padding:8px 0 14px}#creator-stage{bottom:90px}.creator-caption h2{font-size:24px;margin:7px 0}.creator-form{width:100%;margin:0 0 20px;padding:22px}.creator-form h1{font-size:29px}.creator-footer{font-size:7px;letter-spacing:.3px}.creator-footer span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){.character-entry *{scroll-behavior:auto}}
@media(max-width:600px){.creator-header-actions .creator-offline{display:none}.creator-header-actions{gap:0}#hero-name{max-width:130px}}