*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%;font-family:Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif;background:linear-gradient(180deg,#ffd9e8,#ffb6d0)}.landing-app,#app{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:22px 16px 32px;box-sizing:border-box}html.iframe-embed .landing-app{min-height:0}.board-logo{width:min(95px,26vw);height:auto;margin-bottom:8px;margin-top:14px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.2))}.sub{color:#8a2a52;font-size:16px;font-weight:700;margin-bottom:14px}.board-card{width:100%;max-width:420px;background:#ffffffeb;border:2px solid rgba(90,48,73,.16);border-radius:18px;padding:10px 14px;box-shadow:0 8px 24px #0000001f}.board-card:has(.board-row){max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ff8fc4 rgba(255,207,227,.55)}.board-card:has(.board-row)::-webkit-scrollbar{width:6px}.board-card:has(.board-row)::-webkit-scrollbar-track{margin:8px 0;background:#ffcfe373;border-radius:999px}.board-card:has(.board-row)::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8fc4,#ff5f9e);border-radius:999px;border:1px solid rgba(255,255,255,.65)}.board-card:has(.board-row)::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff5f9e,#d6336c)}.board-card:has(.board-row)::-webkit-scrollbar-corner{background:transparent}.board-row{display:flex;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid rgba(90,48,73,.1);min-height:44px;box-sizing:border-box}.board-row:last-child{border-bottom:none}.board-rank{width:34px;flex-shrink:0;font-weight:800;font-size:15px;color:#b8285a;text-align:center}.board-rank.medal{font-size:20px}.board-nickname{flex:1;font-weight:700;font-size:14.5px;color:#3d2430;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{font-weight:800;font-size:15px;color:#d6336c}.state-message{text-align:center;color:#8a2a52;font-size:14px;font-weight:700;padding:40px 16px;line-height:1.7}.state-message .big-emoji{font-size:34px;display:block;margin-bottom:10px}#back-btn{margin-top:22px;background:linear-gradient(180deg,#ff8fc4,#ff5f9e);border:2px solid #fff;color:#fff;font-weight:800;font-size:15px;padding:10px 28px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-block;text-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 5px #c93b74,0 8px 16px #0003}#back-btn:active{transform:translateY(3px);box-shadow:0 2px #c93b74}#refresh-btn{margin-top:10px;background:none;border:none;color:#b8285a;font-weight:700;font-size:12.5px;text-decoration:underline;cursor:pointer;padding:4px}.my-rank-card{width:100%;max-width:420px;background:linear-gradient(135deg,#fff4f9,#ffe3ee);border:2px solid #ff8fc4;border-radius:18px;padding:12px 18px;margin-bottom:12px;box-shadow:0 6px 18px #d6336c2e;box-sizing:border-box}.my-rank-card .rank-row-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.my-rank-card .rank-label{font-size:13px;font-weight:800;color:#b8285a}.my-rank-card .rank-score{font-size:20px;font-weight:800;color:#d6336c}.my-rank-card .rank-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.my-rank-card .rank-nickname-wrap{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.my-rank-card .rank-nickname{font-size:14px;font-weight:700;color:#3d2430;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-rank-card .rank-badge{flex-shrink:0;font-size:11.5px;font-weight:800;color:#fff;background:#ff5f9e;padding:3px 9px;border-radius:999px}.my-rank-card .rank-retry-btn{flex-shrink:0;background:linear-gradient(180deg,#ff8fc4,#ff5f9e);color:#fff;font-weight:800;font-size:12.5px;padding:7px 16px;border-radius:999px;text-decoration:none;box-shadow:0 3px #c93b74,0 5px 10px #00000026}.my-rank-card .rank-retry-btn:active{transform:translateY(2px);box-shadow:0 1px #c93b74}.my-rank-card .rank-note{font-size:11px;color:#8a2a52;margin-top:6px}#cta-section{width:100%;max-width:420px;margin-bottom:14px}.cta-banner{background:linear-gradient(135deg,#ff8fc4,#ff5f9e);border-radius:20px;padding:18px;text-align:center;color:#fff;box-shadow:0 8px 22px #ff5f9e66}.cta-banner .cta-emoji{font-size:34px;margin-bottom:6px}.cta-banner .cta-title{font-family:Jua,sans-serif;font-size:21px;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.15)}.cta-banner .cta-desc{font-size:13px;font-weight:600;line-height:1.5;margin-bottom:12px;opacity:.95}.cta-banner .cta-btn{display:inline-block;background:#fff;color:#d6336c;font-weight:800;font-size:16px;padding:12px 30px;border-radius:999px;text-decoration:none;box-shadow:0 5px #78143c40,0 8px 18px #0000002e;animation:cta-pulse 1.8s ease-in-out infinite}.cta-banner .cta-btn:active{transform:translateY(3px);box-shadow:0 2px #78143c40}@keyframes cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.event-banner{width:100%;max-width:420px;margin-top:14px;background:#ffffffbf;border:2px dashed rgba(214,51,108,.45);border-radius:16px;padding:14px 18px;text-align:center;box-sizing:border-box}.event-banner .event-line1{font-size:13.5px;font-weight:700;color:#4a2b3a;line-height:1.5}.event-banner .event-line2{font-size:12px;font-weight:600;color:#8a2a52;margin-top:6px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;font-family:Segoe UI,Apple SD Gothic Neo,sans-serif;background:linear-gradient(180deg,#ffd9e8,#ffb6d0)}html:has(#stage),html:has(#stage) body{height:100%;overflow:hidden}#app{position:relative;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:env(safe-area-inset-top,10px) 10px env(safe-area-inset-bottom,10px);box-sizing:border-box}#stage-wrapper{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;flex:0 1 auto}#stage{position:relative;width:min(600px,95vw,calc((100vh - 168px)*.75));width:min(600px,95vw,calc((100dvh - 168px)*.75));aspect-ratio:3 / 4;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #00000040;background:#bfe6a8}html.iframe-embed html,html.iframe-embed body{height:auto;overflow:visible}html.iframe-embed #app{height:auto;min-height:0}html.iframe-embed #stage{width:min(600px,95vw)}canvas#game{display:block;width:100%;height:100%;touch-action:none}#start-screen,#end-screen,#nickname-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 30%,#fff4f9,#ffcfe3 60%,#ff9dc0);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:20;font-family:Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif;overflow-y:auto}#nickname-screen{padding-top:60px}#start-screen h1,#end-screen h1,#nickname-screen h1{font-family:Jua,sans-serif;font-size:38px;margin:0 0 6px;color:#d6336c;letter-spacing:1px;transform:rotate(-1.5deg);text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 4px 0 #fff,4px 6px 10px rgba(0,0,0,.18)}#start-screen .sub,#end-screen .sub,#nickname-screen .sub{color:#8a2a52;font-size:14px;font-weight:700;margin-bottom:18px}#start-screen .emoji-row,#nickname-screen .emoji-row{font-size:34px;margin-bottom:14px}#nickname-screen .emoji-row{margin-top:16px}#nickname-screen .emoji-row img{height:48px;width:auto;display:inline-block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}#start-screen .logo-img{width:min(105px,28vw);height:auto;margin-top:14px;margin-bottom:8px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.2))}#start-screen .intro-card{position:relative;background:#ffffffe6;border:2px solid rgba(90,48,73,.16);border-radius:16px;padding:22px 18px 14px;margin:18px 0 10px;width:100%;max-width:340px;box-shadow:0 4px 14px #00000014}#start-screen .section-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-weight:800;font-size:14px;color:#fff;padding:6px 20px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 8px #0000002e}#start-screen .section-pill.mission{background:linear-gradient(180deg,#ff8fc4,#ff5f9e)}#start-screen .section-pill.control{background:linear-gradient(180deg,#b48cf2,#8a5cf0)}#start-screen .mission-list{display:flex;flex-direction:column;gap:11px}#start-screen .mission-row{display:flex;align-items:center;gap:10px}#start-screen .mission-row .mission-icon{height:42px;width:auto;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}#start-screen .mission-row .mission-text{font-size:16px;font-weight:700;color:#3d2430;text-align:left;line-height:1.4}#start-screen .mission-row .mission-text b{color:#d6336c}#start-screen .control-cols{display:flex;gap:18px;justify-content:center}#start-screen .control-col{flex:1;min-width:0}#start-screen .control-col-title{display:inline-block;font-size:13px;font-weight:800;color:#fff;background:#8a5cf0;border-radius:999px;padding:3px 14px;margin-bottom:9px}#start-screen .control-row{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-size:14px;font-weight:700;color:#3d2430;justify-content:flex-start}#start-screen .control-row .key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:27px;padding:0 6px;background:#fff;border:1.5px solid rgba(90,48,73,.35);border-radius:6px;font-size:12.5px;font-weight:800;color:#3d2430;box-shadow:0 2px #5a304926}#start-screen .control-row .control-arrow{color:#b8285a;font-weight:800}#start-screen .tip-banner{display:flex;align-items:center;gap:7px;justify-content:center;background:linear-gradient(90deg,#ff8fc4,#ff5f9e);color:#fff;font-weight:800;font-size:14px;padding:10px 18px;border-radius:999px;margin-bottom:18px;max-width:340px;box-shadow:0 3px 10px #ff5f9e59}#start-screen .tip-banner .tip-icon{font-size:16px;flex-shrink:0}#nickname-screen .nickname-row{width:100%;max-width:300px;margin-bottom:18px}#nickname-screen .nickname-row input{width:100%;font-family:inherit;font-size:17px;font-weight:700;color:#3d2430;text-align:center;padding:13px 18px;border-radius:999px;border:2px solid rgba(214,51,108,.35);background:#ffffffeb;box-shadow:inset 0 2px 4px #0000000d;outline:none}#nickname-screen .nickname-row input:focus{border-color:#d6336c;box-shadow:0 0 0 3px #d6336c26}#nickname-screen .nickname-row input::placeholder{color:#b98a9c;font-weight:600}#nickname-screen .nickname-row input.invalid{border-color:#e11d48;box-shadow:0 0 0 3px #e11d4826}#nickname-screen .nickname-error{color:#e11d48;font-weight:700;font-size:13px;margin:-10px 0 14px;max-width:300px}.secondary-outline-btn{display:block;margin:14px auto 0;background:none;border:none;color:#a83262;font-weight:700;font-size:13.5px;text-decoration:underline;cursor:pointer;padding:4px}#end-screen h1{margin-bottom:4px}#end-screen .title-line{font-weight:800;font-size:17px;color:#b8285a;margin-bottom:4px}#end-screen .sub{margin-bottom:10px;font-size:13px}#end-screen .score-line{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:#402232;margin-bottom:14px;background:#ffffffbf;border:2px dashed rgba(214,51,108,.4);border-radius:50%/40%;padding:14px 34px}#end-screen .score-line span{font-family:Jua,sans-serif;font-size:32px;color:#d6336c;margin-left:4px;text-shadow:2px 2px 0 #fff,3px 4px 6px rgba(0,0,0,.15)}.new-best-badge{display:inline-block;background:linear-gradient(90deg,#ffd166,#ffb703);color:#7a4b00;font-weight:800;font-size:13px;padding:6px 16px;border-radius:999px;margin:-6px 0 14px;box-shadow:0 3px 8px #ffb70359}#start-screen .rules,#end-screen .rules{background:#ffffffe0;border:2px solid rgba(90,48,73,.2);border-radius:14px;padding:14px 20px;margin-bottom:18px;font-size:14px;font-weight:500;color:#3d2430;line-height:1.75;max-width:480px;text-align:left}#start-screen .rules b,#end-screen .rules b{color:#d6336c}.cast-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px;max-width:480px}.cast-item{display:flex;flex-direction:column;align-items:center;width:78px;background:#ffffffb3;border:2px solid rgba(90,48,73,.15);border-radius:12px;padding:6px 4px 8px}.cast-item img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.cast-item span{font-size:10.5px;font-weight:600;color:#3d2430;line-height:1.35;margin-top:4px}.cast-item span b{color:#d6336c;font-weight:800}.mission-title{font-weight:800;color:#b8285a;font-size:16px;margin-bottom:8px}.dual-imgs{display:flex;align-items:center;justify-content:center;gap:2px;height:56px}.dual-imgs img{width:30px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.rules .inline-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle}#start-btn,#restart-btn,#resume-btn,#home-btn,#next-btn{background:linear-gradient(180deg,#ff8fc4,#ff5f9e);border:2px solid #fff;color:#fff;font-weight:800;font-size:18px;padding:12px 36px;border-radius:999px;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 6px #c93b74,0 10px 20px #0003}#start-btn:active,#restart-btn:active,#resume-btn:active,#home-btn:active,#next-btn:active{transform:translateY(4px);box-shadow:0 2px #c93b74}#controls{display:none;width:min(600px,95vw,calc((100vh - 168px)*.75));width:min(600px,95vw,calc((100dvh - 168px)*.75));flex:0 0 auto;align-items:center;justify-content:space-between;background:#fff6;border:2px solid rgba(255,255,255,.6);border-radius:24px;padding:14px 22px;box-sizing:border-box;box-shadow:0 6px 20px #00000026;z-index:10}#joystick-zone{position:relative;width:96px;height:96px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,#fffc,#ffffff73);border:3px solid rgba(255,95,158,.9);touch-action:none;box-shadow:inset 0 2px 8px #00000026,0 4px 12px #0003}#joystick-knob{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ff8fc4,#ff5f9e);border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 4px 10px #ff5f9e66}#action-buttons{display:flex;align-items:center;gap:14px;flex-shrink:0}.btn{position:relative;pointer-events:auto;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#7a4b3a;box-shadow:0 6px 16px #00000026;transition:transform .1s;width:60px;height:60px}.btn svg,.btn img{width:34px;height:34px}.btn:active{transform:scale(.9)}.action-btn{font-weight:700}#btn-attack{background:linear-gradient(135deg,#ff8fc4,#ff5f9e);border:2px solid #fff;color:#fff;box-shadow:0 6px 16px #ff5f9e66}#btn-hug{background:linear-gradient(135deg,#ffe066,#f5c000);border:2px solid #fff;color:#5a3c00;box-shadow:0 6px 16px #f5c00066}.report-section{background:#fffbf8d9;border-radius:16px;padding:8px 14px;margin-bottom:7px;border:2px solid rgba(90,48,73,.22);text-align:left}.report-section .report-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.report-section .report-icon{font-size:22px;line-height:1;flex-shrink:0}.report-section .report-title{font-weight:800;font-size:15px;color:#b8285a;flex:1}.report-section .report-stats{font-size:12px;font-weight:700;color:#3d2430;white-space:nowrap}.report-section .report-stars{font-size:16px;letter-spacing:2px;margin-top:2px}.report-section .report-bar-bg{background:#fff;border:2px solid rgba(90,48,73,.22);border-radius:6px;height:10px;width:100%;margin-top:3px;overflow:hidden}.report-section .report-bar-fill{height:100%;border-radius:4px;transition:width .8s ease}.top-right-logo{position:absolute;top:14px;right:14px;z-index:5}.top-right-logo img{width:64px;height:auto;display:block;opacity:.95}.bottom-copyright{margin-top:auto;padding-top:14px;padding-bottom:20px;font-size:9.5px;color:#5a3049a6;text-align:center;line-height:1.4;flex-shrink:0}@media(max-aspect-ratio:1.2/1){.top-right-logo{top:10px;right:10px}.top-right-logo img{width:53px}.bottom-copyright{font-size:8.5px}}#btn-sound-toggle{position:absolute;right:16px;top:16px;z-index:100;width:44px;height:44px;border-radius:50%;border:none;background:#ffffffbf;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000002e;transition:transform .1s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#7a4b3a;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#btn-sound-toggle:active{transform:scale(.9)}#btn-sound-toggle .icon-off,#btn-sound-toggle.muted .icon-on{display:none}#btn-sound-toggle.muted .icon-off{display:block}#btn-sound-toggle svg{pointer-events:none}#btn-pause{position:absolute;right:68px;top:16px;z-index:100;width:44px;height:44px;border-radius:50%;border:none;background:#ffffffbf;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000002e;transition:transform .1s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#7a4b3a;pointer-events:auto;touch-action:manipulation}#btn-pause:active{transform:scale(.9)}#btn-sound-toggle svg,#btn-pause svg{width:20px;height:20px;pointer-events:none}#pause-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e0a14b8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:22}#pause-screen h1{font-size:30px;margin:0 0 6px;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.4)}#pause-screen .sub{color:#ffd9e8;font-size:14px;margin-bottom:20px}#pause-screen .emoji-row{font-size:40px;margin-bottom:10px}#pause-screen button{display:block;margin:0 auto 12px}.secondary-btn{background:#ffffff26!important;color:#fff!important;box-shadow:none!important;border:2px solid rgba(255,255,255,.5)!important}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px;margin-top:4px}.outline-btn{background:#ffffffe6;border:2px solid #d6336c;color:#d6336c;font-weight:800;font-size:14px;padding:9px 18px;border-radius:999px;cursor:pointer;box-shadow:0 4px #d6336c40}.outline-btn:active{transform:translateY(2px)}@media(max-aspect-ratio:1.2/1){#start-screen,#end-screen,#nickname-screen{padding:10px 14px;justify-content:flex-start;overflow-y:auto}#nickname-screen{padding-top:60px}#start-screen .logo-img{width:min(84px,24vw);margin-top:8px;margin-bottom:6px}#nickname-screen .nickname-row{max-width:260px;margin-bottom:14px}#nickname-screen .nickname-row input{font-size:14px;padding:10px 14px}#nickname-screen .nickname-error{font-size:11.5px;max-width:260px;margin:-6px 0 10px}#end-screen h1,#nickname-screen h1{font-size:22px;margin-top:4px}#end-screen .sub,#nickname-screen .sub{font-size:11px;margin-bottom:8px}#end-screen .emoji-row,#nickname-screen .emoji-row{font-size:22px;margin-bottom:6px}#nickname-screen .emoji-row{margin-top:8px}#nickname-screen .emoji-row img{height:32px}#end-screen .rules{font-size:10px;padding:8px 12px;margin-bottom:10px;line-height:1.45}.mission-title{font-size:12px;margin-bottom:6px}.cast-grid{gap:6px;margin-bottom:8px}.cast-item{width:56px;padding:4px 3px 6px;border-radius:10px}.cast-item img{width:38px;height:38px}.cast-item span{font-size:8px}.dual-imgs{height:38px}.dual-imgs img{width:20px;height:38px}.rules .inline-icon{width:14px;height:14px}#start-btn,#restart-btn{font-size:14px;padding:8px 24px;box-shadow:0 4px #c93b74,0 6px 12px #00000026}#end-screen h1{font-size:18px;margin-top:0}#end-screen .title-line{font-size:14px;margin-bottom:1px}#end-screen .sub{font-size:10px;margin-bottom:6px}#end-screen .score-line{font-size:11px;margin-bottom:6px}#end-screen .score-line span{font-size:22px}.new-best-badge{font-size:11px;padding:5px 12px;margin:-4px 0 10px}.report-section{padding:5px 10px;margin-bottom:4px}.report-section .report-title{font-size:12px}.report-section .report-stats{font-size:10.5px}.report-section .report-stars{font-size:14px}.result-actions{margin-bottom:6px}.outline-btn{font-size:11px;padding:6px 12px}}html,body,#root{margin:0;padding:0;width:100%;height:100%;min-height:100%}body{overflow-x:hidden}html.iframe-embed,html.iframe-embed body,html.iframe-embed #root{height:auto!important;min-height:0!important;overflow:visible!important}