:root{--bg:#f3ede3;--text:#3d2a12;--accent:#d9a21b;--on-accent:#2b1d08;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}.top{padding:max(16px, env(safe-area-inset-top)) 16px 4px;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.title{letter-spacing:.02em;margin:0;font-size:clamp(20px,min(5.2vw,4.2vh),34px);font-weight:700;line-height:1.1}.season{opacity:.7;margin:0;font-size:clamp(13px,3.4vw,15px)}.pill{background:var(--accent);min-height:40px;color:var(--on-accent);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:8px 18px;font-size:15px;font-weight:600;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 2px 10px #00000014}.pill svg{width:18px;height:18px}.pill:hover{filter:brightness(1.05)}.pill:active{transform:scale(.97)}.pill:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}#stage{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1;min-height:0;position:relative}#stage[data-loading]:after{content:"Đang tải ruộng…";opacity:.55;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}@media (width>=900px) and (height>=600px){.top{padding-top:28px}}@media (height<=520px){.top{padding-top:max(8px, env(safe-area-inset-top));flex-direction:row;justify-content:center;gap:14px}.season{display:none}.pill{min-height:36px;margin-top:0;padding:6px 14px}}