/*
Theme Name: Spotlight Reboot
Theme URI: https://x.com/0xSpotlight
Author: Spotlight Community
Description: An otaku-first Web3 culture launchpad theme with interactive quests, drops and wallet onboarding.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: spotlight-reboot
*/

:root{--ink:#0a0a0a;--paper:#f3f0ea;--lav:#b79af2;--acid:#d9ff56;--cyan:#73e8ff;--line:2px solid var(--ink);--radius:18px;--shadow:7px 7px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans SC",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh}.pixel{font-family:"Courier New",monospace;font-weight:900;letter-spacing:-.07em;text-transform:uppercase}.topbar{height:30px;background:var(--ink);color:#fff;display:flex;align-items:center;overflow:hidden;font:700 11px "Courier New",monospace;letter-spacing:.1em;white-space:nowrap}.ticker{animation:ticker 22s linear infinite}.ticker span{padding-right:50px}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:15px 30px;border-bottom:var(--line);background:rgba(243,240,234,.94);backdrop-filter:blur(14px)}.brand{font-size:27px;font-weight:900;letter-spacing:-.08em}.brand i{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--lav);border:2px solid;box-shadow:4px -4px 0 var(--acid);margin-left:4px}.nav{display:flex;gap:7px}.nav a,.nav button,.chip{border:1.5px solid var(--ink);padding:9px 13px;border-radius:99px;background:transparent;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.nav a:hover,.nav a.is-active{background:var(--ink);color:#fff;transform:translateY(-2px)}.header-actions{justify-self:end;display:flex;gap:8px}.wallet-btn{background:var(--lav);border:var(--line);border-radius:9px;padding:10px 15px;font-weight:900;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.wallet-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0}.lang-btn{background:transparent;border:0;font-weight:900;cursor:pointer}.hero{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;border-bottom:var(--line);position:relative}.hero-copy{padding:85px 5vw 50px;position:relative;z-index:2}.eyebrow{display:inline-flex;gap:10px;align-items:center;border:var(--line);padding:8px 12px;background:var(--acid);font:900 11px "Courier New",monospace;box-shadow:4px 4px 0}.live-dot{width:8px;height:8px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 0 4px rgba(255,59,59,.2);animation:pulse 1.5s infinite}.hero h1{font-size:clamp(66px,8vw,142px);line-height:.76;margin:42px 0 30px;letter-spacing:-.095em;max-width:930px}.hero h1 .outline{color:var(--paper);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--lav)}.hero p{font-size:18px;line-height:1.55;max-width:600px;font-weight:650}.cta-row{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:var(--line);padding:14px 20px;font-weight:900;box-shadow:5px 5px 0 var(--ink);cursor:pointer;background:#fff;transition:.15s}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0}.btn.dark{background:var(--ink);color:#fff}.btn.lav{background:var(--lav)}.hero-art{position:relative;background:var(--lav);overflow:hidden;border-left:var(--line);min-height:600px}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px);background-size:24px 24px}.portal{position:absolute;inset:10% 10% 8%;border:3px solid;background:var(--ink);box-shadow:14px 14px 0 var(--acid);transform:rotate(2deg);overflow:hidden}.portal:before{content:"";position:absolute;inset:5%;border:2px dashed var(--paper);background:radial-gradient(circle at 50% 40%,var(--lav),#1e1732 36%,#050505 70%)}.orbit{position:absolute;border:2px solid var(--paper);border-radius:50%;inset:17%;animation:spin 12s linear infinite}.orbit:after,.orbit:before{content:"";position:absolute;width:40px;height:40px;border:2px solid;border-radius:8px;background:var(--acid);top:8%;left:8%;box-shadow:3px 3px 0 #fff}.orbit:after{background:var(--cyan);top:auto;left:auto;right:5%;bottom:10%;border-radius:50%}.hero-avatar{position:absolute;z-index:3;width:48%;height:62%;left:27%;bottom:3%;background:var(--paper);clip-path:polygon(50% 0,68% 10%,74% 26%,88% 36%,82% 53%,95% 100%,7% 100%,16% 55%,7% 38%,27% 25%,32% 9%);border:3px solid;filter:drop-shadow(10px 10px 0 var(--lav))}.hero-avatar:before{content:"◉_◉";position:absolute;top:25%;left:50%;transform:translateX(-50%);font:900 30px "Courier New",monospace;white-space:nowrap}.hero-avatar:after{content:"OTAKU ONLY";position:absolute;bottom:22%;left:50%;transform:translateX(-50%) rotate(-6deg);background:var(--acid);border:2px solid;padding:7px;font:900 11px "Courier New",monospace;white-space:nowrap}.float-tag{position:absolute;z-index:4;border:2px solid;background:#fff;padding:9px 11px;font:900 11px "Courier New",monospace;box-shadow:4px 4px 0}.tag-a{top:9%;right:4%;transform:rotate(7deg)}.tag-b{bottom:12%;left:4%;background:var(--acid);transform:rotate(-6deg)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:var(--line)}.stat{padding:25px 30px;border-right:var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:34px;letter-spacing:-.06em}.stat small{font:700 10px "Courier New",monospace;text-transform:uppercase}.section{padding:90px 5vw;border-bottom:var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.kicker{font:900 11px "Courier New",monospace;text-transform:uppercase;background:var(--lav);display:inline-block;padding:6px 8px;border:1.5px solid}.section h2,.page-hero h1{font-size:clamp(45px,6vw,92px);line-height:.86;letter-spacing:-.08em;margin:12px 0}.section-head p{max-width:420px;line-height:1.55}.drop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.drop-card{border:var(--line);background:#fff;position:relative;transition:.2s}.drop-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-art{aspect-ratio:1.15;position:relative;overflow:hidden;border-bottom:var(--line);background:var(--lav)}.art-2{background:var(--acid)}.art-3{background:var(--cyan)}.card-art:before{content:"";position:absolute;width:55%;height:80%;left:22%;bottom:-12%;background:var(--ink);clip-path:polygon(50% 0,70% 14%,80% 40%,100% 100%,0 100%,20% 40%,30% 14%)}.card-art:after{content:"✦";position:absolute;font-size:80px;color:#fff;right:8%;top:5%;text-shadow:5px 5px 0 var(--ink)}.card-meta{padding:17px}.card-top{display:flex;justify-content:space-between;gap:10px}.card-meta h3{margin:0;font-size:22px}.card-meta p{font-size:13px;line-height:1.45;color:#555}.progress{height:9px;border:1.5px solid;background:var(--paper);margin:15px 0}.progress i{display:block;height:100%;background:var(--ink)}.mini-row{display:flex;justify-content:space-between;font:900 10px "Courier New",monospace}.status{border:1.5px solid;border-radius:99px;padding:5px 8px;background:var(--acid);font:900 9px "Courier New",monospace}.status.hot{background:#ff8282}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:var(--line)}.how-step{padding:30px;min-height:250px;border-right:var(--line);position:relative}.how-step:last-child{border:0}.how-step b{font:900 54px "Courier New",monospace;color:var(--lav);-webkit-text-stroke:1.5px var(--ink)}.how-step h3{font-size:22px}.how-step p{line-height:1.5;color:#444}.manifesto{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.manifesto blockquote{font-size:clamp(32px,4vw,64px);font-weight:900;letter-spacing:-.05em;line-height:1;margin:0}.manifesto blockquote em{color:var(--acid);font-style:normal}.manifesto-list{display:grid;gap:12px}.manifesto-item{border:1px solid #555;padding:18px;display:flex;gap:16px}.manifesto-item b{color:var(--lav)}.site-footer{background:var(--lav);padding:55px 5vw 24px}.footer-big{font-size:clamp(70px,15vw,220px);letter-spacing:-.11em;line-height:.7;margin-bottom:55px}.footer-row{border-top:2px solid;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font:800 11px "Courier New",monospace}.footer-links{display:flex;gap:20px}.page-hero{padding:80px 5vw 45px;border-bottom:var(--line);background:linear-gradient(135deg,var(--paper) 65%,var(--lav) 65%)}.page-hero p{font-size:18px;max-width:650px;line-height:1.55}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter-row button.active{background:var(--ink);color:#fff}.launch-layout{display:grid;grid-template-columns:1fr .8fr;gap:28px}.panel{border:var(--line);background:#fff;padding:28px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font:900 10px "Courier New",monospace;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:1.5px solid;padding:13px;background:var(--paper);outline:0}.field input:focus,.field textarea:focus{box-shadow:4px 4px 0 var(--lav)}.preview-card{position:sticky;top:110px}.preview-art{aspect-ratio:1;background:var(--lav);border:var(--line);display:grid;place-items:center;font-size:90px}.preview-card h2{font-size:36px;margin-bottom:5px}.quest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.quest{border:var(--line);background:#fff;padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.quest-icon{width:54px;height:54px;border:var(--line);background:var(--acid);display:grid;place-items:center;font-size:24px}.quest h3{margin:0 0 5px}.quest p{margin:0;color:#555;font-size:13px}.quest.done{opacity:.6;background:#ddd}.xp-bar{position:sticky;bottom:18px;margin:25px auto 0;max-width:600px;background:var(--ink);color:#fff;border:2px solid #fff;padding:13px 18px;box-shadow:6px 6px 0 var(--lav);display:flex;justify-content:space-between;z-index:5}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:25px}.passport{text-align:center}.pfp{width:150px;height:150px;margin:auto;border:var(--line);border-radius:50%;background:var(--lav);display:grid;place-items:center;font-size:54px;box-shadow:7px 7px 0 var(--acid)}.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.inventory-item{border:var(--line);padding:16px;background:var(--paper)}.inventory-art{aspect-ratio:1;border:1.5px solid;background:var(--cyan);display:grid;place-items:center;font-size:45px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.open{display:flex}.modal-card{width:min(480px,100%);background:var(--paper);border:var(--line);box-shadow:12px 12px 0 var(--lav);padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:30px}.close-modal{border:0;background:none;font-size:28px;cursor:pointer}.wallet-list{display:grid;gap:10px;margin-top:20px}.wallet-option{display:flex;align-items:center;gap:13px;border:var(--line);padding:14px;background:#fff;cursor:pointer;text-align:left;font-weight:900}.wallet-option:hover{background:var(--acid);transform:translateX(4px)}.wallet-logo{width:34px;height:34px;border:1.5px solid;display:grid;place-items:center;border-radius:8px;background:var(--lav)}.notice{margin-top:15px;padding:12px;border:1.5px dashed;font-size:12px;line-height:1.45}.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:14px 18px;z-index:120;transform:translateY(150%);transition:.25s;border:2px solid var(--paper);box-shadow:5px 5px 0 var(--lav)}.toast.show{transform:none}.empty{text-align:center;padding:60px 20px;border:2px dashed #777}.empty b{display:block;font-size:38px;margin-bottom:10px}.mobile-toggle{display:none;background:transparent;border:0;font-size:25px}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}
@media(max-width:900px){.site-header{grid-template-columns:auto 1fr auto;padding:12px 16px}.mobile-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:15px;border-bottom:var(--line);flex-wrap:wrap}.nav.open{display:flex}.header-actions .lang-btn{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:65px}.hero-art{border-left:0;border-top:var(--line);min-height:520px}.stats-strip{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:var(--line)}.drop-grid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr 1fr}.how-step:nth-child(2){border-right:0}.how-step:nth-child(-n+2){border-bottom:var(--line)}.manifesto,.launch-layout,.profile-grid{grid-template-columns:1fr}.preview-card{position:static}.inventory{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-header{grid-template-columns:auto 1fr auto}.brand{font-size:22px}.wallet-btn{font-size:0;padding:9px}.wallet-btn:after{content:"◉";font-size:18px}.hero{min-height:0}.hero h1{font-size:62px}.hero-art{min-height:430px}.stats-strip,.drop-grid,.how-grid,.quest-grid{grid-template-columns:1fr}.stat,.stat:nth-child(2){border-right:0;border-bottom:var(--line)}.how-step{border-right:0;border-bottom:var(--line)}.section{padding:65px 20px}.section-head{display:block}.page-hero{padding:60px 20px 35px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.inventory{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.quest{grid-template-columns:auto 1fr}.quest .btn{grid-column:1/-1}.header-actions{gap:0}}
