:root{--giay: #fbf6ec;--muc: #2b2622}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#20303a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--giay)}#canh{position:fixed;inset:0}#canh canvas{display:block;touch-action:none}#tai{position:fixed;inset:0;display:grid;place-items:center;background:#20303a;font-size:17px;letter-spacing:.04em;transition:opacity .8s;z-index:10}#tai.xong{opacity:0;pointer-events:none}#thong-tin{position:fixed;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));padding:8px 12px;border-radius:12px;background:#141a1e80;font-size:13px;line-height:1.5;pointer-events:none;white-space:pre-line}#nguon{position:fixed;right:8px;bottom:4px;font-size:10px;opacity:.6;pointer-events:none;max-width:60vw;text-align:right}.can-gat{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px));width:124px;height:124px;border-radius:50%;display:none;place-items:center;touch-action:none;background:#1e1a2247;border:1.5px solid rgba(251,246,236,.55)}.can-gat i{width:54px;height:54px;border-radius:50%;background:#fbf6ecd1;transition:transform .12s;pointer-events:none}.can-gat.giu i{transition:none}#nut-chay{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(46px,calc(env(safe-area-inset-bottom) + 34px));width:72px;height:72px;border-radius:50%;display:none;border:1.5px solid rgba(251,246,236,.55);background:#1e1a2247;color:var(--giay);font-size:14px;touch-action:none}#nut-chay.bat{background:#c89a3cbf}@media (any-pointer: coarse){.can-gat{display:grid}#nut-chay{display:block}}
