*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:#0b0a12;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}#game{image-rendering:pixelated;background:#000;max-width:100vw;max-height:100vh}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#f4e8c8;text-align:center;padding:20px}.screen h1{font-size:clamp(38px,8vw,72px);letter-spacing:4px;color:#ffb347;text-shadow:0 0 24px rgba(255,120,20,.7),3px 3px 0 #5a2c08}.screen h2{font-size:clamp(22px,4vw,34px);color:#ffd98a}.screen p{font-size:clamp(14px,2.2vw,18px);max-width:640px;line-height:1.5;color:#e8dcc0}.btn{font-family:inherit;font-size:clamp(16px,2.6vw,22px);font-weight:700;padding:12px 34px;border:3px solid #ffb347;border-radius:12px;background:linear-gradient(#7a4a12,#4a2a08);color:#ffe9b8;cursor:pointer;letter-spacing:1px;box-shadow:0 4px #2a1804,0 0 18px #ff8c1e59}.btn:active{transform:translateY(3px);box-shadow:0 1px #2a1804}.btn.small{font-size:15px;padding:8px 20px}.btn.ghost{background:#14100ab3;border-color:#8a7a55;color:#cfc3a0;box-shadow:none}.charRow{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}.charCard{width:190px;padding:14px;border:3px solid #6b5a3a;border-radius:14px;background:#19140cd9;cursor:pointer;transition:transform .12s,border-color .12s}.charCard:hover{transform:scale(1.04)}.charCard.sel{border-color:#ffb347;box-shadow:0 0 22px #ff962880}.charCard canvas{width:120px;height:160px;image-rendering:pixelated}.charCard .nm{font-size:20px;font-weight:700;color:#ffd98a;margin-top:6px}.charCard .ds{font-size:13px;color:#b8ab8a;margin-top:4px}.lvlGrid{display:grid;grid-template-columns:repeat(5,minmax(90px,130px));gap:14px}.lvlCard{aspect-ratio:1;border:3px solid #6b5a3a;border-radius:12px;background:#19140cd9;color:#f4e8c8;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:inherit}.lvlCard:hover:not(.lock){border-color:#ffb347;transform:scale(1.05)}.lvlCard .ic{font-size:30px}.lvlCard .no{font-size:20px;font-weight:700}.lvlCard .st{font-size:13px;color:#ffd24a;letter-spacing:2px;min-height:16px}.lvlCard .pc{font-size:11px;color:#b8ab8a}.lvlCard.lock{opacity:.38;cursor:default}@media(max-width:720px){.lvlGrid{grid-template-columns:repeat(5,minmax(58px,1fr));gap:8px;width:95vw}.lvlCard .ic{font-size:20px}.lvlCard .no{font-size:15px}.lvlCard .pc{display:none}}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:clamp(15px,2.4vw,21px);font-weight:700;color:#ffe9b8;text-shadow:2px 2px 0 rgba(0,0,0,.8);pointer-events:none}#hud .grp{display:flex;gap:16px;align-items:center}#hud .timer.low{color:#f54;animation:pulse .6s infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.5}}#hint{position:absolute;bottom:110px;left:50%;transform:translate(-50%);background:#0a0804d1;border:2px solid #8a6a2a;border-radius:10px;color:#ffe9b8;padding:8px 18px;font-size:clamp(13px,2vw,17px);white-space:nowrap;pointer-events:none;transition:opacity .4s}#hint.hide{opacity:0}#touch{position:absolute;inset:0;pointer-events:none;display:none}body.touch #touch{display:block}.tbtn{position:absolute;width:68px;height:68px;border-radius:50%;border:3px solid rgba(255,200,120,.55);background:#1e160a8c;color:#ffe9b8;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:auto;font-family:inherit}.tbtn:active,.tbtn.on{background:#ffa02873}.tbtn.txt{font-size:13px;letter-spacing:1px}#t-left{left:18px;bottom:24px}#t-right{left:104px;bottom:24px}#t-up{left:61px;bottom:100px}#t-down{left:61px;bottom:8px;width:54px;height:44px;border-radius:22px;display:none}#t-jump{right:18px;bottom:96px}#t-whack{right:104px;bottom:20px;background:#3c281499}#t-burn{right:18px;bottom:12px;background:#78280a99}#jigsaw{position:absolute;inset:0;background:#050402e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#ffe9b8}#jigsaw h2{color:#ffd98a;font-size:clamp(20px,3.5vw,30px);text-shadow:2px 2px 0 #000}#jigsaw .sub{font-size:14px;color:#c8bb98}#jigBoard{display:grid;gap:4px}#jigBoard canvas{border:2px solid #6b5a3a;border-radius:4px;cursor:pointer;image-rendering:auto;display:block}#jigBoard canvas.selTile{border-color:#ffd24a;box-shadow:0 0 14px #ffd24acc;transform:scale(.95)}#jigBoard canvas.good{border-color:#4caf50}.card{background:#120e08f0;border:3px solid #8a6a2a;border-radius:16px;padding:26px 34px;max-width:min(560px,92vw);box-shadow:0 0 40px #000c}.card .keys{display:inline-block;text-align:left;margin:8px 0;line-height:1.9;font-size:clamp(13px,2vw,16px)}kbd{background:#3a3020;border:1px solid #8a7a55;border-radius:5px;padding:1px 8px;font-family:inherit;font-size:.9em;color:#ffd98a}.stars{font-size:44px;letter-spacing:8px;color:#ffd24a;text-shadow:0 0 18px rgba(255,200,40,.7)}.row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}