@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&family=Nunito:wght@600;800;900&display=swap');
:root{--ink:#264150;--cream:#fff9ee;--pink:#f48182;--tile:clamp(38px,12vw,53px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#a9d9d0,#fbebcb);font-family:Nunito,'Noto Sans SC',sans-serif;color:var(--ink);display:grid;place-items:center}.game-shell{width:min(100%,480px);min-height:100dvh;background:var(--cream);overflow:hidden;box-shadow:0 20px 70px #275e5a44}header{height:74px;padding:14px 20px 10px;display:flex;align-items:center;justify-content:space-between;background:#fffdf7}header p{margin:0;color:var(--pink);font-size:9px;font-weight:900;letter-spacing:.2em}header h1{margin:0;font:900 27px 'Noto Serif SC';letter-spacing:-.06em}header button{width:38px;height:38px;border:0;border-radius:50%;background:#e8f4eb;color:#438468;font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px 15px;background:#e8f4ed}.stats span{padding:7px 3px;border-radius:11px;text-align:center;background:#fffffff0;font-size:12px;box-shadow:0 2px 5px #4c7c6a22}.stats span:nth-child(1){color:#db6d70}.stats span:nth-child(2){color:#b77855}.stats span:nth-child(3){color:#617c91}.stats span:nth-child(4){color:#ca982d}.stats b{color:var(--ink)}.stage-head{padding:14px 20px 9px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline}.stage-head span{font-size:10px;color:#759099;font-weight:900}.stage-head h2{margin:0;font:900 19px 'Noto Serif SC'}.map-wrap{position:relative;display:grid;place-items:center;min-height:calc(var(--tile)*9 + 16px);margin:0 14px;padding:8px;border:8px solid #5c946f;border-radius:23px;background:linear-gradient(135deg,#83c98d,#5fab75);box-shadow:inset 0 0 0 3px #b9e4a5,0 8px 18px #3d765c33;touch-action:none}.map{display:grid;grid-template-columns:repeat(7,var(--tile));grid-template-rows:repeat(9,var(--tile));overflow:hidden;border-radius:11px;background:#9cd58c}.tile{position:relative;width:var(--tile);height:var(--tile);display:grid;place-items:center;background:linear-gradient(135deg,#b6e59d,#8ecd7a);box-shadow:inset 0 0 0 1px #69ae7230}.tile.wall{background:linear-gradient(135deg,#617f88,#3f5b68);box-shadow:inset 0 -5px #304953,inset 0 0 0 2px #78939a}.tile.wall::after{content:'✦';color:#8eabb0;font-size:13px}.tile.exit{background:linear-gradient(135deg,#fff1a7,#edb65c)}.tile.exit::after{content:'⌂';font-size:27px;color:#a45c52}.tile.key-gold::after{content:'⚿';color:#d99d24;font-size:28px;text-shadow:0 2px #fff4b6}.tile.key-silver::after{content:'⚿';color:#9ab8c3;font-size:28px}.tile.door-gold{background:#d4933f}.tile.door-gold::after{content:'▥';font-size:27px;color:#77412e}.tile.door-silver{background:#a5c3ca}.tile.door-silver::after{content:'▥';font-size:27px;color:#486777}.tile.star::after{content:'✦';color:#fff6a5;font-size:31px;text-shadow:0 0 10px #ffe34f;animation:glow 1.2s ease-in-out infinite}.tile.coin::after{content:'✦';color:#ffe786;font-size:27px}.tile.shop{background:linear-gradient(135deg,#f6bea5,#e38483)}.tile.shop::after{content:'⌂';font-size:27px;color:#fff8df}.tile.enemy::after{content:'♟';font-size:30px;color:#694a74;text-shadow:0 2px #e5c7e1}.tile.boss{background:linear-gradient(135deg,#7a517f,#4a315a)}.tile.boss::after{content:'♛';font-size:29px;color:#f7d5a9}.player{position:absolute;z-index:4;width:calc(var(--tile)*1.25);height:calc(var(--tile)*1.45);pointer-events:none;transform:translateY(-12%);background:url('hero-sprite-sheet.png') 0 0/300% 300% no-repeat;filter:drop-shadow(0 5px 3px #29494e77);transition:transform .12s}.message{position:absolute;z-index:7;left:50%;bottom:12px;max-width:88%;padding:8px 13px;border-radius:99px;transform:translate(-50%,14px);opacity:0;background:#264b56;color:#fff;text-align:center;font-size:12px;transition:.25s;pointer-events:none}.message.show{transform:translate(-50%,0);opacity:1}.objective{margin:13px 20px 3px;padding:11px 14px;border-left:4px solid #ed9b79;border-radius:0 12px 12px 0;background:#fff3e2}.objective span{font-size:10px;font-weight:900;color:#d66f67;letter-spacing:.12em}.objective p{margin:3px 0 0;font:700 13px/1.4 'Noto Serif SC'}.controls{width:155px;margin:10px auto 0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:'. up .' 'left down right';gap:5px}.controls button{height:37px;border:0;border-radius:11px;background:#dcefe2;color:#39775a;font-size:17px;box-shadow:0 3px #a7d0b2}.controls button:active{transform:translateY(2px);box-shadow:0 1px #a7d0b2}.controls button:nth-child(1){grid-area:up}.controls button:nth-child(2){grid-area:left}.controls button:nth-child(3){grid-area:down}.controls button:nth-child(4){grid-area:right}.tip{margin:8px 20px 18px;text-align:center;color:#7c9597;font-size:10px}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:#18363e77}.dialog-card{width:min(310px,84vw);padding:28px;border-radius:26px;background:#fffaf2;text-align:center;box-shadow:0 20px 60px #1a394077}.dialog-card>span{font-size:12px;color:#e87879;font-weight:900}.dialog-card h2{font:900 23px 'Noto Serif SC';margin:10px 0 6px}.dialog-card p{margin:0 0 20px;color:#6c8790;font-size:13px}.dialog-card div{display:grid;gap:9px}.dialog-card button{border:0;border-radius:13px;padding:12px;background:#4a9c79;color:#fff;font:900 14px Nunito}.dialog-card .quiet{background:#eaf2ed;color:#4b8068}@keyframes glow{50%{transform:scale(1.18);filter:brightness(1.2)}}