@font-face{font-family:Cookie;src:url(/assets/cookie.woff) format("woff");font-display:swap}:root{font-family:Cookie,system-ui,sans-serif;color:#fff8e7;background:#241b39;font-synthesis:none;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #79e4ff;outline-offset:4px}button:disabled{cursor:default;opacity:.65}#stage{position:relative;width:100vw;height:100dvh;isolation:isolate}#game{width:100%;height:100%;display:block;outline:0;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui button,#ui input,#ui .panel{pointer-events:auto}.button{min-height:50px;padding:12px 22px;line-height:1.2;border-radius:18px;border:3px solid #4c3153;color:#472954;background:linear-gradient(#fff8e8,#e9d4b6);box-shadow:0 5px #37243e,0 8px 15px #20152644;letter-spacing:.02em}.button:hover{filter:brightness(1.09)}.button:active{transform:translateY(3px);box-shadow:0 2px #37243e}.button.primary{color:#4c2a15;background:linear-gradient(#ffef7f,#ffb640);border-color:#946123;box-shadow:0 5px #6b431c,0 8px 15px #20152655}.button.small{font-size:15px;padding:9px 14px;min-height:44px;border-radius:14px}.button.chosen{background:#92debb;color:#234b43}.menu-brand{position:absolute;top:max(22px,var(--safe-top));left:4%;width:32%;max-width:380px;text-align:center;filter:drop-shadow(0 5px 2px #2a184c)}.menu-brand img{max-width:100%;height:150px;object-fit:contain}.menu-brand p{margin:0;font-size:18px;color:#fff1ce}.wallet{position:absolute;right:3%;top:max(24px,var(--safe-top));padding:9px 22px;border:2px solid #edd29b66;background:#24112bbd;border-radius:24px;font-size:24px}.wallet span{font-size:14px;color:#ffe297;margin-right:12px}.menu-nav{position:absolute;right:5%;top:28%;width:225px;display:grid;gap:15px}.menu-nav .button{font-size:20px}.menu-tip{position:absolute;left:5%;bottom:12%;text-shadow:0 2px 4px #160e34;font-size:20px}.menu-tip small{display:block;margin-top:10px;font-size:14px;color:#d8d4ee}.version{position:absolute;left:5%;bottom:max(16px,var(--safe-bottom));font:12px system-ui,sans-serif;background:#24112bbd;border:1px solid #bea2e244;color:#ecdbaa;padding:6px 10px;border-radius:8px}.panel-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#110b24b5;pointer-events:auto;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.panel{border:3px solid #ac80c8;border-radius:24px;background:linear-gradient(#47335e,#271f3e);box-shadow:0 15px 65px #080717aa;padding:24px;width:min(100%,1000px);max-height:calc(100dvh - 40px - var(--safe-top) - var(--safe-bottom));overflow:auto;scrollbar-color:#b895cf #241b39}.panel header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.panel h1{font-size:30px;color:#ffe7ac;margin:0}.panel h2{font-size:20px;color:#ffebc7}.panel-note{color:#dcd2eb;font-size:15px;line-height:1.6}.panel-note strong{color:#ffda72}.cookie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cookie-card{position:relative;display:flex;flex-direction:column;text-align:center;border:2px solid #9878ac;background:#291b4399;border-radius:20px;padding:14px}.cookie-card.selected{border-color:#ffcf65;box-shadow:0 0 0 2px #ffd06566}.cookie-card img{height:180px;max-width:100%;object-fit:contain}.cookie-card p{font:14px/1.6 system-ui,sans-serif;margin:0 0 12px;min-height:95px;color:#eee5fb}.cookie-card small{font-size:12px;color:#c8bbdc;margin:auto 0 12px}.cookie-card .button{width:100%;font-size:15px;padding:10px 8px}.pet-card{text-align:center;padding:20px}.pet-card img{width:160px;height:160px;object-fit:contain}.pet-card p{line-height:1.7;color:#ded6ec}.chip{display:inline-block;background:#7fd6b3;color:#294c3d;padding:10px 18px;border-radius:15px}.record-best{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:20px 0}.record-best>div{background:#2313339c;border:1px solid #ad8ac452;border-radius:16px;padding:20px}.record-best small{display:block;color:#cfc3df;font-size:14px}.record-best strong{display:block;margin-top:12px;font-size:25px;color:#ffdd87}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font:14px/1.5 system-ui,sans-serif;white-space:nowrap}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #c4a1db2e}th{color:#e9c884}th:nth-child(2),td:nth-child(2){text-align:left}.empty-note{text-align:center;padding:55px 20px;color:#d6c9e7}.settings{display:grid;gap:20px;max-width:660px;margin:20px auto}.settings>label{display:flex;align-items:center;justify-content:space-between;gap:24px}.settings input[type=range]{width:45%;min-height:44px;accent-color:#ffce75}.settings input[type=checkbox]{width:24px;height:24px;accent-color:#ffce75}.controls-guide{background:#23162d83;border:1px solid #bb91d452;border-radius:16px;padding:20px;font-size:16px;line-height:1.7}.controls-guide p{color:#ded3eb;font:15px/1.8 system-ui,sans-serif}#hud{position:absolute;top:max(18px,var(--safe-top));left:24px;right:24px;height:110px;display:flex;justify-content:space-between;gap:22px;align-items:flex-start;filter:drop-shadow(0 2px 2px #190f3377);pointer-events:none}.health{display:flex;gap:12px;align-items:center;background:#20142ac9;padding:8px 15px 8px 8px;border-radius:19px;border:2px solid #d6bc9566;min-width:310px}.health img{width:60px;height:60px;object-fit:contain}.health>div{width:240px}.energy-label{display:flex;justify-content:space-between;font-size:15px;color:#fff1d5;margin-bottom:8px}.energy-track{height:16px;background:#14102e;border:2px solid #dac49a;border-radius:20px;overflow:hidden}.energy-track i{display:block;height:100%;background:linear-gradient(#e6ff9c,#81d288);transition:width .1s linear}.energy-track i.low{background:linear-gradient(#ffb28e,#ed6568)}#ability{display:block;font-size:11px;margin-top:5px;color:#e6d5a9}.score{color:#ffeece;text-align:center;text-shadow:0 2px 0 #6b3d24,2px 0 #6b3d24;background:#29183399;padding:8px 16px;border-radius:16px;min-width:185px}.score small{display:block;color:#fcdca1;font-size:13px}.score strong{display:block;font-size:28px;margin-top:4px}.run-details{display:flex;gap:10px;align-items:center;color:#fff2cb;font-size:17px}.run-details>span{background:#20142ac9;padding:12px;border:1px solid #b9a0bc88;border-radius:14px;white-space:nowrap}.run-details #pause{width:48px;height:48px;border-radius:14px;border:2px solid #d6ba85;background:#493155;color:#fff2be;font-size:20px;pointer-events:auto}#bonus-letters{position:absolute;top:92px;left:0;display:flex;gap:4px}#bonus-letters span{font-size:16px;color:#c2b0d1;background:#20142ac4;border:1px solid #a183b06e;border-radius:7px;padding:3px 7px}#bonus-letters .found{color:#47250c;background:#ffd45d;border-color:#ffe7a1}#touch-controls{position:absolute;left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right));bottom:max(22px,var(--safe-bottom));display:flex;justify-content:space-between;pointer-events:none}#touch-controls button{position:relative;width:175px;height:132px;border:0;background:transparent;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;color:#fff;filter:drop-shadow(0 5px 7px #13112088)}#touch-controls img{width:100%;height:100%;object-fit:contain;pointer-events:none}#touch-controls span{position:absolute;bottom:0;left:0;right:0;font-size:15px;text-shadow:0 2px 3px #000}#touch-controls button.held{filter:drop-shadow(0 0 12px #ffe576);transform:scale(.94)}#touch-controls.flying button:first-child:before{content:"위로";position:absolute;top:-16px;left:0;right:0;color:#ffe69a;text-shadow:0 2px 4px #180a20}#touch-controls.flying button:last-child:before{content:"아래로";position:absolute;top:-16px;left:0;right:0;color:#ffe69a;text-shadow:0 2px 4px #180a20}#toast{position:absolute;top:24%;left:50%;transform:translate(-50%);padding:11px 24px;background:#2f184edb;border:2px solid #d6b3eabb;border-radius:18px;text-align:center;color:#ffedb5;max-width:80%;font-size:18px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.visible{opacity:1}.pause-panel{width:360px;text-align:center;display:grid;gap:18px}.pause-panel small{font-size:15px;color:#c6b3dc}.result-panel{width:600px;text-align:center}.result-panel>small{color:#d7c3e7}.result-panel h1{margin-top:8px}.result-cookie{display:flex;align-items:center;justify-content:center;gap:25px;margin:12px 0}.result-cookie img{height:120px;max-width:130px;object-fit:contain}.result-cookie strong{font-size:35px;color:#ffdb75;overflow-wrap:anywhere}.result-cookie strong small{display:block;font-size:14px;color:#d7c3e7;margin-top:12px}.result-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin:12px 0 20px}.result-panel dl>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9a3dd3b;padding:9px 0;font-size:14px}.result-panel dt{color:#cfc0dd}.result-panel dd{color:#fff2ce;margin:0}.result-actions{display:flex;gap:20px;justify-content:center}.result-actions button{min-width:170px}#loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:radial-gradient(ellipse,#62446f,#201332);padding:25px;text-align:center}#loading img{max-width:min(450px,85vw);height:160px;object-fit:contain}#loading p{font-size:22px;color:#ffe5ae;margin:0}#loading progress{width:min(340px,80vw);height:16px;accent-color:#ffca69}#loading small{font-size:14px;color:#d6c5e4}#rotate{display:none}@media(max-height:500px)and (orientation:landscape){.menu-brand{width:25%;top:10px;left:3%}.menu-brand img{height:85px}.menu-brand p{font-size:12px}.wallet{top:10px;font-size:18px;padding:8px 16px}.menu-nav{width:185px;top:24%;right:4%;gap:8px}.menu-nav .button{font-size:16px;min-height:40px;border-radius:14px;padding:7px 12px;box-shadow:0 3px #37243e}.menu-tip{font-size:14px;bottom:11%;left:3%}.menu-tip small{font-size:11px;margin-top:6px}.version{font-size:10px;bottom:9px;left:3%}.panel-backdrop{padding:12px}.panel{padding:16px;max-height:calc(100dvh - 24px)}.panel h1{font-size:23px}.panel header{margin-bottom:8px}.cookie-card{padding:10px}.cookie-card img{height:100px}.cookie-card h2{font-size:16px;margin:8px 0}.cookie-card p{font-size:12px;line-height:1.5;min-height:70px}.cookie-card small{font-size:10px;margin:0 0 10px}.cookie-card .button{font-size:12px;min-height:44px;padding:7px}.panel-note{font-size:12px;margin:8px 0}.pause-panel{gap:10px;width:300px}.pause-panel h1{font-size:25px}.pause-panel .button{min-height:44px;padding:8px}.result-panel{width:550px}.result-panel .result-cookie{margin:6px 0}.result-cookie img{height:75px}.result-cookie strong{font-size:27px}.result-panel dl{margin:4px 0 10px;gap:0 20px}.result-panel dl>div{font-size:12px;padding:5px 0}.result-actions button{min-height:44px;padding:8px}.result-panel h1{font-size:23px}.health{min-width:215px;padding:5px 10px 5px 5px;gap:7px;border-radius:14px}.health img{width:37px;height:37px}.health>div{width:165px}.energy-label{font-size:10px;margin-bottom:5px}.energy-track{height:12px}#ability{font-size:9px;margin-top:4px}#hud{top:10px;left:14px;right:14px;gap:10px}.score{min-width:150px;padding:5px 10px}.score small{font-size:10px}.score strong{font-size:21px}.run-details{gap:6px;font-size:12px}.run-details>span{padding:9px}.run-details #pause{width:44px;height:44px;font-size:17px}#bonus-letters{top:65px;gap:3px}#bonus-letters span{font-size:11px;padding:2px 5px}#touch-controls{left:18px;right:18px;bottom:max(8px,var(--safe-bottom))}#touch-controls button{width:118px;height:88px}#touch-controls span{font-size:11px}#toast{font-size:13px;padding:8px 14px;top:26%;border-radius:12px}.record-best{margin:12px 0;gap:10px}.record-best>div{padding:14px}.record-best strong{font-size:22px}.settings{gap:10px}.controls-guide{font-size:14px;padding:10px}.controls-guide p{font-size:13px;margin:8px 0}.pet-card{padding:10px}.pet-card img{width:100px;height:100px}.pet-card h2{margin:6px}.pet-card p{font-size:13px;line-height:1.5}.chip{padding:8px 13px;font-size:13px}}@media(orientation:portrait){.menu-brand{width:70%;left:15%;top:7%}.menu-brand img{height:130px}.menu-brand p{font-size:16px}.wallet{top:14px;right:14px;font-size:17px;padding:8px 16px}.menu-nav{top:auto;bottom:8%;right:12%;width:76%;grid-template-columns:1fr 1fr;gap:12px}.menu-nav #start{grid-column:1/-1}.menu-nav .button{font-size:16px;min-height:46px;padding:10px 8px;border-radius:14px}.menu-tip{left:5%;right:5%;bottom:34%;font-size:13px;text-align:center}.menu-tip small{font-size:10px;margin-top:6px}.version{left:5%;right:5%;bottom:20px;text-align:center;font-size:10px}.panel-backdrop{padding:14px}.panel{padding:16px;max-height:calc(100dvh - 40px)}.panel h1{font-size:24px}.cookie-grid{grid-template-columns:1fr}.cookie-card img{height:150px}.cookie-card p{min-height:0}.cookie-card h2{font-size:19px}.record-best{grid-template-columns:1fr 1fr;gap:10px}.record-best>div:first-child{grid-column:1/-1}.record-best>div{padding:16px}.record-best strong{font-size:23px}.settings{font-size:14px;gap:15px}.settings>label{gap:12px}.controls-guide{font-size:14px;padding:15px}.controls-guide p{font-size:13px}.health{min-width:0;gap:7px;padding:6px}.health img{width:35px;height:35px}.health>div{width:170px}.energy-label{font-size:11px;margin-bottom:5px}.energy-track{height:12px}#ability{font-size:9px}#hud{top:60px;left:12px;right:12px;display:grid;grid-template-columns:1fr 46px;gap:12px}.score{grid-column:1/-1;grid-row:2;min-width:0;width:65%;justify-self:center;padding:7px}.score small{font-size:12px}.score strong{font-size:22px}.run-details{grid-column:1/-1;grid-row:3;justify-content:center;font-size:13px}.run-details #pause{position:absolute;top:0;right:0;min-width:44px;height:44px}.run-details>span{padding:8px 12px}#bonus-letters{top:193px;left:0;right:0;justify-content:center;gap:3px}#bonus-letters span{font-size:12px;padding:3px 6px}#touch-controls{left:20px;right:20px;bottom:max(55px,var(--safe-bottom))}#touch-controls button{width:140px;height:106px}#touch-controls span{font-size:13px}#toast{top:auto;bottom:29%;font-size:13px;padding:8px 12px;max-width:92%;width:max-content}.result-cookie{gap:15px}.result-cookie strong{font-size:26px}.result-cookie img{height:100px;max-width:110px}.result-panel dl{grid-template-columns:1fr;gap:4px}.result-panel dl>div{font-size:13px;padding:7px 0}.result-actions{gap:12px}.result-actions button{min-width:0;flex:1;font-size:14px;padding:12px 8px}#rotate{display:block;position:absolute;top:15px;left:0;right:0;text-align:center;font-size:11px;color:#e6daef;pointer-events:none}.pause-panel{width:min(330px,100%);gap:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.version,.cookie-card p,table,.controls-guide p{font-family:Cookie,system-ui,sans-serif}