@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:#f7ebce;background:#1b322c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 73% 9%,#476046 0,transparent 35%),#1b322c}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #eec779;outline-offset:3px}.shell{width:min(1180px,calc(100% - 56px));margin:auto}header{height:76px;border-bottom:1px solid #78917966;display:flex;align-items:center;justify-content:space-between;font:700 17px 'Gowun Batang',serif}header a{font:700 12px 'DM Sans',sans-serif;color:#d9e1c8;text-decoration:none;border-bottom:1px solid #9bab8e;padding-bottom:4px}.intro{padding:26px 0}.eyebrow{font:700 10px 'DM Sans',sans-serif;letter-spacing:.23em;color:#e5bd77;margin:0 0 9px}h1{font:700 clamp(37px,4vw,54px)/1.15 'Gowun Batang',serif;letter-spacing:-.05em;margin:0 0 9px}h1 em{font-style:normal;color:#dfad71}.intro>p:last-child{font:14px 'Gowun Batang',serif;color:#ccdbc4;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px}.game-shell,.guide{border:1px solid #9bae95;border-radius:17px;overflow:hidden;box-shadow:0 9px 0 #10251e,0 18px 35px #0a1b15a8}.game-shell{background:#f4ecd2}.hud{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 13px;color:#2c4b3d;text-align:center}.hud>div{border-right:1px solid #d8d7bf}.hud>div:last-child{border:0}.hud small,.hud strong{display:block}.hud small{font-size:10px;color:#76896d}.hud strong{font:700 22px 'Gowun Batang',serif;white-space:nowrap}.hud #hp{color:#bd715a;font-size:16px;line-height:30px}.xp-track{height:7px;background:#d4dfc8}.xp-track div{height:100%;width:0;background:#b88a62;transition:width .15s}.stage{position:relative;background:#315f48;touch-action:none;line-height:0}canvas{display:block;width:100%;height:auto;aspect-ratio:3/2}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#163b31c5;padding:16px;line-height:normal}.overlay[hidden]{display:none}.overlay-card{width:min(470px,100%);max-height:100%;overflow:auto;text-align:center;color:#2d4938;background:#fff8df;border:2px solid #e6d0a0;border-radius:18px;padding:19px 24px 23px;box-shadow:0 8px 0 #a47758,0 15px 35px #10251db8}.crest{font-size:35px;color:#b47b4e}.overlay-card>p:first-of-type{font:700 10px 'DM Sans',sans-serif;letter-spacing:.18em;color:#ab7b56;margin:3px 0 9px}.overlay-card h2{font:700 27px 'Gowun Batang',serif;margin:0 0 9px}.overlay-card #overlay-copy{font:13px/1.6 'Gowun Batang',serif;color:#647866;margin:0 0 16px}.overlay-card #main-button{background:#ad694b;color:white;border:1px solid #92573d;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:700}.choices{display:grid;gap:7px;margin:12px 0}.choices button{text-align:left;background:#e9eedc;border:1px solid #c5d2b8;border-radius:9px;padding:8px 13px;color:#345942}.choices button:hover{background:#d9e7cb}.choices strong,.choices small{display:block}.choices strong{font:700 14px 'Gowun Batang',serif}.choices small{font:11px 'Gowun Batang',serif;color:#748c75;margin-top:3px}.dpad{display:flex;justify-content:center;gap:5px;align-items:center;padding:9px}.dpad>div{display:flex;flex-direction:column;gap:5px}.dpad button{width:53px;height:34px;background:#e0e9d6;border:1px solid #b5c8b0;border-radius:7px;color:#3e6248;font-size:19px}.dpad button:active{background:#c6dac3}.guide{background:#f8f3dc;color:#2b4a3b;padding:23px}.guide h2{font:700 22px 'Gowun Batang',serif;margin:0 0 15px}.guide-item{display:flex;gap:12px;padding:15px 0;border-top:1px dashed #d1d9c1}.guide-item b{width:37px;height:37px;display:grid;place-items:center;background:#e6e9d2;color:#ad7751;border-radius:9px;flex:none;font-size:22px}.guide-item strong{font:700 14px 'Gowun Batang',serif}.guide-item p{font:12px/1.5 'Gowun Batang',serif;color:#718772;margin:4px 0 0}.control-help{font:11px/1.6 'Gowun Batang',serif;color:#7c9178;margin:14px 0}.guide #pause{width:100%;background:#e3ebd8;border:1px solid #bbccb6;border-radius:8px;padding:11px;color:#365740;font-size:12px;font-weight:700}.guide #pause:disabled{opacity:.5;cursor:default}footer{text-align:center;color:#9dae9a;font:12px 'Gowun Batang',serif;padding:41px 0 26px}@media(max-width:850px){.layout{grid-template-columns:1fr}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.guide>.eyebrow,.guide h2,.control-help,.guide #pause{grid-column:1/-1}.guide-item{padding:12px 0}.guide #pause{max-width:280px;justify-self:center}}@media(max-width:590px){.shell{width:calc(100% - 22px)}header{height:61px}.intro{padding:21px 0}.intro>p:last-child{font-size:12px}.hud{padding:8px 4px}.hud strong{font-size:18px}.hud #hp{font-size:12px;line-height:24px}.hud small{font-size:9px}.overlay-card{padding:12px 15px}.crest{font-size:28px}.overlay-card h2{font-size:21px}.overlay-card #overlay-copy{font-size:11px}.guide{display:block;padding:17px}.guide-item{padding:9px 0}}@media(max-width:590px){.overlay{position:fixed;inset:0;z-index:20;min-height:100dvh;overflow-y:auto;padding:16px}.overlay-card{max-width:360px;max-height:calc(100dvh - 32px);margin:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.guide #sound-toggle{width:100%;margin-top:9px;background:#f4ecd4;border:1px solid #d2d6bb;border-radius:8px;padding:9px;color:#58715e;font-size:11px;font-weight:700}.guide #sound-toggle:hover{background:#e7e8d0}@media(max-width:850px){.guide #sound-toggle{grid-column:1/-1;max-width:280px;justify-self:center}}

.overlay-card #overlay-sound-toggle{display:block;margin:10px auto 0;padding:6px 10px;border:1px solid #d2d6bb;border-radius:8px;background:#f4ecd4;color:#58715e;font-size:11px;font-weight:700}