.network-banner{position:fixed;bottom:0;left:0;right:0;background:#ffca28;color:#222;padding:10px 14px;text-align:center;z-index:1000;box-shadow:0 -2px 6px #0003}.unified-bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;display:none}.era-match-active .unified-bg{opacity:0}.era-match-active .floating-elements.global{display:none}.unified-bg:before{content:"";position:absolute;inset:0;width:100vw;height:100vh;background-image:radial-gradient(circle at 18% 32%,rgba(94,213,255,.18) 0%,transparent 52%),radial-gradient(circle at 76% 68%,rgba(128,102,255,.16) 0%,transparent 52%),radial-gradient(circle at 42% 78%,rgba(34,199,240,.14) 0%,transparent 50%);animation:ubgPulse 16s ease-in-out infinite;pointer-events:none}.unified-bg:after{content:"";position:absolute;inset:0;width:100vw;height:100vh;background-image:radial-gradient(1.5px 1.5px at 20px 30px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 40px 70px,rgba(102,191,255,.55),transparent),radial-gradient(1px 1px at 90px 40px,rgba(173,216,255,.5),transparent),radial-gradient(1px 1px at 130px 80px,rgba(138,180,248,.45),transparent);background-repeat:repeat;background-size:180px 180px;animation:ubgDrift 36s linear infinite,ubgTwinkle 8s ease-in-out infinite;pointer-events:none}@keyframes ubgPulse{0%,to{opacity:.6;transform:scale(1) rotate(0)}40%{opacity:.9;transform:scale(1.02) rotate(.4deg)}70%{opacity:.75;transform:scale(1.01) rotate(-.4deg)}}@keyframes ubgDrift{0%{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(-60vh) rotate(360deg) scale(1.03)}}@keyframes ubgTwinkle{0%,to{opacity:.65}30%{opacity:1}60%{opacity:.8}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.h-screen-safe{height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100)}.min-h-screen-safe{min-height:100vh;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100)}.p-safe{padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.px-safe{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.py-safe{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.pl-safe{padding-left:env(safe-area-inset-left,0px)}.pr-safe{padding-right:env(safe-area-inset-right,0px)}.scroll-smooth{-webkit-overflow-scrolling:touch}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.no-callout{-webkit-touch-callout:none}.touch-fast{touch-action:manipulation}.touch-pan-y{touch-action:pan-y}.touch-none{touch-action:none}@media (orientation: portrait){.landscape-only{display:none!important}.portrait-p-4{padding:16px}.portrait-text-sm{font-size:14px}}@media (orientation: landscape){.portrait-only{display:none!important}.landscape-p-4{padding:16px}}@supports (-webkit-touch-callout: none){.ios-fixed-bottom{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.ios-vh-fix{height:-webkit-fill-available}}@supports not (-webkit-touch-callout: none){.android-notch-fix{padding-top:max(env(safe-area-inset-top,0px),24px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-fadeIn,.animate-slideIn,.animate-scaleIn{animation:none!important}}.focus-ring:focus-visible{outline:2px solid currentColor;outline-offset:2px}.no-tap-highlight{-webkit-tap-highlight-color:transparent}.no-tap-highlight:focus-visible{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.game-board-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.modal-overlay-mobile{position:fixed;inset:0;width:100vw;height:100vh;background:#000000bf;backdrop-filter:blur(8px);z-index:9999;touch-action:none}.no-overscroll{overscroll-behavior:none;overscroll-behavior-y:none}.landscape-hint{display:none}@media (orientation: portrait) and (max-width: 480px){.landscape-hint{display:flex;position:fixed;inset:0;z-index:99999;background:#05070b;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:20px;text-align:center}.landscape-hint-icon{font-size:48px;animation:rotateHint 2s ease-in-out infinite}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}}.fixed-full{position:fixed;inset:0;width:100vw;height:100vh}.container-safe{width:100%;max-width:100vw;padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}