@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#243d40;background:#faf8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 25%,#e8eddf60,transparent 45%),#faf8f2}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #edb448;outline-offset:4px}.app{max-width:1000px;margin:auto;padding:25px 42px 20px}header{display:flex;align-items:center;justify-content:space-between}.brand{font-size:12px;font-weight:900;letter-spacing:2px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:9px}.brand-mark{background:#244d47;border-radius:50%;color:#f1cf84;width:29px;height:29px;display:grid;place-items:center;font-size:20px}.post{font-weight:400;font-size:9px;letter-spacing:1px;border-left:1px solid #c8cfc2;padding-left:10px}.icon-button{width:35px;height:35px;border:1px solid #d8ddd1;border-radius:50%;background:transparent;position:relative;font-size:20px}.sound-slash{position:absolute;font-size:25px;left:14px;top:0;color:#b74e41}.title{text-align:center;margin:27px 0 25px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#8b9a8b;font-weight:700}h1{font-family:'Gowun Dodum',sans-serif;font-size:42px;letter-spacing:-2px;margin:8px 0;color:#233f3c}h1 span{color:#be5547}h1 i{font-style:normal;color:#c6a557;font-size:31px;display:inline-block;transform:translate(7px,-13px)}.title p{font-size:12px;color:#7d8980;margin:0}.game{border-radius:22px;overflow:hidden;background:#183641;box-shadow:0 12px 36px #243f3917;border:1px solid #d5ddd0}.hud{height:82px;background:#16343e;display:flex;justify-content:space-between;align-items:center;padding:14px 30px;color:#fff6df;position:relative;z-index:1}.hud>div{min-width:100px}.hud-label{display:block;font-size:10px;color:#a2b9b7;margin-bottom:2px;letter-spacing:.5px}.hud strong{font-size:26px;line-height:1.2;letter-spacing:-.5px}.hud strong>span:not(#time),.hud small{font-size:11px;font-weight:500;margin-left:5px;color:#bfd1ca}.hud .timer{text-align:center;min-width:125px}.timer strong{font-size:24px}.time-track{height:3px;background:#ffffff20;width:110px;margin:5px auto 0;border-radius:4px;overflow:hidden}#timebar{width:100%;height:100%;background:#e4c276;transition:width .15s linear}.best{text-align:right}.best strong{color:#e6c785}.sky{height:390px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%}.route{position:absolute;top:14px;right:22px;color:#b3cdc06b;font-size:8px;letter-spacing:1.5px;pointer-events:none}.route span{margin:0 7px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#102e3825;z-index:2}.intro-card,.result-card{text-align:center;width:310px;background:#fffaf0f5;border:1px solid #fff;border-radius:20px;padding:23px 24px;box-shadow:0 15px 40px #0b202a2e;transform:none}.stamp{font-size:8px;font-weight:800;letter-spacing:2.1px;color:#ae5c48}h2{font-family:'Gowun Dodum',sans-serif;font-size:24px;margin:9px 0 10px;letter-spacing:-.8px}.intro-card p{font-size:12px;line-height:1.9;color:#7d8578;margin:0 0 19px}.primary{border:0;border-radius:10px;background:#bd5848;color:#fff9e9;font-weight:700;width:100%;padding:13px 15px;font-size:13px;box-shadow:0 4px 0 #974637}.primary:hover{background:#aa4b3c}.primary span{float:right}.intro-card>small{display:block;font-size:9px;color:#9a9d8e;margin-top:15px}.controls{background:#fffdf7;padding:15px 22px 19px}.control-hint{font-size:10px;color:#829083;display:flex;align-items:center;gap:6px;margin-bottom:12px}.live-dot{width:5px;height:5px;border-radius:50%;background:#8d9f79}.key-hint{margin-left:auto;font-size:9px;color:#aab0a1}.gift-buttons{display:flex;gap:12px}.gift-button{flex:1;height:70px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;border:1px solid;position:relative;font-size:12px;font-weight:700;transition:transform .1s;touch-action:manipulation;user-select:none}.gift-button:active{transform:translateY(3px);box-shadow:none}.blue{background:#e7f0f5;border-color:#c4dbe6;color:#487b97;--gift:#669dbb;--ribbon:#d7ebef;box-shadow:0 3px 0 #d2e0e5}.yellow{background:#fff1d0;border-color:#ecd9a3;color:#957127;--gift:#eac565;--ribbon:#fff0c1;box-shadow:0 3px 0 #ecdfbd}.red{background:#f8e7e0;border-color:#ebc9bb;color:#ac5c4d;--gift:#cd7764;--ribbon:#fce0c7;box-shadow:0 3px 0 #ead4c9}.gift-button small{position:absolute;top:7px;right:9px;font-size:9px;opacity:.45}.gift-icon{height:28px;width:29px;background:var(--gift);border-radius:3px;position:relative;box-shadow:inset 0 -3px #0000000b}.gift-icon:before{content:'';position:absolute;left:-2px;right:-2px;height:8px;top:0;background:var(--gift);border-radius:2px;border-bottom:1px solid #0001}.gift-icon:after{content:'';position:absolute;left:12px;top:0;width:6px;height:28px;background:var(--ribbon)}.gift-icon i:before,.gift-icon i:after{content:'';position:absolute;width:9px;height:7px;border:3px solid var(--gift);border-radius:8px 8px 0;top:-8px;left:2px;transform:rotate(15deg)}.gift-icon i:after{left:14px;transform:rotate(-15deg)}.rules{display:flex;margin:23px 5px 19px;justify-content:center;gap:50px}.rules>div{display:flex;align-items:center;gap:10px}.rule-symbol{font-size:20px;color:#849b7e}.other{color:#b89b5b}.miss{color:#bf8b7f}.rules p{font-size:10px;color:#8a9184;line-height:1.7;margin:0}.rules strong{display:block;color:#435c4c;font-size:12px}footer{font-size:9px;color:#9fa596;text-align:center;border-top:1px solid #e5e7dc;padding-top:15px}footer span{display:block;margin-top:12px;font-size:7px;letter-spacing:1.7px}.hidden{display:none!important}.result-card{transform:none;width:340px;padding:18px 22px}.result-card h2{font-size:22px;margin-bottom:0}.result-score{font-size:57px;font-weight:900;color:#be5847;letter-spacing:-2px;line-height:1.2}.result-score small{font-size:16px;letter-spacing:0;margin-left:5px}.result-card p{font-size:11px;color:#838c80;margin:4px 0}.result-best{font-size:11px;color:#a18b4c;margin:8px 0 13px}.share-row{display:flex;gap:5px;margin-top:12px}.share-row button{border:1px solid #e7dfce;background:#fffaf0;border-radius:7px;font-size:9px;padding:9px 3px;flex:1;color:#576252}.share-row button:first-child{background:#f9e575;border-color:#f9e575;color:#4b4023}.share-note{display:block;font-size:8px;color:#a19d90;margin-top:9px}.speed-badge{position:absolute;top:42px;left:50%;transform:translateX(-50%);font-size:11px;color:#f5dfaa;padding:7px 12px;border:1px solid #f5dfaa60;border-radius:30px;background:#183641cc;pointer-events:none}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#173f39;color:white;font-size:12px;padding:13px 20px;border-radius:12px;z-index:10;opacity:0;transition:.2s;pointer-events:none;max-width:90%;width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1100px){.app{padding-top:30px}.title{margin-top:34px}.sky{height:410px}}@media(max-width:600px){.app{padding:14px 14px 16px}.brand{font-size:10px;letter-spacing:1.5px}.post{font-size:7px}.brand-mark{width:25px;height:25px}.title{margin:23px 0 20px}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:33px}.title p{font-size:10px}.game{border-radius:18px}.hud{height:70px;padding:12px 17px}.hud>div{min-width:75px}.hud strong{font-size:23px}.hud-label{font-size:8px}.hud .timer{min-width:90px}.time-track{width:80px}.sky{height:clamp(300px,45dvh,440px)}.route{font-size:6px;right:13px;top:12px;letter-spacing:1px}.intro-card{width:250px;transform:none;padding:20px}.intro-card h2{font-size:22px}.controls{padding:13px 12px 16px}.gift-buttons{gap:8px}.gift-button{height:70px;flex-direction:column;gap:7px;font-size:10px}.gift-icon{transform:scale(.8);margin-top:2px}.key-hint{display:none}.control-hint{font-size:9px;margin-bottom:14px}.rules{gap:18px;margin:20px 0 15px}.rules>div{gap:5px}.rules p{font-size:8px}.rules strong{font-size:11px}.rule-symbol{font-size:17px}footer{font-size:8px}.result-card{width:285px;padding:15px 18px}.result-score{font-size:45px}.result-card h2{font-size:20px}.share-row button{font-size:8px}.result-best{margin:7px 0 11px}.speed-badge{font-size:9px;top:30px}body.playing .title{margin-top:15px;margin-bottom:14px}}@media(max-height:700px) and (max-width:600px){.title{margin:13px 0}.title p,.eyebrow{display:none}h1{font-size:29px}.sky{height:300px}.rules{margin:14px 0}footer span{display:none}}

/* Results: remove inactive game controls; keep ads away from replay/share taps. */
body.results .controls,body.results .rules{display:none}
.result-ad{margin:32px auto 24px;padding-top:24px;border-top:1px solid #e5e7dc;max-width:728px;text-align:center}
.result-ad[hidden]{display:none}
.ad-label{display:block;font-size:9px;color:#92998c;letter-spacing:1px;margin-bottom:10px}
.ad-slot{min-height:100px;border-radius:12px;background:#f0f0e7;display:flex;justify-content:center;align-items:center;overflow:hidden}
.ad-placeholder{font-size:11px;color:#92998c;padding:24px}
body.results footer{font-size:0}
body.results footer span{font-size:7px}
@media(max-width:600px){.result-ad{margin-top:28px}.ad-slot{min-height:100px}body.results .sky{min-height:350px}body.results footer span{display:block}}