:root{--tw-neutral-0: #10121C;--tw-neutral-1: #1F2233;--tw-neutral-2: #3B4058;--tw-neutral-3: #5C6382;--tw-neutral-4: #8A92B2;--tw-neutral-5: #B8BFD8;--tw-neutral-6: #E4E8F5;--tw-neutral-7: #FFFFFF;--tw-skin-0: #6B3A2A;--tw-skin-1: #9C5A3C;--tw-skin-2: #C98159;--tw-skin-3: #E8B08A;--tw-skin-4: #FFD9B8;--tw-foliage-0: #14301C;--tw-foliage-1: #1D5228;--tw-foliage-2: #2E7D32;--tw-foliage-3: #4CAF50;--tw-foliage-4: #8BC34A;--tw-foliage-5: #CDDC39;--tw-earth-0: #2B1D14;--tw-earth-1: #4A3121;--tw-earth-2: #6D4C2F;--tw-earth-3: #9C7143;--tw-earth-4: #C9A06A;--tw-stone-0: #2A2D3A;--tw-stone-1: #454A5E;--tw-stone-2: #6B7186;--tw-stone-3: #9AA0B5;--tw-stone-4: #C8CDDC;--tw-water-0: #0B1E3D;--tw-water-1: #123A6B;--tw-water-2: #1F6FB2;--tw-water-3: #38A3E8;--tw-water-4: #7FD4F5;--tw-fire-0: #4A0E0E;--tw-fire-1: #8C1C1C;--tw-fire-2: #D63A2F;--tw-fire-3: #F2701F;--tw-fire-4: #FFB02E;--tw-fire-5: #FFE06A;--tw-magic-0: #2A0E4A;--tw-magic-1: #55208C;--tw-magic-2: #8B3FD6;--tw-magic-3: #B878F5;--tw-magic-4: #E0B6FF;--tw-poison-0: #1A3312;--tw-poison-1: #2F6B1E;--tw-poison-2: #5FAE2B;--tw-poison-3: #9EE34D;--tw-gold-0: #5C3A0A;--tw-gold-1: #96650F;--tw-gold-2: #D9971B;--tw-gold-3: #F5C542;--tw-gold-4: #FFE9A3;--tw-blood-0: #3D0A12;--tw-blood-1: #7A1424;--tw-blood-2: #C0293F;--tw-blood-3: #F0566B;--tw-ice-0: #1B3A52;--tw-ice-1: #2E6A8F;--tw-ice-2: #52A8CC;--tw-ice-3: #92DCEE;--tw-ice-4: #D6F5FF;--tw-outline: #10121C;--tw-rarity-common: #8A92B2;--tw-rarity-uncommon: #4CAF50;--tw-rarity-rare: #38A3E8;--tw-rarity-epic: #8B3FD6;--tw-rarity-legendary: #F5C542;--tw-rarity-mythic: #C0293F;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--tw-neutral-0);font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--tw-neutral-6);user-select:none;-webkit-user-select:none}#game-canvas{position:absolute;top:0;left:0;display:block;image-rendering:pixelated;image-rendering:crisp-edges}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:100;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}