.island-fly-in{z-index:2147482000;pointer-events:auto;cursor:progress;background:radial-gradient(1px 1px at 12% 18%,#fff 98%,#0000),radial-gradient(1px 1px at 27% 72%,#fffc 98%,#0000),radial-gradient(1.5px 1.5px at 41% 9%,#fff 98%,#0000),radial-gradient(1px 1px at 63% 84%,#fffb 98%,#0000),radial-gradient(1.5px 1.5px at 78% 22%,#fff 98%,#0000),radial-gradient(1px 1px at 88% 61%,#fffa 98%,#0000),radial-gradient(1px 1px at 7% 52%,#fff9 98%,#0000),radial-gradient(1px 1px at 52% 46%,#fff8 98%,#0000),radial-gradient(1.5px 1.5px at 93% 91%,#fffc 98%,#0000),radial-gradient(1px 1px at 33% 34%,#fff9 98%,#0000),radial-gradient(at 50% 45%,#1d2a52,#0d1229 72%);position:fixed;inset:0;overflow:hidden}.island-fly-in>canvas{width:100%;height:100%;position:absolute;inset:0}.island-fly-map{transform-origin:0 0;will-change:transform,opacity;position:absolute;inset:0}.island-fly-map .island-map-art{width:100%;height:100%}.island-fly-marker{will-change:transform,opacity;width:0;height:0;position:absolute;top:0;left:0}.island-fly-marker i{border:3px solid #fff;border-radius:50%;width:44px;height:44px;animation:1.1s ease-out infinite island-fly-pulse;position:absolute;top:-22px;left:-22px;box-shadow:0 0 0 3px #7e4ce8aa,0 4px 18px #0005}.island-fly-marker span{white-space:nowrap;color:#fff;background:#7e4ce8;border-radius:999px;padding:5px 12px;font:700 14px/1.2 Outfit,DM Sans,system-ui,sans-serif;position:absolute;top:30px;left:0;transform:translate(-50%);box-shadow:0 4px 14px #0004}@keyframes island-fly-pulse{0%{opacity:1;transform:scale(.7)}to{opacity:.15;transform:scale(1.5)}}.island-fly-map .island-map-art{overflow:visible}.wallet-chips{flex:none;align-items:center;gap:6px;display:flex}.wallet-chip{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:30px;align-items:center;gap:5px;height:34px;padding:0 11px 0 8px;font:750 14px Outfit,sans-serif;display:inline-flex}.wallet-chip svg{flex:none}.wallet-chip small{opacity:.75;margin-left:-2px;font:700 11px Outfit,sans-serif}.wallet-exp{color:#1f6b9c;background:#e5f4fd}.wallet-gold{color:#946e1f;background:#fbf0d4}:root[data-theme=dark] .wallet-exp{color:#a9dcfa;background:#1d3442}:root[data-theme=dark] .wallet-gold{color:#f2cf78;background:#3a3020}@media (max-width:760px){.wallet-chip{height:30px;padding:0 9px 0 6px;font-size:13px}.wallet-chip small{display:none}.wallet-chips{gap:4px}}.play-header .header-wallet{margin-left:auto}@media (max-width:760px){.play-header .header-wallet{margin-left:auto}.play-header:has(.header-wallet) .mobile-header-actions{margin-left:6px}}.reward-flight{z-index:2147483000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.reward-orb{will-change:transform,opacity;filter:drop-shadow(0 0 6px #7fd0ffaa)drop-shadow(0 2px 3px #0003);place-items:center;width:26px;height:26px;display:grid;position:absolute;top:0;left:0}.reward-orb-gold{filter:drop-shadow(0 0 6px #f5c542bb)drop-shadow(0 2px 3px #0003)}.wallet-chip.is-bump{--bump:#7fd0ff;animation:.34s cubic-bezier(.3,1.6,.5,1) wallet-bump}.wallet-gold.is-bump{--bump:#f5c542}@keyframes wallet-bump{0%{transform:scale(1);box-shadow:0 0 #0000}40%{box-shadow:0 0 0 2px var(--bump),0 0 14px var(--bump);transform:scale(1.16)}to{transform:scale(1);box-shadow:0 0 #0000}}.island-bucks-reward .reward-gold-line{color:#946e1f;align-items:center;gap:4px;font-weight:700;display:inline-flex}.reward-tag{white-space:nowrap;color:#1f6b9c;text-shadow:0 1px #fff,0 0 8px #fff;font:800 15px Outfit,sans-serif;animation:1.4s ease-out forwards reward-tag;position:absolute;transform:translate(-30%)}.reward-tag-gold{color:#946e1f}:root[data-theme=dark] .reward-tag{color:#a9dcfa;text-shadow:0 1px 2px #000}:root[data-theme=dark] .reward-tag-gold{color:#f2cf78}@keyframes reward-tag{0%{opacity:0;translate:0 -6px}15%{opacity:1;translate:0}70%{opacity:1}to{opacity:0;translate:0 14px}}.reward-tag-loss{color:#c8361f;font-size:16px;animation:2s ease-out forwards reward-loss;transform:translate(-50%)}:root[data-theme=dark] .reward-tag-loss{color:#ff8a72}@keyframes reward-loss{0%{opacity:0;translate:0 -10px;scale:1.25}12%{opacity:1;translate:0;scale:1}75%{opacity:1;translate:0 8px}to{opacity:0;translate:0 18px}}.is-loss{--bump:#e0634a;animation:.5s ease-out wallet-loss}@keyframes wallet-loss{0%,to{transform:translate(0);box-shadow:0 0 #0000}20%{box-shadow:0 0 0 2px var(--bump),0 0 12px var(--bump);transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}
