/* More color around the play area; opaque, still surfaces behind the words. */
.header-controls{display:flex;align-items:center;gap:18px;min-width:0}.motion-toggle{font-family:inherit;font-size:11px;font-weight:700;line-height:1.5;color:#e6e0ff;background:#302948;border:1px solid #a08ed1;border-radius:99px;padding:11px 16px;min-height:44px;cursor:pointer;white-space:nowrap}.motion-toggle:disabled{cursor:default;color:#d0c6e5}.motion-toggle:focus-visible{outline:3px solid #68f2e7;outline-offset:4px}
.neon-hero,.question-panel{position:relative;isolation:isolate}.neon-grid,.hero-topline{position:relative;z-index:1}.neon-hero{background:radial-gradient(ellipse at 90% 15%,#a34dcd28,transparent 48%),radial-gradient(ellipse at 4% 65%,#32dccc16,transparent 45%)}
.vibe-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:layout paint}.vibe-particles i{position:absolute;left:var(--px);top:var(--py);color:var(--particle-color);font:600 23px/1 ui-monospace,monospace;font-style:normal;opacity:.55;animation:particle-drift var(--particle-duration) ease-in-out var(--particle-delay) infinite alternate;will-change:transform}.vibe-particles i:nth-child(3n){font-size:38px}.question-panel>.vibe-particles{z-index:-1}.question-panel>.vibe-particles i{font-size:16px;opacity:.2}
.neon-stage .main-mascot{animation:hero-hover 7s ease-in-out infinite}.neon-stage .side-mascot{animation:hero-friend 9s ease-in-out infinite}.stage-ring{box-shadow:0 0 35px #7c57d71c}.neon-start .primary{box-shadow:6px 7px 0 #e964ba,0 0 30px #d9ff4917}.neon-ticker{background:linear-gradient(110deg,#d9ff62,#67f1e5 42%,#cda6ff 74%,#ff91cf);color:#16112b}.quiz-crew-poster .mini-character{animation:quiz-sway 7.5s ease-in-out infinite}.question-counter>span{text-shadow:3px 3px 0 #ea70cb45}.question-panel .progress-track .current{box-shadow:0 0 12px #76f5ef45}.choice.selected{box-shadow:3px 4px 0 #171224,0 0 16px #b5a4ff16}
.result-header{margin-bottom:5px}.result-motion-control{justify-content:space-between;margin:0 0 18px;padding:8px 0;border-bottom:1px solid #2d3d58;font-size:10px;color:#b1c5de}.result-motion-control .text-button{color:#d3fff6;font-size:11px;padding:6px 12px;min-height:44px;background:#123133;border:1px solid #4b8180;border-radius:99px;white-space:nowrap;text-decoration:none}.result-motion-control .text-button:disabled{color:#c7d8df}
.result-ticket{animation:result-arrive 650ms cubic-bezier(.2,.7,.2,1) both}.result-ticket:before{inset:-4px;box-shadow:0 0 24px #8b7cff38,0 0 60px #fb64c716}.result-ticket .result-art{margin-top:5px}.result-art .vibe-particles{z-index:2}.result-art .vibe-particles i{opacity:.8;font-size:16px}.rig-aura{position:absolute;inset:16% 12%;z-index:0;border-radius:50%;background:conic-gradient(from 0deg,#51e9ff1a,#b276ff20,#ff81b81b,#d8ff6b19,#51e9ff1a);animation:aura-turn 42s linear infinite}.fan-main{opacity:.9}.rig-platform{box-shadow:0 4px 0 #060a12,0 5px 0 #9d70ff,0 8px 22px #905eff78}.character-caption{font-size:10px;color:#b4c9e0;text-align:center;line-height:1.7;margin:0 0 7px}.character-caption span{color:#8af4df;margin-right:4px}
.profile-panel{border-color:#546482;box-shadow:inset 3px 0 0 #6de7de}.profile-ritual{padding-top:14px;margin-top:14px;border-top:1px solid #344358;color:#e5dcff;font-size:12px;line-height:1.85}.profile-ritual span{display:block;color:#b7a6ec;font:700 8px/1.7 ui-monospace,monospace;letter-spacing:.07em;margin-bottom:5px}
.deep-panel{margin-top:17px;border:1px solid #40506c;border-radius:14px;background:#101826;overflow:hidden;color:#eaf0fc}.deep-panel summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;cursor:pointer;list-style:none;padding:19px 22px;background:#18243a;line-height:1.8}.deep-panel summary::-webkit-details-marker{display:none}.deep-panel summary b{display:block;font-size:13px;color:#eef3ff}.deep-panel summary small{display:block;font-size:10px;color:#acbed9;margin-top:3px}.deep-panel summary>i{font:400 25px/1 ui-monospace,monospace;color:#97f3df;flex-shrink:0}.deep-panel[open] summary>i{transform:rotate(45deg)}.deep-panel[open] summary{border-bottom:1px solid #40506c}.deep-content{padding:22px}.profile-chapter{position:relative;padding:0 0 23px 36px}.profile-chapter:last-of-type{padding-bottom:14px}.chapter-number{position:absolute;left:0;top:4px;font:700 11px/1.6 ui-monospace,monospace;color:#8eeada}.profile-chapter h3,.meter-proof h3{font-size:13px;line-height:1.8;color:#ede5ff;margin:0 0 9px}.profile-chapter p,.reason-intro,.meter-proof p{font-size:12px;line-height:2;color:#c8d5e9;overflow-wrap:anywhere}.editorial-note{font-size:10px;line-height:1.9;color:#a9b9d1;padding-top:15px;border-top:1px solid #2e3f58;margin-top:5px}
.reasoning-deep{border-color:#426360}.reasoning-deep summary{background:#172b31}.reason-intro{margin-bottom:20px}.axis-proof{padding:17px 0;border-top:1px solid #2e3f58}.axis-proof-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.axis-proof-title>span{font-size:11px;color:#c6d5ec}.axis-proof-title>b{font:800 20px/1 ui-monospace,monospace;background:#283650;border:1px solid #61748f;border-radius:6px;padding:7px 10px;color:#8ff3e2}.axis-proof dl{margin:0}.axis-proof dl>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.9;margin:7px 0}.axis-proof dt{color:#b9cce7}.axis-proof dd{white-space:nowrap;text-align:right;margin:0;color:#ecf1ff}.axis-proof dd span{display:inline-block;min-width:43px;margin-left:7px;color:#b5a7ee}.axis-proof>p{font-size:11px;line-height:1.9;color:#b9cce7;margin-top:11px}.axis-proof>p strong{color:#a9f1e3}.meter-proof{padding:18px 0;border-top:1px solid #2e3f58}.meter-proof p+p{margin-top:12px}.meter-proof b{display:block;color:#f4e9a6;margin:9px 0}
.reference-panel{border-color:#695379}.reference-panel summary{background:#292238}.reference-label{font-size:9px;letter-spacing:.05em;color:#dfb3f4}.reference-name{font-size:16px;line-height:1.9;color:#f2e9ff;margin:8px 0 13px;overflow-wrap:anywhere}.reference-notice{font-size:11px;line-height:1.9;background:#342d43;color:#f0e5ff;padding:13px 15px;border-left:3px solid #c9a8e9;border-radius:0 7px 7px 0}.reference-activity,.reference-connection{font-size:12px;line-height:2;color:#c9d4e6;margin-top:17px}.reference-source{display:inline-block;min-height:44px;padding:13px 0 7px;color:#98e8e2;font-size:11px;line-height:1.8;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.reference-date{color:#a5b4cb;font-size:9px;line-height:1.8;margin-top:4px}
/* At most one full character animates: the result. Parade members remain still. */
.result-art .result-character{transform-origin:50% 75%;animation:crew-float var(--pose-duration) ease-in-out infinite;will-change:transform}
.result-art [data-pose="bounce"]{animation-name:crew-bounce}.result-art [data-pose="scan"]{animation-name:crew-scan}.result-art [data-pose="sway"]{animation-name:crew-sway}.result-art [data-pose="dive"]{animation-name:crew-dive}.result-art [data-pose="beat"]{animation-name:crew-beat}.result-art [data-pose="glide"]{animation-name:crew-glide}.result-art [data-pose="rest"]{animation-name:crew-rest}
.result-art .character-part{transform-box:view-box;animation:part-sway 8s ease-in-out infinite}.result-art .part-blink{animation:eye-blink 8.9s ease-in-out 1s infinite}.result-art .part-jet{animation:jet-wiggle 3.8s ease-in-out infinite}.result-art .part-peek{animation:part-peek 6.2s ease-in-out infinite}.result-art .part-flag{animation:flag-wave 5.4s ease-in-out infinite}.result-art .part-bubble{animation:bubble-rise 9s ease-in-out infinite}.result-art .part-disc{animation:disc-turn 18s linear infinite}.result-art .part-note{animation:note-float 6.4s ease-in-out infinite}.result-art .part-wing-left{animation:wing-left 6.8s ease-in-out infinite}.result-art .part-wing-right{animation:wing-right 6.8s ease-in-out infinite}.result-art .part-steam{animation:steam-rise 8s ease-in-out infinite}.result-art .part-calendar{animation:calendar-sway 5.7s ease-in-out infinite}.result-art .part-compass{animation:compass-swing 10s ease-in-out infinite}.result-art .part-megaphone{animation:megaphone-nod 5.4s ease-in-out infinite}.result-art .part-clapper{animation:clapper-ready 8s ease-in-out infinite}.result-art .part-clock{animation:clock-turn 24s linear infinite}.result-art .part-flame{animation:flame-sway 6s ease-in-out infinite}
@keyframes particle-drift{from{transform:translate3d(0,6px,0) rotate(-7deg)}to{transform:translate3d(5px,-10px,0) rotate(13deg)}}
@keyframes hero-hover{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-9px) rotate(9deg)}}
@keyframes hero-friend{0%,100%{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-6px) rotate(-11deg)}}
@keyframes quiz-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
@keyframes result-arrive{from{transform:translateY(10px) scale(.985)}to{transform:none}}
@keyframes aura-turn{to{transform:rotate(360deg)}}
@keyframes crew-float{0%,100%{transform:none}50%{transform:translate(var(--pose-x),var(--pose-y)) rotate(var(--pose-tilt))}}
@keyframes crew-bounce{0%,100%{transform:rotate(calc(-1 * var(--pose-tilt)))}45%{transform:translateY(var(--pose-y)) rotate(var(--pose-tilt))}70%{transform:translateX(var(--pose-x))}}
@keyframes crew-scan{0%,100%{transform:rotate(calc(-1 * var(--pose-tilt)))}50%{transform:translate(var(--pose-x),var(--pose-y)) rotate(var(--pose-tilt))}}
@keyframes crew-sway{0%,100%{transform:translateX(calc(-1 * var(--pose-x))) rotate(calc(-1 * var(--pose-tilt)))}50%{transform:translate(var(--pose-x),var(--pose-y)) rotate(var(--pose-tilt))}}
@keyframes crew-dive{0%,100%{transform:none}45%{transform:translateY(var(--pose-y))}70%{transform:translateX(var(--pose-x)) rotate(var(--pose-tilt))}}
@keyframes crew-beat{0%,50%,100%{transform:none}25%{transform:translateY(var(--pose-y)) rotate(var(--pose-tilt))}75%{transform:rotate(calc(-1 * var(--pose-tilt)))}}
@keyframes crew-glide{0%,100%{transform:translateX(calc(-1 * var(--pose-x)))}50%{transform:translate(var(--pose-x),var(--pose-y)) rotate(var(--pose-tilt))}}
@keyframes crew-rest{0%,100%{transform:none}50%{transform:translateY(var(--pose-y)) rotate(var(--pose-tilt))}}
@keyframes part-sway{50%{transform:rotate(2deg)}}
@keyframes eye-blink{0%,44%,49%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.12)}}
@keyframes jet-wiggle{0%,100%{transform:scaleY(.96)}50%{transform:scaleY(1.05)}}
@keyframes part-peek{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}
@keyframes flag-wave{0%,100%{transform:skewY(-2deg)}50%{transform:skewY(3deg)}}
@keyframes bubble-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes disc-turn{to{transform:rotate(360deg)}}
@keyframes note-float{50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes wing-left{50%{transform:rotate(2deg)}}
@keyframes wing-right{50%{transform:rotate(-2deg)}}
@keyframes steam-rise{0%,100%{transform:translate(0,1px)}50%{transform:translate(2px,-5px)}}
@keyframes calendar-sway{50%{transform:rotate(-3deg)}}
@keyframes compass-swing{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}
@keyframes megaphone-nod{50%{transform:rotate(-2deg)}}
@keyframes clapper-ready{0%,65%,100%{transform:rotate(0)}35%{transform:rotate(-6deg)}}
@keyframes clock-turn{to{transform:rotate(360deg)}}
@keyframes flame-sway{0%,100%{transform:skewX(-1deg)}50%{transform:skewX(2deg) scaleY(1.02)}}
/* One control freezes every decorative animation and stops input animations too. */
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after,body.page-idle *,body.page-idle *:before,body.page-idle *:after{animation-play-state:paused!important;transition:none!important}

@media(max-width:760px){.neon-stage{min-height:clamp(270px,84vw,360px)}.header-controls{gap:8px}.header-controls .header-meta{display:none}.motion-toggle{font-size:10px;padding:9px 11px}.site-header .wordmark{font-size:15px;gap:8px}.site-header .edition{display:none}.result-header{margin-bottom:3px}.result-motion-control{font-size:9px;gap:9px;align-items:center}.result-motion-control>span{max-width:45%;line-height:1.8}.result-motion-control .text-button{font-size:10px;padding:8px 11px}.deep-panel{margin-top:15px;border-radius:12px}.deep-panel summary{padding:18px 19px;gap:12px;min-height:80px}.deep-panel summary b{font-size:13px}.deep-panel summary small{font-size:10px;max-width:240px}.deep-content{padding:21px 19px}.profile-chapter{padding-left:28px;padding-bottom:24px}.profile-chapter h3{font-size:13px}.profile-chapter p,.reason-intro,.meter-proof p,.reference-activity,.reference-connection{font-size:12px}.profile-ritual{font-size:12px}.character-caption{font-size:10px}.vibe-particles i:nth-child(n+5){display:none}.result-art .vibe-particles i{font-size:15px}.result-ticket:before{box-shadow:0 0 22px #8b7cff38}.reference-name{font-size:15px}.reference-notice{font-size:11px;padding:12px}.axis-proof dl>div{gap:8px;flex-wrap:wrap}.axis-proof dd{margin-left:auto}}
@media(max-width:370px){.site-header .wordmark{font-size:14px;gap:6px}.motion-toggle{font-size:9px;padding:9px}.result-motion-control .text-button{font-size:9px}.result-motion-control>span{font-size:8px}.deep-panel summary{padding:17px 15px}.deep-panel summary b{font-size:12px}.deep-panel summary small{font-size:9px}.deep-content{padding:20px 15px}.profile-chapter{padding-left:25px}.profile-chapter h3{font-size:12px}.reference-name{font-size:14px}.axis-proof dl>div{font-size:10px}.axis-proof dd span{margin-left:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.result-ticket{transform:none}.result-character{transform:none}}