:root{--bg: #0e0f10;--panel: #15171a;--panel2: #101214;--border: #3b3f45;--borderGold: #caa85a;--text: #e0e0c0;--muted: #a1a19a;--accent: #76cfff;--danger: #ff3b30;--warn: #ff9500;--ok: #9acd32;--info: #6495ed;--mana: #1e3a8a;--shadow: rgba(0, 0, 0, .5);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color-scheme:dark;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}body{margin:0;background:var(--bg);color:var(--text)}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}::selection{background:#76cfff47}.appRoot{width:100%;height:100%;background:radial-gradient(circle at top,rgba(204,134,92,.16),transparent 26%),linear-gradient(180deg,#0d0908,#120c0a);color:var(--text)}.webclientUpdateNotice{position:fixed;right:16px;bottom:16px;z-index:900;display:flex;align-items:stretch;max-width:min(320px,calc(100vw - 32px));border:1px solid rgba(241,204,122,.42);border-radius:14px;background:linear-gradient(180deg,#22160ef5,#100b08f7);box-shadow:0 10px 30px #00000080,0 0 18px #c89a4733;animation:webclientUpdateNoticeIn .45s cubic-bezier(.2,.8,.3,1) both}.webclientUpdateNoticeMain{display:flex;align-items:center;gap:10px;flex:1;padding:10px 6px 10px 14px;border:0;background:transparent;color:#fff0d2f5;text-align:left;cursor:pointer;font:inherit}.webclientUpdateNoticeMain:hover .webclientUpdateNoticeText small{color:#f8d78f;text-decoration:underline}.webclientUpdateNoticeIcon{color:#f8d78ff2;font-size:18px;animation:webclientUpdateNoticePulse 2.4s ease-in-out infinite}.webclientUpdateNoticeText{display:grid;gap:2px;font-size:13px;line-height:1.25}.webclientUpdateNoticeText small{color:#f8d78fcc;font-size:12px}.webclientUpdateNoticeClose{align-self:flex-start;width:26px;height:26px;margin:4px 4px 0 0;border:0;border-radius:999px;background:transparent;color:#fff0d299;font-size:18px;line-height:1;cursor:pointer}.webclientUpdateNoticeClose:hover{background:#ffffff14;color:#fff0d2f2}@keyframes webclientUpdateNoticeIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes webclientUpdateNoticePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.webclientUpdateNotice,.webclientUpdateNoticeIcon{animation:none}}.appLoadingSplash{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 24%,#ffb65f29,#0d0908b8 48%,#060404f5),#090706;display:flex;align-items:center;justify-content:center}.appLoadingSplashImage{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.appLoadingSplashOverlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px 10px;background:linear-gradient(180deg,#180e0a52,#0000000f 20%,#0000)}.appLoadingSplashLabel{color:#f8dfaff5;font-size:12px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.75)}.appCrashSplash{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at center,#93433647,#000000d6 62%),#090706}.appCrashSplashPanel{width:min(560px,100%);padding:18px 20px}.appCrashSplashTitle{font-size:18px;font-weight:700;color:#f2dac2;margin-bottom:10px}.appCrashSplashText{color:#f8ead6eb;line-height:1.45}.appCrashSplashText+.appCrashSplashText{margin-top:8px}.appCrashSplashTextMuted{color:#f0d6b0b8}.appCrashSplashActions{display:flex;justify-content:flex-end;margin-top:16px}