@import"https://fonts.googleapis.com/css2?family=Jua&family=Nanum+Gothic:wght@400;700;800&display=swap";:root{--sky: #c9e8f5;--sky2: #dff0fa;--green-light: #b8e0a0;--green: #7dc67a;--brown-light: #d4a97a;--brown: #a0724a;--cream: #fdf5e6;--acorn: #c8863a;--acorn-dark: #8b5e2a;--pastel-yellow: #fff0b3;--pastel-pink: #ffd6e0;--pastel-purple: #e8d5f5;--text-dark: #4a3728;--text-mid: #7a5c40;--shadow: rgba(100,70,40,.18);--btn-radius: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Jua,Nanum Gothic,Malgun Gothic,system-ui,-apple-system,sans-serif;background:var(--sky);min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);width:100vw;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;-webkit-user-select:none;user-select:none}.screen{position:absolute;top:0;left:0;width:100%;min-height:100%;display:none;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen.active{display:flex}.bg-sky{background:linear-gradient(180deg,#b8ddf5,#d8eef9 40%,#e8f5e0)}.clouds{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.cloud{position:absolute;background:#ffffffd9;border-radius:50px;animation:cloudFloat linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#ffffffd9;border-radius:50%}@keyframes cloudFloat{0%{transform:translate(-200px)}to{transform:translate(110vw)}}.mountains{position:absolute;bottom:0;left:0;right:0;pointer-events:none;z-index:0}#screen-start .content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 20px 80px;margin-top:-10px;min-height:620px;width:100%}.start-poster-wrap{width:90%;max-width:600px;background:#fff;padding:10px;border-radius:20px;box-shadow:0 20px 40px #00000040,0 0 0 1px #ffffff80;animation:posterEntry .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes posterEntry{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.start-poster-wrap img{width:100%;display:block;border-radius:12px;border:4px solid var(--green-light)}#screen-start .squirrel-main{display:none}.main-bottom-logo{position:relative;margin-top:-60px;margin-bottom:20px;width:48px;height:auto;opacity:.9;z-index:10}.logo-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-acorn{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 4px 8px var(--shadow))}.logo-title{font-size:clamp(28px,7vw,48px);color:var(--text-dark);text-shadow:3px 3px 0 #fff,5px 5px 0 var(--brown-light);letter-spacing:-1px}.logo-sub,.broadcast-info,.result-broadcast-info{font-size:14px;color:var(--text-mid);background:#ffffffb3;padding:4px 14px;border-radius:20px;border:2px solid var(--brown-light)}.event-banner{font-family:Nanum Gothic,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-weight:700;font-size:clamp(12px,3.5vw,13px);color:var(--text-mid);text-align:center;line-height:1.6;background:#ffffff80;padding:10px 20px;border-radius:15px;border:1px dashed var(--brown-light);margin:10px 0;max-width:90%;word-break:keep-all}.event-banner.result-bottom{margin-top:20px;background:#fffc;border:2px solid var(--green-light);font-size:13px}.result-broadcast-info{font-size:15px;margin-bottom:12px;margin-top:0;border:none;background:transparent;padding:0}.squirrel-main{width:100px;height:100px;animation:squirrelBounce 1.8s ease-in-out infinite}@keyframes squirrelBounce{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.btn{font-family:Jua,sans-serif;font-size:18px;padding:14px 36px;border:none;cursor:pointer;border-radius:var(--btn-radius);transition:all .12s;position:relative;display:inline-flex;align-items:center;gap:8px;letter-spacing:.5px}.btn:active{transform:translateY(3px)}#screen-start .btn-wrap{background:#ffffffd9;padding:8px;border-radius:24px;box-shadow:0 8px 20px #0000001a}.btn-primary{background:var(--green);color:#fff;box-shadow:0 5px #4a9a47,0 6px 12px var(--shadow)}.btn-primary:active{box-shadow:0 2px #4a9a47,0 3px 6px var(--shadow)}.btn-secondary{background:var(--cream);color:var(--text-dark);box-shadow:0 5px 0 var(--brown-light),0 6px 12px var(--shadow);border:2px solid var(--brown-light)}.btn-secondary:active{box-shadow:0 2px 0 var(--brown-light)}.btn-acorn{background:var(--acorn);color:#fff;box-shadow:0 5px 0 var(--acorn-dark),0 6px 12px var(--shadow)}.btn-acorn:active{box-shadow:0 2px 0 var(--acorn-dark)}.btn-small{font-size:14px;padding:10px 22px;border-radius:12px}.btn-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:260px}.result-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;margin-top:20px}.result-btn-wrap .main-btns,.result-btn-wrap .sub-btns{display:flex;gap:8px;width:100%;justify-content:center}.btn-half{flex:1;padding:14px 8px;font-size:15px;justify-content:center}.howto-card{background:#ffffffd9;border-radius:20px;padding:14px 20px;border:2px solid var(--green-light);text-align:center;box-shadow:0 4px 12px var(--shadow);max-width:320px;position:relative;z-index:200}.howto-card p{font-size:13px;color:var(--text-mid);line-height:1.6}.howto-card .howto-icon{font-size:14px;margin-bottom:4px}#screen-select .content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 16px 80px;width:100%;min-height:600px}.select-title{font-size:clamp(21px,5vw,32px);color:var(--text-dark);text-shadow:2px 2px 0 #fff}.mountain-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;gap:clamp(6px,2vw,10px);width:100%;max-width:min(560px,100%);padding:0 clamp(8px,2.5vw,16px);box-sizing:border-box;margin:0 auto;min-width:0;flex-shrink:1}@media (min-width: 1024px){.mountain-cards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:min(880px,100%)}}.mountain-card{width:100%;min-width:0;justify-self:stretch;background:#ffffffe0;border-radius:20px;padding:12px 8px;text-align:center;cursor:pointer;border:3px solid transparent;box-shadow:0 6px 0 var(--shadow),0 8px 20px var(--shadow);transition:all .15s;position:relative;overflow:hidden}.mountain-card:hover,.mountain-card:active{transform:translateY(-4px);border-color:var(--green)}.mountain-card.easy{border-color:#b8eca0}.mountain-card.easy2{border-color:#90d878}.mountain-card.medium{border-color:#7dc67a}.mountain-card.hard{border-color:#c0906a}.card-mountain-emoji{font-size:46px;margin-bottom:6px;display:block}.card-name{font-size:17px;color:var(--text-dark);margin-bottom:4px}.card-difficulty{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;margin-bottom:7px}.easy .card-difficulty{background:#daf4c0;color:#3a8820}.easy2 .card-difficulty{background:#c8ebb0;color:#307820}.medium .card-difficulty{background:#b8e4a0;color:#287020}.hard .card-difficulty{background:#e8d0b8;color:#8a4020}.card-info{font-size:12px;color:var(--text-mid);line-height:1.8}.card-info span{display:block}.card-star{font-size:18px;margin:6px 0}#screen-game{background:var(--sky);position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;overflow:hidden!important;touch-action:none;display:none;flex-direction:column}#screen-game.active{display:flex!important}#screen-game canvas{width:100%;height:100%;touch-action:none}#gameCanvas{display:block;width:100%;flex:1 1 auto;min-height:0;touch-action:none}.game-ui{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top,12px));z-index:10;pointer-events:none}.ui-score-block{background:#ffffffeb;border-radius:20px;padding:10px 18px 8px;box-shadow:0 4px 16px var(--shadow),0 2px #fffc inset;border:2px solid rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;min-width:90px}.ui-score-label{font-size:11px;color:var(--text-mid);letter-spacing:1px;margin-bottom:2px}.ui-score-num{font-size:clamp(28px,7vw,44px);line-height:1;color:var(--acorn-dark);text-shadow:2px 2px 0 var(--pastel-yellow);transition:transform .1s}.ui-score-num.pop{transform:scale(1.3)}.ui-score-icon{font-size:18px;margin-top:2px}.ui-timer-block{position:absolute;left:14px;top:max(12px,env(safe-area-inset-top,12px));background:#ffffffeb;border-radius:20px;padding:8px 14px 6px;box-shadow:0 4px 16px var(--shadow);border:2px solid rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;min-width:72px}.ui-timer-label{font-size:11px;color:var(--text-mid);letter-spacing:1px;margin-bottom:2px}.ui-timer-num{font-size:clamp(24px,5vw,36px);line-height:1;color:var(--text-dark);transition:color .3s}.ui-timer-num.urgent{color:#d05030;animation:timerPulse .5s ease-in-out infinite alternate}@keyframes timerPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.ui-timer-bar{position:absolute;bottom:0;left:0;height:7px;background:var(--green);transition:width .5s linear,background .5s;z-index:10;border-radius:0 4px 4px 0}.ui-timer-bar.fever{background:#ff5030;box-shadow:0 0 15px #ff5030;animation:barPulse .4s ease-in-out infinite alternate}@keyframes barPulse{0%{opacity:.7;height:7px}to{opacity:1;height:10px}}#screen-result{background:linear-gradient(180deg,#b0d8f0,#d0ecf8 60%,#c8e8b0)}#screen-result .content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 16px 80px;width:100%;min-height:720px}#result-card{background:linear-gradient(145deg,#fffffff2,#f0ffe6f2);border-radius:28px;padding:20px 18px;text-align:center;max-width:340px;width:100%;box-shadow:0 8px 30px #64462833;border:3px solid rgba(255,255,255,.8);position:relative;overflow:hidden}#result-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(200,230,180,.15) 20px,rgba(200,230,180,.15) 21px);pointer-events:none}.result-logo{width:96px;height:51px;object-fit:contain;margin:0 auto 5px;display:block}.result-mountain-badge{font-size:17px;background:var(--green);color:#fff;padding:4px 16px;border-radius:20px;display:inline-block;margin-bottom:10px}.card-bottom-logo{width:38px;height:auto;display:block;margin:10px auto 0;opacity:.9}.result-squirrel{font-size:56px;margin:4px 0;animation:celebrate .6s ease-in-out infinite alternate}@keyframes celebrate{0%{transform:rotate(-8deg) scale(.95)}to{transform:rotate(8deg) scale(1.05)}}.result-title{font-size:22px;color:var(--text-dark);margin-bottom:4px}.result-grade{font-size:26px;color:var(--acorn-dark);text-shadow:2px 2px 0 var(--pastel-yellow);margin:6px 0}.result-score{font-size:20px;color:var(--text-dark);background:#fff0b499;padding:8px 20px;border-radius:16px;margin:8px 0 4px}.result-best{font-size:14px;color:var(--acorn-dark);font-weight:700;margin-bottom:8px}.result-rank-badge{display:inline-block;padding:6px 20px;border-radius:20px;font-size:14px;margin:6px 0}.result-footer-msg{font-size:11px;color:var(--text-mid);margin-top:8px;opacity:.8}.result-btn-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:340px;width:100%}.particle{position:fixed;pointer-events:none;z-index:100;font-size:20px;animation:particlePop .7s ease-out forwards}@keyframes particlePop{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.game-controls{position:absolute;top:max(12px,env(safe-area-inset-top,12px));right:max(16px,env(safe-area-inset-right,16px));z-index:20;display:flex;gap:8px;pointer-events:none}.game-controls button{background:#ffffffe0;border:2px solid rgba(255,255,255,.6);border-radius:12px;padding:8px 12px;font-size:18px;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px var(--shadow);pointer-events:all}.game-controls button:active{transform:scale(.9)}#pause-btn,#home-btn{display:none}#countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;display:none}#countdown-num{font-family:Jua,sans-serif;font-size:120px;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.5);animation:countPop .9s ease-out}@keyframes countPop{0%{transform:scale(2);opacity:0}30%{transform:scale(.9);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}::-webkit-scrollbar{display:none}.back-btn{position:absolute;top:16px;left:16px;z-index:5;background:#ffffffb3;border:2px solid rgba(255,255,255,.6);border-radius:12px;padding:8px 14px;font-family:Jua,sans-serif;font-size:15px;cursor:pointer;color:var(--text-dark);box-shadow:0 3px 8px var(--shadow)}.pixel-divider{width:80%;height:3px;background:repeating-linear-gradient(90deg,var(--green-light) 0,var(--green-light) 8px,transparent 8px,transparent 12px);border-radius:2px}#screen-char-select .content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;padding:50px 16px 80px;width:100%;min-height:520px}.char-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;max-width:900px;padding-bottom:30px}.char-card{width:117px;background:#ffffffe6;border-radius:22px;padding:10px;text-align:center;cursor:pointer;border:3px solid transparent;box-shadow:0 7px 14px var(--shadow);transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.char-card:hover{transform:translateY(-8px) scale(1.03);border-color:var(--green);box-shadow:0 12px 24px #64462840}.char-card:active{transform:scale(.95)}.char-img-wrap{width:100%;aspect-ratio:1/1.4;background:var(--sky2);border-radius:16px;margin-bottom:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.char-img-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.char-name{font-size:16px;color:var(--text-dark);margin-top:4px}.char-placeholder{font-size:11px;color:var(--text-mid);opacity:.6}.audio-controls{position:fixed;bottom:max(6px,env(safe-area-inset-bottom,6px));left:0;right:0;display:none;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;gap:8px;z-index:100;pointer-events:none}.audio-controls>*{pointer-events:all}.audio-btn{background:#ffffffe6;color:var(--text-dark);font-size:14px;font-weight:700;padding:8px 16px;border-radius:20px;cursor:pointer;box-shadow:0 4px 12px #0000001a;border:2px solid rgba(255,255,255,.5);transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:110px}.audio-btn:hover{background:#fff;transform:translateY(-2px)}.audio-btn:active{transform:translateY(0)}.fever-notice{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);font-size:clamp(32px,10vw,42px);color:#ff3000;text-shadow:0 0 20px rgba(255,255,255,.8),2px 2px 0 #fff;z-index:1000;white-space:nowrap;pointer-events:none;animation:feverEntry .6s cubic-bezier(.175,.885,.32,1.275) forwards,feverPulse .4s ease-in-out infinite alternate .6s}@keyframes feverEntry{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes feverPulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}@media (max-width: 480px){.char-card{width:90px;padding:8px;border-radius:18px}.char-name{font-size:14px}.char-cards{gap:8px}.ui-score-block,.ui-timer-block{padding:6px 10px 4px;min-width:60px;border-radius:14px}.ui-score-label,.ui-timer-label{font-size:9px}.game-controls button{padding:6px 10px;font-size:16px}}@supports (padding: max(0px)){.ui-timer-bar{bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}}@media (max-height: 700px){.screen{overflow-y:auto;justify-content:center}.content>*:not(.mountain-cards){flex-shrink:0}#screen-start .content{padding:20px 16px 60px;min-height:100%;justify-content:center;gap:8px}.start-poster-wrap{width:95%;max-width:310px;padding:4px;border-radius:12px}.start-poster-wrap img{width:100%;height:auto;display:block;border-radius:8px;border-width:2px}.broadcast-info{font-size:17px;margin-top:-8px;margin-bottom:4px;padding:4px 12px}.logo-title{font-size:clamp(26px,8vw,31px);margin:4px 0}.logo-sub{padding:4px 10px;font-size:14px;margin-bottom:4px}.event-banner{margin:2px 0;padding:6px 10px;font-size:13px;line-height:1.3}.btn-wrap{flex-direction:row;justify-content:center;gap:8px;margin-top:6px}.btn{padding:12px 4px;font-size:16px;flex:1;margin:0;white-space:nowrap;justify-content:center}#screen-result .content{padding:10px 16px 70px;min-height:100%;justify-content:center;gap:8px}#result-card{padding:16px 18px;max-width:350px;width:100%;box-sizing:border-box}.result-logo{width:90px;height:45px;margin-bottom:4px}.result-broadcast-info{font-size:clamp(14px,4vw,17px);margin-bottom:6px}.result-mountain-badge{font-size:clamp(15px,4.5vw,18px);padding:4px 12px;margin-bottom:4px}.result-squirrel{font-size:50px;margin:2px 0}#result-char-img-wrap{height:16vh!important;min-height:80px;margin:4px 0!important}.result-grade{font-size:clamp(24px,7vw,29px);margin:6px 0}.result-score{font-size:clamp(18px,5vw,22px);padding:8px 16px;margin:4px 0}.result-best{font-size:clamp(14px,4vw,17px);margin-bottom:4px}.result-rank-badge{font-size:clamp(14px,4.5vw,17px);padding:5px 14px;margin:4px 0}.result-footer-msg{font-size:clamp(11px,3.5vw,13px);margin-top:4px}.card-bottom-logo{width:34px;margin-top:4px}.result-btn-wrap{gap:8px;margin-top:10px}.btn-half{padding:14px 6px;font-size:clamp(15px,4.5vw,19px);white-space:nowrap;justify-content:center}.btn-small{padding:12px 10px;font-size:clamp(14px,4vw,18px);white-space:nowrap;justify-content:center}.event-banner.result-bottom{margin-top:10px;padding:8px 12px;font-size:clamp(13px,4vw,16px);line-height:1.3}#screen-char-select .content{padding:10px 16px;min-height:100%;justify-content:center;gap:8px}.char-card{padding:4px;width:85px}.char-name{font-size:12px}#screen-select .content{padding-top:10px;min-height:100%;justify-content:center;gap:6px}.mountain-card{padding:6px}.card-mountain-emoji{font-size:28px}.card-name{font-size:13px}.main-bottom-logo{display:none!important}}