*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#562e18;background:#ff7031;font-family:"Noto Sans KR","Malgun Gothic",sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;height:auto}a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible{outline:4px solid #142e99;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:12px;background:#fff}.skip:focus{top:12px}.native{width:752px;max-width:100%;margin:0 auto;position:relative}.native>img{width:100%;max-width:752px}.hero{height:1165px;background:#00d3e9 url(img/hero-bg-pc-v2.png) center top no-repeat;overflow:hidden;animation:scene-in 1.1s both}.hero-stage{height:1165px;width:752px;margin:auto;position:relative}.hero-logo{position:absolute;top:-21px;left:-5px;width:763px;max-width:none;animation:logo-in .9s both}.hero-copy{position:absolute;top:173px;left:40px;width:661px;animation:copy-in 1s .2s both}.hero-copy img{width:100%;animation:copy-float 4s 1.3s ease-in-out infinite}.spark{position:absolute;color:#fff9ba;font-size:48px;animation:sparkle 2.6s ease-in-out infinite}.s1{left:4px;top:190px}.s2{right:10px;top:440px;animation-delay:1.3s}.wide{position:relative;overflow:hidden;background-repeat:repeat-x;background-position:center top}.wide img{position:relative;width:1920px;max-width:none;margin-left:calc(50% - 960px)}.wide-map{position:relative}.info{background-image:url(img/info-edge.png)}.steps{background-image:url(img/steps-edge.png)}.event{background-image:url(img/event-edge.png)}.sns{background:#a73d11 url(img/sns-edge.png) center top repeat-x}.notice{background:#fff9f5 url(img/notice-edge.png) center top repeat-x}footer{background:#fff url(img/footer-edge.png) center top repeat-x}.hit{position:absolute;display:block;border-radius:8px;z-index:2;background:transparent;transition:background .2s,box-shadow .2s}.hit:hover{background:#fff2;box-shadow:0 0 0 3px #fff8}.detail{left:calc(50% - 141px);top:87.1%;width:228px;height:4.3%}.central-hits{position:absolute;inset:0;width:752px;max-width:100%;margin:auto}.step-one,.step-two,.step-three{top:43.4%;height:55.3%;width:30.85%}.step-one{left:4.8%}.step-two{left:35.1%}.step-three{left:65.4%}.game-section{background:#ff7031}.game-inner{position:absolute;left:2.128%;top:7.75%;width:95.745%;height:89.85%;overflow:hidden;border-radius:14px;background:#46d1f5;container-type:inline-size}.game-inner canvas{display:block;width:100%;height:100%;touch-action:pan-y}.game-inner.playing canvas{touch-action:none;cursor:none}.hud{position:absolute;left:2.8%;right:2.8%;top:4.6%;display:flex;justify-content:space-between;pointer-events:none;gap:40%}.hud>span{background:#fff2d9;border:3px solid #ed8b3d;border-radius:19px;padding:9px 12px;display:flex;flex-direction:column;font-size:clamp(10px,2.5cqw,18px);font-weight:800;min-width:26%;text-align:center;box-shadow:0 3px 0 #b66526}.hud b{font-size:clamp(17px,4.1cqw,30px);color:#d94a00}.game-title{position:absolute;left:29.5%;top:0;width:40.97%;pointer-events:none}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#42cdefaa;padding-top:40px}.game-overlay[hidden],[hidden]{display:none!important}.game-overlay>img{width:39.17%;animation:mascot-float 2.5s ease-in-out infinite}.game-overlay button{width:47%;padding:8px 10px;border:5px solid #b50c34;background:#ff1251;box-shadow:0 5px 0 #a52a2a;color:#fff;font-weight:900;font-size:clamp(20px,5.5cqw,40px);line-height:1.35}.game-overlay button:hover{background:#e40c43}.game-overlay #open-entry{font-size:clamp(17px,4cqw,29px);margin-top:15px}.game-overlay h2{font-size:clamp(25px,6cqw,44px);color:#fff;text-shadow:2px 3px #a22d16;margin:8px 0 26px}.game-overlay p{font-size:clamp(11px,2.6cqw,19px);text-align:center;line-height:1.65;font-weight:800;margin:30px 12px 0}.floating{position:fixed;width:190px;right:max(22px,calc((100vw - 1844px)/2));top:18vh;z-index:10;animation:menu-in .7s .9s both}.floating img{width:190px}.float-info{inset:0 0 auto;height:35%}.float-insta{left:0;right:0;top:35%;height:30%}.float-play{left:0;right:0;top:65%;height:35%}.mobile-nav{display:none}.reveal{opacity:0;translate:0 24px;transition:opacity .8s,translate .8s}.reveal.visible{opacity:1;translate:0 0}dialog{border:0;border-radius:22px;padding:36px;width:600px;max-width:calc(100% - 28px);max-height:90dvh;color:#562e18;background:#fff7e8;box-shadow:0 20px 80px #592b2b55}dialog::backdrop{background:#231403b3}dialog header{text-align:center}dialog header span{color:#e93b26;font-weight:800}dialog h2{font-size:32px;margin:8px 0 30px}#close-entry{position:absolute;right:16px;top:8px;border:0;background:none;font-size:36px;color:#643913}form>label:not(.agree){display:block;font-weight:bold;margin:20px 0 8px}form>input:not([type=hidden]){width:100%;min-height:48px;border:1px solid #c6a480;border-radius:5px;padding:11px;background:#fff}input[type=file]{font-size:14px}.form-note{font-size:13px;line-height:1.6}.follow-button{display:block;color:#d83232;font-weight:bold;text-align:center;margin:20px 0}.terms{background:#fff;border:1px solid #dcc4a7;height:180px;overflow:auto;padding:16px;font-size:13px;line-height:1.8}.agree{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;margin:18px 0}.agree input{width:20px;height:20px;flex-shrink:0}.submit{border:0;border-radius:7px;width:100%;padding:15px;background:#ed174c;color:#fff;font-size:21px;font-weight:bold}#form-status{white-space:pre-line;font-weight:bold;line-height:1.6}
@keyframes scene-in{from{opacity:0}to{opacity:1}}@keyframes logo-in{from{opacity:0;translate:0 -35px}to{opacity:1;translate:0 0}}@keyframes copy-in{from{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}@keyframes copy-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes sparkle{0%,100%{opacity:.3;rotate:-12deg}50%{opacity:1;rotate:12deg}}@keyframes mascot-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes menu-in{from{opacity:0;translate:25px 0}to{opacity:1;translate:0 0}}
@media(max-width:1250px){.floating{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:20;padding-bottom:env(safe-area-inset-bottom);background:#ffd500;border-top:2px solid #71300c}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;min-height:60px;line-height:1.3;text-decoration:none;color:#fff;font-weight:800;border:0;border-right:1px solid #ffffff99;background:#cd5015}.mobile-nav a:nth-child(2){background:#ed124a}.mobile-nav a:nth-child(3){background:#ff285b}.mobile-nav button{background:#ffe000;color:#542c08}body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}
@media(max-width:751px){.hero{height:auto;aspect-ratio:752/1165;background-image:url(img/hero-bg-mobile-v2.png);background-size:100% auto}.hero-stage{width:100%;height:auto;aspect-ratio:752/1165}.hero-logo{width:101.463%;left:-.665%;top:-1.802%}.hero-copy{width:87.899%;left:5.319%;top:14.85%}.spark{font-size:24px}.s1{left:1%;top:18%}.s2{right:1%;top:38%}.wide img{width:100%;max-width:752px;margin:0}.detail{left:31.25%;width:30.32%}.wide{background-size:1px 100%}.game-inner{border-radius:7px}.game-overlay{padding-top:20px}.game-overlay button{border-width:3px;box-shadow:0 3px #a52a2a}.game-overlay p{margin-top:18px}.hud>span{padding:5px 3px;border-width:2px;border-radius:10px}.reveal{translate:0 12px}dialog{padding:30px 20px}dialog h2{font-size:27px}}
/* Native PSD dialog: 694 x 928. Inputs cover only the blank entry areas. */
dialog#entry-dialog{width:694px;max-width:calc(100% - 24px);padding:0;border:0;border-radius:0;background:#fff0e7;color:#333;container-type:inline-size}#entry-dialog form{position:relative;margin:0}#entry-dialog .form-art{width:100%;height:auto}#entry-dialog .form-stage{position:absolute;inset:0}#entry-dialog #close-entry{z-index:5;right:12px;top:5px;font-size:28px}#entry-dialog #entry-name{position:absolute;left:33.57%;top:20.15%;width:55.33%;height:5.82%;border:0;border-radius:0;padding:5px 12px;font-size:clamp(13px,3.17cqw,22px);min-height:0;background:#fff}#entry-dialog .phone-fields{position:absolute;left:33.57%;top:26.94%;width:55.33%;height:5.82%;margin:0;padding:0;display:flex;border:0;gap:5px;align-items:center;background:#fff}#entry-dialog .phone-fields select{font-size:clamp(13px,3.17cqw,22px);background:#fff;border:0;width:28%;height:100%;padding-left:8px}#entry-dialog .phone-fields input{min-width:0;width:29%;height:100%;padding:2px;border:0;font-size:clamp(13px,3.17cqw,22px);text-align:center}#entry-dialog #entry-proof{position:absolute;left:42.4%;top:34.27%;width:45.53%;height:5.4%;min-height:0;opacity:0;cursor:pointer;padding:0}#entry-dialog #entry-proof:focus-visible{opacity:.8}#entry-dialog #proof-filename{position:absolute;left:43%;top:35.7%;width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,2cqw,14px);pointer-events:none}#entry-dialog .follow-button{position:absolute;left:55.04%;top:43.32%;width:23.34%;height:3.99%;margin:0}#entry-dialog .terms{position:absolute;left:8.93%;top:53.02%;width:80.4%;height:20.37%;padding:24px 26px;border:2px solid #333;background:#fff;font-size:clamp(10px,2.02cqw,14px);line-height:1.6;color:#111}#entry-dialog .terms p{margin:18px 0}#entry-dialog .agree-native{position:absolute;inset:0;margin:0;padding:0;border:0;pointer-events:none}#entry-dialog .agree-native label{position:absolute;top:74.14%;height:3.23%;cursor:pointer;pointer-events:auto}#entry-dialog .agree-native .yes{left:45.1%;width:18.7%}#entry-dialog .agree-native .no{left:64.12%;width:25.65%}#entry-dialog .agree-native input{appearance:none;position:absolute;left:0;top:0;width:4.18cqw;height:4.18cqw;margin:0;border:3px solid #111;border-radius:50%;background:#fff}#entry-dialog .agree-native input:checked{background:#111;box-shadow:inset 0 0 0 4px #fff}#entry-dialog .submit,#entry-dialog #cancel-entry{position:absolute;top:81.03%;height:7.33%;border:0;border-radius:0;background:transparent;padding:0;margin:0;min-height:0;box-shadow:none}#entry-dialog .submit{left:15.85%;width:33%}#entry-dialog #cancel-entry{left:51%;width:32.85%}#entry-dialog .submit:hover,#entry-dialog #cancel-entry:hover{background:#ffffff22}#entry-dialog #form-status{position:absolute;left:8.9%;top:89%;width:80.4%;margin:0;font-size:clamp(10px,2cqw,14px);line-height:1.5;color:#b60909}#entry-dialog input:focus-visible,#entry-dialog button:focus-visible,#entry-dialog a:focus-visible{outline:3px solid #1263c4;outline-offset:1px}.game-overlay>img.result-character{width:64.03%;animation:mascot-float 2.5s ease-in-out infinite}.game-overlay:has(.result-character) h2{font-size:clamp(14px,3.5cqw,25px);margin:15px 0}.game-overlay:has(.result-character) #start-game{font-size:clamp(18px,4cqw,29px)}
@media(max-width:751px){#entry-dialog .terms{padding:12px 13px}#entry-dialog .agree-native input{border-width:2px}#entry-dialog .agree-native input:checked{box-shadow:inset 0 0 0 2px #fff}}
@media(min-width:800px){dialog#entry-dialog{width:709px;scrollbar-gutter:stable}}
#pause-game{position:absolute;right:16px;bottom:14px;border:2px solid #2247a5;background:#fff;color:#24489c;padding:6px 12px;border-radius:5px;font-size:clamp(10px,2.1cqw,15px);font-weight:bold;z-index:4}#pause-overlay{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#00c8e8;z-index:3}#pause-overlay img{width:100%;height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;translate:none}}
