.rpg-dialog{width:min(680px,calc(100vw - 28px));border:1px solid #91dce187;border-radius:22px;background:linear-gradient(135deg,#102f53,#07192f);color:#effbff;padding:28px;box-shadow:0 32px 100px #000c}.rpg-dialog::backdrop{background:#020e1bb7;backdrop-filter:blur(5px)}.rpg-dialog>p{color:#53e3cc;letter-spacing:.15em;font-size:.67rem;font-weight:900;margin:0}.rpg-dialog h2{margin:6px 0 18px;letter-spacing:-.04em}.rpg-dialog nav{display:flex;gap:7px;border-bottom:1px solid #7cb8cb47;padding-bottom:12px;margin-bottom:16px}.rpg-dialog nav button{border:0;border-radius:7px;background:#143a5c;color:#c8e7f1;padding:8px 10px;font-weight:800;cursor:pointer}.rpg-dialog nav button.active{background:#42e0c8;color:#05263a}.rpg-close{position:absolute;right:16px;top:10px;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.skill-points{padding:10px 12px;border-radius:9px;background:#12334e;color:#ffcf58;font-weight:900;margin-bottom:10px}.rpg-trees{display:grid;gap:10px}.skill-tree{padding:11px;border:1px solid #6daabd4a;border-radius:11px;background:#0b2845}.skill-tree header{display:flex;gap:10px;align-items:center}.skill-tree header>span{display:block;width:10px;height:37px;border-radius:99px;background:var(--skill)}.skill-tree header div{flex:1}.skill-tree b,.rpg-grid b{display:block}.skill-tree small,.rpg-grid small{display:block;color:#b5d3e0;margin-top:3px}.skill-tree i{display:block;overflow:hidden;height:6px;margin-top:7px;border-radius:99px;background:#06172a}.skill-tree i em{display:block;height:100%;background:#42e0c8}.skill-nodes{display:flex;gap:7px;overflow:auto;margin-top:11px}.skill-nodes button{min-width:155px;flex:1;padding:10px;text-align:left;border:1px solid #679aae63;border-radius:9px;background:#0c3452;color:#bcd8e5}.skill-nodes button.available{border-color:#ffcf58;color:#fff;cursor:pointer}.skill-nodes button.owned{border-color:#42e0c8;background:#10564f;color:#fff}.skill-nodes button:disabled{opacity:.62}.skill-nodes em{display:block;margin-top:5px;color:#ffcf58;font-size:.72rem;font-style:normal}.rpg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rpg-grid article,.rpg-grid button{min-height:84px;padding:12px;text-align:left;border:1px solid #6daabd4a;border-radius:10px;background:#0b2845;color:#b4cfdb}.rpg-grid article.unlocked{border-color:#ffcf588d;color:#f8fbff}.rpg-grid.inventory button{cursor:pointer}.rpg-grid.inventory button.equipped{border-color:#42e0c8;background:#10564f;color:white}.character-summary{display:flex;align-items:center;gap:14px;padding:13px;margin-bottom:10px;border-radius:12px;background:#0b2845}.character-orb{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#42e0c8;color:#08263c;font-weight:1000}@media(max-width:500px){.rpg-dialog{padding:21px}.rpg-grid{grid-template-columns:1fr}}
.rpg-dialog{max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}.rpg-dialog.rpg-character-active{width:min(1060px,calc(100vw - 28px))}.rpg-dialog button{font:inherit}.rpg-dialog button:focus-visible{outline:3px solid #ffcf58;outline-offset:3px}.rpg-dialog nav{position:sticky;top:-28px;z-index:3;background:#102b48;padding-top:8px;flex-wrap:wrap}.rpg-dialog nav button{min-height:40px}.rpg-locker-title{margin:0 0 14px}.rpg-empty{grid-column:1/-1;color:#c8dfeb}
.character-workshop{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start}.character-preview-panel{position:sticky;top:65px;padding:22px 18px;border:1px solid #56d7c655;border-radius:17px;background:radial-gradient(ellipse at 50% 30%,#174967,#0b253f 70%);text-align:center}.customizer-eyebrow{font-size:.65rem;font-weight:900;letter-spacing:.16em;color:#73ecd8}.character-preview-panel h3{font-size:1.12rem;line-height:1.3;margin:14px 0 8px}.character-preview-panel p{font-size:.8rem;line-height:1.6;color:#b5d3e0}.character-preview-panel .customizer-saved{color:#8cebcf;border-top:1px solid #73c8d337;padding-top:13px}.character-preview-panel .customizer-unlock-note{font-size:.73rem;margin-bottom:0}.character-editor{min-width:0}.customizer-section{min-width:0;margin:0 0 24px;padding:0;border:0}.customizer-section legend,.customizer-section h3{margin:0 0 12px;padding:0;color:#effbff;font-size:1rem;font-weight:800}.customizer-colours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.customizer-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.customizer-choice{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;text-align:left;border:1px solid #6392ac66;border-radius:12px;background:#0b2845;color:#effbff;cursor:pointer;min-width:0;transition:border-color .15s,background .15s;overflow-wrap:anywhere}.customizer-choice:hover:not(:disabled){background:#123957;border-color:#93d4df}.customizer-choice.is-selected{border-color:#42e0c8;background:#10453f;box-shadow:0 0 0 1px #42e0c840 inset}.customizer-choice.is-locked{cursor:default;background:#0b2138;border-style:dashed;color:#c6d8e4;opacity:1}.customizer-choice b{font-size:.8rem;font-weight:800;line-height:1.35}.customizer-choice small{font-size:.69rem;line-height:1.45;color:#b6d2df}.customizer-choice .customizer-requirement{color:#e6c988}.customizer-choice .customizer-availability{color:#9acfc4}.customizer-choice .customizer-special{font-size:.58rem;letter-spacing:.06em;border:1px solid #e4c67c77;padding:3px 5px;border-radius:5px;color:#f4d694}.colour-chip{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 2px #edfaff35 inset,0 3px 9px #0004;color:#fff;text-shadow:0 1px 3px #000,0 0 5px #000;font-weight:900;font-size:1.35rem}.customizer-gear .gear-slot{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#99bdcf}.customizer-gear .gear-action{font-size:.73rem;color:#91e6d1}.customizer-gear button{min-height:100px}.shape-chip{height:36px;width:34px;display:block;background:var(--bot-primary,#42e0c8);border:3px solid var(--bot-secondary,#edfaff);border-radius:11px 11px 16px 16px;box-sizing:border-box}.shape-chip[data-value="round"]{border-radius:50%;width:40px}.shape-chip[data-value="scout"]{width:26px;border-radius:15px}.shape-chip[data-value="sturdy"]{width:43px;border-radius:8px}.shape-chip[data-value="capsule"]{width:30px;border-radius:20px}.shape-chip[data-value="diamond"]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0;width:38px}.pattern-chip{display:block;width:64px;height:36px;border-radius:8px;background-color:var(--bot-primary,#42e0c8);color:var(--bot-secondary,#edfaff);overflow:hidden;position:relative}.pattern-chip[data-value="stripes"],.arcbot-doll[data-pattern="stripes"] .doll-body{background-image:repeating-linear-gradient(45deg,transparent 0 9px,var(--bot-secondary) 9px 14px)}.pattern-chip[data-value="dots"],.arcbot-doll[data-pattern="dots"] .doll-body{background-image:radial-gradient(circle,var(--bot-secondary) 2px,transparent 3px);background-size:12px 12px}.pattern-chip[data-value="checker"],.arcbot-doll[data-pattern="checker"] .doll-body{background-image:conic-gradient(var(--bot-secondary) 25%,transparent 0 50%,var(--bot-secondary) 0 75%,transparent 0);background-size:16px 16px}.pattern-chip[data-value="waves"],.arcbot-doll[data-pattern="waves"] .doll-body{background-image:repeating-radial-gradient(ellipse at 0 100%,transparent 0 9px,var(--bot-secondary) 10px 13px,transparent 14px 22px)}.pattern-chip[data-value="circuit"],.arcbot-doll[data-pattern="circuit"] .doll-body{background-image:linear-gradient(90deg,transparent 46%,var(--bot-secondary) 46% 54%,transparent 54%),linear-gradient(transparent 46%,var(--bot-secondary) 46% 54%,transparent 54%);background-size:20px 20px}.pattern-chip[data-value="maple"]::after,.arcbot-doll[data-pattern="maple"] .doll-body::after{content:'🍁';position:absolute;inset:0;display:grid;place-items:center;font-size:22px}.pattern-chip[data-value="stars"]::after,.arcbot-doll[data-pattern="stars"] .doll-body::after{content:'✦ ✧';position:absolute;inset:0;display:grid;place-items:center;font-size:21px}
.arcbot-preview{margin:20px 0 0}.arcbot-preview figcaption{margin-top:12px;font-size:.7rem;color:#a9d3e1;letter-spacing:.04em}.arcbot-doll{width:165px;height:225px;margin:auto;position:relative;filter:drop-shadow(0 12px 9px #0005);--bot-primary:#42e0c8;--bot-secondary:#edfaff}.arcbot-doll>span{position:absolute;display:block;box-sizing:border-box}.doll-antenna{top:0;left:80px;height:34px;width:5px;background:#8da9bb;border-radius:3px}.doll-antenna::before{content:'';position:absolute;top:0;left:-5px;border-radius:50%;height:14px;width:14px;background:var(--bot-primary);box-shadow:0 0 12px var(--bot-primary)}.doll-head{top:25px;left:28px;width:110px;height:84px;border-radius:50%;background:var(--bot-secondary);box-shadow:inset -7px -8px 0 #0002;border:2px solid #ffffff38;z-index:2}.doll-visor{top:53px;left:42px;height:30px;width:82px;background:#0b223d;border-radius:10px;z-index:3}.doll-visor::before,.doll-visor::after{content:'';position:absolute;top:10px;width:10px;height:10px;border-radius:50%;background:var(--bot-primary);box-shadow:0 0 6px var(--bot-primary)}.doll-visor::before{left:17px}.doll-visor::after{right:17px}.doll-body{top:101px;left:42px;width:82px;height:89px;border-radius:23px 23px 35px 35px;background-color:var(--bot-primary);box-shadow:inset -7px -8px 0 #0002;z-index:1;overflow:hidden}.doll-badge{top:135px;left:75px;width:18px;height:18px;border:3px solid #ffcf58;border-radius:50%;background:#153c4b;z-index:2}.doll-arm-left,.doll-arm-right{top:112px;width:19px;height:61px;border-radius:20px;background:var(--bot-secondary);box-shadow:inset -3px -5px 0 #0002}.doll-arm-left{left:20px;transform:rotate(12deg)}.doll-arm-right{right:20px;transform:rotate(-12deg)}.doll-leg-left,.doll-leg-right{top:177px;height:39px;width:24px;border-radius:12px;background:#243c56;border-bottom:7px solid var(--bot-secondary)}.doll-leg-left{left:52px}.doll-leg-right{right:52px}.doll-gear-head{top:16px;left:32px;width:102px;color:#ffcf58;font-size:30px;z-index:4;line-height:1;text-align:center}.doll-scarf{top:100px;left:43px;width:79px;height:14px;background:var(--bot-secondary);border:2px solid var(--bot-primary);border-radius:6px;z-index:3}.doll-scarf::after{content:'';position:absolute;top:6px;left:52px;width:11px;height:35px;background:var(--bot-secondary);border-radius:4px}.doll-back-item{top:106px;left:9px;font-size:30px;color:var(--bot-secondary);z-index:0}.arcbot-doll[data-shape="round"] .doll-body{left:36px;width:94px;border-radius:50%;height:86px}.arcbot-doll[data-shape="scout"] .doll-body{left:50px;width:66px;border-radius:25px}.arcbot-doll[data-shape="sturdy"] .doll-body{left:35px;width:96px;border-radius:13px 13px 23px 23px}.arcbot-doll[data-shape="capsule"] .doll-body{left:48px;width:70px;border-radius:35px}.arcbot-doll[data-shape="diamond"] .doll-body{left:36px;width:94px;clip-path:polygon(50% 0,100% 45%,75% 100%,25% 100%,0 45%);border-radius:0}
@media(max-width:800px){.character-workshop{grid-template-columns:180px minmax(0,1fr);gap:16px}.character-preview-panel{padding:16px 10px}.arcbot-doll{transform:scale(.85);transform-origin:bottom center;margin-top:-25px}.customizer-colours,.customizer-options{grid-template-columns:repeat(3,minmax(0,1fr))}.customizer-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.rpg-dialog nav{top:-21px}.character-workshop{display:block}.character-preview-panel{position:static;display:grid;grid-template-columns:145px minmax(0,1fr);gap:0 12px;margin-bottom:22px;text-align:left}.customizer-eyebrow{grid-column:2}.arcbot-preview{grid-column:1;grid-row:1/5;margin:0}.arcbot-doll{transform:scale(.72);transform-origin:top left;height:160px;margin:0;width:145px}.arcbot-preview figcaption{margin:3px 0 0;text-align:center}.character-preview-panel h3{margin-top:8px}.character-preview-panel p{margin-top:6px;font-size:.73rem}.character-preview-panel .customizer-unlock-note{grid-column:1/-1}.customizer-colours{grid-template-columns:repeat(3,minmax(0,1fr))}.customizer-gear{grid-template-columns:repeat(2,minmax(0,1fr))}.customizer-choice{padding:10px;gap:6px}.rpg-dialog nav button{padding:8px;font-size:.75rem}.customizer-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.customizer-choice{transition:none}}
.rpg-grid.inventory button.is-locked{cursor:default;border-style:dashed;background:#0b2138}.customizer-gear .customizer-requirement{font-size:.72rem;line-height:1.5;color:#e6c988}
.item-paint-hint{font-size:.78rem;line-height:1.5;color:#b5d3e0;margin:0 0 14px}.item-paint-card{border:1px solid #6392ac66;border-radius:12px;padding:12px;margin:0 0 12px;min-width:0;background:#0b2845}.item-paint-card legend{font-size:.82rem;margin:0;padding:0 7px}.item-paint-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.item-paint-control{min-width:0}.item-paint-control label{display:block;font-size:.71rem;color:#bad8e6;margin-bottom:6px}.item-paint-control select{width:100%;min-height:42px;border:1px solid #7eacbe88;background:#102f49;color:#f1fbff;border-radius:7px;padding:8px;font:inherit;font-size:.75rem;text-overflow:ellipsis}.item-paint-control select:focus-visible{outline:3px solid #ffcf58;outline-offset:2px}.item-paint-sample{display:flex;gap:7px;align-items:center;margin-bottom:10px}.item-paint-sample>i:not(.pattern-chip){width:24px;height:24px;border:1px solid #c8e7ed88;border-radius:50%}.item-paint-sample .pattern-chip{height:24px;width:44px}.item-paint-sample .pattern-chip::after{font-size:16px}@media(max-width:580px){.item-paint-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.item-paint-control:last-child{grid-column:1/-1}}
.character-preview-panel .customizer-saved.is-session{color:#ffdc74}

/* Painted preview surfaces have their own slot palette, just like the 3D model. */
.arcbot-doll .doll-painted{background-color:var(--paint-primary);color:var(--paint-secondary)}
.arcbot-doll .doll-painted[data-pattern="stripes"]{background-image:repeating-linear-gradient(45deg,transparent 0 9px,var(--paint-secondary) 9px 14px)}
.arcbot-doll .doll-painted[data-pattern="dots"]{background-image:radial-gradient(circle,var(--paint-secondary) 2px,transparent 3px);background-size:12px 12px}
.arcbot-doll .doll-painted[data-pattern="checker"]{background-image:conic-gradient(var(--paint-secondary) 25%,transparent 0 50%,var(--paint-secondary) 0 75%,transparent 0);background-size:16px 16px}
.arcbot-doll .doll-painted[data-pattern="waves"],.arcbot-doll .doll-painted[data-pattern="aurora"]{background-image:repeating-radial-gradient(ellipse at 0 100%,transparent 0 9px,var(--paint-secondary) 10px 13px,transparent 14px 22px)}
.arcbot-doll .doll-painted[data-pattern="circuit"],.arcbot-doll .doll-painted[data-pattern="panels"]{background-image:linear-gradient(90deg,transparent 46%,var(--paint-secondary) 46% 54%,transparent 54%),linear-gradient(transparent 46%,var(--paint-secondary) 46% 54%,transparent 54%);background-size:20px 20px}
.arcbot-doll .doll-painted[data-pattern="gold"]{background-image:repeating-linear-gradient(0deg,transparent 0 8px,var(--paint-secondary) 8px 11px)}
.arcbot-doll .doll-painted[data-pattern="maple"],.arcbot-doll .doll-painted[data-pattern="stars"]{background-image:radial-gradient(circle,var(--paint-secondary) 3px,transparent 4px);background-size:20px 20px}
.arcbot-doll .doll-body[data-pattern="maple"]::after,.arcbot-doll .doll-body[data-pattern="stars"]::after{content:'';position:absolute;left:22%;top:12%;width:20px;height:21px;background:var(--paint-secondary);clip-path:polygon(50% 0,60% 30%,80% 15%,75% 45%,100% 40%,85% 65%,62% 70%,55% 100%,45% 100%,38% 70%,15% 65%,0 40%,25% 45%,20% 15%,40% 30%)}
.arcbot-doll .doll-body[data-pattern="stars"]::after{clip-path:polygon(50% 0,62% 35%,100% 38%,71% 60%,82% 100%,50% 77%,18% 100%,29% 60%,0 38%,38% 35%)}
.arcbot-doll .doll-head{background:#edfaff}
.arcbot-doll .doll-crown{top:25px;left:29px;width:108px;height:24px;border-radius:60px 60px 8px 8px;z-index:2}
.arcbot-doll .doll-visor::before,.arcbot-doll .doll-visor::after{background:#42e0c8;box-shadow:0 0 6px #42e0c8}
.arcbot-doll .doll-arm-left,.arcbot-doll .doll-arm-right{background:#edfaff;border-top:12px solid var(--bot-secondary);border-bottom:15px solid var(--bot-primary)}
.arcbot-doll .doll-antenna{background:#0b223d;z-index:1}
.arcbot-doll .doll-antenna::before{display:none}
.doll-antenna-tip{position:absolute;display:block;top:-2px;left:-5px;width:15px;height:15px;border-radius:50%;box-shadow:0 0 8px #ffffff35}
.doll-antenna-tip[data-kind="leaf"]{left:-8px;top:-7px;width:22px;height:25px;border-radius:0;clip-path:polygon(50% 0,60% 30%,80% 15%,75% 45%,100% 40%,85% 65%,62% 70%,55% 100%,45% 100%,38% 70%,15% 65%,0 40%,25% 45%,20% 15%,40% 30%)}
.doll-antenna-tip[data-kind="star"]{left:-7px;top:-6px;width:20px;height:23px;border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.arcbot-doll .doll-gear-head{top:16px;left:32px;width:102px;height:32px;font-size:0}
.doll-gear-surface,.doll-gear-trim{position:absolute;display:block;box-sizing:border-box}
.doll-gear-surface{inset:0 6px 6px;border-radius:40px 40px 7px 7px;overflow:hidden}
.doll-gear-trim{bottom:0;left:1px;width:100px;height:9px;background:var(--gear-secondary);border-radius:6px}
.doll-gear-head[data-kind="beanie"]{top:7px;height:42px}
.doll-gear-head[data-kind="beanie"] .doll-gear-trim::before{content:'';position:absolute;top:-40px;left:42px;width:16px;height:16px;background:var(--gear-secondary);border-radius:50%}
.doll-gear-head[data-kind="star"]{top:7px;left:68px;width:30px;height:30px}
.doll-gear-head[data-kind="star"] .doll-gear-surface{inset:0;border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.doll-gear-head[data-kind="star"] .doll-gear-trim{display:none}
.doll-gear-head[data-kind="visor"]{top:40px;height:14px}
.doll-gear-head[data-kind="visor"] .doll-gear-surface{inset:0 0 6px;border-radius:5px}
.doll-gear-head[data-kind="lens"]{top:51px;left:54px;width:31px;height:31px}
.doll-gear-head[data-kind="lens"] .doll-gear-surface{inset:0;border-radius:50%;mask-image:radial-gradient(circle,transparent 0 10px,#000 11px);-webkit-mask-image:radial-gradient(circle,transparent 0 10px,#000 11px)}
.doll-gear-head[data-kind="lens"] .doll-gear-trim{left:-5px;bottom:-9px;width:6px;height:18px;transform:rotate(35deg)}
.arcbot-doll .doll-scarf{border:0;background-color:var(--paint-primary);overflow:visible}
.arcbot-doll .doll-scarf::after{background:var(--paint-secondary)}
.doll-scarf[data-kind="bow"]{left:62px;top:102px;width:43px;height:21px;border-radius:0;clip-path:polygon(0 0,50% 35%,100% 0,100% 100%,50% 65%,0 100%)}
.doll-scarf[data-kind="bow"]::after{top:7px;left:18px;width:8px;height:8px;border-radius:50%}
.arcbot-doll .doll-back-item{top:111px;left:10px;width:35px;height:66px;border:4px solid var(--paint-secondary);border-radius:10px;font-size:0;z-index:0}
.doll-back-item::after{content:'';position:absolute;bottom:7px;left:3px;right:3px;height:17px;background:var(--paint-secondary);border-radius:3px}
.doll-back-item[data-kind="fin"]{left:5px;width:42px;height:67px;border-radius:0;clip-path:polygon(100% 0,100% 100%,0 65%)}
.doll-back-item[data-kind="pan"]{left:4px;width:48px;height:48px;border-radius:50%}
.doll-back-item[data-kind="pan"]::after{top:40px;left:15px;width:8px;height:25px;border-radius:4px}
.doll-back-item[data-kind="satchel"]{left:auto;right:6px;top:137px;width:34px;height:43px}
.doll-back-item[data-kind="satchel"]::after{top:0;bottom:auto;height:12px;left:0;right:0;border-radius:0}
.doll-back-item[data-kind="wings"]{left:-6px;top:112px;width:178px;height:50px;border:0;clip-path:polygon(0 0,30% 28%,50% 55%,70% 28%,100% 0,88% 85%,65% 100%,50% 65%,35% 100%,12% 85%)}
.doll-back-item[data-kind="wings"]::after{left:0;right:0;bottom:12px;height:8px;border-radius:0}