/* Veronica: paint, asphalt and skate stickers. Decoration stays outside controls. */
:root{--pink:#E4007C;--muted:#c7c5d1;--border:#42414e;background:#111218}
body{background:radial-gradient(ellipse at 95% 4%,#ff2e8522,transparent 34%),radial-gradient(ellipse at 0 42%,#25dcd210,transparent 30%);color:#f8f4e9}
header{border-bottom:2px dashed #53505f}.brand{font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-1px}.brand-image{transform:rotate(-7deg);border-radius:9px;box-shadow:3px 3px 0 #07080c}
.intro h1{font-family:'Arial Black','Segoe UI',sans-serif;font-weight:950;font-style:italic;letter-spacing:-3px;text-shadow:3px 4px 0 #07080c}.intro h1 span{display:inline-block;position:relative;color:#E4007C}.intro h1 span::after{content:none}
.eyebrow{color:#64e8dc!important;letter-spacing:1.3px}.hero-art::before{content:'';position:absolute;inset:-15px;background:radial-gradient(ellipse,#ff2e8550,transparent 67%);transform:rotate(-10deg);pointer-events:none}.tv-frame{border:3px solid #f8f4e9;border-radius:12px;background:#181921;box-shadow:9px 10px 0 #07080c}.tv-screen{border-radius:6px}.tv-caption{color:#f8f4e9}.sticker{border:3px solid #111218;border-radius:3px;background:#ecf55c;color:#111218;font-weight:900;box-shadow:4px 5px 0 #07080c}.sticker.star{background:#56e2d8;border-radius:0;clip-path:polygon(50% 0,62% 31%,100% 19%,77% 52%,100% 80%,64% 75%,46% 100%,35% 70%,0 85%,22% 51%,0 20%,37% 30%)}
.hero-tags span{background:#f8f4e9;color:#161820;border:2px solid #07080c;border-radius:2px;box-shadow:3px 3px 0 #07080c;transform:rotate(-3deg);font-weight:800}.hero-tags span+span{background:#E4007C;transform:rotate(3deg);color:#110811}
.panel,.character,.grid article,.guide-step{background:#1b1c25;border:1px solid #42414e;border-radius:7px;box-shadow:4px 5px 0 #0a0b10}.panel{border-top:3px solid #E4007C}.character{border-top:3px solid #56e2d8}.grid article::before{background:#ecf55c;transform:rotate(-7deg);width:32px}.metric{font-style:italic}.section-title,h2,h3,summary{font-weight:850}.section-title::after{content:'';display:block;width:58px;height:4px;background:#E4007C;margin-top:9px;transform:rotate(-4deg)}
.button,button{border-radius:4px;border:2px solid #090a10;box-shadow:3px 3px 0 #090a10;font-weight:800}.button:hover,button:hover{filter:brightness(1.12)}.secondary{background:#2a2b36;border-color:#61606d;color:#f8f4e9}button:disabled{filter:none;opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #56e2d8;outline-offset:4px}.step-number{background:#ecf55c;color:#161820;border:2px solid #07080c;border-radius:3px;transform:rotate(-5deg)}
dialog{background:#1b1c25;border:2px solid #E4007C;border-radius:9px}.prefix{background:#111218;color:#ff9bc6}.notice,.empty{background:#23242e;border-left:3px solid #56e2d8}footer{border-top:2px dashed #53505f}.reward-editor{border-bottom:1px dashed #53505f}
@media(max-width:700px){.intro h1{letter-spacing:-2px}.hero-art{box-sizing:border-box}.panel,.character,.grid article,.guide-step{box-shadow:3px 3px 0 #0a0b10}}

body{box-sizing:border-box;width:100%}.intro>*{min-width:0}.intro h1 span{max-width:100%;overflow-wrap:anywhere}.hero-art{min-width:0;box-sizing:border-box}details form select{width:100%}.reward-editor select{width:auto}

.rp-dashboard{margin-top:36px;border-top:2px dashed #53505f;padding-top:20px}.rp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.rp-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rp-columns .panel{padding:18px;min-width:0}.rp-entry{padding:16px 0;border-top:1px solid #42414e;overflow-wrap:anywhere}.rp-entry p{color:#c7c5d1;white-space:pre-wrap;font-size:13px}.rp-entry .button{display:inline-block;padding:9px;font-size:12px}.rp-state{display:block;color:#64e8dc;font-size:12px;margin-top:6px}.rp-dashboard>small{display:block;color:#c7c5d1;margin-top:20px}.rp-dashboard details{margin-top:18px}@media(max-width:850px){.rp-columns{grid-template-columns:1fr}}

/* Keep the heading legible in both account states. */
.intro h1,.signed-in .intro h1{font-size:clamp(40px,4.8vw,60px);line-height:1.15;letter-spacing:-1.5px;margin:16px 0 20px}.intro h1 span{display:block;margin-top:8px}.intro h1 br,.signed-in .intro h1 br{display:none}@media(max-width:700px){.intro h1,.signed-in .intro h1{font-size:clamp(34px,8vw,44px);letter-spacing:-1px}}


/* Workspace rework: a quiet canvas, distinct destinations, persistent navigation. */
:root{--border:#35313e;--muted:#b7afbf;background:#111015}
body{max-width:1360px;background:radial-gradient(ellipse at 90% 0,#e4007c12,transparent 42%);padding:24px 36px;color:#f6f1f7}
header{border-bottom:1px solid var(--border);padding-bottom:20px}.brand{font-style:normal;text-transform:none;letter-spacing:-.7px}.brand-image{transform:none;border-radius:12px;box-shadow:none}
.badge{border-radius:8px;letter-spacing:1px}.topnav a{border-radius:8px}.topnav a:hover{background:#27212d}
.panel,.character,.grid article,.guide-step{border:1px solid var(--border);border-radius:18px;box-shadow:none;background:#1b1821}
.button,button{border-radius:10px;box-shadow:none!important;border:1px solid transparent;color:white;min-height:44px}.secondary{background:#26212d;border-color:#44394e}.button:hover,button:hover{filter:none;background:#bf0068}.secondary:hover{background:#352a3e}.character{border-top:2px solid #e4007c}.character-top{align-items:flex-start}.character-actions{flex-wrap:wrap}.character details summary{font-size:14px;padding:12px 0}.character .avatar{border-radius:14px}.section-title::after{display:none}
.workspace-nav{display:none}.workspace-heading{margin:12px 0 28px}.workspace-heading .eyebrow{color:#f37ab8!important;margin:0 0 10px}.workspace-heading h1{font-size:clamp(30px,4vw,42px);font-style:normal;letter-spacing:-1.4px;margin:0 0 12px;line-height:1.15}.workspace-heading p{margin:0}.workspace-heading h1:focus{outline:none}
.signed-in main{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:40px;align-items:start}.signed-in .intro{display:none}.signed-in #notice,.signed-in #signin,.signed-in #profile,.signed-in #community,.signed-in #guide{grid-column:2;min-width:0}.signed-in .workspace-nav{display:block;grid-column:1;grid-row:1 / span 6;position:sticky;top:24px;padding-top:24px}.nav-caption{font-size:10px;letter-spacing:2px;color:#8f839a;padding-left:14px}.workspace-nav nav{display:grid;gap:7px;margin-top:18px}.workspace-nav a{display:flex;align-items:center;gap:12px;color:#bdb2c7;text-decoration:none;padding:13px 15px;border-radius:11px;font-size:14px;font-weight:600;border:1px solid transparent}.workspace-nav a span{font-size:21px;width:23px;color:#9b8ca7}.workspace-nav a:hover{background:#211b28;color:white}.workspace-nav a[aria-current]{background:#e4007c19;border-color:#e4007c50;color:#fff}.workspace-nav a[aria-current] span{color:#fa72bd}.nav-note{font-size:12px;color:#8f839a;line-height:1.8;margin:32px 14px}
.signed-in #profile{padding-top:26px}.signed-in #profile .panel{margin:0 0 22px;padding:26px}.profile-heading .eyebrow{color:#ae9cbd!important;font-size:10px}.profile-heading h2{font-size:26px}.profile-heading p{margin:7px 0}.signed-in #profile-bio h2,.signed-in .level-card-editor h2{font-size:20px}.signed-in .section-title{margin-top:0;gap:12px;flex-wrap:wrap}.signed-in .section-title h2{margin-right:auto;font-size:20px}.workspace-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.workspace-shortcuts a{display:grid;gap:10px;text-decoration:none;color:#f6effb;padding:23px;border:1px solid #443347;border-radius:16px;background:linear-gradient(120deg,#302032,#201a25)}.workspace-shortcuts a:hover{border-color:#e4007c}.workspace-shortcuts small{line-height:1.6}
.signed-in #community{border-top:1px solid var(--border);margin-top:34px;padding-top:10px}.signed-in #community h2{font-size:17px}.signed-in #community .grid{gap:12px}.signed-in #community .grid article{padding:16px;font-size:11px}.signed-in #community .metric{font-size:27px;font-style:normal}.grid article::before{display:none}.signed-in #guide{margin-top:22px}.guide-step{padding:22px}.step-number{transform:none;border:0;background:#e4007c18;color:#ff85c8;border-radius:8px}.guide-step h3{font-size:15px}.guide-step p{font-size:13px}.rp-dashboard{border:0;margin:0;padding:0}.rp-heading h2{font-size:20px}.rp-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-columns>article:first-child{grid-column:1 / -1}.rp-entry{padding:20px 0}.rp-state{display:inline-block;border-radius:20px;padding:4px 10px;background:#e4007c17;color:#ff9bcc;margin:10px 0}.rp-entry>strong{display:block}.rp-dashboard>small{line-height:1.7}.signed-in #profile .rp-columns .panel{padding:22px}.rp-columns h3{font-size:16px}.rp-columns>article>p{font-size:13px;color:var(--muted)}.toolbar{padding:16px;background:#1b1821;border-radius:14px;border:1px solid var(--border)}.toolbar input,.toolbar select{background:#121016}.characters{gap:20px}.empty{border:1px dashed #594160;background:#201925;padding:26px;color:#c9bbd3;line-height:1.7}footer{border-top:1px solid var(--border)}
@media(max-width:900px){body{padding:20px}.signed-in main{grid-template-columns:1fr}.signed-in #notice,.signed-in #signin,.signed-in #profile,.signed-in #community,.signed-in #guide{grid-column:1}.signed-in .workspace-nav{grid-column:1;grid-row:auto;top:0;z-index:5;padding:12px 0;background:#111015f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.workspace-nav nav{display:flex;gap:6px;overflow-x:auto;margin:0;padding:3px;scrollbar-width:thin}.workspace-nav a{white-space:nowrap;flex-shrink:0;padding:10px 12px;font-size:12px;min-height:44px}.workspace-nav a span{font-size:17px;width:18px}.nav-caption,.nav-note{display:none}.signed-in #profile{padding-top:22px}.characters{grid-template-columns:repeat(2,minmax(0,1fr))}html{scroll-padding-top:88px}}
@media(max-width:600px){body{padding:16px}.workspace-shortcuts,.characters,.rp-columns{grid-template-columns:1fr}.rp-columns>article:first-child{grid-column:auto}.signed-in #profile .panel{padding:20px}.workspace-heading{margin-bottom:22px}.signed-in .section-title{align-items:center}.signed-in .section-title h2{width:100%}.signed-in #community .grid{grid-template-columns:1fr 1fr}.profile-heading{align-items:center}.profile-heading h2{font-size:22px}.signed-in #profile .panel.row{gap:20px}.workspace-nav a{padding:10px}.workspace-nav a span{display:none}.hero-art{max-width:290px}.intro h1{font-size:40px}.quick-guide{gap:12px}}
.signed-in:not([data-workspace-view="overview"]):not([data-workspace-view="community"]) #community{display:none}.signed-in:not([data-workspace-view="guide"]) #guide{display:none}
@media(max-width:900px){.signed-in main{grid-template-columns:minmax(0,1fr)}.signed-in .workspace-nav{min-width:0;width:100%}.workspace-nav nav{max-width:100%}.rp-heading{flex-wrap:wrap}}
@media(max-width:600px){.workspace-nav nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px}.workspace-nav a{justify-content:center;padding:8px 5px;min-height:40px}.signed-in .workspace-nav{padding:8px 0}html{scroll-padding-top:120px}}

/* Compact welcome illustration beside the member profile. */
.profile-art{display:none}
.signed-in #profile .profile-welcome{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px 24px;align-items:center}
.signed-in .profile-welcome .profile-summary{grid-column:1;grid-row:1}
.signed-in .profile-welcome .profile-art{display:block;grid-column:2;grid-row:1 / span 2;width:100%;max-width:190px;padding:10px 12px 14px}
.profile-welcome #logout{grid-column:1;justify-self:start;font-size:12px;padding:9px 14px}
.profile-art .tv-frame{padding:7px;border-radius:12px;box-shadow:5px 6px 0 #080812}
.profile-art .tv-caption{font-size:7px;letter-spacing:0;padding:7px 1px 0}
.profile-art .sticker.star{font-size:22px}
@media(max-width:600px){.signed-in #profile .profile-welcome{grid-template-columns:minmax(0,1fr) 110px;gap:12px}.signed-in .profile-welcome .profile-art{max-width:110px;padding:6px}.profile-art .tv-caption{font-size:5px}.profile-art .sticker.star{font-size:17px}.profile-welcome .profile-heading{flex-wrap:wrap}.profile-welcome .profile-heading h2{font-size:20px}}

/* Keep everyday account actions ahead of profile editing. */
.account-shortcuts{margin:26px 0}.account-shortcuts>h2{font-size:16px;margin-bottom:12px}.account-shortcuts .workspace-shortcuts{margin:0;gap:12px}.account-shortcuts .workspace-shortcuts a{padding:18px;gap:7px}.account-shortcuts small{font-size:12px;color:var(--muted)}
.signed-in .workspace-nav{max-height:calc(100dvh - 40px);overflow:auto}.signed-in .workspace-nav a:focus-visible,.workspace-shortcuts a:focus-visible{outline:2px solid #ff83bc;outline-offset:3px}.toolbar{flex-wrap:wrap}.toolbar .search-field{min-width:min(230px,100%)}.toolbar label{min-width:0}.profile-heading{min-width:0}.profile-heading h2{overflow-wrap:anywhere}.character-actions .button,.character-actions button{min-height:44px}
@media(max-width:900px){.signed-in .workspace-nav{max-height:none;overflow:visible}.signed-in #profile{scroll-margin-top:118px}}
@media(max-width:600px){.account-shortcuts .workspace-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.account-shortcuts .workspace-shortcuts a{padding:14px;font-size:12px}.account-shortcuts small{font-size:11px}.workspace-nav nav{grid-template-columns:repeat(3,minmax(0,1fr))}}