.attract{position:fixed;inset:0;z-index:4;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px;background:#062033 url('/assets/game-0.webp') center/cover;color:#fff;text-align:center;padding:25px}.attract[hidden]{display:none}.attract:before{content:'';position:absolute;inset:0;background:linear-gradient(#061d35c9,#06254070 38%,#031624f5 96%)}.attract:after{content:'';pointer-events:none;position:absolute;inset:-25%;background:conic-gradient(from 200deg at 50% 75%,transparent 0deg,#b8edff15 17deg,transparent 30deg,#ffdc7510 55deg,transparent 70deg);animation:beams 12s ease-in-out infinite alternate}.attract>*{position:relative;z-index:1}.event-logo{position:absolute;top:24px;left:32px;width:150px;border-radius:13px;padding:8px;background:#edf4f9}.exhibit-tag{color:#bde9ff;text-transform:uppercase;letter-spacing:.24em;font-size:14px;font-weight:800;margin:0 0 10px}.attract h2{font-size:clamp(32px,5.5vw,82px);line-height:.95;letter-spacing:.015em;margin:0;text-shadow:0 5px 0 #0a3655,0 15px 50px #00121c;max-width:1000px}.attract h2 span{display:block;color:#ffdc72}.event-theme{max-width:680px;font-size:clamp(14px,1.4vw,21px);color:#d6edf8;margin:16px auto 0}.event-theme strong{color:#83efdc}.cast{height:clamp(170px,32vh,355px);display:flex;justify-content:center;align-items:flex-end;margin:14px 0 0;width:min(950px,95vw);filter:drop-shadow(0 9px 16px #0008)}.cast img{height:88%;max-width:20%;object-fit:contain;animation:heroFloat 4s ease-in-out infinite;transform-origin:bottom}.cast img:nth-child(2){animation-delay:-1.2s}.cast img:nth-child(3){height:100%;animation-delay:-2.4s;z-index:2}.cast img:nth-child(4){animation-delay:-.6s}.cast img:nth-child(5){animation-delay:-1.9s}.enter-button{min-width:280px;border:2px solid #fff2bb;background:linear-gradient(#ffe89b,#ffc743);color:#10324b;box-shadow:0 0 35px #ffc64170,0 6px 0 #936b1c;font-size:24px;font-weight:900;padding:15px 34px;animation:enterGlow 2s ease-in-out infinite;border-radius:14px}.enter-button:hover{background:#ffea9c}.start-note{font-size:14px;color:#bfdfeb;margin:13px 0 3px}.attract-tools{display:flex;gap:8px;margin-top:14px}.attract-tools button{background:#0b3048cf;border-color:#9accdf;font-size:14px}.sparkle{position:absolute;bottom:-20px;width:4px;height:4px;background:#fff2b2;border-radius:50%;box-shadow:0 0 12px #ffe191;animation:rise 7s linear infinite;pointer-events:none}.name-card{max-width:530px;text-align:left}.name-card .primary-copy{color:#c4e4ee;font-size:17px}.name-card input{font-size:24px;padding:16px}.name-card .form{display:block}.name-card .gold{width:100%;font-size:20px;margin-top:16px}.name-card label{font-size:16px}.name-card .hint{font-size:14px}.sync-state{font-size:14px;color:#9cdec3;min-height:22px}.sync-state.pending{color:#ffe18a}#resultForm{display:none}#storageNote{font-size:14px}.exhibition-name{color:#ffe48c;font-weight:700}.shell:has(+.attract:not([hidden])){visibility:hidden}@keyframes beams{to{transform:rotate(12deg)}}@keyframes heroFloat{50%{transform:translateY(-6px)}}@keyframes enterGlow{50%{box-shadow:0 0 55px #ffc64190,0 6px 0 #936b1c;filter:brightness(1.08)}}@keyframes rise{to{transform:translate(25px,-110vh);opacity:0}}@media(max-width:650px){.attract{padding:80px 12px 16px;min-height:0;justify-content:center}.event-logo{width:100px;top:14px;left:15px}.exhibit-tag{font-size:12px}.cast{height:27vh;min-height:150px}.enter-button{font-size:20px;padding:12px 20px;min-width:240px}.event-theme{max-width:95%}.attract-tools{margin-top:10px}.name-card input{font-size:20px}}@media(max-height:700px) and (min-width:700px){.attract{min-height:0;padding:16px}.attract h2{font-size:48px}.cast{height:29vh}.event-theme{margin-top:10px;font-size:15px}.enter-button{padding:10px 30px;font-size:22px}.event-logo{width:110px}}@media(prefers-reduced-motion:reduce){.attract:after,.cast img,.enter-button,.sparkle{animation:none}.sparkle{display:none}}
.shell{max-width:none;padding:10px 20px}.shell>.top h1{font-size:clamp(20px,1.25vw,36px)}.shell .progress{margin:8px 0}.shell .phase{min-height:44px;padding:5px 12px}.shell .phase span{display:none}.shell>p{display:inline-block;margin:3px 18px 8px 0}.shell .foot{display:none}.game-area{min-height:400px}.volume-control{font-size:14px;display:flex;align-items:center;gap:7px;color:#c4e4ee}.volume-control input{width:80px;accent-color:#ffdc72}@media(min-width:2500px){.exhibit-tag{font-size:24px}.event-theme{font-size:30px;max-width:1200px}.attract h2{font-size:140px;max-width:1800px}.cast{height:38vh;width:1500px}.event-logo{width:260px}.enter-button{font-size:38px;padding:22px 60px}.start-note,.attract-tools button{font-size:23px}.attract-tools button{padding:15px 30px}.name-card{max-width:780px}.name-card h2{font-size:44px}.name-card .primary-copy,.name-card label,.name-card .hint{font-size:24px}.name-card input{font-size:34px}.name-card .gold{font-size:28px}}@media(max-width:650px){.shell{padding:8px}.volume-control input{width:60px}.tools{gap:5px}.shell .phase{font-size:12px;padding:4px}.shell>.top h1{font-size:20px}}

.animated-cast{height:clamp(180px,34vh,370px);width:min(1080px,97vw);margin-top:8px}.animated-cast canvas{display:block;width:100%;height:100%;object-fit:contain}.attract h2{animation:titleArrival 1s ease-out both}.attract-tools{flex-wrap:wrap;justify-content:center}@keyframes titleArrival{from{opacity:0;transform:translateY(-24px) scale(.94)}to{opacity:1;transform:none}}@media(min-width:2500px){.animated-cast{width:1900px;height:38vh}}@media(prefers-reduced-motion:reduce){.attract h2{animation:none}}