/* The landing page is a neon arcade poster; the quiz keeps its clear reading surface. */
body[data-screen="intro"]{background:#19162c;color:#fff8e9}
body[data-screen="intro"] .site-header{max-width:1440px;border-color:#ffffff30;padding-top:20px;padding-bottom:20px;min-height:81px}
body[data-screen="intro"] .logo-mark{color:#ddff49}
body[data-screen="intro"] .edition{color:#ff72bd}
body[data-screen="intro"] main{max-width:1440px;border:0;min-height:0}
body[data-screen="intro"] .site-footer{color:#d2c9dc;border-top:1px solid #ffffff30;max-width:1440px}
body[data-screen="intro"] .site-footer .text-button{color:#fff8e9}
.neon-hero{position:relative;padding:20px 64px 58px;overflow:hidden;background:radial-gradient(ellipse at 80% 44%,#523381 0,transparent 54%),linear-gradient(115deg,#19162c 45%,#271b46 100%)}
.neon-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#bb95ff 1px,transparent 1px),linear-gradient(90deg,#bb95ff 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 25%,black)}
.hero-topline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 10px/1.5 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#c9b5ed;padding-bottom:15px;border-bottom:1px solid #ffffff26}
.hero-topline span:first-child{color:#44e9ef}
.neon-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-top:38px}
.neon-copy{position:relative;z-index:3}
.neon-kicker{display:inline-block;font-size:15px;font-weight:800;color:#19162c;background:#44e9ef;border:2px solid #19162c;padding:7px 15px;transform:rotate(-3deg);box-shadow:4px 4px 0 #9770ff;margin-bottom:22px}
.neon-title{font-weight:1000;font-size:clamp(76px,7.8vw,113px);letter-spacing:-.09em;line-height:1.08;margin:0 0 22px -6px;transform:rotate(-2deg);text-shadow:5px 5px 0 #9770ff,9px 9px 0 #19162c;color:#fff8e9}
.neon-title>span{display:block;white-space:nowrap}
.neon-title .title-last{font-size:1.3em;color:#ddff49;display:flex;align-items:center;gap:33px;line-height:1.2;margin-top:-3px}
.title-last i{display:inline-block;position:relative;font-style:normal;flex-shrink:0;font-size:22px;line-height:1.35;font-weight:900;background:#ff55af;color:#19162c;letter-spacing:-.04em;text-shadow:none;border:3px solid #19162c;outline:3px solid #ff55af;border-radius:50%;padding:19px 22px;transform:rotate(12deg)}
.neon-description{font-size:14px;line-height:1.95;color:#f4edf9;max-width:500px;margin-top:7px}
.neon-start{margin-top:25px;max-width:410px}
.neon-start .button{width:100%;max-width:none;border:2px solid #19162c;border-radius:5px;background:#ddff49;color:#19162c;min-height:76px;box-shadow:6px 6px 0 #ff55af;padding:18px 23px;font-size:21px;gap:15px}
.neon-start .button>span:first-child{font-size:inherit;line-height:1.5}
.neon-start .button:hover{background:#ecff94;box-shadow:8px 8px 0 #ff55af;transform:translate(-2px,-2px)}
.neon-start .button:focus-visible{outline:3px solid #44e9ef;outline-offset:8px}
.neon-start .button .start-arrow{font-size:37px;line-height:1;font-weight:500}
.neon-facts{display:flex;gap:0;justify-content:space-around;margin-top:20px;color:#fff8e9;font-size:11px;font-weight:700;letter-spacing:.04em}
.neon-facts span+span{border-left:1px solid #ffffff40;padding-left:20px}
.neon-disclaimer{font-size:11px;line-height:1.85;color:#d0c4df;margin-top:17px;max-width:420px}
.neon-stage{position:relative;min-height:570px;width:100%;isolation:isolate;margin-top:4px}
.stage-burst{position:absolute;width:102%;height:auto;left:0;top:4%;transform:rotate(9deg);z-index:-1;filter:drop-shadow(9px 9px 0 #ff55af)}
.stage-ring{position:absolute;width:116%;height:58%;top:25%;left:-5%;border:1px solid #bd90ff;border-radius:50%;transform:rotate(-26deg);z-index:-2}
.stage-ring.ring-two{transform:rotate(28deg);border-color:#44e9ef;opacity:.55}
.main-mascot{position:absolute;z-index:2;top:3%;left:3%;width:97%;transform:rotate(8deg);filter:drop-shadow(4px 5px 0 #fff8e9)}
.main-mascot .character{display:block;width:100%;height:auto}
.side-mascot{position:absolute;left:-13%;bottom:4%;width:45%;transform:rotate(-15deg);z-index:4;filter:drop-shadow(3px 3px 0 #fff8e9)}
.side-mascot .character{display:block;width:100%;height:auto}
.stage-label{position:absolute;left:9%;top:-7px;font:700 10px/1.5 ui-monospace,Menlo,monospace;letter-spacing:.02em;color:#19162c;background:#fff8e9;border:2px solid #19162c;padding:9px 17px;box-shadow:4px 4px 0 #9770ff;transform:rotate(-8deg);z-index:4}
.stage-label strong{font-family:inherit;font-size:17px;letter-spacing:-.04em}
.stage-sticker{position:absolute;right:-6px;top:1px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#44e9ef;border:3px solid #19162c;outline:2px solid #44e9ef;color:#19162c;transform:rotate(10deg);border-radius:50%;z-index:5}
.stage-sticker strong{font:900 51px/1 ui-monospace,Menlo,monospace;letter-spacing:-.07em}
.stage-sticker span{font:800 9px/1.4 ui-monospace,Menlo,monospace}
.stage-doodle{position:absolute;font-size:67px;line-height:1;z-index:3;pointer-events:none}
.doodle-one{left:-7%;top:30%;color:#ff55af;transform:rotate(-12deg)}
.doodle-two{right:0;bottom:10%;color:#44e9ef;transform:rotate(18deg);font-size:56px}
.stage-ticket{position:absolute;z-index:5;right:5%;bottom:5%;background:#ff55af;color:#19162c;border:3px solid #19162c;outline:2px solid #ff55af;padding:13px 25px;transform:rotate(-7deg);box-shadow:5px 5px 0 #19162c}
.stage-ticket>span{display:block;font-size:10px;font-weight:800;letter-spacing:.07em}
.stage-ticket>b{font:900 21px/1.7 ui-monospace,Menlo,monospace;letter-spacing:-.04em}
.neon-ticker{display:flex;align-items:center;justify-content:center;gap:38px;overflow:hidden;white-space:nowrap;position:relative;z-index:2;background:#ddff49;color:#19162c;border-top:3px solid #19162c;border-bottom:3px solid #19162c;padding:13px 20px;transform:rotate(-1.5deg) scale(1.01);font-size:15px;font-weight:900}
.neon-ticker>b{font-size:30px;line-height:1}
.neon-ticker>span:nth-of-type(2){font:900 22px/1.4 ui-monospace,Menlo,monospace}
.character-parade{padding:45px 54px 38px;display:grid;grid-template-columns:205px minmax(0,1fr);gap:20px;align-items:center;overflow:hidden}
.parade-copy>span{font:700 9px/1.5 ui-monospace,Menlo,monospace;color:#44e9ef;letter-spacing:.09em}
.parade-copy h2{font-size:27px;font-weight:900;line-height:1.4;letter-spacing:-.04em;margin:8px 0 9px}
.parade-copy p{font-size:10px;color:#cfc0e0}
.parade-line{display:flex;gap:3px;min-width:0;align-items:center}
.parade-member{position:relative;flex:1;min-width:0;transform:rotate(var(--tilt));display:flex;flex-direction:column;align-items:center}
.parade-member:before{content:"";position:absolute;top:12%;left:2%;width:94%;aspect-ratio:1;border-radius:50%;background:var(--member-bg);opacity:.3;z-index:-1}
.parade-member svg{width:100%;height:auto;display:block}
.parade-member span{font:800 9px/1.2 ui-monospace,Menlo,monospace;color:#f7f1ff;background:#332545;padding:3px 8px;border:1px solid #6f558e;border-radius:5px;margin-top:4px}
/* Result ticket: illustration and score are distinct from explanatory copy. */
.result-ticket{border:3px solid #19162c;box-shadow:7px 7px 0 #19162c;border-radius:13px 13px 3px 3px;background-image:radial-gradient(#ffffff66 1.2px,transparent 1.2px);background-size:13px 13px}
.result-art{isolation:isolate;margin:16px -8px 0}
.result-art:before{content:"";position:absolute;z-index:-1;left:13%;top:12%;width:74%;aspect-ratio:1;border-radius:50%;background:#ffffff6b;box-shadow:0 0 0 12px #ffffff26}
.result-art .character{width:100%;max-width:390px;margin:0 auto;filter:drop-shadow(2px 3px 0 #fff8e9)}
.result-art-note{display:none}
.result-ticket .trait-tags{margin-top:0}
.ticket-top span:last-child{background:#19162c;color:#fff8e9;padding:3px 8px;transform:rotate(3deg);border-radius:3px}
.ticket-top{align-items:center}
.ticket-end{background:#19162c;color:#fff8e9;border-top:2px dashed #fff8e9}
.play-meter{margin-top:26px;padding:20px;border:2px solid #19162c;border-radius:12px;background:#19162c;color:#fff8e9;box-shadow:4px 4px 0 #b3a1ef}
.meter-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}
.meter-eyebrow{font:700 8px/1.6 ui-monospace,Menlo,monospace;letter-spacing:.03em;color:#d8c5f2}
.play-meter h2{font-size:19px;line-height:1.4;letter-spacing:-.04em;color:#ddff49;margin-top:5px}
.play-meter h2>span{font-size:10px;font-weight:600;color:#fff8e9;display:block;letter-spacing:0;margin-top:6px}
.meter-number{display:flex;align-items:baseline;gap:3px;flex-shrink:0;white-space:nowrap}
.meter-number strong{font:900 43px/1 ui-monospace,Menlo,monospace;letter-spacing:-.09em}
.meter-number>span{font:600 11px/1.4 ui-monospace,Menlo,monospace;color:#c8bdd5}
.meter-gauge{display:flex;gap:5px;height:20px;margin-top:20px}
.meter-gauge i{display:block;flex:1;background:#494253;border-radius:2px}
.meter-gauge i.lit{background:var(--segment-color)}
.meter-ends{display:flex;justify-content:space-between;font-size:8px;color:#cbbdd8;margin-top:7px;gap:10px}
.meter-explanation{font-size:11px;line-height:1.9;margin-top:15px;color:#eee6f6}
.meter-note{font-size:11px;line-height:1.8;color:#fff8e9;margin-top:9px;padding-top:9px;border-top:1px solid #ffffff2c}
@media(min-width:1360px){body[data-screen="intro"] .site-header{border-left:0;border-right:0}}
@media(max-width:1100px) and (min-width:761px){.neon-hero{padding-left:40px;padding-right:40px}.neon-grid{gap:20px}.neon-title{font-size:83px}.title-last i{font-size:17px;padding:16px 19px}.neon-stage{min-height:500px}.stage-label{left:5%;top:25px}.stage-sticker{top:30px}.stage-ticket{right:0;bottom:7%;padding:11px 14px}.stage-ticket>b{font-size:16px}.main-mascot{top:12%}.stage-burst{top:14%}.character-parade{padding-left:40px;padding-right:40px;grid-template-columns:165px 1fr;gap:12px}.parade-copy h2{font-size:23px}.stage-sticker strong{font-size:40px}.stage-sticker span{font-size:7px}.side-mascot{left:-7%;bottom:15%}.doodle-one{font-size:50px;left:-3%}.doodle-two{bottom:20%}}
@media(max-width:760px){body[data-screen="intro"] .site-header{padding:17px 21px;min-height:70px}.neon-hero{padding:13px 23px 29px}.hero-topline{font-size:7px;letter-spacing:.06em;padding-bottom:12px;gap:10px}.hero-topline span:last-child{font-size:6px}.neon-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"kicker" "title" "stage" "description" "start" "disclaimer";padding-top:23px;gap:0}.neon-copy{display:contents}.neon-kicker{grid-area:kicker;font-size:12px;padding:5px 9px;justify-self:start;margin-bottom:15px;box-shadow:3px 3px 0 #9770ff}.neon-title{grid-area:title;font-size:78px;margin:0 0 5px -3px;line-height:1.03;transform:rotate(-2deg);text-shadow:4px 4px 0 #9770ff,7px 7px 0 #19162c;z-index:3;position:relative}.neon-title .title-last{font-size:1.15em;margin-top:1px;gap:31px;line-height:1.08}.title-last i{font-size:16px;padding:12px 16px;border-width:2px;outline-width:2px;transform:rotate(10deg)}.neon-stage{grid-area:stage;min-height:282px;margin:-11px 0 6px;max-width:380px;justify-self:center}.stage-burst{width:87%;left:11%;top:3%;filter:drop-shadow(5px 5px 0 #ff55af)}.main-mascot{width:90%;left:10%;top:0;transform:rotate(8deg);filter:drop-shadow(3px 3px 0 #fff8e9)}.side-mascot{left:-3%;bottom:8%;width:40%;filter:drop-shadow(2px 2px 0 #fff8e9);transform:rotate(-13deg)}.stage-label{top:14px;left:0;font-size:6px;padding:5px 8px;box-shadow:3px 3px 0 #9770ff;transform:rotate(-8deg)}.stage-label strong{font-size:10px}.stage-sticker{right:-4px;top:5px;gap:5px;padding:4px 9px;border-width:2px}.stage-sticker strong{font-size:29px}.stage-sticker span{font-size:6px}.stage-doodle{font-size:38px}.doodle-one{left:0;top:30%}.doodle-two{font-size:35px;right:-5px;bottom:7%}.stage-ring{width:106%;height:60%;left:-3%;top:24%}.stage-ticket{right:10%;bottom:0;padding:5px 12px;outline-width:1px;border-width:2px;box-shadow:3px 3px 0 #19162c}.stage-ticket>span{font-size:6px}.stage-ticket>b{font-size:12px;line-height:1.7}.neon-description{grid-area:description;font-size:12px;line-height:1.85;margin-top:13px;color:#f1e6fc;position:relative;z-index:4}.neon-start{grid-area:start;margin-top:18px;max-width:none;position:relative;z-index:4}.neon-start .button{min-height:64px;font-size:18px;padding:14px 18px;box-shadow:4px 4px 0 #ff55af}.neon-start .button .start-arrow{font-size:31px}.neon-facts{font-size:10px;margin-top:16px}.neon-facts span+span{padding-left:15px}.neon-disclaimer{grid-area:disclaimer;font-size:10px;line-height:1.8;margin-top:13px}.neon-ticker{gap:19px;padding:12px 16px;transform:rotate(-2deg) scale(1.01);justify-content:center;font-size:11px}.neon-ticker b{font-size:23px}.neon-ticker>span:nth-of-type(2){font-size:15px}.neon-ticker>span:nth-of-type(3),.neon-ticker>b:last-of-type{display:none}.character-parade{padding:31px 20px 28px;display:block}.parade-copy{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;align-items:center;margin-bottom:18px}.parade-copy>span{grid-column:1;font-size:8px}.parade-copy h2{grid-column:1;grid-row:2;font-size:21px;margin:1px 0}.parade-copy h2 br{display:none}.parade-copy p{grid-column:2;grid-row:1 / span 2;font-size:10px;text-align:right}.parade-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 3px}.parade-member:before{opacity:.4}.parade-member span{font-size:8px;padding:2px 6px;margin-top:0}.result-art{margin:14px -12px 0}.result-art .character{width:100%;max-width:350px}.play-meter{padding:17px;margin-top:24px}.play-meter h2{font-size:18px}.meter-eyebrow{font-size:7px}.meter-number strong{font-size:40px}.meter-number>span{font-size:10px}.meter-gauge{height:18px;gap:4px;margin-top:16px}.meter-explanation,.meter-note{font-size:11px}.meter-ends{font-size:8px}.ticket-end{margin-left:-22px;margin-right:-22px}.result-ticket{border-width:2px}}
@media(max-width:370px){body[data-screen="intro"] .site-header{padding:16px 18px;min-height:67px}.neon-hero{padding:12px 18px 25px}.hero-topline span:last-child{font-size:5px}.neon-grid{padding-top:20px}.neon-title{font-size:65px}.neon-title .title-last{gap:25px}.title-last i{font-size:14px;padding:10px 14px}.neon-kicker{font-size:10px;padding:5px 8px}.neon-stage{min-height:245px;margin-top:-7px}.main-mascot{width:92%;left:8%;top:2%}.stage-burst{width:88%;left:8%;top:4%}.stage-sticker{top:7px;right:-1px}.stage-sticker strong{font-size:25px}.stage-sticker span{font-size:5px}.stage-label{top:17px;font-size:5px}.stage-label strong{font-size:9px}.doodle-two{right:0}.stage-ticket{right:11%;bottom:1%}.stage-ticket>b{font-size:10px}.stage-ticket>span{font-size:5px}.neon-description{font-size:11px;line-height:1.9;margin-top:10px}.neon-start{margin-top:15px}.neon-start .button{font-size:16px;min-height:60px}.neon-facts{font-size:9px}.neon-disclaimer{font-size:9px}.neon-ticker{gap:12px;font-size:9px}.neon-ticker>span:nth-of-type(2){font-size:12px}.character-parade{padding:27px 17px}.parade-copy h2{font-size:18px}.parade-copy p{font-size:9px}.parade-copy>span{font-size:7px}.play-meter{padding:14px}.meter-heading{gap:7px}.play-meter h2{font-size:16px}.play-meter h2>span{font-size:9px}.meter-eyebrow{font-size:6px}.meter-number strong{font-size:34px}.meter-number>span{font-size:9px}.meter-explanation,.meter-note{font-size:10px}.meter-gauge{gap:3px}.meter-ends{font-size:7px}.ticket-end{margin-left:-17px;margin-right:-17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-screen="intro"] main{overflow:hidden}
@media(max-width:760px){.parade-copy h2 br{display:initial}}