:root{--ink:#171724;--muted:#6f7080;--paper:#f6f6f9;--card:#fff;--line:#e7e7ee;--brand:#6c55f6;--brand2:#9a55f6;--accent:#ff4d8d;--good:#11865b;--warn:#a96b00;--bad:#c53b4b;--shadow:0 12px 35px rgba(31,28,62,.09);--radius:22px;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:12px;top:-60px;z-index:99;background:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.boot{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.spinner{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:var(--max);height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--brand));transform:rotate(-5deg);font-size:13px;letter-spacing:0}.nav-links{display:flex;gap:6px}.nav-link{border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:10px;text-decoration:none;font-weight:600;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--ink);background:#f1f0f8}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.menu-toggle{display:none}.button{border:0;border-radius:999px;padding:11px 18px;background:var(--brand);color:#fff;text-decoration:none;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{filter:brightness(.96);transform:translateY(-1px)}.button.secondary{background:#eeecff;color:#4d3dd2}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.danger{background:#ffedf0;color:var(--bad)}.button.small{padding:8px 13px;font-size:13px}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eeeaff;color:#5140d3;font-weight:800}
.shell{max-width:var(--max);margin:auto;padding:42px 24px 80px}.hero{min-height:470px;border-radius:32px;overflow:hidden;padding:58px;display:flex;align-items:center;position:relative;color:#fff;background:radial-gradient(circle at 78% 25%,#e87be8 0,transparent 25%),radial-gradient(circle at 83% 76%,#4ed6d0 0,transparent 24%),linear-gradient(135deg,#3d2ea0,#7356f7 55%,#f65092);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;right:-35px;top:40px;width:390px;height:390px;border:72px solid rgba(255,255,255,.13);border-radius:42% 58% 52% 48%;transform:rotate(18deg)}.hero-copy{position:relative;z-index:1;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:12px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.06em;margin:18px 0}.hero p{font-size:18px;max-width:580px;color:rgba(255,255,255,.86)}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero .button.secondary{background:#fff;color:#34288f}.demo-pill{display:inline-flex;margin-left:8px;padding:4px 8px;border-radius:99px;background:#fff2b8;color:#624a00;font-size:11px;font-weight:800;vertical-align:middle}
.section{margin-top:58px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h1,.section-head h2{margin:0;letter-spacing:-.04em}.section-head h1{font-size:42px}.section-head h2{font-size:30px}.section-head p{color:var(--muted);margin:8px 0 0}.text-link{color:var(--brand);font-weight:800;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.campaign-card,.work-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 18px rgba(31,28,62,.04)}.campaign-card{overflow:hidden;text-decoration:none;color:inherit;transition:.2s}.campaign-card:hover,.work-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.campaign-art{height:190px;padding:22px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#ffcf6b,#ff658a)}.campaign-card:nth-child(2n) .campaign-art{background:linear-gradient(135deg,#5dd9d0,#6456ee)}.campaign-card:nth-child(3n) .campaign-art{background:linear-gradient(135deg,#9973ff,#f971cf)}.campaign-symbol{font-size:72px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.15))}.campaign-body{padding:22px}.campaign-body h3{font-size:20px;margin:8px 0}.campaign-body p{color:var(--muted);font-size:14px;min-height:42px}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#eceaf8;color:#594b98}.status.open,.status.public,.status.approved{background:#e0f7ec;color:var(--good)}.status.voting,.status.finalist{background:#fff2cc;color:var(--warn)}.status.winner{background:#ffe2a2;color:#755000}.status.rejected{background:#ffe7ea;color:var(--bad)}
.work-card{overflow:hidden;transition:.2s}.work-art{aspect-ratio:4/3;background:linear-gradient(145deg,#edeaff,#d8d3ff);display:grid;place-items:center;position:relative}.work-art:before{content:"✦";font-size:82px;color:rgba(87,67,209,.35)}.work-art img{width:100%;height:100%;object-fit:cover}.work-art .status{position:absolute;left:14px;top:14px}.work-body{padding:18px}.work-body h3{margin:0 0 5px;font-size:18px}.work-body p{margin:0;color:var(--muted);font-size:13px}.empty{grid-column:1/-1;padding:50px 24px;text-align:center;background:#fff;border:1px dashed #cbc9da;border-radius:var(--radius);color:var(--muted)}.empty-icon{font-size:38px;display:block;margin-bottom:10px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:999px;cursor:pointer;font-weight:700;color:var(--muted)}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.panel{padding:28px}.account-grid,.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:22px}.panel h2,.panel h3{margin-top:0}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:13px;font-weight:800}.input{width:100%;border:1px solid #d8d7e0;background:#fff;border-radius:12px;padding:12px 13px;outline:none}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(108,85,246,.13)}textarea.input{min-height:110px;resize:vertical}.hint{font-size:12px;color:var(--muted)}.notice{padding:13px 15px;border-radius:12px;background:#efedff;color:#4437aa;font-size:13px;margin:14px 0}.notice.error{background:#ffeaed;color:var(--bad)}.notice.success{background:#e4f8ef;color:var(--good)}.list{display:grid;gap:10px}.list-item{padding:14px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:12px}.list-item-main{min-width:0;flex:1}.list-item h4{margin:0 0 3px}.list-item p{margin:0;color:var(--muted);font-size:12px}.moderation-card{border:1px solid var(--line);border-radius:16px;overflow:hidden}.moderation-preview{height:180px;background:#eeecfa;display:grid;place-items:center}.moderation-preview img{width:100%;height:100%;object-fit:contain}.moderation-content{padding:16px}.moderation-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{border:0;background:none;padding:11px 4px;margin-right:18px;border-bottom:3px solid transparent;font-weight:800;color:var(--muted);cursor:pointer}.tab.active{color:var(--brand);border-color:var(--brand)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:28px;background:#fff;border-radius:var(--radius);border:1px solid var(--line)}.step-num{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eeeaff;color:var(--brand);font-weight:900}.step h3{margin-bottom:8px}.step p{color:var(--muted);font-size:14px}.footer{border-top:1px solid var(--line);background:#fff}.footer-inner{max-width:var(--max);margin:auto;padding:35px 24px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:13px}.footer strong{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}.footer p{max-width:600px;margin:0}.loading{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:850px){.nav{height:64px;padding:0 16px}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column}.nav-links.open{display:flex}.menu-toggle{display:inline-flex}.nav-actions .button span{display:none}.shell{padding:24px 16px 60px}.hero{padding:34px 24px;min-height:440px}.hero:after{opacity:.45}.grid,.steps{grid-template-columns:1fr 1fr}.account-grid,.admin-grid{grid-template-columns:1fr}.section{margin-top:42px}}
@media(max-width:560px){.brand-name{display:none}.grid,.steps{grid-template-columns:1fr}.hero h1{font-size:45px}.hero p{font-size:16px}.section-head{align-items:start;flex-direction:column}.section-head h1{font-size:34px}.footer-inner{flex-direction:column}.campaign-art{height:160px}.panel{padding:20px}}

/* WarpWave-inspired theme — original CSS artwork, no copied studio assets. */
:root{--ink:#f7f7fb;--muted:#a4a2aa;--paper:#0c0d11;--card:#121319;--line:#292a31;--brand:#8928ff;--brand2:#c72dcc;--accent:#8d2cff;--good:#47e7a8;--warn:#ffce4a;--bad:#ff5f74;--shadow:10px 10px 0 rgba(137,40,255,.28);--radius:2px;--max:1240px}
body{background-color:var(--paper);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;color:var(--ink)}
.site-header{background:rgba(12,13,17,.94);border-color:var(--line)}.nav{height:80px}.brand{color:#fff;letter-spacing:.04em;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-size:22px}.brand-mark{border-radius:0;background:var(--brand);transform:skew(-9deg);font-family:'Barlow Condensed',sans-serif;font-size:17px;box-shadow:4px 4px 0 #fff;color:#fff}.nav-link{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#8f8d95;border-radius:0}.nav-link:hover,.nav-link.active{background:transparent;color:#fff;box-shadow:inset 0 -3px var(--brand)}.avatar{border-radius:0;background:var(--brand);color:#fff}.button{border-radius:0;text-transform:uppercase;letter-spacing:.09em;font-family:'Barlow Condensed',sans-serif;font-size:15px;box-shadow:4px 4px 0 rgba(255,255,255,.15);transition:.15s}.button.secondary{background:var(--brand);color:#fff}.button.ghost{background:transparent;color:#fff;border-color:#777}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(137,40,255,.3)}
.brand-logo{display:block;width:112px;height:auto;filter:invert(1) brightness(3)}.make-tag{padding:2px 7px;background:var(--brand);color:#fff;transform:skew(-8deg);font-size:15px;box-shadow:3px 3px 0 #fff}
.menu-toggle{display:none}
.concept-banner{border:1px solid #453359;background:rgba(137,40,255,.09);color:#c790ff;padding:9px 13px;margin-bottom:16px;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.11em;font-size:12px}.hero{border-radius:0;min-height:560px;padding:55px;background:linear-gradient(90deg,rgba(12,13,17,.98) 0 49%,rgba(12,13,17,.35)),radial-gradient(circle at 78% 45%,rgba(199,45,204,.95),transparent 34%),linear-gradient(135deg,#14151b,#412063);border:1px solid #31323a;box-shadow:12px 12px 0 var(--brand)}.hero:after{border:1px solid rgba(255,255,255,.23);border-radius:0;width:390px;height:390px;transform:rotate(45deg);right:35px;top:85px}.hero-copy{max-width:720px}.eyebrow,.section-code{color:#a84dff;font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1,.section-head h1,.section-head h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-weight:900}.hero h1{font-size:clamp(70px,10vw,128px);line-height:.73;letter-spacing:-.025em;margin:35px 0}.hero h1 span{-webkit-text-stroke:1px #fff;color:transparent}.hero p{max-width:500px;color:#bbb9c2;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;letter-spacing:.04em}.hero-sigil{position:absolute;right:7%;z-index:2;width:310px;height:310px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.7);transform:rotate(45deg);background:rgba(137,40,255,.28);backdrop-filter:blur(3px)}.hero-sigil span{transform:rotate(-45deg);font:900 68px/1 'Barlow Condensed',sans-serif;text-shadow:7px 7px 0 var(--brand)}.hero-sigil i{position:absolute;width:55%;height:55%;border:1px solid rgba(255,255,255,.5)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,9,14,.98) 0%,rgba(8,9,14,.9) 37%,rgba(8,9,14,.18) 72%,rgba(8,9,14,.38) 100%)}.hero-magic{position:absolute;z-index:2;right:-4%;top:-20%;width:52%;height:135%;object-fit:contain;opacity:.72;pointer-events:none}.hero-characters{position:absolute;z-index:3;right:-3%;bottom:-2%;width:min(56%,690px);height:auto;filter:drop-shadow(0 22px 25px rgba(0,0,0,.55));pointer-events:none}.hero-copy{z-index:5}.spark-logo{display:block;width:175px;height:auto;margin-bottom:18px;filter:drop-shadow(0 7px 10px rgba(0,0,0,.4))}.hero:after{z-index:2;opacity:.35}
.section-code{display:block;font-size:13px;margin-bottom:8px}.section-head h1{font-size:60px}.section-head h2{font-size:48px}.text-link{color:#ae58ff;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;letter-spacing:.08em}.campaign-card,.work-card,.panel,.step{background:rgba(18,19,25,.96);border-color:var(--line);border-radius:0}.campaign-card:hover,.work-card:hover{box-shadow:8px 8px 0 var(--brand)}.campaign-art{background:linear-gradient(135deg,#171820,#7135b5)!important;position:relative;overflow:hidden}.campaign-art:before{content:'';position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.23);right:-25px;top:-30px;transform:rotate(45deg)}.campaign-symbol{color:#fff;font-family:'Barlow Condensed',sans-serif;z-index:1}.campaign-body h3,.work-body h3,.step h3,.panel h2,.panel h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.025em}.campaign-body h3{font-size:27px}.campaign-body p,.work-body p,.step p,.hint{color:var(--muted)}.work-art{background:radial-gradient(circle at 50% 45%,#7429a7,transparent 20%),linear-gradient(135deg,#171820,#29202f)}.work-art:before{color:#b968ff}.status{border-radius:0}.step-num{border-radius:0;background:var(--brand);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:18px}.input{background:#0c0d11;border-color:#3a3b44;color:#fff;border-radius:0}.input:focus{border-color:var(--brand);box-shadow:4px 4px 0 rgba(137,40,255,.25)}.list-item,.moderation-card{border-radius:0;border-color:var(--line)}.footer{background:#090a0d;border-color:var(--line)}.footer strong{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em}.empty{background:#111218;border-color:#393a43;border-radius:0}.notice{border-radius:0}.filter{border-radius:0;background:#121319;border-color:#30313a;color:#aaa}.filter.active{background:var(--brand);border-color:var(--brand)}
.campaign-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 12px 12px rgba(0,0,0,.35))}.campaign-art-fallback{position:relative;z-index:0}.campaign-art.has-cover .campaign-art-fallback{display:none}
@media(max-width:850px){.nav{height:64px}.menu-toggle{display:inline-flex}.nav-links{top:64px;background:#0c0d11}.hero{min-height:540px}.hero-sigil{opacity:.25;right:-40px}.hero-copy{z-index:3}.hero h1{font-size:78px}.section-head h2{font-size:42px}}
@media(max-width:850px){.brand-logo{width:92px}.hero-characters{width:70%;right:-22%;bottom:0;opacity:.72}.hero-magic{width:75%;right:-28%}.spark-logo{width:145px}.hero:before{background:linear-gradient(90deg,rgba(8,9,14,.97),rgba(8,9,14,.75))}}
@media(max-width:560px){.hero{padding:36px 22px;box-shadow:6px 6px 0 var(--brand)}.hero h1{font-size:58px}.hero-sigil{width:230px;height:230px}.concept-banner{font-size:10px}.section-head h1{font-size:45px}.section-head h2{font-size:38px}}
@media(max-width:560px){.hero-characters{width:92%;right:-38%;bottom:0;opacity:.5}.hero-magic{width:100%;right:-45%;opacity:.45}.spark-logo{width:120px}.make-tag{font-size:12px}.brand-logo{width:80px}}

.work-link{display:block;color:inherit;text-decoration:none}.consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 20px;color:var(--muted);font-size:13px}.consent input{accent-color:var(--brand);margin-top:3px}.campaign-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:22px;margin-top:48px}.campaign-copy p{white-space:pre-line;color:var(--muted)}.timeline{height:max-content;position:sticky;top:104px}.timeline dl{margin:20px 0}.timeline dt{font:800 12px/1.2 'Barlow Condensed',sans-serif;color:#8d8b94;text-transform:uppercase;letter-spacing:.1em}.timeline dd{margin:5px 0 20px;font-weight:700}.campaign-hero{min-height:410px;background-image:linear-gradient(90deg,rgba(12,13,17,.96),rgba(12,13,17,.28)),var(--campaign-cover,linear-gradient(135deg,#16171d,#59258a));background-size:cover;background-position:center}.submission-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:24px}.submission-showcase{min-height:600px;background:#101116;border:1px solid var(--line);display:grid;place-items:center}.submission-showcase img{width:100%;height:100%;max-height:780px;object-fit:contain}.submission-info{height:max-content;position:sticky;top:104px}.submission-info h1,.creator-profile h1{font:900 54px/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:18px 0}.submission-info>.button{width:100%;margin-top:10px}.creator-line{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}.creator-line small{display:block;color:var(--muted);font-size:10px}.creator-line a{color:#fff;font-weight:800;text-decoration:none}.creator-profile{display:flex;gap:24px;align-items:center}.creator-avatar{width:86px;height:86px;font-size:32px}.unread{border-left:3px solid var(--brand)}
.publish-panel{margin:18px 0;padding:16px;border:1px solid #7443aa;background:linear-gradient(135deg,rgba(137,40,255,.15),rgba(137,40,255,.04))}.publish-panel>strong{display:block;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:20px}.publish-panel>p{color:var(--muted);font-size:13px}.publish-panel>.button{width:100%;margin:8px 0}.publish-panel details{margin-top:12px}.publish-panel summary{cursor:pointer;color:#c790ff;font-size:12px}.publish-panel .field{margin:10px 0 0}.review-feedback{margin-top:10px;padding:10px 12px;border-left:3px solid var(--brand);background:rgba(137,40,255,.08)}.review-feedback strong{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.review-feedback p{margin-top:4px!important;color:#d1cfd8!important}.submission-history{align-items:flex-start}.notification-item{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer}.notification-item.unread{border-left:3px solid var(--brand);background:rgba(137,40,255,.08)}.notification-item:hover{border-color:var(--brand)}
.character-heading{align-items:center}.carousel-controls{display:flex;align-items:center;gap:10px}.carousel-arrow{width:48px;height:48px;border:1px solid #41424c;background:#121319;color:#fff;font-size:24px;cursor:pointer;transition:.15s}.carousel-arrow:hover,.carousel-arrow:focus-visible{border-color:var(--brand);background:var(--brand);outline:none;transform:translateY(-2px)}.carousel-count{min-width:64px;text-align:center;color:#bd72ff;font:800 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em}.character-frame{position:relative;border:1px solid #34353e;background:#111218;box-shadow:10px 10px 0 rgba(137,40,255,.28);overflow:hidden}.character-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.character-track::-webkit-scrollbar{display:none}.character-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.7fr);scroll-snap-align:start;scroll-snap-stop:always}.character-board{min-height:470px;position:relative;display:grid;place-items:center;padding:62px 36px 32px;overflow:hidden;background-color:#fff;background-image:linear-gradient(rgba(137,40,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(137,40,255,.08) 1px,transparent 1px);background-size:32px 32px}.character-board:after{content:'';position:absolute;width:220px;height:220px;border:1px solid rgba(137,40,255,.22);right:-80px;bottom:-85px;transform:rotate(45deg)}.character-board img{position:relative;z-index:1;display:block;width:100%;max-height:370px;object-fit:contain;user-select:none}.reference-label{position:absolute;z-index:2;left:22px;top:20px;padding:7px 10px;background:#0c0d11;color:#d69cff;font:800 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em}.character-copy{position:relative;padding:42px 34px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(199,45,204,.28),transparent 38%),linear-gradient(145deg,#17141d,#231134)}.character-copy:after{content:'✦';position:absolute;right:-15px;bottom:-55px;color:rgba(255,255,255,.05);font-size:220px;line-height:1}.character-index{position:relative;z-index:1;color:#b96aff;font:800 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.15em}.character-copy h3{position:relative;z-index:1;margin:18px 0 12px;color:#fff;font:900 66px/.78 'Barlow Condensed',sans-serif;text-transform:uppercase}.character-copy p{position:relative;z-index:1;color:#bebbc5;font-size:14px;line-height:1.55}.character-signals{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.character-signals span{padding:6px 8px;border:1px solid #60407a;color:#d7b2ff;font:700 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:14px;background:#0d0e12;border-top:1px solid #292a31}.carousel-dot{width:28px;height:5px;padding:0;border:0;background:#40414a;cursor:pointer}.carousel-dot.active{background:var(--brand)}.guideline-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #30313a;border-top:0}.guideline-strip div{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#101116}.guideline-strip div+div{border-left:1px solid #30313a}.guideline-strip strong{color:#a94cff;font:900 24px/1 'Barlow Condensed',sans-serif}.guideline-strip span{font:800 14px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:850px){.campaign-layout,.submission-layout{grid-template-columns:1fr}.timeline,.submission-info{position:static}.submission-showcase{min-height:380px}}
@media(max-width:560px){.submission-info h1,.creator-profile h1{font-size:42px}.creator-profile{align-items:flex-start;flex-direction:column}}

/* Mobile app glow-up: purpose-built composition instead of a squeezed desktop. */
@media(max-width:560px){
  html{scroll-padding-top:68px}body{background-size:34px 34px;overflow-x:hidden}
  .site-header{box-shadow:0 8px 24px rgba(0,0,0,.34)}
  .nav{height:64px;padding:0 12px;gap:8px}
  .brand{gap:7px;min-width:0}.brand-logo{width:84px}.make-tag{font-size:11px;padding:3px 6px;box-shadow:2px 2px 0 #fff}
  .menu-toggle{order:2;margin-left:auto;width:42px;height:42px;padding:0;box-shadow:none;border-color:#454650}
  .menu-icon{font:700 23px/1 system-ui}.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .nav-actions{order:3;margin-left:0}.nav-actions .avatar{width:42px;height:42px}.nav-actions .button{min-width:42px;height:42px;padding:0 10px;box-shadow:2px 2px 0 var(--brand)}
  .nav-links{top:64px;padding:12px;background:rgba(9,10,14,.98);backdrop-filter:blur(18px);border-bottom:1px solid #34353e;box-shadow:0 18px 30px rgba(0,0,0,.55)}
  .nav-link{min-height:48px;display:flex;align-items:center;padding:0 14px;border:1px solid transparent;font-size:17px}
  .nav-link.active{border-color:#4c2a70;background:rgba(137,40,255,.12);box-shadow:inset 4px 0 var(--brand)}

  .shell{padding:14px 12px 56px}.concept-banner{margin:4px 0 14px;padding:10px 12px;font-size:10px;line-height:1.45;letter-spacing:.095em}
  .hero{min-height:570px;padding:24px 18px 22px;align-items:flex-start;box-shadow:5px 5px 0 var(--brand);isolation:isolate}
  .hero:before{background:linear-gradient(180deg,rgba(8,9,14,.98) 0%,rgba(8,9,14,.9) 48%,rgba(8,9,14,.62) 74%,rgba(8,9,14,.88) 100%)}
  .hero:after{width:230px;height:230px;right:-105px;top:250px;opacity:.18}
  .hero-bg{object-position:58% center}.hero-magic{width:135%;height:100%;right:-68%;top:8%;opacity:.26}
  .hero-characters{width:112%;max-width:none;right:-38%;bottom:-1%;opacity:.34;filter:drop-shadow(0 18px 20px rgba(0,0,0,.65));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 19%);mask-image:linear-gradient(to bottom,transparent 0,#000 19%)}
  .hero-copy{width:100%;max-width:none}.spark-logo{width:108px;margin-bottom:14px}.eyebrow{display:block;font-size:10px;line-height:1.4;letter-spacing:.12em}
  .hero h1{font-size:54px;line-height:.78;margin:26px 0 22px;letter-spacing:-.015em}.hero h1 span{display:block;font-size:.77em;line-height:.92;white-space:nowrap;letter-spacing:-.01em}
  .hero p{max-width:88%;font-size:15px;line-height:1.55;margin:0;color:#d0ced5;text-shadow:0 2px 8px #000}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px;gap:10px;width:min(100%,290px)}.hero-actions .button{width:100%;min-height:48px;padding:12px 14px;font-size:16px;box-shadow:3px 3px 0 rgba(137,40,255,.45)}

  .section{margin-top:40px}.section-head{gap:10px;margin-bottom:17px}.section-code{font-size:11px;margin-bottom:7px}.section-head h1{font-size:42px;line-height:.92}.section-head h2{font-size:38px;line-height:.9}.section-head p{font-size:14px;line-height:1.45;margin-top:10px}.section-head .text-link{font-size:13px}
  .grid,.steps{gap:14px}.campaign-card,.work-card,.step,.panel{box-shadow:3px 3px 0 rgba(137,40,255,.12)}.campaign-card:hover,.work-card:hover{transform:none;box-shadow:3px 3px 0 rgba(137,40,255,.25)}
  .campaign-art{height:175px;padding:16px}.campaign-body{padding:17px}.campaign-body h3{font-size:25px;line-height:1;margin:10px 0}.campaign-body p{min-height:0;margin:8px 0 14px}.work-body{padding:15px}.work-body h3{font-size:21px}.step{padding:20px}.step h3{font-size:22px;margin:14px 0 6px}.step p{margin-bottom:0}

  .panel{padding:17px}.panel h2{font-size:27px}.account-grid,.admin-grid{gap:14px}.field{margin-bottom:14px}.input{min-height:46px;font-size:16px}textarea.input{min-height:120px}.button{min-height:44px}
  .tabs{overflow-x:auto;gap:0;margin:0 -12px 18px;padding:0 12px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-height:48px;margin-right:20px}
  .list-item{align-items:flex-start;flex-wrap:wrap;padding:13px}.list-item .input{width:100%!important}.list-item .button{flex:1}.moderation-preview{height:220px}.moderation-actions{display:grid;grid-template-columns:1fr 1fr}.moderation-actions .button{width:100%}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter{min-height:44px}.empty{padding:38px 18px}
  .campaign-hero{min-height:360px;padding:26px 18px}.campaign-hero h1{font-size:48px;line-height:.84;overflow-wrap:anywhere}.campaign-layout{margin-top:18px;gap:14px}.timeline{order:-1}.timeline dd{margin-bottom:15px}
  .submission-layout{gap:14px}.submission-showcase{min-height:290px}.submission-info h1,.creator-profile h1{font-size:39px;overflow-wrap:anywhere}.creator-profile{gap:14px}.creator-avatar{width:68px;height:68px}
  .footer-inner{padding:28px 16px;gap:18px}.footer-inner p{font-size:12px}.notification-item{display:flex}
  .character-heading{align-items:flex-start}.carousel-controls{width:100%;justify-content:space-between;margin-top:3px}.carousel-arrow{width:46px;height:46px}.character-frame{box-shadow:5px 5px 0 rgba(137,40,255,.35)}.character-slide{grid-template-columns:1fr}.character-board{min-height:250px;padding:48px 12px 16px;background-size:24px 24px}.character-board img{max-height:210px}.reference-label{left:12px;top:12px;font-size:9px}.character-copy{min-height:230px;padding:25px 20px 28px}.character-copy h3{font-size:50px;margin:15px 0 10px}.character-copy p{font-size:13px;margin:0}.character-signals{margin-top:16px}.carousel-dots{padding:12px}.guideline-strip{grid-template-columns:1fr}.guideline-strip div{padding:13px 16px}.guideline-strip div+div{border-left:0;border-top:1px solid #30313a}.guideline-strip strong{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.character-track{scroll-behavior:auto}.carousel-arrow{transition:none}}

/* Creator platform expansion: guidelines, studio, revisions, voting and results. */
.guidelines-hero{min-height:440px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;overflow:hidden;border:1px solid #383943;background:radial-gradient(circle at 18% 20%,rgba(199,45,204,.3),transparent 28%),linear-gradient(135deg,#19121f,#35154f);box-shadow:10px 10px 0 rgba(137,40,255,.28)}.guidelines-hero>div{padding:48px;position:relative;z-index:2}.guidelines-hero h1,.results-hero h1{font:900 clamp(64px,8vw,105px)/.76 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:26px 0}.guidelines-hero p{max-width:520px;color:#cbc8d1;font-size:17px}.guidelines-hero img{width:100%;height:100%;min-height:440px;object-fit:contain;background:#fff}.guideline-jumps{position:sticky;top:80px;z-index:12;display:flex;overflow-x:auto;margin:28px 0;border:1px solid #33343d;background:rgba(12,13,17,.94);backdrop-filter:blur(12px);scrollbar-width:none}.guideline-jumps::-webkit-scrollbar{display:none}.guideline-jumps a{flex:1;min-width:140px;padding:15px 18px;color:#aaa8b0;text-align:center;text-decoration:none;text-transform:uppercase;font:800 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;border-right:1px solid #33343d}.guideline-jumps a:hover{background:var(--brand);color:#fff}.guideline-intro{max-width:830px;margin:50px auto}.guideline-intro h2,.guideline-block h2{font:900 50px/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:14px 0}.guideline-intro p,.guideline-block>div>p{color:#b9b7c0;line-height:1.75}.guideline-block{display:grid;grid-template-columns:110px minmax(0,1fr);gap:30px;padding:55px 0;border-top:1px solid #30313a;scroll-margin-top:155px}.guideline-number{color:transparent;-webkit-text-stroke:1px #7d3caf;font:900 78px/.85 'Barlow Condensed',sans-serif}.asset-type{display:inline-flex;padding:7px 9px;border:1px solid #6a3c8c;color:#d6a1ff;font:800 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em}.asset-type.required{background:#7424c8;color:#fff}.asset-type.warning{background:#ffcf4a;border-color:#ffcf4a;color:#241800}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.principle-grid article,.do-dont article{padding:22px;border:1px solid #33343d;background:#111218}.principle-grid strong,.do-dont strong{font:900 22px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.principle-grid p,.do-dont p{color:#9f9da6;font-size:13px;margin-bottom:0}.guideline-reference{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.55fr);margin-top:25px;border:1px solid #33343d;background:#fff;color:#171724}.guideline-reference img{width:100%;height:100%;min-height:310px;object-fit:contain}.guideline-reference>div{padding:30px;background:#f1edff}.guideline-reference strong{font:900 25px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.guideline-reference li{margin:12px 0}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.do-dont .do{border-top:4px solid var(--good)}.do-dont .dont{border-top:4px solid var(--bad)}.rules-callout{margin:24px 0;padding:22px 26px;border-left:5px solid #ffcf4a;background:#18171b}.rules-callout li{margin:12px 0;color:#d2d0d6}
.profile-panel{margin-bottom:30px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.profile-form .field:nth-child(2){grid-row:span 2}.submission-studio{margin-top:58px;padding:34px}.studio-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.studio-title h2{font-size:38px;margin:5px 0 0}.studio-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);gap:28px}.studio-checklist{display:grid;gap:10px;margin:20px 0;padding:16px;border:1px solid #383943}.studio-checklist legend{padding:0 7px;color:#d69cff;font:800 13px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em}.studio-checklist label{display:flex;gap:10px;color:#c3c1c9;font-size:13px}.studio-checklist input{accent-color:var(--brand)}.studio-submit{width:100%}.studio-preview{height:max-content;position:sticky;top:105px;padding:18px;border:1px solid #3a3b45;background:#0b0c10}.preview-card{margin:12px 0 16px;border:1px solid #353640;background:#121319}.preview-art{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#632b8c,transparent 35%),#19141f}.preview-art img{width:100%;height:100%;object-fit:cover}.preview-art span{font:900 28px/1 'Barlow Condensed',sans-serif;color:#8c8992}.preview-copy{display:grid;gap:5px;padding:16px}.preview-copy strong{font:900 23px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.preview-copy span{color:#8e8c95;font-size:12px}.submission-history-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submission-history-card{display:flex;justify-content:space-between;gap:18px;padding:20px;border:1px solid #34353e;background:#101116;color:#fff;text-decoration:none;transition:.15s}.submission-history-card:hover{border-color:var(--brand);transform:translateY(-2px)}.submission-history-card h3{font:900 25px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:8px 0}.submission-history-card>div>p{color:#8e8c95;font-size:12px}.submission-card-state{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;white-space:nowrap;color:#b968ff;font:800 12px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.private-showcase{background:#f5f4f8}.revision-editor{max-width:820px;margin-left:auto;margin-right:auto}.revision-list{display:grid;gap:8px}.revision-item{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:15px;padding:14px;border:1px solid #33343d}.revision-item strong{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase}.revision-item span{color:#8d8b94;font-size:12px}.revision-item p{margin:0}.my-votes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.my-vote-card{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:14px;border:1px solid #34353e;color:#fff;text-decoration:none;background:#101116}.my-vote-art{width:90px;height:72px;background:#20172b}.my-vote-art img{width:100%;height:100%;object-fit:cover}.my-vote-card strong,.my-vote-card span{display:block}.my-vote-card strong{font:800 18px/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.my-vote-card span{color:#8e8c95;font-size:11px;margin-top:5px}
.vote-summary{display:flex;align-items:center;gap:12px;margin-top:18px;padding:16px 20px;border:1px solid #5b2f80;background:linear-gradient(90deg,rgba(137,40,255,.18),rgba(137,40,255,.04))}.vote-summary strong{font:900 32px/1 'Barlow Condensed',sans-serif;color:#c478ff}.vote-summary span{color:#c4c1ca}.vote-summary a{margin-left:auto;color:#fff;font-weight:800}.vote-remaining{display:flex;align-items:baseline;gap:8px;margin:18px 0 8px;padding:12px;border:1px solid #4f2c6d}.vote-remaining strong{font:900 30px/1 'Barlow Condensed',sans-serif;color:#c477ff}.vote-remaining span{text-transform:uppercase;font:700 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em}.work-card.is-voted{border-color:#9d45ef;box-shadow:5px 5px 0 rgba(137,40,255,.28)}.voted-flag{position:absolute;right:10px;top:10px;padding:6px 8px;background:var(--brand);color:#fff;font:800 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em}
.published-filters{display:grid;grid-template-columns:1fr 220px 1fr;gap:10px;margin-bottom:20px}.published-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.published-card{border:1px solid #34353e;background:#101116}.published-art{height:190px;position:relative;background:#1c1623}.published-art img{width:100%;height:100%;object-fit:cover}.published-art .status{position:absolute;left:10px;top:10px}.published-copy{padding:17px}.published-copy h3{font:900 25px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:8px 0}.published-copy>p{color:#98969e;font-size:12px}.publication-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.publication-metrics span{padding:9px;background:#18191f;color:#aaa8b0;font-size:11px}.publication-metrics strong{display:block;color:#fff;font-size:18px}.publication-metrics .has-reports{border:1px solid var(--bad);color:#ff8c9b}
.results-hero{padding:60px;border:1px solid #383943;background:radial-gradient(circle at 80% 20%,rgba(255,207,74,.2),transparent 24%),radial-gradient(circle at 20% 10%,rgba(137,40,255,.3),transparent 30%),#121319;text-align:center}.results-hero h1{margin:30px 0}.results-hero p{max-width:650px;margin:0 auto 25px;color:#b9b7c0}.winner-reveal{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);margin-top:30px;border:1px solid #6d5530;background:linear-gradient(135deg,#16130e,#2d2413);box-shadow:10px 10px 0 rgba(255,207,74,.25)}.winner-art{min-height:500px;position:relative;background:#0f1014}.winner-art img{width:100%;height:100%;object-fit:contain}.winner-art>span{position:absolute;left:20px;top:20px;padding:9px 12px;background:#ffcf4a;color:#211700;font:900 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em}.winner-copy{display:flex;flex-direction:column;justify-content:center;padding:38px}.winner-copy h2{font:900 56px/.82 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:18px 0}.winner-copy p{color:#aaa8b0}.winner-copy .button{margin-top:20px}
@media(max-width:850px){.guidelines-hero{grid-template-columns:1fr}.guidelines-hero img{min-height:300px}.guideline-reference{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.studio-preview{position:static}.published-grid{grid-template-columns:1fr 1fr}.my-votes-grid{grid-template-columns:1fr 1fr}.winner-reveal{grid-template-columns:1fr}.winner-art{min-height:380px}}
@media(max-width:560px){.guidelines-hero{min-height:0}.guidelines-hero>div{padding:28px 20px}.guidelines-hero h1,.results-hero h1{font-size:55px}.guidelines-hero p{font-size:14px}.guidelines-hero img{min-height:220px}.guideline-jumps{top:64px;margin:16px 0}.guideline-jumps a{min-width:110px;padding:13px 12px}.guideline-intro{margin:28px 0}.guideline-intro h2,.guideline-block h2{font-size:38px}.guideline-block{grid-template-columns:1fr;gap:10px;padding:34px 0}.guideline-number{font-size:48px}.principle-grid,.do-dont{grid-template-columns:1fr}.guideline-reference img{min-height:190px}.guideline-reference>div{padding:20px}.profile-form{grid-template-columns:1fr}.submission-studio{padding:17px;margin-top:40px}.studio-title{align-items:flex-start;flex-direction:column}.studio-layout{gap:18px}.submission-history-list{grid-template-columns:1fr}.submission-history-card{padding:16px}.submission-card-state{white-space:normal}.revision-item{grid-template-columns:1fr}.my-votes-grid{grid-template-columns:1fr}.vote-summary{align-items:flex-start;flex-wrap:wrap}.vote-summary a{width:100%;margin-left:0}.published-filters,.published-grid{grid-template-columns:1fr}.published-art{height:220px}.results-hero{padding:38px 18px}.winner-reveal{box-shadow:5px 5px 0 rgba(255,207,74,.25)}.winner-art{min-height:290px}.winner-copy{padding:24px}.winner-copy h2{font-size:44px}.publication-metrics{grid-template-columns:1fr 1fr}}

/* v5.1 visual system: consistent icons, controls, states and feedback. */
:root{
  --ui-violet:#8b2cff;
  --ui-violet-hi:#b866ff;
  --ui-mint:#54efb0;
  --ui-gold:#ffd45b;
  --ui-cyan:#5bd8ff;
  --ui-red:#ff6178;
  --ui-orange:#ffad4a;
  --ui-surface:#111218;
  --ui-surface-raised:#171820;
  --ui-surface-hover:#1d1e27;
  --ui-border:#343640;
  --ui-border-strong:#525461;
  --ui-focus:#d39bff;
  --ui-ease:cubic-bezier(.2,.8,.2,1);
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ui-icon{display:inline-block;flex:0 0 auto;width:1.15em;height:1.15em;vertical-align:-.18em;pointer-events:none}

/* Buttons */
.button,.filter,.tab,.carousel-arrow,.nav-link,.text-link{position:relative;isolation:isolate}
.button{min-height:46px;padding:11px 19px;border:1px solid transparent;background:linear-gradient(135deg,var(--ui-violet-hi),var(--ui-violet));color:#fff;box-shadow:4px 4px 0 rgba(139,44,255,.34);transition:transform .16s var(--ui-ease),box-shadow .16s var(--ui-ease),background .16s,color .16s,border-color .16s,opacity .16s}
.button::after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.12);pointer-events:none}
.button:hover{filter:none;transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(139,44,255,.38)}
.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(139,44,255,.28)}
.button:focus-visible,.filter:focus-visible,.tab:focus-visible,.nav-link:focus-visible,.text-link:focus-visible,.carousel-arrow:focus-visible,.input:focus-visible,.campaign-card:focus-visible,.work-link:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.button.secondary{background:#f7f5ff;color:#31245e;border-color:#fff;box-shadow:4px 4px 0 var(--ui-violet)}
.button.secondary:hover{background:#fff;box-shadow:7px 7px 0 var(--ui-violet)}
.button.ghost{background:rgba(15,16,22,.72);color:#fff;border-color:var(--ui-border-strong);box-shadow:3px 3px 0 rgba(255,255,255,.11)}
.button.ghost:hover{border-color:var(--ui-violet-hi);background:rgba(139,44,255,.12);box-shadow:6px 6px 0 rgba(139,44,255,.22)}
.button.danger{background:rgba(255,97,120,.1);color:#ff9dab;border-color:rgba(255,97,120,.55);box-shadow:3px 3px 0 rgba(255,97,120,.18)}
.button.danger:hover{background:var(--ui-red);color:#16070a;box-shadow:6px 6px 0 rgba(255,97,120,.25)}
.button.small{min-height:38px;padding:8px 12px}
.button:disabled,.button[aria-disabled="true"]{opacity:.46;cursor:not-allowed;transform:none;box-shadow:2px 2px 0 rgba(255,255,255,.08);filter:saturate(.45)}
.button[aria-busy="true"]::before{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;animation:ui-spin .7s linear infinite}
.menu-icon{display:none!important}

/* Navigation and filters */
.nav-link{display:inline-flex;align-items:center;gap:8px}
.nav-link .ui-icon{width:16px;height:16px;opacity:.72}
.nav-link.active .ui-icon,.nav-link:hover .ui-icon{opacity:1;color:var(--ui-violet-hi)}
.text-link{display:inline-flex;align-items:center;gap:7px;min-height:34px}
.text-link .ui-icon{transition:transform .16s var(--ui-ease)}
.text-link:hover .ui-icon{transform:translateX(4px)}
.filter,.tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;transition:background .16s,border-color .16s,color .16s,transform .16s}
.filter:hover,.tab:hover{color:#fff;border-color:var(--ui-border-strong);background:var(--ui-surface-hover)}
.filter.active,.tab.active{background:var(--ui-violet);color:#fff;border-color:var(--ui-violet)}

/* Status chips */
.status{min-height:27px;align-items:center;gap:6px;padding:5px 9px;border:1px solid currentColor;background:#1a1b22;color:#b8b6c0;box-shadow:none}
.status .ui-icon{width:13px;height:13px}
.status.draft,.status.upcoming,.status.archived{color:#aaa8b2;background:rgba(170,168,178,.08)}
.status.submitted,.status.review{color:var(--ui-cyan);background:rgba(91,216,255,.09)}
.status.needs_changes{color:var(--ui-orange);background:rgba(255,173,74,.09)}
.status.open,.status.public,.status.approved,.status.resolved{color:var(--ui-mint);background:rgba(84,239,176,.09)}
.status.voting{color:#ff7ed8;background:rgba(255,126,216,.09)}
.status.finalist{color:#c58aff;background:rgba(197,138,255,.1)}
.status.winner{color:var(--ui-gold);background:rgba(255,212,91,.1)}
.status.rejected,.status.dismissed,.status.closed{color:#ff8da0;background:rgba(255,97,120,.09)}

/* Cards */
.campaign-card,.work-card,.published-card,.my-vote-card,.submission-history-card{position:relative;overflow:hidden;border-color:var(--ui-border);background:linear-gradient(180deg,var(--ui-surface-raised),var(--ui-surface));transition:transform .2s var(--ui-ease),border-color .2s,box-shadow .2s}
.campaign-card::after,.work-card::after,.published-card::after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .2s}
.campaign-card:hover,.work-card:hover,.published-card:hover,.my-vote-card:hover,.submission-history-card:hover{transform:translateY(-5px);border-color:#6b3d91;box-shadow:8px 8px 0 rgba(139,44,255,.28)}
.campaign-card:hover::after,.work-card:hover::after,.published-card:hover::after{border-color:rgba(184,102,255,.35)}
.campaign-art,.work-art,.published-art,.my-vote-art{overflow:hidden;background:linear-gradient(145deg,#15121c,#352047)}
.campaign-art img,.work-art img,.published-art img,.my-vote-art img{transition:transform .45s var(--ui-ease),filter .25s}
.campaign-card:hover img,.work-card:hover img,.published-card:hover img,.my-vote-card:hover img{transform:scale(1.035);filter:saturate(1.08)}
.campaign-art::after,.work-art::after,.published-art::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(8,8,12,.72));pointer-events:none}
.campaign-art{position:relative;padding:0}
.campaign-art img{width:100%;height:100%;object-fit:cover;z-index:1;background:var(--ui-surface-raised)}
.campaign-symbol{margin:22px;z-index:2}
.campaign-body,.work-body,.published-copy{position:relative;z-index:2}
.campaign-body .text-link{margin-top:7px}
.work-card.is-voted{border-color:#ff7ed8;box-shadow:5px 5px 0 rgba(255,126,216,.22)}
.voted-flag{display:flex;align-items:center;gap:5px;background:#ff7ed8!important;color:#1a0715!important;border:0!important}

/* Empty, loading and notices */
.empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:42px 24px;border:1px dashed var(--ui-border-strong);background:radial-gradient(circle at 50% 15%,rgba(139,44,255,.12),transparent 45%),var(--ui-surface);color:#aaa8b2}
.empty-visual{width:58px;height:58px;display:grid;place-items:center;margin-bottom:6px;color:var(--ui-violet-hi);border:1px solid rgba(184,102,255,.4);background:rgba(139,44,255,.08);transform:rotate(45deg)}
.empty-visual .ui-icon{width:28px;height:28px;transform:rotate(-45deg)}
.empty>.empty-icon{display:none}
.empty h2,.empty h3{margin:5px 0;color:#fff;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.03em}
.loading{min-height:120px;display:flex;align-items:center;justify-content:center;gap:12px;color:#b0aeb7}
.loading-mark{width:22px;height:22px;border:2px solid #454650;border-top-color:var(--ui-violet-hi);animation:ui-spin .75s linear infinite}
.notice{position:relative;padding:14px 16px 14px 45px;border:1px solid #594075;background:rgba(139,44,255,.1);color:#d6b5ff}
.notice::before{content:"i";position:absolute;left:15px;top:12px;width:20px;height:20px;display:grid;place-items:center;border:1px solid currentColor;font:900 13px/1 'Barlow Condensed',sans-serif}
.notice.error{border-color:rgba(255,97,120,.55);background:rgba(255,97,120,.09);color:#ff9cac}
.notice.error::before{content:"!"}
.notice.success{border-color:rgba(84,239,176,.48);background:rgba(84,239,176,.08);color:#81f3c1}
.notice.success::before{content:"+"}

/* Forms */
.field label{display:flex;align-items:center;justify-content:space-between;color:#e6e4eb;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.07em;font-size:13px}
.input{min-height:48px;border:1px solid var(--ui-border);background:#0c0d12;color:#fff;padding:12px 14px;transition:border-color .16s,box-shadow .16s,background .16s}
.input:hover{border-color:var(--ui-border-strong);background:#0f1016}
.input:focus,.input:focus-visible{border-color:var(--ui-violet-hi);box-shadow:0 0 0 3px rgba(184,102,255,.16),4px 4px 0 rgba(139,44,255,.18);outline:none}
.input::placeholder{color:#6e6d76}
.input:invalid:not(:placeholder-shown){border-color:rgba(255,97,120,.68)}
input[type="file"].input{padding:7px;color:#aaa8b2;cursor:pointer}
input[type="file"].input::file-selector-button{min-height:32px;margin-right:12px;padding:7px 12px;border:0;background:var(--ui-violet);color:#fff;font:800 13px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.consent{padding:13px;border:1px solid var(--ui-border);background:#0f1015}
.consent:has(input:checked){border-color:rgba(84,239,176,.5);background:rgba(84,239,176,.05)}
.consent input{width:18px;height:18px;accent-color:var(--ui-violet)}

/* Character and winner presentation */
.character-frame,.guidelines-hero,.results-hero,.winner-reveal{position:relative;overflow:hidden}
.character-frame::after,.guidelines-hero::after,.results-hero::after{content:"";position:absolute;right:-70px;top:-90px;width:210px;height:320px;border:1px solid rgba(184,102,255,.25);transform:rotate(35deg);pointer-events:none}
.character-board img,.guidelines-hero img{filter:drop-shadow(0 24px 32px rgba(0,0,0,.32))}
.winner-reveal{animation:winner-in .55s var(--ui-ease) both}
.winner-reveal::before{content:"";position:absolute;inset:-50%;z-index:0;background:conic-gradient(from 0deg,transparent,rgba(255,212,91,.08),transparent 22%);animation:winner-rays 13s linear infinite;pointer-events:none}
.winner-art,.winner-copy{position:relative;z-index:1}

@keyframes ui-spin{to{transform:rotate(360deg)}}
@keyframes winner-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes winner-rays{to{transform:rotate(360deg)}}

@media(max-width:850px){
  .nav-link .ui-icon{display:block;width:18px;height:18px}
  .nav-link{min-height:48px;padding:12px 10px;border:1px solid transparent}
  .nav-link.active{border-color:rgba(139,44,255,.35);background:rgba(139,44,255,.09)}
  .button{min-height:48px}
  .campaign-card,.work-card{box-shadow:4px 4px 0 rgba(139,44,255,.12)}
}
@media(max-width:560px){
  .button{min-height:50px;padding:12px 14px;font-size:16px}
  .hero-actions .button,.guidelines-page .button,.submission-info>.button,.studio-form>.button,.panel form>.button,.results-hero .button,.winner-copy .button{width:100%}
  .button.small{width:auto;min-height:44px}
  .moderation-actions .button.small{width:100%}
  .text-link{min-height:44px}
  .status{font-size:10px}
  .campaign-card:hover,.work-card:hover,.published-card:hover,.my-vote-card:hover,.submission-history-card:hover{transform:none;box-shadow:4px 4px 0 rgba(139,44,255,.2)}
  .empty{min-height:180px;padding:32px 18px}
  .empty-visual{width:50px;height:50px}
  .published-copy .text-link{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v5.1.1 typography, artwork-fit and editorial composition corrections. */
:root{--font-display:'Passion One','Barlow Condensed',Impact,sans-serif}
.hero h1,.section-head h1,.section-head h2,.guidelines-hero h1,.results-hero h1,.guideline-intro h2,.guideline-block h2,.character-copy h3,.winner-copy h2,.submission-info h1,.creator-profile h1{
  font-family:var(--font-display);font-kerning:normal;font-synthesis:none;font-weight:700;letter-spacing:.018em;word-spacing:.09em;line-height:.92;text-wrap:balance
}
.hero h1{font-weight:900;line-height:.8;letter-spacing:.012em;word-spacing:.06em}
.hero h1 span{white-space:normal;letter-spacing:inherit}
.section-head h1,.section-head h2{max-width:100%;line-height:.96;letter-spacing:.025em;word-spacing:.1em}
.campaign-body h3,.work-body h3,.published-copy h3,.preview-copy strong,.submission-history-card h3,.my-vote-card strong,.panel h2,.panel h3,.step h3{
  font-family:var(--font-display);font-kerning:normal;font-weight:700;letter-spacing:.022em;word-spacing:.06em;line-height:1.04
}
.campaign-body h3,.work-body h3,.published-copy h3,.preview-copy strong,.submission-history-card h3,.my-vote-card strong{overflow-wrap:anywhere}
.campaign-body p,.work-body p,.published-copy p,.creator-line a,.submission-history-card p,.my-vote-card span{overflow-wrap:anywhere}
.button{white-space:normal;text-align:center;line-height:1.1}
.character-copy h3{line-height:.88}.guidelines-hero h1,.results-hero h1{line-height:.84}.winner-copy h2{line-height:.9}

/* Artwork must remain fully visible. The placeholder is removed from layout flow. */
.work-art{display:block;position:relative;isolation:isolate;aspect-ratio:4/3;min-height:0}
.work-art::before{position:absolute;inset:0;z-index:0;display:grid;place-items:center;line-height:1;pointer-events:none}
.work-art img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background-color:#0f1015;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}
.work-art::after{z-index:2;height:22%;opacity:.7}.work-art .status,.work-art .voted-flag{z-index:4}
.work-card,.campaign-card{height:100%}.work-link{height:100%;display:flex;flex-direction:column}.work-body{flex:1}.campaign-card{display:flex;flex-direction:column}.campaign-body{display:flex;flex:1;flex-direction:column}.campaign-body .text-link{margin-top:auto;align-self:flex-start}
.published-art{height:auto;aspect-ratio:4/3;isolation:isolate}.published-art img,.preview-art img,.my-vote-art img{object-fit:contain;object-position:center;background:#0f1015}
.published-art::after{z-index:2;height:20%}.published-art .status{z-index:4}
.preview-art{position:relative}.preview-art img{position:absolute;inset:0;z-index:1}.preview-art span{position:relative;z-index:0}
.work-card:hover .work-art img,.published-card:hover .published-art img,.my-vote-card:hover .my-vote-art img{transform:none;filter:saturate(1.05)}
.submission-showcase img,.private-showcase img,.winner-art img,.moderation-preview img{object-fit:contain;object-position:center}

/* Official fan-kit art is decorative and limited to editorial/empty states. */
.empty{position:relative;overflow:hidden}
.empty:has(.empty-character){align-items:flex-start;text-align:left;padding-right:min(32%,230px);min-height:250px}
.empty-character{position:absolute;right:8px;bottom:-12%;width:min(29%,210px);height:108%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 18px rgba(0,0,0,.38));pointer-events:none}
.concept-banner+.section-head+.account-grid::after{content:'OFFICIAL FAN KIT // COMMUNITY SIGNAL';grid-column:1/-1;min-height:300px;display:flex;align-items:flex-end;padding:26px;color:#d9a7ff;border:1px solid #393a44;background-image:linear-gradient(90deg,rgba(11,12,16,.93) 0 29%,rgba(11,12,16,.2) 55%,rgba(11,12,16,.88)),url('assets/fankit-paloma-sticker.png'),url('assets/fankit-dawn-celebrate.png'),linear-gradient(135deg,#15121c,#3c1658);background-repeat:no-repeat;background-size:auto,38% auto,34% auto,auto;background-position:center,48% 35%,88% 30%,center;font:800 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;overflow:hidden}

@media(max-width:850px){
  .section-head h1{font-size:clamp(42px,10vw,58px)}.section-head h2{font-size:clamp(38px,9vw,50px)}
  .concept-banner+.section-head+.account-grid::after{min-height:260px;background-size:auto,48% auto,43% auto,auto;background-position:center,38% 25%,95% 32%,center}
}
@media(max-width:560px){
  .hero h1{line-height:.84}.section-head h1,.section-head h2{line-height:1;letter-spacing:.018em;word-spacing:.07em}
  .work-art,.published-art{aspect-ratio:1/1}.work-body{padding:18px 16px}
  .empty:has(.empty-character){padding:30px 42% 30px 18px;min-height:210px}.empty-character{width:42%;height:100%;right:-2%;bottom:-9%}
  .concept-banner+.section-head+.account-grid::after{min-height:220px;padding:18px;background-size:auto,58% auto,52% auto,auto;background-position:center,18% 25%,112% 34%,center;font-size:11px}
}

/* v5.1.2 guidelines hero containment: Passion One needs more horizontal room. */
.hero-copy,.guidelines-hero>div,.winner-copy,.character-copy,.submission-info{min-width:0}
.guidelines-hero h1,.winner-copy h2,.character-copy h3,.submission-info h1{max-width:100%;overflow-wrap:anywhere}

@media(min-width:851px){
  .guidelines-hero{grid-template-columns:minmax(0,1fr) minmax(500px,1.05fr)}
  .guidelines-hero>div{overflow:hidden;padding:48px 38px 48px 48px}
  .guidelines-hero h1{font-size:clamp(58px,5.2vw,82px);line-height:.9;letter-spacing:.015em;word-spacing:.04em;text-wrap:balance}
  .guidelines-hero>img{min-width:0}
}

@media(min-width:851px) and (max-width:1100px){
  .guidelines-hero{grid-template-columns:minmax(0,1fr) minmax(420px,1fr)}
  .guidelines-hero>div{padding:38px 28px 38px 36px}
  .guidelines-hero h1{font-size:clamp(56px,6.2vw,68px)}
}

@media(max-width:850px){
  .guidelines-hero>div{overflow:visible}
  .guidelines-hero h1{font-size:clamp(52px,11vw,72px);line-height:.9}
}

@media(max-width:560px){
  .guidelines-hero h1{font-size:clamp(46px,14vw,58px)}
}

/* v5.2 launch-ready product UI: campaign control, policies and safe dialogs. */
.nav-badge,.tab-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:3px;border-radius:20px;background:var(--ui-red);color:#16070a;font:800 10px/1 Inter,sans-serif;letter-spacing:0}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-links a,.policy-copy a,.studio-checklist a,.sign-in-panel a{color:#d49cff;text-underline-offset:3px}.footer-links a:hover,.policy-copy a:hover,.studio-checklist a:hover,.sign-in-panel a:hover{color:#fff}
.sign-in-panel{max-width:560px}.sign-in-panel .hint{margin-top:18px;line-height:1.55}

/* Policy pages */
.policy-page{max-width:1260px}.policy-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px}.policy-nav{position:sticky;top:105px;display:grid;padding:12px}.policy-nav a{padding:13px 14px;border-bottom:1px solid var(--ui-border);color:#b7b4bf;text-decoration:none;font:700 14px/1.2 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.07em}.policy-nav a:last-child{border-bottom:0}.policy-nav a:hover{background:rgba(139,44,255,.12);color:#fff}.policy-copy{padding:clamp(24px,4vw,54px)}.policy-copy section{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--ui-border);scroll-margin-top:120px}.policy-copy section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.policy-copy h2{margin:0 0 14px;font:700 clamp(29px,3vw,43px)/.98 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.policy-copy p,.policy-copy li{max-width:830px;color:#c0bdc7;line-height:1.75}.policy-single{max-width:980px;margin-inline:auto}.rules-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.rules-grid article{min-height:185px}.rules-grid strong{color:#fff;font-family:var(--font-display);font-size:28px;letter-spacing:.03em}

/* Admin overview and campaign lifecycle */
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}.admin-stats>div{display:flex;align-items:center;gap:13px;min-height:80px;padding:15px 18px;border:1px solid var(--ui-border);background:linear-gradient(135deg,#15161d,#101116)}.admin-stats>div.attention{border-color:rgba(255,97,120,.55);background:rgba(255,97,120,.07)}.admin-stats strong{color:#fff;font:700 36px/1 var(--font-display)}.admin-stats span{color:#95939c;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.campaign-center{display:grid;gap:18px}.campaign-center-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px}.campaign-center-head h2{margin:5px 0 7px}.campaign-center-head p{max-width:720px;margin:0;color:#aaa8b1}.campaign-admin-list{display:grid;gap:15px}.campaign-admin-card{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);padding:0;overflow:hidden}.campaign-admin-cover{min-height:270px;display:grid;place-items:center;background-color:#18131f;background-image:linear-gradient(135deg,#21122f,#4c1b70);background-size:cover;background-position:center;color:#a96be0;font:700 18px/1 var(--font-display);letter-spacing:.09em;position:relative}.campaign-admin-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(12,13,17,.6))}.campaign-admin-content{padding:24px}.campaign-admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.campaign-admin-heading>div{min-width:0}.campaign-admin-heading h3{margin:12px 0 3px;font:700 clamp(29px,3vw,41px)/.95 var(--font-display);overflow-wrap:anywhere}.campaign-admin-heading p{margin:0;color:#777681}.campaign-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.campaign-metrics span{padding:10px;background:#181920;color:#8f8d96;font-size:10px;text-transform:uppercase}.campaign-metrics strong{display:block;margin-bottom:4px;color:#fff;font-size:20px}.readiness-warning,.readiness-ok{display:flex;gap:8px 13px;flex-wrap:wrap;padding:12px 14px;margin-bottom:18px;border-left:4px solid var(--ui-orange);background:rgba(255,173,74,.08);color:#d9b37d;font-size:12px}.readiness-ok{border-left-color:var(--ui-mint);background:rgba(84,239,176,.06);color:#83d8b3}.campaign-admin-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Campaign editor */
.campaign-editor-dialog{width:min(1120px,calc(100vw - 32px));max-width:1120px}.campaign-editor-dialog form{max-height:min(88vh,900px);overflow:auto}.campaign-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.campaign-form-grid .field-wide{grid-column:1/-1}.campaign-form-grid textarea{min-height:105px}.campaign-form-grid .field-wide textarea{min-height:125px}.campaign-options{display:grid;gap:8px}.compact-consent{margin-top:9px}.campaign-editor-preview{margin:8px 0 22px;padding:15px;border:1px solid var(--ui-border);background:#0d0e13}.campaign-cover-preview{min-height:260px;display:grid;place-items:center;margin-top:10px;background:linear-gradient(135deg,#1c1427,#4b1b6f);background-size:cover;background-position:center;color:#c685ff;font:700 22px/1 var(--font-display);letter-spacing:.08em}.campaign-cover-preview.has-image span{display:none}

/* Dialogs */
.modal-layer{position:relative}.platform-dialog,.lightbox-dialog{padding:0;border:1px solid var(--ui-border-strong);background:#111218;color:#fff;box-shadow:12px 12px 0 rgba(139,44,255,.35)}.platform-dialog{width:min(620px,calc(100vw - 30px));max-width:620px}.platform-dialog::backdrop,.lightbox-dialog::backdrop{background:rgba(3,4,7,.86);backdrop-filter:blur(7px)}.platform-dialog>form,.platform-dialog:not(:has(>form)){padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.dialog-head h2{margin:5px 0 0;font:700 clamp(31px,5vw,45px)/.95 var(--font-display);text-transform:uppercase}.dialog-close,.lightbox-close{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--ui-border-strong);background:#171820;color:#fff;font-size:24px;cursor:pointer}.dialog-close:hover,.lightbox-close:hover{border-color:var(--ui-violet-hi);background:var(--ui-violet)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.confirm-dialog p{color:#c1bec8;line-height:1.65}.history-dialog{max-width:760px}.history-list{display:grid;gap:9px}.history-item{padding:14px;border:1px solid var(--ui-border);background:#0d0e13}.history-item>div{display:flex;align-items:center;gap:10px}.history-item p{margin:10px 0;color:#bbb8c2}.history-item>span{color:#777681;font-size:11px}.revision-chip{display:inline-flex;margin-left:7px;padding:5px 7px;border:1px solid #554066;color:#c398e9;font:700 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em}.lightbox-dialog{width:min(94vw,1500px);max-width:1500px;height:min(92vh,1000px);overflow:hidden;background:#08090c}.lightbox-dialog img{width:100%;height:100%;object-fit:contain}.lightbox-close{position:absolute;right:15px;top:15px;z-index:2;background:rgba(11,12,16,.88)}

/* Artwork inspection */
.zoomable-media{width:100%;height:100%;display:block;position:relative;padding:0;border:0;background:#0e0f14;color:#fff;cursor:zoom-in;overflow:hidden}.zoomable-media img{width:100%;height:100%;object-fit:contain}.zoom-hint{position:absolute;right:12px;bottom:12px;padding:7px 9px;background:rgba(10,11,15,.84);border:1px solid rgba(255,255,255,.22);color:#fff;font:700 10px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(4px);transition:.16s}.zoomable-media:hover .zoom-hint,.zoomable-media:focus-visible .zoom-hint{opacity:1;transform:none}.zoomable-media:focus-visible{outline:3px solid var(--ui-focus);outline-offset:-4px}.submission-showcase>.zoomable-media{min-height:inherit}.winner-art>.zoomable-media{position:absolute;inset:0}.moderation-preview>.zoomable-media{height:100%}

@media(max-width:900px){
  .admin-stats{grid-template-columns:1fr 1fr}.campaign-admin-card{grid-template-columns:1fr}.campaign-admin-cover{min-height:220px}.campaign-admin-cover::after{background:linear-gradient(180deg,transparent 55%,rgba(12,13,17,.65))}.policy-layout{grid-template-columns:1fr}.policy-nav{position:static;grid-template-columns:repeat(5,minmax(max-content,1fr));overflow-x:auto}.rules-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .admin-stats{grid-template-columns:1fr 1fr}.admin-stats>div{min-height:68px;padding:12px}.admin-stats strong{font-size:28px}.admin-stats span{font-size:9px}.campaign-center-head{align-items:flex-start;flex-direction:column;padding:19px}.campaign-center-head .button{width:100%}.campaign-admin-content{padding:18px}.campaign-admin-heading{align-items:flex-start}.campaign-admin-heading .button{width:auto}.campaign-metrics{grid-template-columns:1fr 1fr}.campaign-admin-actions{display:grid;grid-template-columns:1fr 1fr}.campaign-admin-actions .button{width:100%}.campaign-form-grid{grid-template-columns:1fr}.campaign-form-grid .field-wide{grid-column:auto}.campaign-editor-dialog form{max-height:92vh;padding:18px}.campaign-cover-preview{min-height:180px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.dialog-actions .button{width:100%}.platform-dialog:not(:has(>form)){padding:18px}.policy-copy{padding:22px 18px}.policy-nav{display:flex}.rules-grid{grid-template-columns:1fr}.rules-grid article{min-height:0}.footer-links{order:3;width:100%}.zoom-hint{opacity:1;transform:none}.lightbox-dialog{width:100vw;height:100vh;max-height:none;border:0}
}

@media(max-width:560px){
  .nav-actions .button{width:42px;min-width:42px;padding:0;font-size:0;overflow:hidden}
  .nav-actions .button .ui-icon{width:19px;height:19px;margin:0}
  .hero h1 span{font-size:clamp(31px,10vw,38px);line-height:.98;white-space:normal}
}

@media(max-width:350px){
  .nav{padding-inline:8px;gap:6px}.brand-logo{width:72px}.make-tag{font-size:9px;padding:3px 5px}.menu-toggle,.nav-actions .button{width:40px;min-width:40px;height:40px}
  .hero{padding-inline:14px}.hero h1{font-size:48px}.hero h1 span{font-size:30px}.hero p{max-width:100%}
}