.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.menu-settings{display:flex;gap:14px;padding-right:24px;flex:none}.menu-settings button{font:600 14px var(--square);white-space:nowrap;color:#b9dfff}.menu-settings button[aria-pressed="true"]{color:var(--gold)}.quiz-art{overflow:clip}.challenge-banner>div{min-width:0;flex:1}
.trial-commands{position:relative}.trial-command>.menu-icon{opacity:0}.menu-cursor{position:absolute;top:0;left:0;z-index:6;pointer-events:none;color:#ffe693;filter:drop-shadow(0 0 5px #ffce54);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.menu-cursor>.menu-icon{width:100%;height:100%}
.command,.primary,.secondary,.reaction{position:relative;isolation:isolate}.command:hover:not(:disabled),.command:focus-visible{box-shadow:inset 0 0 0 1px #ffe8a8,0 0 13px #ffd96760}.command:after,.reaction:after,.primary:after,.secondary:after{content:'';position:absolute;inset:-3px;border-radius:inherit;background:radial-gradient(circle at 15% 20%,#fff6bd 0 2px,transparent 3px),radial-gradient(circle at 88% 35%,#fff 0 1px,transparent 3px),radial-gradient(circle at 70% 83%,#ffe593 0 2px,transparent 4px);opacity:0;pointer-events:none}.menu-sparkle:after{animation:menu-sparkle .32s ease-out both}@keyframes menu-sparkle{20%{opacity:1}100%{opacity:0;transform:scale(1.06)}}
.quiz-shell.enter{animation:none}.question-panel{position:relative;isolation:isolate}.question-panel>*{position:relative;z-index:1}.question-panel>.thirteenth-shadow{position:absolute;right:22px;top:13px;width:70px;height:90px;object-fit:contain;z-index:0;pointer-events:none;opacity:0;filter:drop-shadow(0 0 10px #c5b2ff)}.thirteenth-shadow.reveal{animation:nobody-reveal 2.5s ease-out both}@keyframes nobody-reveal{12%,55%{opacity:.18}100%{opacity:0;transform:translateY(-6px)}}
.memory-feedback{border-radius:12px 12px 18px 18px;transform-origin:50% 0;animation:card-reveal .28s ease-out both;background:linear-gradient(140deg,#271a48,#050b23)!important}.memory-feedback:before{content:'MEMORY REVEALED';display:block;color:#d7b9ff;font:600 13px var(--square);letter-spacing:.12em;margin-bottom:12px}@keyframes card-reveal{from{opacity:0;transform:perspective(900px) rotateX(-30deg)}to{opacity:1;transform:none}}
.quiz-shell[data-game="kh2"] .reaction:not(:disabled)>.menu-icon:first-child{filter:drop-shadow(0 0 5px #9bff75)}.reaction.reaction-awake{animation:reaction-awake .25s ease-out}@keyframes reaction-awake{from{box-shadow:0 0 25px #a4ff65}to{box-shadow:0 0 11px #62ff34b3}}
.digital-results .results-art:after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 23px,#72efaf50 24px 26px),repeating-linear-gradient(0deg,transparent 0 23px,#72efaf50 24px 26px);animation:decode-grid .5s steps(8,end) both}@keyframes decode-grid{from{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 0 100% 0)}}
.wayfinder-reward{width:58px;height:76px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 7px #a5eaff);animation:wayfinder-light .9s ease-out both}@keyframes wayfinder-light{0%{filter:drop-shadow(0 0 0 #b5eaff);opacity:.35}55%{filter:drop-shadow(0 0 18px #b5eaff)}100%{filter:drop-shadow(0 0 7px #a5eaff);opacity:1}}
.quiz-art .art-composition{animation:world-arrival .32s ease-out both}@keyframes world-arrival{from{opacity:.3;filter:brightness(1.4)}to{opacity:1;filter:brightness(1)}}.quiz-shell[data-game="ddd"] .art-composition{animation:dream-arrival .4s ease-out both}@keyframes dream-arrival{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.quiz-shell[data-game="darkroad"] .art-composition{animation:card-reveal .3s ease-out both}.quiz-shell[data-game="fragment"] .question-panel{border-color:#b9dcff}.quiz-shell[data-game="kh3"] .reaction{border-color:#d5ff8c}.quiz-shell[data-game="union"] .journey-gauge{border-color:#f2da94}
.paopu-start{margin-top:16px;width:100%;font-size:24px;display:flex;align-items:center;justify-content:center;gap:12px}.paopu-start img{height:38px;width:35px;object-fit:contain}.challenge-banner{display:flex;align-items:center;gap:15px;padding:14px 18px;margin:0 0 18px;background:linear-gradient(110deg,#192343,#111426);border:1px solid #dabf7b;border-radius:10px;font-size:16px;line-height:1.4}.challenge-banner img{height:44px;width:32px;object-fit:contain}.challenge-banner p{margin:0}.challenge-banner strong{display:block;color:#ffe5a1}.challenge-banner small{display:block;color:#bad6f7;font-size:14px}.challenge-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.challenge-tools button{font-size:23px}.challenge-link{display:block;width:100%;padding:11px;border:1px solid #66b2ec;background:#040d26;color:#dff4ff;border-radius:7px;font:14px var(--body);margin-top:12px;box-sizing:border-box}.share-status{min-height:1.5em;font-size:14px;color:#d5ebff;margin:8px 0 0}.paopu-card{padding:22px;margin:24px 0;border-color:#e2c47d;background:linear-gradient(145deg,#13274c,#040b23)}.paopu-card h2{font:700 30px var(--menu);color:#ffe59d;margin-bottom:8px}.paopu-card>p{font-size:16px;line-height:1.4}.paopu-scores{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.paopu-player{min-width:0;text-align:center;border:1px solid #6a86b3;border-radius:12px;padding:15px;background:#040e2b}.paopu-player img{width:55px;height:65px;object-fit:contain;filter:drop-shadow(0 0 8px #ffe58b40)}.paopu-player strong{display:block;font:700 39px var(--square);color:#ffe8ac}.paopu-player span{font-size:15px;color:#c3dcfa}.paopu-note{font-size:14px!important;color:#abc5e7}.challenge-label{color:#ffe8a6;font-size:14px;padding:4px 10px;border:1px solid #c9a55e;border-radius:5px}
.days-break{margin:25px 0;overflow:hidden;border-color:#dbb393;background:linear-gradient(110deg,#241e38,#111829)}.days-scene{height:230px;position:relative;background:linear-gradient(#bf776e,#edb26a 65%,#38253f);overflow:hidden}.days-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.days-break-copy{padding:22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.days-break h2{font:700 31px var(--menu);color:#ffe2b1;margin-bottom:9px}.days-break p{font-size:16px;line-height:1.4;margin-bottom:12px}.ice-creams{display:flex;gap:15px;align-items:center;justify-content:center}.ice-creams img{height:106px;width:34px;object-fit:contain;transform:rotate(-8deg)}.ice-creams img:nth-child(2){transform:rotate(3deg)}.ice-creams img:nth-child(3){transform:rotate(12deg)}.days-break button{font-size:24px}.stick-reveal{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #b3a8dd;border-radius:10px;background:#090f2d;margin-top:12px}.stick-reveal img{width:110px;height:90px;object-fit:contain}.stick-reveal strong{color:#ffe49d}.winner-badge{font:700 18px var(--square);color:#ffe391;border:1px solid #dcc079;padding:7px 13px;border-radius:6px;display:inline-block}.winner-celebration{animation:wayfinder-light .8s ease-out}.challenge-error{padding:15px;margin-bottom:18px;border:1px solid #efc789;border-radius:8px;color:#fff0cc;line-height:1.5;font-size:16px}
@media(max-width:800px){.site-header{height:auto;min-height:65px;flex-wrap:wrap;gap:10px;padding-bottom:12px}.menu-settings{padding:0 16px;margin-left:auto}.menu-settings button{font-size:14px}.days-scene{height:210px}.paopu-card{padding:18px}}
@media(max-width:560px){.site-header .brand-title{font-size:22px}.menu-settings{margin:0 0 0 auto;gap:18px}.days-break-copy{display:block;padding:18px}.ice-creams{margin-top:20px}.days-scene{height:180px}.paopu-scores{gap:10px}.paopu-player{padding:12px 7px}.paopu-player strong{font-size:28px}.challenge-banner{padding:12px;font-size:15px}.paopu-start{font-size:23px}.challenge-tools button{font-size:22px}.challenge-label{display:none}}
.paopu-player img{display:block;margin:0 auto 8px}.paopu-player>span{display:block}.paopu-scores{position:relative}.paopu-scores:before{content:'';position:absolute;top:47px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#edcd86,transparent);pointer-events:none}.days-scene{height:280px}.days-scene>img{object-fit:contain}.days-break .stick-reveal p{margin:7px 0 0}@media(max-width:560px){.days-scene{height:210px}}
:root[data-motion="reduced"] *,:root[data-motion="reduced"] *:before,:root[data-motion="reduced"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root[data-motion="reduced"] .thirteenth-shadow{opacity:.12}:root[data-motion="reduced"] .digital-results .results-art:after{display:none}