/* Creation uses the entry palette and authored faction key art. */
.characterCreation .cc-wordmark.spellPiratesWordmark{font-size:23px!important;letter-spacing:.025em!important;white-space:nowrap;line-height:1.2!important}.character-creation-open #localDevPanel{display:none!important}
.characterCreation{--cc-ink:#f5efdf;--cc-muted:#c4cbd4;--cc-gold:#ddbf7e;box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;color:var(--cc-ink);background:radial-gradient(ellipse at 50% 0,#22334555,transparent 65%),#0a1019;overflow:auto;transition:opacity .3s ease;z-index:20000}.characterCreation::backdrop{background:#0a1019}.characterCreation.cc-complete{opacity:0}.character-creation-open{overflow:hidden}.characterCreation *,#characterSlotsPanel *,#characterCodex *{box-sizing:border-box}.characterCreation [hidden],#characterSlotsPanel [hidden],#characterCodex[hidden],#characterCodex [hidden],#characterCodexReferences[hidden],#modeScreen .modeDashboard[hidden]{display:none!important}.characterCreation button,.characterDelete button,#characterSlotsPanel button,#characterCodex button,.character-hub-tabs button{appearance:none;font:600 13px/1.35 system-ui,sans-serif;cursor:pointer;border:1px solid #657286;border-radius:7px;background:#162131;color:#f5efdf;min-height:44px;padding:10px 16px;transition:background .15s,border-color .15s}.characterCreation button:hover,.characterDelete button:hover,#characterSlotsPanel button:hover,#characterCodex button:hover,.character-hub-tabs button:hover{border-color:#ddbf7e;background:#283346}.characterCreation button:disabled,.characterDelete button:disabled,#characterSlotsPanel button:disabled{cursor:default;color:#9da6b3;border-color:#465164;background:#17202d}.characterCreation :focus-visible,.characterDelete :focus-visible,#characterSlotsPanel :focus-visible,#characterCodex :focus-visible,.character-hub-tabs :focus-visible{outline:3px solid #f2d796;outline-offset:4px}.cc-shell{width:min(1360px,100%);margin:auto;padding:24px 42px 22px}.cc-header{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;min-height:47px}.cc-wordmark{width:175px;height:auto;max-height:45px;object-fit:contain;object-position:left}.cc-header .cc-cancel{justify-self:end;background:transparent;border-color:#667283}.cc-steps{display:flex;gap:6px}.cc-steps button{border:0;border-radius:0;background:transparent!important;font-size:12px;letter-spacing:.04em;padding:12px 18px;color:#aeb8c6}.cc-steps button[aria-current=step]{color:#f3d794;border-bottom:2px solid #ddbf7e}.cc-heading{text-align:center;margin:24px 0}.cc-eyebrow{font:700 10px/1.5 system-ui;letter-spacing:.17em;color:#ddbf7e}.cc-heading h1{font:clamp(30px,3vw,42px)/1.15 Georgia,serif;font-weight:400;margin:8px 0 10px;letter-spacing:-.025em}.cc-subtitle{font:14px/1.5 system-ui;color:#c4cbd4;margin:0}.cc-factions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1100px;margin:auto}.cc-faction{--faction-color:#ddbf7e;position:relative;isolation:isolate;border:1px solid #87919c55;border-radius:12px;overflow:hidden;background:#172230;min-height:455px;transition:transform .18s,border-color .18s,box-shadow .18s}.cc-faction[data-faction=dragon]{--faction-color:#f6ab81}.cc-faction[data-faction=shadow]{--faction-color:#c9a5fa}.cc-faction:hover,.cc-faction:focus-within,.cc-faction:focus{transform:translateY(-4px);border-color:var(--faction-color);box-shadow:0 10px 30px #0005}.cc-faction-art{position:absolute;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 25%;inset:0}.cc-faction:after{position:absolute;z-index:-1;content:'';inset:0;background:linear-gradient(#09101b08 0%,#09101b78 27%,#09101be8 51%,#09101bfa 100%)}.cc-faction-copy{display:flex;flex-direction:column;min-height:455px;padding:165px 24px 24px}.cc-faction-copy h2{font:28px/1.15 Georgia,serif;margin:0 0 10px;color:#fff2d9}.cc-faction-identity{font:italic 15px/1.45 Georgia,serif;color:var(--faction-color);margin:0;min-height:44px}.cc-faction ul{font:13px/1.55 system-ui;color:#dde1e8;padding-left:17px;margin:12px 0 22px;flex:1}.cc-faction li+li{margin-top:7px}.cc-faction.sealed .cc-faction-art{filter:grayscale(.7) brightness(.65)}.cc-seal{padding:12px;margin:0;border:1px solid #8993a0;border-radius:6px;text-align:center;font:12px/1.5 system-ui;color:#cdd4dd}.characterCreation .cc-primary{background:linear-gradient(110deg,#e6cd98,#c6a669);border-color:#e4ca8e;color:#182131}.characterCreation .cc-primary:hover{background:#efdbb2}.cc-look{display:grid;grid-template-columns:55% 45%;min-height:470px;max-width:1140px;margin:auto;border:1px solid #5863756b;border-radius:12px;overflow:hidden;background:#111b27}.cc-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:500px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#4e536280,transparent 70%),#172131}.cc-stage-art{position:absolute;inset:-20px;z-index:-2;background-position:50% 40%;background-size:cover;filter:blur(8px);opacity:.27}.cc-stage:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#111a27f0,transparent 65%)}.cc-stage-top{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;gap:10px;font:600 11px system-ui;color:#eee1c9}.cc-preview-status{font-size:10px;color:#d2d7df}.characterCreation .cc-model{width:100%;height:440px;max-width:100%;aspect-ratio:33/35;object-fit:contain;touch-action:none;cursor:grab;background:transparent;border:0;border-radius:0;box-shadow:none}.cc-model:active{cursor:grabbing}.cc-camera{display:flex;gap:7px}.cc-camera button{font-size:11px;padding:7px 16px;min-height:36px;background:#101927a6}.cc-stage>small{font:11px/1.5 system-ui;color:#b9c5d3;margin:9px 0 16px}.cc-options{padding:22px 28px;max-height:540px;overflow:auto;scrollbar-color:#8c795b #152031}.cc-group{padding:0;border:0;margin:0 0 19px;min-width:0}.cc-group legend{font:600 12px/1.5 system-ui;letter-spacing:.03em;margin-bottom:8px;color:#e2ca97}.cc-swatches{display:flex;flex-wrap:wrap;gap:7px}.cc-swatches .cc-choice{display:flex;align-items:center;gap:7px;padding:7px 10px;min-height:38px;font-size:11px}.cc-choice[aria-pressed=true]{border-color:#f0d69b!important;box-shadow:inset 0 0 0 1px #f0d69b;background:#473e2a!important}.cc-swatch{display:block;width:18px;height:18px;border-radius:50%;border:1px solid #ffffff6b;flex-shrink:0}.cc-choice small{font-size:9px;color:#bac1cc}.cc-collection-hint{display:block;color:#acb6c4;font:11px/1.5 system-ui;margin-top:8px}.cc-bodies{display:flex;gap:9px}.cc-bodies .cc-choice{width:106px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 8px 9px;min-height:94px}.cc-bodies canvas{width:66px;height:70px;aspect-ratio:94/100;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}.cc-look-tools{display:flex;gap:10px}.cc-look-tools button{font-size:11px;min-height:36px}.cc-footer{display:flex;gap:16px;align-items:center;max-width:1140px;margin:20px auto 0;min-height:44px}.cc-footer .cc-error{flex:1;margin:0;color:#ffa6a6;font:13px/1.5 system-ui}.cc-name{display:grid;grid-template-columns:42% 58%;align-items:center;max-width:860px;min-height:455px;margin:0 auto;background:radial-gradient(ellipse at 20% 60%,#39445555,transparent 60%);gap:25px}.cc-name canvas{width:100%;height:420px;max-width:100%;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}.cc-name form{max-width:420px}.cc-name h2{font:29px/1.3 Georgia,serif;font-weight:400;margin:8px 0 24px}.cc-name label,.characterDelete label{font:600 12px system-ui;display:block;color:#e7d4ae;margin:0 0 9px}.cc-name input,.characterDelete input{appearance:none;box-sizing:border-box;width:100%;font:20px/1.5 Georgia,serif;background:#101a28;border:1px solid #8390a1;color:#fff2d9;border-radius:7px;padding:12px 15px;min-height:50px}.cc-name-status{min-height:20px;margin:10px 0;font:12px/1.5 system-ui;color:#bbd5c3}.cc-name form>small{font:11px/1.6 system-ui;color:#b8c2d0;display:block}.cc-name-summary{font:15px/1.5 Georgia,serif;color:#ead4a2;margin:24px 0 5px}.cc-name-account{font:11px/1.6 system-ui;color:#b8c2d0;margin:0 0 23px}.cc-begin{width:100%}.cc-begin span{margin-left:20px}.characterDelete{box-sizing:border-box;max-width:min(480px,calc(100vw - 30px));padding:30px;border:1px solid #a58b5c;border-radius:12px;color:#efe7d6;background:#111c2b}.characterDelete::backdrop{background:#030814cc;backdrop-filter:blur(5px)}.characterDelete h2{font:30px Georgia,serif}.characterDelete p{font:13px/1.6 system-ui;color:#c5cdd8}.characterDelete form>div{display:flex;gap:12px;margin-top:20px}.characterDelete .character-delete-error{color:#ffb1a8}.characterDelete .character-delete-submit{color:#ffd5ce;border-color:#a76759}.character-hub-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}.character-hub-tabs button{background:#142131cc;font-size:12px;border-color:#a18b614f}.character-hub-tabs #characterCodexButton{margin-left:auto}.character-selected{display:flex;align-items:center;gap:8px;margin-top:5px}.character-selected canvas{width:84px;height:98px;object-fit:contain;background:transparent;border:0;box-shadow:none;aspect-ratio:144/166}.character-selected h4{font:22px Georgia,serif;margin:5px 0}.character-selected p{font:11px/1.5 system-ui;color:#c4cad4;margin:0}.character-selected .cc-eyebrow{font-size:9px}#characterSlotsPanel{padding:18px 0;border-top:1px solid #8f79523d;margin-top:14px}#characterSlotsPanel h3{font:18px Georgia,serif;margin:0 0 8px}.character-stat-line{font:11px/1.6 system-ui;color:#d1bd96;margin:8px 0 13px}#characterSlotsPanel .character-switch{width:100%;font-size:12px}.character-slot-strip{display:grid;gap:9px;margin-top:12px}.character-slot{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid #7c889854;border-radius:7px;background:#111c29}.character-slot.active{border-color:#c7ac718f}.character-slot canvas{width:48px;height:58px;object-fit:contain;background:transparent;border:0;box-shadow:none}.character-slot>div{min-width:0;flex:1}.character-slot strong{display:block;font:15px Georgia,serif;overflow-wrap:anywhere}.character-slot small{display:block;font:10px/1.6 system-ui;color:#c4cedd}.character-slot button{font-size:10px!important;min-height:34px!important;padding:6px 9px!important;margin-top:7px}#characterSlotsPanel .character-slot-delete{color:#ddbab4;background:none;border-color:transparent;padding-left:0!important;margin-left:8px}.character-slot-status{font:10px/1.6 system-ui;color:#abb8c9;margin:11px 0 0}#characterCodex{padding:12px 0 30px;color:#ede7d7}.character-codex-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.character-codex-head h1{font:38px Georgia,serif;font-weight:400;margin:8px 0}.character-codex-head p{font:13px/1.6 system-ui;color:#c3cdd8}.character-codex-nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.character-codex-nav button[aria-pressed=true],.character-codex-characters button[aria-pressed=true]{border-color:#d0b37a!important;background:#3c3527!important}.character-codex-page{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.character-codex-page[data-codex-page=journey],.character-codex-page[data-codex-page=stats],.character-codex-page[data-codex-page=lessons]{display:block}.character-codex-entry{border:1px solid #74809255;border-radius:8px;padding:20px;background:#162231}.character-codex-entry h3{font:20px Georgia,serif;color:#edd7a6;margin:0 0 11px}.character-codex-entry p{font:13px/1.65 system-ui;color:#cbd3dd;margin:0}.character-codex-characters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}#characterCodex details{padding:20px;border:1px solid #74809255;border-radius:9px;background:#121d2b}#characterCodex summary{font:22px Georgia,serif;color:#e2c891}#characterCodex .characterStats{margin-top:18px}#characterCodex .characterStatsList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#characterCodex .accountLevelMilestones{max-width:900px}#characterCodex #accountLevelGuide{font:13px/1.6 system-ui;color:#c8d2dd}
@media(min-width:1500px){.cc-shell{padding-top:38px}.cc-heading{margin:35px 0}.cc-faction,.cc-faction-copy{min-height:555px}.cc-faction-copy{padding-top:240px}.cc-model{height:530px!important}.cc-options{max-height:630px}.cc-stage{min-height:615px}.cc-name{min-height:530px}}
@media(max-width:899px){.cc-shell{padding:18px 22px}.cc-header{grid-template-columns:1fr auto;gap:12px}.cc-wordmark{width:150px}.cc-steps{grid-row:2;grid-column:1/-1;justify-content:center}.cc-header .cc-cancel{grid-column:2;grid-row:1;font-size:11px;padding:8px 13px}.cc-heading{margin:22px 0}.cc-factions{gap:13px}.cc-faction-copy{padding:140px 15px 18px}.cc-faction-copy h2{font-size:23px}.cc-faction,.cc-faction-copy{min-height:465px}.cc-faction ul{font-size:12px}.cc-look{grid-template-columns:1fr 1fr}.cc-options{padding:18px}.cc-stage{min-height:490px}.cc-model{height:400px!important}.cc-name{gap:15px}.character-hub-tabs{gap:7px}.character-hub-tabs button{flex:1 1 40%;font-size:11px}.character-hub-tabs #characterCodexButton{margin:0}}
@media(max-width:600px){.cc-shell{padding:16px 18px 22px}.cc-header{min-height:38px}.cc-wordmark{width:137px}.cc-steps button{padding:10px 20px;font-size:11px;min-height:36px}.cc-heading h1{font-size:31px}.cc-subtitle{font-size:12px;max-width:30ch;margin:auto}.cc-factions{display:flex;flex-direction:column;gap:18px}.cc-faction,.cc-faction-copy{min-height:370px}.cc-faction-copy{padding:130px 24px 24px}.cc-faction-copy h2{font-size:29px}.cc-faction-art{object-position:50% 25%}.cc-faction-identity{min-height:0}.cc-faction ul{font-size:12px;margin:12px 0 20px}.cc-faction:after{background:linear-gradient(#09101b00,#09101ba8 30%,#09101bf5 70%)}.cc-look{display:flex;flex-direction:column}.cc-stage{min-height:360px}.cc-model{height:285px!important;width:100%;max-width:100%}.cc-stage-top{top:15px;left:15px;right:15px;font-size:10px}.cc-stage>small{font-size:10px}.cc-options{padding:23px 20px;max-height:none;overflow:visible}.cc-group{margin-bottom:23px}.cc-swatches{gap:8px}.cc-swatches .cc-choice{min-height:42px;padding:8px 10px}.cc-bodies .cc-choice{width:114px}.cc-footer{flex-wrap:wrap;gap:12px}.cc-footer .cc-error{flex-basis:100%;order:3}.cc-next{margin-left:auto}.cc-name{display:flex;flex-direction:column;gap:0;min-height:0}.cc-name canvas{height:200px;width:200px;max-width:100%}.cc-name form{width:100%;padding:0 4px}.cc-name h2{font-size:27px;margin:7px 0 20px}.cc-name-summary{margin-top:22px}.cc-name .cc-eyebrow{font-size:9px}.character-codex-head h1{font-size:31px}.character-codex-head{align-items:flex-start}.character-codex-head button{font-size:10px;padding:9px 10px}.character-codex-nav{gap:7px}.character-codex-nav button{font-size:11px;padding:9px 12px}#characterCodex .characterStatsList{grid-template-columns:1fr}.characterDelete{padding:24px}.characterDelete form>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.characterCreation,.characterCreation button,.cc-faction{transition:none}.cc-faction:hover,.cc-faction:focus-within,.cc-faction:focus{transform:none}}
@media(min-width:900px) and (max-height:820px){.cc-heading{margin:18px 0}.cc-look{min-height:0;height:calc(100dvh - 285px)}.cc-stage{min-height:0}.characterCreation .cc-model{height:calc(100dvh - 380px)}.cc-options{max-height:100%}}
@media(max-width:600px){.cc-name canvas{height:170px;width:170px}.characterCreation .cc-wordmark.spellPiratesWordmark{font-size:23px!important}}