:root{color:#422b20;background:#f8e7bd;font-family:Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(255,239,168,.9),transparent 18rem),linear-gradient(140deg,#f9cfde,#f7e6a2 44%,#91d6bd)}button{font:inherit}#app{min-height:100vh;display:grid;place-items:center;padding:18px}#game-shell{position:relative;width:min(100%,1180px);height:min(760px,calc(100vh - 36px));min-height:560px;border:6px solid rgba(255,255,255,.72);border-radius:8px;overflow:hidden;background:#9fdcb7;box-shadow:0 24px 70px #5b49263d}#game-canvas{position:absolute;inset:0;display:grid;place-items:center}#game-canvas canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:14px;left:14px;right:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.hud__brand,.hud__stats,.message-panel{border:2px solid rgba(255,255,255,.78);background:#fff8dde0;box-shadow:0 10px 24px #4c361c24;backdrop-filter:blur(8px)}.hud__brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 11px;border-radius:8px;font-weight:700}.hud__mark{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff8d8;background:#bf4d79;font-size:13px}.hud__stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:8px;border-radius:8px}.hud__stats span{min-width:106px;padding:8px 10px;border-radius:6px;background:#fff8d8;text-align:center;font-size:15px;font-weight:700}.message-panel{position:absolute;left:50%;bottom:16px;z-index:5;display:grid;width:min(540px,calc(100% - 32px));min-height:68px;transform:translate(-50%);padding:12px 16px;border-radius:8px;text-align:center}.message-panel strong{font-size:20px;line-height:1.15}.message-panel span{font-size:16px;line-height:1.35}.touch-controls{position:absolute;right:16px;bottom:16px;z-index:6;display:none;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:6px}.touch-controls button{width:48px;height:48px;border:2px solid rgba(255,255,255,.82);border-radius:8px;color:#422b20;background:#fff8dde6;font-size:22px;font-weight:700;box-shadow:0 8px 18px #4c361c2e}.touch-controls button[data-dir=up]{grid-column:2}.touch-controls button[data-dir=left]{grid-column:1;grid-row:2}.touch-controls button[data-dir=down]{grid-column:2;grid-row:2}.touch-controls button[data-dir=right]{grid-column:3;grid-row:2}@media(pointer:coarse),(max-width:740px){.touch-controls{display:grid}.message-panel{left:16px;bottom:16px;width:calc(100% - 204px);transform:none}}@media(max-width:720px){#app{padding:0}#game-shell{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0}.hud{align-items:flex-start}.hud__brand{min-height:40px;padding:6px 8px;font-size:14px}.hud__stats{max-width:180px}.hud__stats span{min-width:0;width:100%;padding:7px 8px;font-size:13px}.message-panel{width:calc(100% - 164px);min-height:62px;padding:10px 12px}.message-panel strong{font-size:17px}.message-panel span{font-size:14px}.touch-controls{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px)}.touch-controls button{width:42px;height:42px}}