:root{color-scheme:light;--bg: #edf7ef;--text: #102b26;--muted: #657972;--line: #cfe2d4;--green: #11684f;--gold: #f4c542;--red: #d93434;--shadow: 0 18px 48px rgba(17, 104, 79, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 20% 0,rgba(244,197,66,.18),transparent 22rem),linear-gradient(180deg,#fbfff9 0,var(--bg) 64%);color:var(--text);touch-action:manipulation}button{font:inherit}.game-shell{width:min(460px,100%);min-height:100vh;margin:0 auto;padding:16px}.scorebar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.scorebar h1{margin:0;font-size:1.35rem;letter-spacing:0}.scorebar p{margin:6px 0 0;color:var(--muted);font-size:.86rem;line-height:1.35}.scorebar button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green);cursor:pointer;font-size:.84rem;font-weight:850;padding:0 14px}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.hud span,.tips,.field-card{border:1px solid var(--line);border-radius:10px;background:#fffffff2;box-shadow:var(--shadow)}.hud span{display:grid;gap:3px;padding:11px 10px;color:var(--muted);font-size:.72rem;font-weight:850;text-align:center;text-transform:uppercase}.hud strong{color:var(--green);font-size:1.25rem}.field-card{overflow:hidden;padding:0}canvas{display:block;width:100%;height:min(72vh,680px);min-height:520px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.tips{display:grid;gap:5px;margin-top:12px;padding:13px 14px}.tips strong{color:var(--green);font-size:.92rem}.tips span{color:var(--muted);font-size:.82rem;line-height:1.45}@media(min-width:820px){.game-shell{width:min(980px,calc(100% - 48px));display:grid;grid-template-columns:1fr 390px;grid-template-areas:"header field" "hud field" "tips field";align-items:start;gap:16px 22px;padding-top:26px}.scorebar{grid-area:header;margin:0}.hud{grid-area:hud;margin:0}.field-card{grid-area:field}.tips{grid-area:tips;margin:0}}@media(max-width:420px){.game-shell{padding:12px}.scorebar h1{font-size:1.14rem}.scorebar p{font-size:.78rem}canvas{min-height:500px}}