:root{color-scheme:dark;--font-ui: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-arena-display: "Cinzel", "Copperplate Gothic Bold", Georgia, serif;font-family:var(--font-ui);background:#020617}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;background:#020617;font-family:var(--font-ui)}body{min-width:320px;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body,button,input,select,textarea,.font-sans,.font-mono{font-family:var(--font-ui)!important}.font-black{font-weight:700!important}.font-arena-display,.font-arena-display button,.font-arena-display input,.font-arena-display select,.font-arena-display textarea{font-family:var(--font-arena-display)!important;font-optical-sizing:auto}@keyframes fish-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes bubble-rise-1{0%{transform:translateY(10px) scale(.9);opacity:.15}50%{opacity:.5}to{transform:translateY(-12px) scale(1.08);opacity:0}}@keyframes bubble-rise-2{0%{transform:translateY(8px) scale(.85);opacity:.12}50%{opacity:.4}to{transform:translateY(-10px) scale(1.04);opacity:0}}@keyframes bubble-rise-3{0%{transform:translateY(12px) scale(.92);opacity:.16}55%{opacity:.45}to{transform:translateY(-14px) scale(1.06);opacity:0}}@keyframes pass-button-glow{0%,to{opacity:.3;transform:scale(.94)}50%{opacity:.7;transform:scale(1)}}@keyframes landing-water-ripple-dimple{0%{transform:translate(-50%,-50%) scale(.16);opacity:.78}36%{opacity:.46}to{transform:translate(-50%,-50%) scale(.82);opacity:0}}@keyframes landing-water-ripple-wave{0%{transform:translate(-50%,-50%) scale(.24);opacity:0}18%{opacity:.64}58%{opacity:.34}to{transform:translate(-50%,-50%) scale(1.06);opacity:0}}@keyframes landing-water-ripple-lens{0%{transform:translate(-50%,-50%) scale(.22);opacity:.68}46%{opacity:.32}to{transform:translate(-50%,-50%) scale(1.14);opacity:0}}.fish-bob{animation:fish-bob 1.8s ease-in-out infinite}.bubble-rise-1{animation:bubble-rise-1 1.8s ease-in-out infinite}.bubble-rise-2{animation:bubble-rise-2 1.5s ease-in-out infinite .2s}.bubble-rise-3{animation:bubble-rise-3 1.9s ease-in-out infinite .35s}.land-stack-group{--land-card-width: 64px;--land-card-height: 90px;--land-step: var(--land-step-mobile, 32px);position:relative;flex:0 0 auto;width:calc(var(--land-card-width) + (var(--land-count, 1) - 1) * var(--land-step));height:calc(var(--land-card-height) + 18px)}.land-stack-card{position:absolute;top:0;left:calc(var(--land-index, 0) * var(--land-step))}.attached-permanent-stack{--attached-card-width: 64px;--attached-step: 32px;width:calc(var(--attached-card-width) + var(--attached-count, 0) * var(--attached-step));min-width:calc(var(--attached-card-width) + var(--attached-count, 0) * var(--attached-step))}.attached-aura{left:calc(var(--attached-index, 0) * var(--attached-step))}.attached-permanent{left:calc(var(--attached-count, 0) * var(--attached-step))}.compact-permanent-pair{--compact-step: var(--compact-step-mobile, 19px);position:relative;flex:0 0 auto;width:var(--compact-width-mobile, 64px);min-width:var(--compact-width-mobile, 64px);height:126px}.compact-permanent-card{position:absolute;top:0;left:calc(var(--compact-index, 0) * var(--compact-step))}.arena-pass-button,.arena-pass-button:focus,.arena-pass-button:focus-visible,.arena-pass-button:active{position:relative;border-radius:9999px!important;outline:none!important;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-clip:padding-box;isolation:isolate;touch-action:manipulation;contain:paint;transform:translateZ(0)}.arena-pass-button::-moz-focus-inner{border:0}.arena-pass-button:after{content:"";position:absolute;inset:-4px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 #38bdf800;transition:opacity .16s ease,box-shadow .16s ease}.arena-pass-button:focus-visible:after{opacity:1;box-shadow:0 0 0 3px #ffffff29,0 0 0 6px #38bdf847}.arena-pass-button-glow{position:absolute;inset:3px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.26) 0%,rgba(255,255,255,.14) 36%,rgba(255,255,255,.04) 58%,transparent 74%);animation:pass-button-glow 1.55s ease-in-out infinite}.landing-title-shell{position:relative;display:inline-grid;place-items:center;padding-inline:.18em;overflow:visible;isolation:isolate;filter:drop-shadow(0 0 16px rgba(29,78,216,.5)) drop-shadow(0 0 34px rgba(30,64,175,.4)) drop-shadow(0 0 64px rgba(23,37,84,.26))}.landing-title-glow,.landing-title-core,.landing-title-fill{grid-area:1 / 1;white-space:inherit}.landing-title-glow{pointer-events:none;color:#2563ebe6;opacity:.96;transform:translateZ(0) scale(1.015);filter:blur(10px)}.landing-title-core{pointer-events:none;color:#1e40afdb;opacity:.92;transform:translateZ(0) scale(1.01);filter:blur(3px)}.landing-title-fill{position:relative;z-index:2;color:#fff;text-shadow:0 0 16px rgba(8,15,33,.96),0 0 30px rgba(23,37,84,.72),0 0 62px rgba(30,58,138,.44);-webkit-text-stroke:.01em rgba(255,255,255,.08)}@supports (-webkit-touch-callout: none){.landing-title-shell{filter:drop-shadow(0 0 18px rgba(29,78,216,.58)) drop-shadow(0 0 42px rgba(30,64,175,.5)) drop-shadow(0 0 88px rgba(23,37,84,.32))}.landing-title-glow{color:#2563ebf5;opacity:1;filter:blur(12px)}.landing-title-core{color:#1e40afeb;filter:blur(4px)}}.landing-water-ripple{position:absolute;transform:translate(-50%,-50%);pointer-events:none;border-radius:9999px;overflow:visible}.landing-water-ripple-dimple,.landing-water-ripple-wave,.landing-water-ripple-lens{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;border-radius:9999px;pointer-events:none;will-change:transform,opacity}.landing-water-ripple-dimple{width:22%;height:22%;background:#ffffff01;backdrop-filter:blur(12px) saturate(.88) brightness(1.03) contrast(1.08);-webkit-backdrop-filter:blur(12px) saturate(.88) brightness(1.03) contrast(1.08);mask-image:radial-gradient(circle,rgba(0,0,0,.98) 0%,rgba(0,0,0,.9) 26%,rgba(0,0,0,.28) 48%,transparent 68%);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.98) 0%,rgba(0,0,0,.9) 26%,rgba(0,0,0,.28) 48%,transparent 68%);animation:landing-water-ripple-dimple .76s ease-out forwards}.landing-water-ripple-wave{width:100%;height:100%;background:#ffffff01;backdrop-filter:blur(5px) saturate(.9) brightness(1.04) contrast(1.16);-webkit-backdrop-filter:blur(5px) saturate(.9) brightness(1.04) contrast(1.16);box-shadow:inset 0 0 14px #ffffff05;animation:landing-water-ripple-wave 1.48s cubic-bezier(.16,.66,.22,1) forwards}.landing-water-ripple-wave-1{mask-image:radial-gradient(circle,transparent 0%,transparent 70%,rgba(0,0,0,.96) 73%,rgba(0,0,0,.96) 76%,transparent 80%);-webkit-mask-image:radial-gradient(circle,transparent 0%,transparent 70%,rgba(0,0,0,.96) 73%,rgba(0,0,0,.96) 76%,transparent 80%)}.landing-water-ripple-wave-2{width:74%;height:74%;mask-image:radial-gradient(circle,transparent 0%,transparent 68%,rgba(0,0,0,.94) 72%,rgba(0,0,0,.94) 75%,transparent 80%);-webkit-mask-image:radial-gradient(circle,transparent 0%,transparent 68%,rgba(0,0,0,.94) 72%,rgba(0,0,0,.94) 75%,transparent 80%);animation-delay:.16s}.landing-water-ripple-wave-3{width:50%;height:50%;mask-image:radial-gradient(circle,transparent 0%,transparent 66%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.92) 73%,transparent 78%);-webkit-mask-image:radial-gradient(circle,transparent 0%,transparent 66%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.92) 73%,transparent 78%);animation-delay:.3s}.landing-water-ripple-lens{width:92%;height:92%;background:#ffffff01;box-shadow:none;backdrop-filter:blur(6px) saturate(.9) brightness(1.04) contrast(1.1);-webkit-backdrop-filter:blur(6px) saturate(.9) brightness(1.04) contrast(1.1);mask-image:radial-gradient(circle,rgba(0,0,0,.22) 0%,rgba(0,0,0,.12) 32%,transparent 60%,rgba(0,0,0,.18) 70%,transparent 82%);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.22) 0%,rgba(0,0,0,.12) 32%,transparent 60%,rgba(0,0,0,.18) 70%,transparent 82%);animation:landing-water-ripple-lens 1.22s ease-out forwards}@media(min-width:640px){.land-stack-group{--land-card-width: 80px;--land-card-height: 112px;--land-step: var(--land-step-desktop, 40px)}.attached-permanent-stack{--attached-card-width: 80px;--attached-step: 40px}.compact-permanent-pair{--compact-step: var(--compact-step-desktop, 24px);width:var(--compact-width-desktop, 80px);min-width:var(--compact-width-desktop, 80px);height:140px}}