@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Gowun+Batang:wght@400;700&display=swap');
:root{font-family:'DM Sans','Gowun Batang',serif;color:#f7ebc9;background:#172e37}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 79% 12%,#325464 0,transparent 33%),radial-gradient(circle at 5% 55%,#214544 0,transparent 35%),#172e37}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #edc982;outline-offset:3px}.shell{width:min(1160px,calc(100% - 64px));margin:auto}header{height:75px;border-bottom:1px solid #708a835c;display:flex;align-items:center;justify-content:space-between}.home{color:#d9decb;text-decoration:none;font-size:12px;font-weight:700;border-bottom:1px solid #8ea699;padding-bottom:4px}.home:hover{color:#fff3cb}.brand{font:700 17px 'Gowun Batang',serif}.brand:first-letter{color:#f4c977}.intro{padding:30px 0 24px}.eyebrow{color:#e4b56f;letter-spacing:.25em;font:700 10px 'DM Sans',sans-serif;margin:0 0 9px}h1{font:700 clamp(36px,4vw,54px)/1.15 'Gowun Batang',serif;letter-spacing:-.05em;margin:0 0 8px}h1 em{font-style:normal;color:#efbb76}.intro>p:last-child{color:#c4d2ca;font:14px/1.65 'Gowun Batang',serif;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:17px}.game-shell,.guide{border:1px solid #78928987;background:#f5edcf;border-radius:16px;box-shadow:0 10px 0 #0d232a,0 16px 35px #06181e75;overflow:hidden}.hud{display:grid;grid-template-columns:repeat(3,1fr);background:#f5edcf;color:#28443f;border-bottom:1px solid #c4cdb7;padding:14px 21px}.hud>div{text-align:center;border-right:1px solid #d5d9c3}.hud>div:last-child{border-right:0}.hud span,.hud strong{display:block}.hud span{font-size:10px;letter-spacing:.06em;color:#698075}.hud strong{font:700 23px 'Gowun Batang',serif;line-height:1.4}.hud #lives{color:#ba705b;white-space:nowrap}.canvas-wrap{position:relative;background:#183c4a;line-height:0;touch-action:none}canvas{display:block;width:100%;height:auto;aspect-ratio:3/2}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0c2835a8;line-height:normal;text-align:center;padding:18px}.overlay[hidden]{display:none}.overlay-card{width:min(340px,100%);padding:26px 20px 29px;background:#fff6de;border:2px solid #e5cc9b;border-radius:18px;color:#29483d;box-shadow:0 8px 0 #a77556,0 15px 30px #071c26a6}.overlay-spark{display:block;color:#d69a4e;font-size:38px;margin-bottom:2px}.overlay-card #overlay-kicker{font:700 9px 'DM Sans',sans-serif;letter-spacing:.2em;color:#a26b4d;margin:0 0 8px}.overlay-card h2{font:700 27px 'Gowun Batang',serif;margin:0 0 9px}.overlay-card #overlay-message{font:13px/1.6 'Gowun Batang',serif;color:#647566;margin:0 0 19px}.overlay-card button{border:1px solid #985d42;background:#bd744f;color:#fff7e5;padding:12px 17px;border-radius:8px;font-size:13px;font-weight:700}.overlay-card button:hover{background:#a96144}.touch-controls{display:flex;align-items:center;justify-content:space-between;background:#f5edcf;padding:10px 16px;color:#778a79}.touch-controls button{width:67px;height:42px;border:1px solid #b9cbb3;border-radius:8px;background:#e5edda;color:#36594d;box-shadow:0 3px #b6c9b1;font-size:23px}.touch-controls button:active{transform:translateY(3px);box-shadow:none}.touch-controls span{font:11px 'Gowun Batang',serif;text-align:center;padding:0 6px}.guide{padding:23px 21px;background:#f8f4df;color:#29483d}.guide-top{border-bottom:1px solid #d5dcc7;padding-bottom:16px}.guide-top>span{float:right;color:#cc995d;font-size:28px}.guide-top p{font:700 10px 'DM Sans',sans-serif;letter-spacing:.22em;color:#af7653;margin:0 0 5px}.guide-top h2{font:700 22px 'Gowun Batang',serif;letter-spacing:-.05em;margin:0}.guide-line{display:flex;gap:12px;border-bottom:1px dashed #d3dbc8;padding:19px 0}.guide-icon{width:39px;height:39px;flex:none;display:grid;place-items:center;border-radius:10px;background:#e9e8cf;font-size:24px}.guide-icon.star{color:#cf9a49}.guide-icon.cloud{color:#6f8990}.guide-icon.heart{color:#be765c}.guide-line strong{font:700 14px 'Gowun Batang',serif}.guide-line p{font:12px/1.5 'Gowun Batang',serif;color:#788b78;margin:4px 0 0}.guide-bottom{margin-top:20px}.guide-bottom p{text-align:center;color:#aa6e44;font:700 21px 'Gowun Batang',serif;margin:0 0 12px}.guide-bottom button{width:100%;padding:11px;border:1px solid #b8c8ae;border-radius:8px;background:#e4ebd8;color:#355747;font-size:12px;font-weight:700}.guide-bottom button:disabled{opacity:.5;cursor:default}.keyboard-tip{text-align:center;color:#8d9b8b;font-size:10px;line-height:1.5;margin:15px 0 0}footer{text-align:center;color:#8aa49b;font:12px 'Gowun Batang',serif;padding:37px 0 24px}@media(max-width:850px){.layout{grid-template-columns:1fr}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px;align-items:center}.guide-top{grid-column:1/-1}.guide-line{border-bottom:0;padding:6px 0}.guide-bottom{grid-column:1/-1;margin-top:4px;display:flex;align-items:center;gap:15px}.guide-bottom p{margin:0;flex:1}.guide-bottom button{flex:1}.keyboard-tip{grid-column:1/-1;margin:2px 0}}@media(max-width:600px){.shell{width:calc(100% - 24px)}header{height:62px}.intro{padding:21px 0}.intro>p:last-child{font-size:12px}.hud{padding:10px 6px}.hud strong{font-size:19px}.hud span{font-size:9px}.touch-controls{padding:8px}.touch-controls button{width:60px;height:41px}.touch-controls span{font-size:10px}.guide{padding:17px;display:block}.guide-line{padding:11px 0;border-bottom:1px dashed #d3dbc8}.guide-bottom{display:flex;margin-top:14px}.keyboard-tip{display:none}.overlay-card{padding:16px 14px 20px}.overlay-spark{font-size:29px}.overlay-card h2{font-size:22px}.overlay-card #overlay-message{font-size:12px;margin-bottom:12px}}@media(max-width:600px){.overlay{padding:8px}.overlay-card{padding:10px 12px 12px}.overlay-spark{font-size:23px;margin-bottom:0}.overlay-card #overlay-kicker{font-size:8px;margin-bottom:4px}.overlay-card h2{font-size:20px;margin-bottom:4px}.overlay-card #overlay-message{font-size:11px;line-height:1.4;margin-bottom:8px}.overlay-card button{padding:8px 11px;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.shield-bar{background:#e9d5a7;color:#6c563e;padding:7px 18px;font:700 11px 'Gowun Batang',serif;display:flex;align-items:center;gap:12px}.shield-bar[hidden]{display:none}.shield-bar strong{margin-left:auto}.shield-track{width:25%;height:7px;border-radius:10px;background:#c7b286;overflow:hidden}.shield-track div{height:100%;width:100%;background:#ab7650;border-radius:10px}.float-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-text{position:absolute;transform:translate(-50%,-50%);font:700 24px 'Gowun Batang',serif;color:#fff1b4;text-shadow:0 2px 3px #2a413a;white-space:nowrap;animation:pickup .9s ease-out forwards}.float-text.umbrella,.float-text.blocked{font-size:19px;color:#ffe0a7}.float-text.hurt{color:#ffd0c2}.guide-icon.umbrella{color:#aa8051}.sound-toggle{display:block;width:100%;margin-top:11px;padding:9px;background:#f4ecd4;border:1px solid #d3d4bb;border-radius:8px;color:#567064;font-size:11px;font-weight:700}.sound-toggle:hover{background:#e9e8d3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pickup{0%{opacity:0;transform:translate(-50%,-10%)}18%{opacity:1}100%{opacity:0;transform:translate(-50%,-140%)}}@media(prefers-reduced-motion:reduce){.float-text{animation:none;opacity:1}}
.game-shell{position:relative}.shield-bar{position:absolute;left:0;right:0;top:62px;z-index:2;box-shadow:0 2px 8px #18343b40}@media(max-width:600px){.shield-bar{top:50px}}