/* Traveler wardrobe: scoped styles for profile and game dialog. */
.character-wardrobe{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:28px;font:inherit;min-width:0}
.character-wardrobe *{box-sizing:border-box}.character-wardrobe [hidden]{display:none!important}
.character-stage{background:radial-gradient(ellipse at 60% 30%,#285457,#142d37 65%,#10202d);color:#edf5ec;border:1px solid #527477;border-radius:18px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;min-width:0}
.character-stage::after{content:'';position:absolute;left:8%;right:8%;bottom:72px;border-bottom:1px solid #66877d66;pointer-events:none}.character-stage h3{color:#fff;font-size:24px;margin:4px 0 0}.character-eyebrow{font-size:11px;letter-spacing:.15em;color:#abc7c1;margin:0}.character-art{width:min(100%,270px);flex:1;display:grid;place-items:center}.character-art svg{display:block;width:100%;max-height:310px;filter:drop-shadow(0 15px 17px #06131a66)}.character-preview-badge{font-size:12px;border:1px solid #638279;border-radius:30px;padding:6px 11px;color:#c3dbd0}.character-preview-badge[data-preview=true]{color:#f5d698;border-color:#b49663}.character-wallet{font-weight:700;font-size:15px;margin:12px 0 0;color:#f7d58c}
.character-controls{min-width:0}.character-controls h3{font-size:23px;margin:0 0 8px;color:inherit}.character-note{font-size:14px;line-height:1.5;opacity:.8;margin:0 0 16px}.character-gender{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:18px 0}.character-gender legend{font-size:13px;line-height:1.4;font-weight:600;margin-bottom:10px;padding:0}.character-gender label{flex:1;min-width:130px;position:relative;margin:0;display:block}.character-gender input{position:absolute;opacity:0;width:1px;height:1px}.character-gender span{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #829c9880;border-radius:10px;cursor:pointer;font-size:14px;padding:9px 12px}.character-gender input:checked+span{border-color:#63a994;background:#63a99420;box-shadow:inset 0 0 0 1px #63a994}.character-gender input:focus-visible+span{outline:3px solid #daa856;outline-offset:3px}.character-gender:disabled{opacity:.6}
.character-tabs{display:flex;gap:8px;margin:18px 0 12px}.character-wardrobe button{font:inherit;cursor:pointer;margin:0;min-height:44px}.character-tabs button{flex:1;border:1px solid #829c9880;color:inherit;background:transparent;padding:10px;border-radius:9px;font-size:14px}.character-tabs button[aria-pressed=true]{background:#63a99420;border-color:#63a994}.character-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-item{background:transparent!important;color:inherit!important;box-shadow:none!important;border:1px solid #829c9866!important;padding:12px!important;border-radius:12px;display:grid!important;grid-template-columns:26px minmax(0,1fr);gap:5px 9px;text-align:left!important;min-width:0;align-items:center}.character-item[aria-pressed=true]{border-color:#63a994!important;background:#63a99418!important;box-shadow:inset 0 0 0 1px #63a994!important}.character-item strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.character-item small{grid-column:2;font-size:12px;opacity:.75}.character-swatch{width:24px;height:28px;grid-row:span 2;border-radius:4px 4px 9px 9px;background:#66ad9d;border:1px solid #ffffff30;box-shadow:inset -6px -5px 0 #0003}.character-swatch[data-value=crimson]{background:#c66b66}.character-swatch[data-value=royal]{background:#9b7cca}.character-swatch[data-value=night]{background:#4c6787}.character-swatch[data-value=amber]{background:#efc475}.character-swatch[data-value=azure]{background:#56ced7}.character-swatch[data-value=violet]{background:#c29aef}
.character-selection{margin-top:18px;padding-top:16px;border-top:1px solid #829c9855}.character-selection>strong{display:block;margin-bottom:5px;font-size:16px}.character-selection .character-note{font-size:13px;margin-bottom:12px}.character-action{width:100%;background:#367c68!important;color:#fff!important;border:1px solid #599885!important;border-radius:10px;padding:12px!important;font-weight:600!important;white-space:normal}.character-reset{display:block;width:100%;border:0;background:transparent!important;color:inherit!important;font-size:12px!important;text-decoration:underline;padding:10px!important}.character-status{font-size:13px;line-height:1.5;min-height:20px;margin:12px 0 0}.character-error{color:#ce595c}.character-wardrobe button:disabled{cursor:default;opacity:.55}.character-wardrobe button:focus-visible{outline:3px solid #daa856;outline-offset:3px}
@media(max-width:650px){.character-wardrobe{grid-template-columns:1fr;gap:22px}.character-stage{padding:16px}.character-stage h3{font-size:22px}.character-art{width:190px;max-height:200px}.character-art svg{max-height:200px}.character-stage::after{bottom:67px}.character-controls h3{font-size:21px}.character-gender label{min-width:110px}.character-items{gap:8px}.character-item{padding:10px!important;gap:4px 7px}}
@media(prefers-reduced-motion:reduce){.character-wardrobe *{transition:none!important;animation:none!important}}
/* Illustrated equipment and a presentation stage for previewing a new look. */
.character-stage{--wardrobe-accent:#80cdb1;background:radial-gradient(ellipse at 70% 33%,#2b4856,#172b3c 60%,#101e2c);border-color:#607180}.character-stage::before{content:'';position:absolute;left:50%;top:100px;transform:translateX(-50%);width:245px;height:245px;border:1px solid var(--wardrobe-accent);border-radius:50%;opacity:.14;box-shadow:0 0 0 12px #aecbd908,0 0 0 14px var(--wardrobe-accent),0 0 70px var(--wardrobe-accent);pointer-events:none}.character-stage>*{position:relative;z-index:1}.character-tier{display:inline-block;margin:8px 0 0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wardrobe-accent);border-bottom:1px solid #ffffff20;padding-bottom:5px}.character-art{width:min(100%,300px);min-height:295px;margin:10px 0 8px}.character-art svg{max-height:350px;filter:drop-shadow(0 12px 10px #050e1877)}.character-compare{display:block;margin-top:9px!important;padding:7px 12px;border:1px solid #8194a066;border-radius:8px;color:#d5e3e6;background:#ffffff08;min-height:36px!important;font-size:12px!important}.character-compare:hover{background:#ffffff15;color:#fff}.character-compare[aria-pressed=true]{border-color:var(--wardrobe-accent)}
.character-item{grid-template-columns:48px minmax(0,1fr)!important;gap:5px 10px!important;min-height:105px!important}.character-item-preview{grid-row:span 3;width:48px;height:77px;display:grid;place-items:center;border:1px solid #8fa8b529;border-radius:10px;background:radial-gradient(ellipse,#273e4c,#152331)}.character-item-preview svg{width:44px;height:71px;display:block;filter:drop-shadow(0 3px 3px #070e17aa)}.character-item small{font-size:11px}.character-item-tier{grid-column:2;font-size:9px;letter-spacing:.035em;text-transform:uppercase;color:#789088}.character-item[data-rarity=uncommon] .character-item-tier{color:#a6773f}.character-item[data-rarity=rare] .character-item-tier{color:#8774b2}.character-item[data-rarity=epic] .character-item-tier{color:#568796}.character-item[data-rarity=epic][aria-pressed=true]{box-shadow:inset 0 0 0 1px #75aab0,0 0 18px #5b9db61a!important}.character-selection>strong[data-rarity=rare]{color:#9a80ca}.character-selection>strong[data-rarity=epic]{color:#69a9bd}
.traveler-art .traveler-lantern-aura{animation:traveler-light 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.traveler-art .traveler-runes{animation:traveler-runes 3.6s ease-in-out infinite}.traveler-art .traveler-orbit{animation:traveler-runes 4.5s ease-in-out infinite}.portrait .traveler-portrait{width:100%;height:100%;transform:none}.traveler-eyes{animation:traveler-blink 9s infinite;transform-origin:90px 55px}
@keyframes traveler-light{0%,100%{opacity:.6;transform:scale(.93)}50%{opacity:1;transform:scale(1.08)}}@keyframes traveler-runes{0%,100%{opacity:.45}50%{opacity:1}}@keyframes traveler-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}
@media(max-width:650px){.character-art{width:210px;min-height:210px;max-height:235px;margin:4px 0 8px}.character-art svg{max-height:235px}.character-stage::before{width:185px;height:185px;top:80px}.character-item{grid-template-columns:39px minmax(0,1fr)!important;gap:4px 8px!important;padding:10px!important;min-height:100px!important}.character-item-preview{width:39px;height:70px}.character-item-preview svg{width:36px;height:66px}.character-item strong{font-size:12px}.character-tier{margin:6px 0 0;font-size:9px}.character-compare{min-height:44px!important}.character-stage h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.traveler-art *,.traveler-eyes{animation:none!important}}
@media(max-width:650px){.profile-dialog .character-art{width:210px;min-height:210px;max-height:235px}.profile-dialog .character-art svg{max-height:235px}}

/* Eight independent slots stay visible without widening the dialog. */
.character-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.character-tabs button{padding:8px 5px;font-size:12px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.character-item-preview svg{width:100%;height:100%;padding:5px}
.character-item-preview{width:48px;height:65px}.character-item{min-height:91px!important}
.character-stage{align-self:start}
@media(max-width:850px){.character-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.character-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.character-tabs button{font-size:12px;min-height:44px}.character-item-preview{width:39px;height:62px}}
.character-item small,.character-item-tier{min-width:0;overflow-wrap:anywhere}
@media(max-width:360px){.character-items{grid-template-columns:1fr}.character-item{min-height:82px!important}.character-item-preview{height:58px}}
@media(max-width:650px){.profile-dialog .character-art,.character-art{width:min(100%,210px)}}

.character-stage::after{display:none}

/* Blink around the eyes in every full-size, symbol and cropped portrait viewport. */
.traveler-eyes{transform-box:fill-box;transform-origin:center}
/* Flat paper presentation for a deliberately simple comic character. */
.character-stage{background:#fff7e8;color:#28352f;border:2px solid #263a32;box-shadow:4px 4px 0 #263a3218}
.character-stage::before{display:none}.character-stage h3{color:#263a32}.character-eyebrow{color:#6a786e}.character-tier{color:#6a786e;border-color:#263a3222;letter-spacing:.06em}
.character-preview-badge{color:#496658;border-color:#8eaa94;background:#ffffff80}.character-preview-badge[data-preview=true]{color:#836326;border-color:#c3a366}.character-wallet{color:#80572c}
.character-compare{color:#34483d;background:#fff;border-color:#9aac9f}.character-compare:hover{color:#213f31;background:#e8f0e5}
.character-art svg,.character-item-preview svg{filter:none}.character-item-preview{background:#fff7e8;border-color:#a9b9af}
.character-item[data-rarity=epic][aria-pressed=true]{box-shadow:inset 0 0 0 1px #75aab0!important}
.traveler-comic .traveler-lantern-aura{animation:none}