/* GENERATED FILE — edit canonical sources under src/frontend/ and rebuild with tools/build-frontend.mjs. */ /* RF-AVALON Cabinet — single runtime stylesheet Current structural/component rules are kept in cascade order. Global design tokens are centralized in the final canonical :root block; add new theme overrides deliberately instead of appending another token family. */ /* ========================================================================== 01 CORE / app.css ========================================================================== */ html { min-height: 100%; } body { min-width: 320px; min-height: 100vh; margin: 0; color: var(--text); background: radial-gradient(circle at 68% -15%, rgba(50, 105, 171, .16), transparent 38%), var(--bg); } button, input { font: inherit; } button, a { -webkit-tap-highlight-color: transparent; } button { color: inherit; } a { color: inherit; text-decoration: none; } .is-hidden { display: none !important; } .boot-screen { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 10px; background: radial-gradient(circle, rgba(34, 74, 124, .14), transparent 35%); } .boot-screen strong { margin-top: 7px; font-size: 1rem; letter-spacing: .12em; } .boot-screen small { color: var(--muted); font-size: .75rem; } .brand-glyph { width: 47px; height: 47px; display: grid; place-items: center; position: relative; transform: rotate(45deg); border: 1px solid rgba(255, 188, 60, .7); background: linear-gradient(145deg, rgba(255, 188, 60, .12), rgba(241, 119, 0, .04)); box-shadow: 0 0 28px rgba(241, 119, 0, .13); } .brand-glyph::before, .brand-glyph::after, .brand-glyph i { content: ""; position: absolute; } .brand-glyph::before { inset: 9px; border: 1px solid rgba(255, 188, 60, .55); } .brand-glyph::after { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 11px var(--orange); } .brand-glyph i { width: 1px; height: 66px; background: linear-gradient(transparent, rgba(255,188,60,.32), transparent); } .brand-glyph.small { width: 34px; height: 34px; } .brand-glyph.small::before { inset: 7px; } .brand-glyph.small i { height: 47px; } .login-screen { grid-template-columns: minmax(400px, 1.12fr) minmax(420px, .88fr); } .brand { height: 54px; display: inline-flex; align-items: center; gap: 17px; position: relative; z-index: 3; } .brand > span:last-child { display: grid; } .brand b { font-size: .875rem; letter-spacing: .09em; } .brand small { margin-top: 3px; color: var(--muted); font-size: .75rem; letter-spacing: .16em; text-transform: uppercase; } .brand-login { width: fit-content; } .metric-icon{ width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 9px; color: var(--green); background: rgba(73, 210, 160, .06); } .login-form-side { display: grid; background: radial-gradient(circle at 100% 0, rgba(67, 110, 171, .1), transparent 38%), #0a1424; } .login-card { width: min(100%, 430px); border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(19, 33, 55, .97), rgba(11, 21, 37, .98)); box-shadow: var(--shadow); } .login-heading h2 { margin: 12px 0 8px; } .login-heading p { margin: 0 0 30px; color: var(--muted); } .field { margin-top: 18px; display: grid; gap: 8px; } .field > span:first-child { color: #aebbd0; font-size: .75rem; font-weight: 700; } .input-wrap { min-height: 50px; padding: 0 13px; display: grid; grid-template-columns: 21px 1fr auto; align-items: center; gap: 9px; border: 1px solid #293c58; border-radius: 10px; background: #0b1627; transition: border-color .2s, box-shadow .2s; } .input-wrap:focus-within { border-color: rgba(255, 189, 62, .65); box-shadow: 0 0 0 3px rgba(245, 158, 11, .08); } .input-wrap input { min-width: 0; height: 48px; border: 0; outline: 0; color: #f6f8fc; background: transparent; font-size: .75rem; } .input-wrap input::placeholder { color: #52647e; } .reveal-button { padding: 6px 0 6px 8px; border: 0; color: #6f83a0; background: none; font-size: .75rem; cursor: pointer; } .reveal-button:hover { color: #fff; } .form-error { min-height: 31px; padding-top: 10px; color: #ff9696; font-size: .75rem; line-height: 1.45; } .primary-action { min-height: 48px; padding: 0 19px; border: 1px solid #ffbd3e; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; color: #1a1005; background: linear-gradient(135deg, #ffc843, #ed7600); box-shadow: 0 10px 30px rgba(238, 118, 0, .17); font-size: .75rem; font-weight: 850; cursor: pointer; transition: transform .2s, filter .2s; } .login-card > .primary-action { width: 100%; } .primary-action:hover { filter: brightness(1.08); transform: translateY(-1px); } .primary-action:disabled { cursor: wait; filter: grayscale(.4); opacity: .7; transform: none; } .primary-action.is-loading span::after { content: "…"; } .login-links { margin-top: 20px; display: flex; justify-content: space-between; } .login-links a { color: #8aa0c1; font-size: .75rem; } .login-links a:hover { color: var(--gold); } .status-dot { width: 5px; height: 5px; display: inline-block; margin-right: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); } .app-shell { min-height: 100vh; } .topbar { height: 72px; padding: 0 28px; display: flex; align-items: center; position: sticky; z-index: 30; top: 0; border-bottom: 1px solid var(--line); background: rgba(7, 16, 30, .91); backdrop-filter: blur(18px); } .topbar .brand { min-width: 260px; } .project-links { height: 100%; min-width: 0; flex: 1 1 auto; display: flex; align-items: center; gap: clamp(18px,2vw,34px); overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; } .project-links::-webkit-scrollbar { display: none; } .project-links a { color: #8293ad; font-size: .75rem; font-weight: 750; } .project-links a:hover { color: #fff; } .top-profile { margin-left: auto; padding-left: 25px; display: flex; align-items: center; gap: 10px; border-left: 1px solid var(--line); } .profile-avatar { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255, 189, 62, .4); border-radius: 9px; color: #ffe1a0; background: linear-gradient(145deg, #3a2d20, #1a1c25); font-size: .75rem; font-weight: 800; } .top-profile > span:last-child { display: grid; } .top-profile b { min-width: 0; max-width: 130px; overflow: hidden; font-size: .75rem; white-space: nowrap; text-overflow: ellipsis; } .top-profile small { margin-top: 3px; color: var(--muted); font-size: .75rem; } .menu-button { display: none; } .workspace { display: grid; } .sidebar { padding: 25px 16px 18px; position: sticky; z-index: 25; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: linear-gradient(180deg, #0d1829, #0a1423); } .side-nav { margin-top: 27px; display: grid; gap: 4px; } .nav-label { margin: 0 10px 8px; color: #4e627f; font-size: .75rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .side-nav button, .side-nav a { padding: 0 12px; border: 1px solid transparent; border-radius: 8px; display: grid; grid-template-columns: 21px 1fr auto; align-items: center; gap: 10px; color: #7f91ac; background: transparent; font-size: .75rem; font-weight: 720; text-align: left; cursor: pointer; } .side-nav button:hover, .side-nav a:hover { color: #fff; background: rgba(40, 59, 88, .24); } .side-nav .is-active { border-color: rgba(255, 189, 62, .17); color: #fff; background: linear-gradient(90deg, rgba(245, 158, 11, .12), rgba(245, 158, 11, .015)); box-shadow: inset 2px 0 var(--gold); } .side-nav button > em { min-width: 20px; padding: 3px 5px; border-radius: 8px; color: #ffcf6d; background: rgba(245, 158, 11, .12); font-size: .75rem; font-style: normal; text-align: center; } .external-mark { font-size: .75rem; font-weight: 400; } .sidebar-foot { margin-top: auto; } .logout-action { width: 100%; height: 42px; margin-top: 8px; border: 0; border-radius: 8px; display: flex; align-items: center; gap: 9px; color: #657995; background: none; font-size: .75rem; cursor: pointer; } .logout-action:hover { color: #ff8f8f; background: rgba(255, 107, 107, .04); } .logout-action i { width: 13px; height: 13px; border-left: 1px solid currentColor; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; } .sidebar-backdrop { display: none; } .content { min-width: 0; padding: 42px clamp(28px, 4.2vw, 72px) 76px; } .app-view { width: min(1180px, 100%); margin: 0 auto; } .welcome-panel { padding: 36px 45px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid var(--line); border-radius: 16px; background: radial-gradient(circle at 83% 44%, rgba(50, 117, 202, .17), transparent 27%), linear-gradient(135deg, rgba(20, 35, 58, .98), rgba(10, 20, 36, .98)); box-shadow: 0 18px 60px rgba(0,0,0,.18); } .welcome-panel::before { content: ""; width: 3px; height: 67px; position: absolute; left: 0; top: 40px; background: linear-gradient(var(--gold), var(--orange)); box-shadow: 0 0 18px rgba(245,158,11,.38); } .welcome-panel::after { content: ""; inset: 0 0 0 45%; position: absolute; opacity: .2; background-image: linear-gradient(rgba(91, 124, 172, .14) 1px, transparent 1px), linear-gradient(90deg, rgba(91, 124, 172, .14) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg, transparent, #000); } .welcome-copy { position: relative; z-index: 2; } .welcome-copy h1 { margin: 13px 0 8px; font-size: clamp(29px, 3.2vw, 44px); line-height: 1.1; letter-spacing: -.045em; } .welcome-copy h1 em { color: #ffd681; font-style: normal; } .welcome-copy p { margin: 0; color: #96a8c1; font-size: .75rem; line-height: 1.7; } .welcome-actions { margin-top: 24px; display: flex; gap: 10px; } .primary-action.compact, .ghost-action { min-height: 42px; padding: 0 18px; } .ghost-action { border: 1px solid #30445f; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; color: #aab8cc; background: rgba(23, 37, 60, .65); font-size: .75rem; font-weight: 750; } .ghost-action:hover { color: #fff; border-color: #526a8e; } .panel-head h2{ margin: 5px 0 0; font-size: 1.0625rem; } .metric-card { padding: 20px; overflow: hidden; position: relative; border: 1px solid var(--line); border-radius: 13px; color: var(--gold); background: linear-gradient(145deg, rgba(18,31,52,.98), rgba(11,21,37,.98)); } .metric-card::before { content: ""; height: 29px; position: absolute; left: 0; top: 18px; background: currentColor; } .metric-icon { position: absolute; right: 16px; top: 15px; color: currentColor; opacity: .74; background: rgba(255,255,255,.02); } .metric-card > small { color: var(--muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .09em; } .metric-card > strong { margin: 17px 0 6px; display: block; color: var(--text); font-size: 1.5rem; letter-spacing: -.035em; } .metric-card > strong em { color: currentColor; font-size: .75rem; font-style: normal; letter-spacing: .1em; } .metric-card p { margin: 0; position: relative; z-index: 1; color: #687b98; font-size: .75rem; } .panel { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(17,29,49,.98), rgba(10,20,35,.98)); } .panel-head { min-height: 69px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-soft); } .panel-head > span:first-child { display: grid; } .panel-head button { border: 0; display: flex; align-items: center; gap: 8px; color: var(--gold); background: none; font-size: .75rem; font-weight: 750; cursor: pointer; } .preview-row { width: 100%; min-height: 66px; padding: 8px 16px; display: grid; grid-template-columns: 40px minmax(100px, 1fr) 42px 55px 12px; align-items: center; gap: 11px; border: 0; border-bottom: 1px solid var(--line-soft); color: var(--text); background: transparent; text-align: left; cursor: pointer; } .preview-row:hover { background: rgba(41, 59, 87, .18); } .race-avatar { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #3d5373; border-radius: 9px; color: #dcecff; background: radial-gradient(circle at 70% 25%, #34547c, #17243a); font-size: .75rem; font-weight: 800; } .race-avatar.acc { border-color: #6a4936; color: #ffd1ae; background: radial-gradient(circle at 70% 25%, #603b27, #241b1d); } .race-avatar.cora { border-color: #5d4783; color: #e2caff; background: radial-gradient(circle at 70% 25%, #49356e, #1e1a31); } .preview-copy { min-width: 0; display: grid; } .preview-copy b { min-width: 0; overflow: hidden; font-size: .75rem; white-space: nowrap; text-overflow: ellipsis; } .preview-copy small { overflow: hidden; margin-top: 4px; color: var(--muted); font-size: .75rem; white-space: nowrap; text-overflow: ellipsis; } .preview-level { display: flex; align-items: baseline; gap: 3px; } .preview-level small { color: var(--dim); font-size: .75rem; } .preview-level b { font-size: .8125rem; } .preview-row > em { color: #657894; font-size: .75rem; font-style: normal; } .preview-row > em.is-online { color: var(--green); } .row-chevron { width: 7px; height: 7px; border-top: 1px solid #5a6e8c; border-right: 1px solid #5a6e8c; transform: rotate(45deg); } .inline-empty { padding: 28px; color: var(--muted); font-size: .75rem; text-align: center; } .read-only-badge { background: rgba(75,168,255,.05); font-style: normal; letter-spacing: .08em; } .page-heading { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 18px; } .page-heading > span { display: grid; } .page-heading h1 { margin: 7px 0 5px; font-size: 1.875rem; letter-spacing: -.04em; } .page-heading p { margin: 0; color: var(--muted); font-size: .75rem; } .character-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; } .character-card { overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, #111e32, #0b1525); } .character-visual { height: 150px; position: relative; overflow: hidden; display: grid; place-items: center; background: radial-gradient(circle, rgba(75,168,255,.24), transparent 56%), linear-gradient(145deg, #172a45, #0b1628); } .character-card.acc .character-visual { background: radial-gradient(circle, rgba(228,112,44,.25), transparent 56%), linear-gradient(145deg, #31201d, #14151d); } .character-card.cora .character-visual { background: radial-gradient(circle, rgba(151,89,231,.25), transparent 56%), linear-gradient(145deg, #271f3e, #131321); } .character-visual::before, .character-visual::after { content: ""; position: absolute; border: 1px solid rgba(130,165,215,.15); transform: rotate(45deg); } .character-visual::before { width: 100px; height: 100px; } .character-visual::after { width: 68px; height: 68px; } .character-visual span { position: relative; z-index: 2; color: rgba(255,255,255,.88); font-size: 2.9375rem; font-weight: 780; text-shadow: 0 0 30px rgba(75,168,255,.35); } .character-visual i { width: 75%; height: 1px; position: absolute; bottom: 0; background: linear-gradient(90deg, transparent, #4ba8ff, transparent); } .character-body { padding: 18px; } .character-body h2 { margin: 15px 0 4px; font-size: 1.125rem; } .character-body > p { margin: 0; color: var(--muted); font-size: .75rem; } .character-stats { margin: 17px 0 0; padding-top: 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 9px; border-top: 1px solid var(--line-soft); } .character-stats div { min-width: 0; display: grid; gap: 3px; } .character-stats dt { color: var(--dim); font-size: .75rem; } .character-stats dd { overflow: hidden; margin: 0; font-size: .75rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; } .empty-state { min-height: 300px; display: grid; place-content: center; justify-items: center; border: 1px dashed var(--line); border-radius: 15px; text-align: center; } .empty-state > span { width: 34px; height: 34px; color: var(--blue); } .empty-state h2 { margin: 16px 0 7px; color: var(--text); font-size: 1rem; } .empty-state p { margin: 0; font-size: .75rem; } .mobile-nav { display: none; } .toast { max-width: min(380px, calc(100vw - 30px)); min-height: 44px; padding: 0 17px; position: fixed; z-index: 100; right: 22px; bottom: 22px; display: flex; align-items: center; border: 1px solid rgba(73,210,160,.26); border-radius: 10px; color: #c9f7e6; background: rgba(12,31,35,.94); box-shadow: var(--shadow); font-size: .75rem; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .2s, transform .2s; } .toast.is-visible { opacity: 1; transform: none; } @media (max-width: 1050px) { .character-grid { grid-template-columns: repeat(2, 1fr); } .project-links { display: none; } } @media (max-width: 820px) { .login-screen { grid-template-columns: 1fr; } .login-form-side { place-items: start center; } .login-card { margin-top: -1px; padding: 28px 23px; } .topbar { height: 64px; padding: 0 15px; } .topbar .brand { min-width: 0; } .topbar .brand small, .top-profile > span:last-child { display: none; } .top-profile { padding-left: 14px; border-left: 0; } .menu-button { width: 35px; height: 35px; margin-right: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; display: grid; align-content: center; gap: 4px; background: rgba(18,31,51,.8); } .menu-button span { width: 17px; height: 1px; background: #a6b5ca; } .workspace { min-height: calc(100vh - 64px); grid-template-columns: 1fr; } .sidebar { width: min(280px, 86vw); height: calc(100vh - 64px); position: fixed; left: 0; top: 64px; transform: translateX(-102%); transition: transform .22s; box-shadow: 24px 0 60px rgba(0,0,0,.4); } .sidebar.is-open { transform: none; } .sidebar-backdrop { inset: 64px 0 0; position: fixed; z-index: 20; border: 0; display: block; visibility: hidden; background: rgba(2,8,17,.66); opacity: 0; transition: opacity .2s, visibility .2s; } .sidebar-backdrop.is-open { visibility: visible; opacity: 1; } .content { padding: 27px 18px 92px; } .welcome-panel { min-height: auto; padding: 30px 25px; } .mobile-nav { height: 66px; padding: 5px 10px max(5px, env(safe-area-inset-bottom)); position: fixed; z-index: 29; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); background: rgba(8,17,31,.96); backdrop-filter: blur(17px); } .mobile-nav button, .mobile-nav a { border: 0; display: grid; place-content: center; justify-items: center; gap: 3px; color: #667a98; background: none; font-size: .75rem; } .mobile-nav .is-active { color: var(--gold); } .mobile-nav i { width: 18px; height: 18px; } .toast { right: 15px; bottom: 81px; } } @media (max-width: 580px) { .character-grid{ grid-template-columns: 1fr; } .welcome-actions { align-items: stretch; flex-direction: column; } .page-heading { min-height: 100px; align-items: start; flex-direction: column; justify-content: center; } .preview-row { grid-template-columns: 40px minmax(80px, 1fr) 42px 11px; } .preview-row > em { display: none; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } } /* V1.1.0 admin entry */ /* V1.1.1 unified SVG icon system */ .ui-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;overflow:visible} .input-icon{width:19px;height:19px;color:#d6e1ef} .action-arrow{width:17px;height:17px} .nav-svg{width:19px;height:19px;color:currentColor;opacity:.9;transition:opacity .18s,transform .18s} .side-nav button:hover .nav-svg,.side-nav a:hover .nav-svg,.side-nav .is-active .nav-svg{opacity:1} .side-nav button:hover .nav-svg,.side-nav a:hover .nav-svg{transform:translateX(1px)} .external-mark{width:20px;height:20px;display:grid;place-items:center;color:#6f86a5} .external-mark .ui-icon{width:14px;height:14px} .side-nav a:hover .external-mark{color:#fff} .logout-icon{width:16px;height:16px} .logout-action i{display:none} .metric-icon .ui-icon{width:20px;height:20px} .security-card-icon{width:39px;height:39px;margin-bottom:23px;display:grid!important;place-items:center;color:var(--gold);border:1px solid rgba(245,158,11,.24);border-radius:10px;background:rgba(245,158,11,.04)} .security-card-icon .ui-icon{width:21px;height:21px} .empty-icon{width:44px;height:44px;display:grid!important;place-items:center;color:#6ba9e8;border:1px solid rgba(86,153,217,.28);border-radius:12px;background:rgba(64,128,191,.06)} .empty-icon .ui-icon{width:23px;height:23px} .mobile-nav .nav-svg{width:20px;height:20px} /* V1.2.1 global race online widget */ @keyframes race-orbit-spin{to{transform:rotate(360deg)}} @media(max-width:820px){.welcome-panel{align-items:flex-start;flex-direction:column}} /* V1.2.2 race-online spacing polish */ /* V1.3.0 race legend clearance */ /* V1.4.0 account services + security policies */ .account-services-section{margin-top:18px;border:1px solid rgba(46,76,111,.55);border-radius:16px;background:linear-gradient(145deg,rgba(16,35,59,.9),rgba(7,17,30,.96));overflow:hidden} .account-services-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid rgba(47,75,108,.42)} .account-services-head>span:first-child small{display:block;color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .account-services-head h2{margin:5px 0 4px;font-size:1.125rem}.account-services-head p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55} .account-services-player{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px} .account-service-card{padding:18px;border:1px solid rgba(46,75,108,.45);border-radius:13px;background:rgba(7,17,30,.66);position:relative}.account-service-card.is-disabled{opacity:.58}.account-service-card.is-disabled form{pointer-events:none} .account-service-card>p{min-height:30px;margin:14px 0;color:#7f94b1;font-size:.75rem;line-height:1.55}.account-service-card>p b{color:#dce9fa;font-weight:800} .account-service-card form{display:grid;gap:9px}.account-service-card label{display:grid;gap:5px}.account-service-card label>span{color:#8da2bd;font-size:.75rem;font-weight:800}.account-service-card input{width:100%;height:40px;border:1px solid #29445f;border-radius:8px;background:#081526;color:#e7f0fb;padding:0 11px;font:inherit;font-size:.75rem;outline:none}.account-service-card input:focus{border-color:#b97c11;box-shadow:0 0 0 3px rgba(245,158,11,.06)} .account-service-card .primary-action{width:100%;margin-top:2px;justify-content:center}.account-service-card .primary-action:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.4)} .account-service-state{min-height:15px;margin-top:8px;color:#7790b0;font-size:.75rem}.account-service-state.error{color:#ff9097}.account-service-state.ok{color:#55ddb8}.account-service-state.disabled{color:#ddb66a} .account-services-staff{margin:16px;padding:17px;border:1px solid rgba(69,94,125,.4);border-radius:11px;background:rgba(9,22,38,.7);color:#889db9;font-size:.75rem;text-align:center} @media(max-width:820px){.account-services-player{grid-template-columns:1fr}.account-services-head{align-items:flex-start;flex-direction:column}} @media(max-width:580px){.account-services-head{padding:17px}.account-services-player{padding:10px}.account-service-card{padding:15px}} /* V1.4.0 — Account Security & Policies */ .security-service-status{margin:0 0 10px;padding:9px 10px;border:1px solid rgba(72,96,133,.35);border-radius:8px;background:rgba(10,23,40,.68);color:#8fa6c3;font-size:.75rem;font-weight:800;line-height:1.45} .security-service-status.ok{border-color:rgba(76,210,164,.28);background:rgba(36,166,128,.07);color:#70e3bd} .security-service-status.error{border-color:rgba(255,103,114,.28);background:rgba(217,61,72,.07);color:#ff9aa2} .security-service-status.disabled{border-color:rgba(203,167,96,.22);background:rgba(198,143,43,.05);color:#d8b66e} .security-service-status.neutral{color:#9eb0c9} .secondary-action{min-height:42px;padding:0 15px;border:1px solid rgba(92,118,153,.52);border-radius:10px;background:rgba(15,31,52,.78);color:#c7d5e8;font-size:.75rem;font-weight:850;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,opacity .2s} .secondary-action:hover:not(:disabled){border-color:rgba(140,166,201,.72);background:rgba(24,44,69,.9);transform:translateY(-1px)} .secondary-action:disabled{opacity:.42;cursor:not-allowed;transform:none} .secondary-action.danger-soft{border-color:rgba(238,92,101,.34);color:#ffadb2;background:rgba(176,46,57,.06)} .security-policy-card>p{min-height:43px} @media(max-width:520px){.secondary-action{width:100%}} /* V1.6.0 — Player Cabinet structure/UI */ .nav-label-spaced{margin-top:18px} .ghost-action[type="button"]{cursor:pointer} .security-services-player{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px} .security-services-player #ipBindingServiceCard{grid-column:1/-1} @media(max-width:1050px){ } @media(max-width:820px){ .mobile-nav{display:flex;grid-template-columns:none} .security-services-player{grid-template-columns:1fr} .security-services-player #ipBindingServiceCard{grid-column:auto} } @media(max-width:580px){ .mobile-nav button,.mobile-nav a{font-size:.75rem} } /* V1.6.1 — Player Security Activity */ .player-activity-section{margin-top:18px;border:1px solid rgba(48,77,111,.5);border-radius:15px;background:linear-gradient(145deg,rgba(14,27,46,.94),rgba(7,17,30,.97));overflow:hidden} .player-activity-head{padding:18px 19px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;justify-content:space-between;gap:18px} .player-activity-head small,.activity-card-head small{display:block;color:#6b82a1;font-size:.75rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase} .player-activity-head h2{margin:4px 0 4px;font-size:1rem}.player-activity-head p{max-width:760px;margin:0;color:#7f94b0;font-size:.75rem;line-height:1.55} .player-activity-grid{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:14px} .activity-card{min-width:0;padding:16px;border:1px solid rgba(45,72,105,.45);border-radius:12px;background:rgba(7,17,30,.48)} .activity-card-head{min-height:44px;margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .activity-card-head h3{margin:4px 0 0;font-size:.8125rem}.activity-card-head>em{color:#6c82a0;font-size:.75rem;font-style:normal} .activity-list{display:grid;gap:7px}.activity-row{min-width:0;padding:10px 11px;border:1px solid rgba(48,75,108,.38);border-radius:9px;display:flex;align-items:center;gap:10px;background:rgba(10,24,41,.68)} .activity-row.is-current{border-color:rgba(73,210,160,.26);background:rgba(40,155,123,.055)}.activity-row.is-inactive{opacity:.72} .activity-copy{min-width:0;display:grid;gap:3px;flex:1}.activity-copy b{overflow:hidden;color:#dce8f6;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.activity-copy small{overflow:hidden;color:#7188a7;font-size:.75rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap} .activity-badge{padding:4px 7px;border:1px solid rgba(82,109,145,.38);border-radius:12px;color:#91a6c0;background:rgba(35,57,82,.2);font-size:.75rem;font-style:normal;font-weight:850;white-space:nowrap}.activity-badge.ok{border-color:rgba(73,210,160,.25);color:#69ddb8}.activity-badge.warning{border-color:rgba(236,181,75,.25);color:#e2bc6c}.activity-badge.neutral{color:#879ab4} .activity-event-dot{width:7px;height:7px;border-radius:50%;background:#6f85a4;box-shadow:0 0 0 4px rgba(105,128,159,.07);flex:0 0 auto}.activity-event-dot.ok{background:#49d2a0}.activity-event-dot.error{background:#ff737e}.activity-event-dot.warning{background:#e4b450}.activity-event-dot.neutral{background:#7187a5} .activity-loading,.activity-empty{padding:18px 10px;border:1px dashed rgba(61,87,119,.35);border-radius:9px;color:#7187a4;font-size:.75rem;text-align:center}.activity-empty.error{color:#ff9aa2;border-color:rgba(255,103,114,.2)} @media(max-width:900px){.player-activity-grid{grid-template-columns:1fr}} @media(max-width:580px){.player-activity-head,.activity-card-head{flex-direction:column}.player-activity-head .secondary-action,.activity-card-head .secondary-action{width:100%}.player-activity-grid{padding:10px}.activity-card{padding:12px}.activity-copy small{white-space:normal}.activity-row{align-items:flex-start}} /* V1.6.2 — Player Game Login History */ .activity-tabs{padding:0 19px;border-bottom:1px solid var(--line-soft);display:flex;gap:5px;background:rgba(5,15,27,.32)} .activity-tabs button{appearance:none;margin-bottom:-1px;padding:11px 13px;border:0;border-bottom:2px solid transparent;color:#748aa7;background:transparent;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer;transition:.16s ease} .activity-tabs button:hover{color:#b8c9dd}.activity-tabs button.is-active{border-bottom-color:#f3a82e;color:#f0f5fb} .activity-tab-panel{min-width:0}.activity-panel-toolbar{padding:10px 15px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-panel-toolbar>span{color:#667e9d;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase} .game-history-wrap{padding:15px}.game-history-card{padding:16px}.game-history-list{overflow:auto;padding-right:2px} .game-login-row{align-items:flex-start}.game-login-row .activity-copy small{white-space:normal}.game-login-row .activity-badge{min-width:0;margin-top:1px;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} @media(max-width:580px){.activity-tabs{padding:0 10px}.activity-tabs button{flex:1;padding:11px 7px;font-size:.75rem}.activity-panel-toolbar{padding:10px 10px 0;align-items:stretch;flex-direction:column}.activity-panel-toolbar .secondary-action{width:100%}.game-history-wrap{padding:10px}.game-login-row{flex-direction:column}.game-login-row .activity-badge{max-width:100%;white-space:normal}} .page-heading .read-only-badge{padding:7px 10px;font-size:.75rem;font-weight:760;letter-spacing:.07em;white-space:nowrap} #charactersView .page-heading p{font-size:.75rem;line-height:1.55} .character-overview{margin-bottom:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .character-overview article{min-height:102px;padding:17px 18px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(17,31,51,.94),rgba(9,20,36,.97))} .character-overview article.online{border-color:rgba(73,210,160,.22);background:linear-gradient(145deg,rgba(18,43,48,.76),rgba(9,20,36,.97))} .character-overview-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(75,168,255,.22);border-radius:10px;color:var(--blue);background:rgba(75,168,255,.06)} .character-overview article.online .character-overview-icon{border-color:rgba(73,210,160,.24);color:var(--green);background:rgba(73,210,160,.06)} .character-overview article>span:last-child{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:10px;row-gap:1px} .character-overview small{grid-column:1 / -1;color:#8ea4bf;font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase} .character-overview b{margin-top:4px;font-size:1.5625rem;line-height:1.08} .character-overview em{min-width:0;padding-bottom:2px;overflow:hidden;color:#7f94ae;font-size:.75rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap} .character-grid-detailed{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} .character-card-v170{position:relative;overflow:hidden;border-color:rgba(55,83,119,.72);box-shadow:0 16px 42px rgba(0,0,0,.12);transition:border-color .2s,transform .2s,box-shadow .2s} .character-card-v170:hover{border-color:rgba(91,130,180,.72);transform:translateY(-1px);box-shadow:0 18px 48px rgba(0,0,0,.2)} .character-card-v170.is-online{border-color:rgba(73,210,160,.28)} .character-card-v170.is-locked{border-color:rgba(255,107,107,.28)} .character-visual-v170{height:124px;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(75,168,255,.22),transparent 40%),linear-gradient(145deg,#172a45,#0b1628)} .character-card-v170.acc .character-visual-v170{background:radial-gradient(circle at 50% 55%,rgba(228,112,44,.24),transparent 40%),linear-gradient(145deg,#31201d,#14151d)} .character-card-v170.cora .character-visual-v170{background:radial-gradient(circle at 50% 55%,rgba(151,89,231,.24),transparent 40%),linear-gradient(145deg,#271f3e,#131321)} .character-visual-v170::before{width:88px;height:88px}.character-visual-v170::after{width:58px;height:58px} .character-visual-v170 .character-monogram{font-size:2.4375rem} .character-visual-v170 .character-visual-line{width:78%;height:1px;position:absolute;bottom:0;background:linear-gradient(90deg,transparent,#4ba8ff,transparent)} .character-live-status{padding:7px 10px;position:absolute;z-index:3;left:12px;top:12px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;color:#9cafc8;background:rgba(7,16,30,.72);backdrop-filter:blur(7px)} .character-live-status i{width:6px;height:6px;position:static;bottom:auto;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor} .character-live-status b{font-size:.75rem;letter-spacing:.08em} .character-live-status.online{border-color:rgba(73,210,160,.25);color:var(--green);background:rgba(14,45,42,.6)} .character-level-badge{min-width:57px;padding:7px 9px;position:absolute;z-index:3;right:12px;top:12px;display:grid;justify-items:end;border:1px solid rgba(255,189,62,.2);border-radius:9px;background:rgba(22,22,28,.68);backdrop-filter:blur(7px)} .character-level-badge small{color:#c3a36b;font-size:.75rem;font-weight:800;letter-spacing:.08em} .character-level-badge b{margin-top:2px;color:#ffe0a2;font-size:1.0625rem;line-height:1} .character-body-v170{padding:18px 19px 20px} .character-identity{display:grid}.character-kicker{color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .character-body-v170 .character-identity h2{margin:7px 0 4px;font-size:1.3125rem;letter-spacing:-.02em} .character-body-v170 .character-identity p{margin:0;color:#a9bad0;font-size:.75rem;line-height:1.4} .character-flags{min-height:27px;margin-top:13px;display:flex;align-items:center;gap:7px;flex-wrap:wrap} .character-flags span{padding:6px 8px;border:1px solid rgba(62,90,124,.48);border-radius:999px;color:#9eb1c9;background:rgba(10,22,38,.55);font-size:.75rem;line-height:1.2} .character-flags .guild{color:#c3d2e5}.character-flags .archon{border-color:rgba(255,189,62,.24);color:#f2cc7d;background:rgba(245,158,11,.05)}.character-flags .locked{border-color:rgba(255,107,107,.24);color:#ff9e9e;background:rgba(255,107,107,.05)} .character-summary-stats{margin-top:14px;padding-top:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .character-summary-stats .character-metric{min-height:58px;padding:10px 11px;border:1px solid rgba(47,72,104,.42);border-radius:8px;background:rgba(6,16,29,.34);text-align:left} .character-summary-stats dt{margin:0;color:#8da3be;font-size:.75rem;font-weight:650;line-height:1.3;text-align:left} .character-summary-stats dd{margin:6px 0 0;min-width:0;overflow:hidden;color:#f0f5fb;font-size:.875rem;font-weight:780;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap} .character-detail-toggle{width:100%;min-height:44px;margin-top:13px;padding:0 13px;border:1px solid rgba(56,84,118,.5);border-radius:9px;display:flex;align-items:center;justify-content:space-between;color:#b9c8da;background:rgba(8,19,34,.72);font-size:.75rem;font-weight:780;cursor:pointer;transition:border-color .18s,color .18s,background .18s} .character-detail-toggle:hover{border-color:rgba(75,168,255,.42);color:#f1f7ff;background:rgba(16,34,56,.76)} .character-detail-chevron{width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);transition:transform .18s} .character-card-v170.is-expanded .character-detail-chevron{transform:rotate(135deg)} .character-detail-panel{max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .28s ease,opacity .2s,transform .2s} .character-card-v170.is-expanded .character-detail-panel{max-height:520px;opacity:1;transform:none} .character-detail-head{margin-top:14px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line-soft)} .character-detail-head span{color:#d4dfed;font-size:.75rem;font-weight:800}.character-detail-head em{padding:5px 8px;border:1px solid rgba(73,210,160,.18);border-radius:999px;color:#76dfba;font-size:.75rem;font-style:normal;font-weight:760;letter-spacing:.06em;white-space:nowrap} @media(max-width:1050px){.character-grid-detailed{grid-template-columns:1fr}.character-summary-stats{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:820px){.character-overview{grid-template-columns:1fr 1fr}.character-overview article:last-child{grid-column:1 / -1}.character-card-v170:hover{transform:none}} @media(max-width:580px){.character-overview{grid-template-columns:1fr}.character-overview article:last-child{grid-column:auto}.character-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.character-visual-v170{height:112px}.character-body-v170{padding:15px}.character-body-v170 .character-identity h2{font-size:1.25rem}.character-summary-stats dt{font-size:.71875rem}.character-summary-stats dd{font-size:.875rem}} @media(prefers-reduced-motion:reduce){.character-card-v170,.character-detail-toggle,.character-detail-chevron,.character-detail-panel{transition:none}} /* V1.8.0 — Player service operation history */ .service-history-panel{margin-top:18px;border:1px solid rgba(48,77,111,.5);border-radius:15px;background:linear-gradient(145deg,rgba(14,27,46,.94),rgba(7,17,30,.97));overflow:hidden} .service-history-head{padding:18px 19px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;justify-content:space-between;gap:18px} .service-history-head small{display:block;color:#6b82a1;font-size:.75rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.service-history-head h2{margin:4px 0 4px;font-size:1rem}.service-history-head p{max-width:760px;margin:0;color:#7f94b0;font-size:.75rem;line-height:1.55} .service-history-summary{margin:14px 15px 0;padding:10px 12px;border:1px solid rgba(49,76,109,.4);border-radius:10px;color:#94a8c1;background:rgba(7,17,30,.5);font-size:.75rem;font-weight:750} .service-history-list{padding:12px 15px 15px;display:grid;gap:8px} .service-history-row{min-width:0;padding:12px 13px;border:1px solid rgba(48,75,108,.4);border-radius:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:rgba(8,20,35,.68)} .service-history-row.is-pending{border-color:rgba(232,177,72,.28);background:rgba(164,115,32,.045)} .service-history-copy{min-width:0;display:grid;gap:4px}.service-history-copy small{color:#7188a7;line-height:1.45}.service-history-balance{color:#91a7c1!important} .service-history-side{display:flex;align-items:center;gap:8px;justify-content:flex-end}.service-history-cost{padding:5px 8px;border:1px solid rgba(245,177,50,.24);border-radius:9px;color:#ffd16b;background:rgba(245,158,11,.05);font-size:.75rem;font-style:normal;font-weight:900;white-space:nowrap}.service-history-status{padding:5px 8px;border:1px solid rgba(73,210,160,.24);border-radius:9px;color:#69ddb8;background:rgba(73,210,160,.05);font-size:.75rem;font-style:normal;font-weight:850;white-space:nowrap}.service-history-status.pending{border-color:rgba(232,177,72,.25);color:#e7bf6b;background:rgba(232,177,72,.05)} .service-history-empty{padding:22px 12px;text-align:center;color:#7188a7;font-size:.75rem} .service-history-panel>.account-service-state{margin:0 15px 15px} @media(max-width:640px){.service-history-head{flex-direction:column}.service-history-head .secondary-action{width:100%}.service-history-row{grid-template-columns:1fr}.service-history-side{justify-content:flex-start;flex-wrap:wrap}} /* V1.9.0 — read-only Premium/Billing status */ .metric-card.is-premium-active{color:#55dfaf;border-color:rgba(73,210,160,.38);background:linear-gradient(145deg,rgba(13,39,42,.96),rgba(8,22,34,.98))} .metric-card.is-premium-unavailable{opacity:.72} .premium-status-panel{margin:0 0 16px;padding:18px;border:1px solid rgba(48,77,111,.52);border-radius:14px;background:linear-gradient(145deg,rgba(17,31,52,.95),rgba(8,18,32,.98))} .premium-status-panel.is-active{border-color:rgba(73,210,160,.34);box-shadow:inset 0 0 40px rgba(40,185,137,.035)} .premium-status-panel.is-unavailable{border-color:rgba(255,107,107,.22)} .premium-status-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center} .premium-status-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(245,177,50,.26);border-radius:11px;color:#ffc85b;background:rgba(245,158,11,.06)} .premium-status-icon .ui-icon{width:24px;height:24px} .premium-status-copy{min-width:0;display:block} .premium-status-copy small{color:#7088a8;font-size:.75rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase} .premium-status-copy h2{margin:4px 0 0;font-size:1.0625rem} .premium-status-copy p{margin:7px 0 0;color:#8ba0bb;font-size:.75rem;line-height:1.5} .premium-status-badge{padding:7px 10px;border:1px solid rgba(74,174,255,.28);border-radius:999px;color:#8ac9ff;background:rgba(74,174,255,.06);font-size:.75rem;font-style:normal;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap} .premium-status-badge.ok{border-color:rgba(73,210,160,.32);color:#65e2b7;background:rgba(73,210,160,.06)} .premium-status-badge.warning{border-color:rgba(245,177,50,.3);color:#ffd06d;background:rgba(245,158,11,.06)} .premium-status-badge.neutral{border-color:rgba(92,127,169,.35);color:#a8bdd6;background:rgba(70,97,132,.08)} .premium-status-facts{margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .premium-status-facts div{min-width:0;padding:12px 13px;border:1px solid rgba(46,74,107,.42);border-radius:10px;background:rgba(7,17,30,.5)} .premium-status-facts dt{color:#6f87a7;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .premium-status-facts dd{margin:6px 0 0;color:#e1ebf8;font-size:.75rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media (max-width:760px){.premium-status-main{grid-template-columns:auto minmax(0,1fr)}.premium-status-badge{grid-column:1/-1;width:fit-content}.premium-status-facts{grid-template-columns:1fr}} .premium-purchase-box{margin-top:14px;padding-top:14px;border-top:1px solid rgba(46,74,107,.35)} .premium-purchase-box.is-disabled{opacity:.66} .premium-purchase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .premium-purchase-head small{color:#7088a8;font-size:.75rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase} .premium-purchase-head h3{margin:4px 0 0;font-size:.9375rem} .premium-purchase-head p{margin:7px 0 0;color:#8197b4;font-size:.75rem;line-height:1.5} .premium-purchase-head>b{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(245,177,50,.26);border-radius:9px;color:#ffd16b;background:rgba(245,158,11,.05);font-size:.75rem} .premium-tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px} .premium-tariff-option{display:block;position:relative;cursor:pointer} .premium-tariff-option>input{position:absolute;opacity:0;pointer-events:none} .premium-tariff-option>span{min-height:76px;padding:11px 12px;border:1px solid rgba(48,77,111,.5);border-radius:10px;display:flex;flex-direction:column;justify-content:center;background:rgba(7,17,30,.48);transition:border-color .18s,background .18s,transform .18s} .premium-tariff-option:hover>span{transform:translateY(-1px);border-color:rgba(91,130,176,.62)} .premium-tariff-option>input:checked+span{border-color:rgba(245,177,50,.5);background:linear-gradient(145deg,rgba(245,158,11,.09),rgba(7,17,30,.56));box-shadow:inset 0 0 0 1px rgba(245,177,50,.08)} .premium-tariff-option small{color:#7189a8;font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase} .premium-tariff-option b{margin-top:5px;color:#edf4ff;font-size:.875rem} .premium-tariff-option em{margin-top:4px;color:#ffd16b;font-size:.75rem;font-style:normal;font-weight:850} .premium-tariff-empty{grid-column:1/-1;padding:12px;border:1px dashed rgba(83,108,139,.4);border-radius:10px;color:#8197b4;font-size:.75rem} .premium-password-field{display:grid;gap:6px;margin-top:12px;color:#8da2bd;font-size:.75rem;font-weight:750} .premium-password-field input{width:100%;height:38px;padding:0 12px;border:1px solid rgba(52,82,118,.65);border-radius:9px;color:#e8f1fd;background:#091728;outline:none} .premium-password-field input:focus{border-color:rgba(245,177,50,.55)} .premium-purchase-box .primary-service-action{width:100%;margin-top:12px} @media (max-width:760px){.premium-purchase-head{flex-direction:column}.premium-purchase-head>b{width:fit-content}.premium-tariff-grid{grid-template-columns:1fr}.premium-tariff-option>span{min-height:66px}} /* V1.11.0 — standalone Premium experience */ .premium-page-heading{margin-bottom:18px} .premium-view .premium-status-panel{margin-bottom:18px;padding:22px;border-color:rgba(240,189,85,.22);background:radial-gradient(circle at 88% 0%,rgba(240,189,85,.07),transparent 25%),linear-gradient(145deg,rgba(16,32,52,.97),rgba(7,17,30,.99))} .premium-view .premium-status-panel.is-active{border-color:rgba(73,210,160,.36);box-shadow:inset 0 0 52px rgba(40,185,137,.035),0 16px 45px rgba(0,0,0,.08)} .premium-view .premium-status-copy h2{font-size:1.3125rem} .premium-view .premium-status-copy p{font-size:.75rem} .premium-view .premium-status-facts div{min-height:70px;padding:14px 15px} .premium-view .premium-status-facts dt{font-size:.75rem}.premium-view .premium-status-facts dd{font-size:.8125rem} .premium-view .premium-purchase-box{margin-top:18px;padding:18px;border-color:rgba(240,189,85,.2);background:linear-gradient(145deg,rgba(14,29,49,.88),rgba(8,18,31,.92))} .premium-view .premium-tariff-option>span{min-height:92px;padding:14px} .premium-view .premium-tariff-option b{font-size:1.0625rem}.premium-view .premium-tariff-option em{font-size:.75rem} .premium-view .primary-service-action{min-height:44px;font-size:.75rem} .service-history-copy b{font-size:.75rem;color:#eef5ff}.service-history-copy small{font-size:.75rem} @media(max-width:820px){.mobile-nav{overflow-x:auto;justify-content:flex-start}.mobile-nav button,.mobile-nav a{flex:0 0 16.666%;min-width:64px}.premium-view .premium-status-panel{padding:16px}} @media(max-width:580px){.premium-view .premium-status-main{grid-template-columns:auto minmax(0,1fr)}.premium-view .premium-status-badge{grid-column:1/-1;width:fit-content}.premium-view .premium-status-facts{grid-template-columns:1fr}.premium-view .premium-purchase-box{padding:14px}} /* V1.12.0 — operations audit lives under Security */ .security-operation-history{margin-top:18px} /* V1.13.0 — Voting layout moved to 66-voting-final.css. */ /* V1.14.0 — Premium for Tokens */ .premium-token-purchase-box{border-color:rgba(184,145,255,.24)!important;background:linear-gradient(145deg,rgba(38,24,64,.42),rgba(8,18,31,.94))!important} .premium-token-purchase-box .premium-purchase-head>b{border-color:rgba(184,145,255,.3);color:#d5bbff;background:rgba(126,80,199,.07)} .premium-token-purchase-box .token-action{background:linear-gradient(100deg,#7a4fc2,#a27ae2);box-shadow:0 9px 24px rgba(126,80,199,.16)} .auth-card{transition:opacity .18s ease,transform .18s ease} .auth-link-button{border:0;padding:0;background:transparent;color:#83b9ee;font:inherit;font-size:.75rem;cursor:pointer;} .auth-link-button:hover{color:#b9dcff;text-decoration:underline} .login-links.single{justify-content:flex-start} .captcha-group{margin-top:18px;display:grid;gap:8px} .turnstile-group{margin-top:14px;min-width:0} .turnstile-host{width:100%;min-height:65px;display:flex;align-items:center;justify-content:center;overflow:hidden} .turnstile-host:empty::before{content:"Загружаем проверку безопасности…";min-height:65px;width:100%;max-width:300px;box-sizing:border-box;padding:0 14px;border:1px solid rgba(61,93,132,.5);border-radius:11px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8395af;background:rgba(8,18,34,.42);font-size:.75rem;font-weight:700} .captcha-title{color:#aebbd0;font-size:.75rem;font-weight:700} .form-success{min-height:18px;color:#5ce0b4;font-size:.75rem;line-height:1.5} .auth-card.is-hidden{display:none!important} @media(max-width:620px){.login-form-side{align-items:flex-start;padding-top:28px;padding-bottom:28px}.login-card{max-height:none}} .registration-login-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px} .registration-login-grid.has-prefix{grid-template-columns:108px minmax(0,1fr)} .registration-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .registration-password-grid>.field{min-width:0} .registration-result-card{display:grid;gap:16px} .registration-result-heading p{margin-bottom:2px} .registration-result-list{display:grid;gap:14px} .registration-result-row{min-height:64px;padding:12px 12px 12px 14px;border:1px solid rgba(72,104,145,.56);border-radius:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:linear-gradient(110deg,rgba(19,39,65,.86),rgba(9,20,35,.96))} .registration-result-password{border-color:rgba(255,189,62,.34);background:linear-gradient(110deg,rgba(82,57,19,.16),rgba(9,20,35,.96))} .registration-result-copy{min-width:0;display:grid;gap:5px} .registration-result-copy small{color:#7187a5;font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase} .registration-result-copy strong{min-width:0;overflow-wrap:anywhere;color:#f6f8fc;font-size:.75rem;font-weight:800;line-height:1.45} .registration-result-password .registration-result-copy strong{color:#ffe0a0;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;letter-spacing:.02em} .credential-copy{min-height:34px;padding:0 11px;border:1px solid rgba(91,125,166,.5);border-radius:8px;color:#a9c4e3;background:rgba(19,38,62,.72);font-size:.75rem;font-weight:800;cursor:pointer;transition:border-color .18s,color .18s,background .18s} .credential-copy:hover{border-color:rgba(112,176,241,.7);color:#e4f2ff;background:rgba(28,53,82,.86)} .registration-save-warning{padding:13px 14px;border:1px solid rgba(255,189,62,.24);border-radius:11px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:11px;background:rgba(113,74,13,.08)} .registration-save-warning>.ui-icon{width:22px;height:22px;color:#ffc85b} .registration-save-warning>span{display:grid;gap:4px} .registration-save-warning b{color:#f4d28a;font-size:.75rem} .registration-save-warning small{color:#8fa0b8;font-size:.75rem;line-height:1.55} .registration-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .registration-result-actions .ghost-action{width:100%;cursor:pointer} .registration-copy-all{width:100%;cursor:pointer} .registration-copy-status{min-height:16px;color:#65ddb5;font-size:.75rem;line-height:1.4;text-align:center} .registration-result-card>.primary-action{width:100%} @media(max-width:620px){.registration-password-grid{grid-template-columns:1fr}} @media(max-width:520px){.registration-login-grid.has-prefix{grid-template-columns:1fr}.registration-result-actions{grid-template-columns:1fr}.registration-result-row{grid-template-columns:1fr}.credential-copy{width:100%}.registration-save-warning{align-items:start}} .registration-agreement{margin-top:12px} .registration-agreement-check{display:flex;align-items:center;gap:9px;color:#c8d6e8;font-size:.75rem;line-height:1.4;cursor:pointer} .registration-agreement-check input{margin:0;width:15px;height:15px;accent-color:#f2a31a;flex:0 0 auto} .registration-agreement-link{color:#ffbd37;font-weight:900;text-decoration:none;border-bottom:1px solid rgba(255,189,55,.42);transition:color .16s ease,border-color .16s ease} .registration-agreement-link:hover,.registration-agreement-link:focus-visible{color:#ffd16b;border-color:#ffd16b} .agreement-screen{padding:36px 20px 54px;background:radial-gradient(circle at 50% 0,rgba(32,69,111,.16),transparent 42%),#07101e;color:#e8f0fa} .agreement-brand{display:inline-flex;margin-bottom:24px} .agreement-card{border:1px solid rgba(64,96,134,.52);border-radius:18px;background:rgba(12,29,50,.94);box-shadow:0 24px 80px rgba(0,0,0,.28);overflow:hidden} .agreement-head{padding:30px 34px 24px;border-bottom:1px solid rgba(64,96,134,.42)} .agreement-head .overline{display:block;margin-bottom:10px} .agreement-head h1{font-size:1.9375rem;color:#fff} .agreement-head p{color:#89a5ca;font-size:.75rem;line-height:1.65} .agreement-body{padding:28px 34px;color:#c7d4e6;font-size:.75rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere} .agreement-empty{padding:28px 34px;color:#8da4c3;font-size:.75rem;line-height:1.7} .agreement-actions{padding:0 34px 32px;display:flex;gap:12px;align-items:center;flex-wrap:wrap} .agreement-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(70,108,151,.65);border-radius:10px;background:rgba(7,18,33,.56);color:#dce8f8;text-decoration:none;font-size:.75rem;font-weight:900} .agreement-back:hover,.agreement-back:focus-visible{border-color:rgba(255,174,31,.78);color:#ffc252} .agreement-note{color:#6984a8;font-size:.75rem} @media(max-width:640px){.agreement-screen{padding:18px 12px 34px}.agreement-head,.agreement-body,.agreement-empty{padding-left:20px;padding-right:20px}.agreement-actions{padding-left:20px;padding-right:20px}.agreement-head h1{font-size:1.625rem}} .registration-activation-card{display:grid;gap:16px} .registration-activation-state{padding:13px 14px;border:1px solid rgba(73,210,160,.25);border-radius:10px;background:rgba(42,153,119,.08);color:#71dbb6;font-size:.75rem;line-height:1.55} .registration-activation-state:empty{display:none} .registration-activation-card>.primary-action{width:100%} .field-hint{margin-left:6px;color:#6f87a7;font-size:.75rem;font-weight:500} .turnstile-host.is-loading:empty::before{content:"Загружаем проверку безопасности…"} .turnstile-host.is-failed{overflow:visible} .turnstile-retry-panel{width:100%;max-width:360px;min-height:86px;box-sizing:border-box;padding:12px 14px;border:1px solid rgba(61,93,132,.58);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(8,18,34,.48);color:#aebbd0;font-size:.75rem;line-height:1.45;font-weight:700} .turnstile-retry-panel span{min-width:0;flex:1} .turnstile-retry-button{flex:0 0 auto;min-height:36px;padding:0 14px;border:1px solid rgba(255,166,24,.58);border-radius:9px;background:rgba(255,153,0,.08);color:#ffad25;font:inherit;font-weight:800;cursor:pointer} .turnstile-retry-button:hover,.turnstile-retry-button:focus-visible{border-color:#ffad25;background:rgba(255,153,0,.14);outline:none} @media(max-width:420px){.turnstile-retry-panel{align-items:stretch;flex-direction:column}.turnstile-retry-button{width:100%}} /* Converter legacy owner retired by 68-converter-final.css. */ /* Converter legacy owner retired by 68-converter-final.css. */ .coupon-redeem-form{display:grid;gap:14px}.coupon-redeem-form label{display:grid;gap:6px}.coupon-redeem-form label>span{font-size:.75rem;font-weight:800;color:#dce6f3}.coupon-redeem-form input,.coupon-redeem-form select{width:100%;min-height:44px;padding:0 12px;border:1px solid #33425d;border-radius:10px;background:#111827;color:#f3f7fb}.coupon-redeem-form label small{color:#7f91a9;font-size:.75rem;line-height:1.5} .coupon-state{min-height:22px;color:#d8a84a;font-size:.75rem;line-height:1.5} .coupon-history-row{grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);border:1px solid #28364d;border-radius:10px;background:rgba(13,20,32,.55)}.coupon-history-main{flex-direction:column}.coupon-history-main b{font-size:.75rem}.coupon-history-main small{font-size:.75rem} @media(max-width:820px){.coupon-history-row{grid-template-columns:1fr}} .character-card-actions-toolbar{display:flex;align-items:center;gap:8px;margin-top:12px} .character-manage-button{width:100%;min-height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(91,118,154,.42);border-radius:10px;background:rgba(17,29,46,.44);color:#e9edf5;font:inherit;font-size:.75rem;font-weight:780;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease} .character-manage-button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(111,154,207,.58);background:rgba(28,44,66,.58);color:#fff} .character-manage-button:disabled{opacity:.45;cursor:not-allowed}.character-manage-button .row-chevron{margin-left:auto} body.character-service-open{overflow:hidden} .character-service-modal{position:fixed;inset:0;z-index:1700;display:grid;place-items:center;padding:20px} .character-service-modal.is-hidden{display:none} .character-service-backdrop{position:absolute;inset:0;background:rgba(5,9,16,.8);backdrop-filter:blur(8px)} .character-service-dialog{position:relative;z-index:1;width:min(940px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid #34445e;border-radius:16px;background:linear-gradient(155deg,#202a3d 0%,#182132 100%);box-shadow:0 28px 80px rgba(0,0,0,.48)} .character-service-dialog::before{display:none;content:none} .character-service-dialog-head{padding:18px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #304059} .character-service-hero{display:flex;align-items:center;gap:12px;min-width:0}.character-service-hero>span:last-child{display:grid;gap:2px;min-width:0} .character-service-avatar{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(100,142,194,.42);border-radius:12px;background:rgba(92,139,196,.08);color:#9fc5ef;font-size:1.25rem;font-weight:900} .character-service-hero small,.character-service-section header small,.character-service-confirm-panel header small{color:var(--rf-accent);font-size:.75rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase} .character-service-hero h2{margin:0;color:#f4f7fb;font-size:1.3125rem;line-height:1.1}.character-service-hero p{margin:2px 0 0;color:#8294ad;font-size:.75rem} .character-service-head-side{display:flex;align-items:center;gap:9px}.character-service-wallet{min-width:116px;padding:8px 10px;display:grid;gap:2px;border:1px solid #34445e;border-radius:9px;background:#172032;text-align:right}.character-service-wallet small{color:#71839e;font-size:.75rem;text-transform:uppercase;font-weight:900}.character-service-wallet b{color:#dce8f6;font-size:.75rem} .character-service-close{width:34px;height:34px;border:1px solid #3b4a64;border-radius:9px;background:#172032;color:#8fa0b9;font-size:1.25rem;line-height:1;cursor:pointer}.character-service-close:hover{color:#fff;border-color:#596b89} .character-service-facts{margin:12px 20px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #304059;border-radius:11px;background:rgba(13,20,32,.5);overflow:hidden} .character-service-facts>span{min-width:0;padding:9px 11px;display:grid;gap:3px}.character-service-facts>span+span{border-left:1px solid #304059}.character-service-facts small{color:#687b98;font-size:.75rem;font-weight:850;text-transform:uppercase}.character-service-facts b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce5f0;font-size:.75rem} .character-service-offline-note{margin:10px 20px 0;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid rgba(72,191,157,.22);border-radius:10px;background:rgba(72,191,157,.045)}.character-service-offline-note .ui-icon{width:18px;height:18px;color:#55d2ad}.character-service-offline-note>span{display:grid;gap:2px}.character-service-offline-note b{color:#c6eee3;font-size:.75rem}.character-service-offline-note small{color:#789e92;font-size:.75rem;line-height:1.45}.character-service-offline-note.is-online-warning{border-color:rgba(255,99,111,.28);background:rgba(255,84,100,.05)}.character-service-offline-note.is-online-warning .ui-icon{color:#ff6875}.character-service-offline-note.is-online-warning b{color:#ffc0c6}.character-service-offline-note.is-online-warning small{color:#b68b94} .character-service-sections{padding:12px 20px 18px;display:grid;gap:11px}.character-service-section{padding:12px;border:1px solid #304059;border-radius:12px;background:rgba(18,27,42,.54)}.character-service-section>header{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.character-service-section>header>span:first-child{display:grid;gap:2px}.character-service-section h3{margin:0;color:#eaf0f7;font-size:.75rem} .character-service-action-grid{display:grid;gap:8px}.character-service-action-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.character-service-action-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))} .character-service-tile{min-width:0;min-height:86px;padding:10px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:9px;row-gap:5px;text-align:left;border:1px solid #354660;border-radius:10px;background:linear-gradient(155deg,#202b40,#182235);color:#e8eef6;font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.character-service-tile:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(111,154,207,.58);background:linear-gradient(155deg,#243149,#1a263a)}.character-service-tile:disabled{cursor:not-allowed;opacity:.5}.character-service-tile>span:nth-child(2){display:grid;align-content:start;gap:3px}.character-service-tile b{font-size:.75rem}.character-service-tile small{color:#7f91aa;font-size:.75rem;line-height:1.45}.character-service-tile em{grid-column:2;color:#dce8f6;font-size:.75rem;font-style:normal;font-weight:900;text-transform:uppercase}.character-service-tile-icon{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(100,142,194,.34);border-radius:8px;background:rgba(92,139,196,.07)}.character-service-tile-icon .ui-icon{width:15px;height:15px;color:#8fb4e6}.character-service-tile.is-danger{border-color:rgba(217,87,99,.31)}.character-service-tile.is-danger .character-service-tile-icon{border-color:rgba(217,87,99,.28);background:rgba(217,87,99,.05)}.character-service-tile.is-danger .character-service-tile-icon .ui-icon{color:#ef808b}.character-service-tile.is-danger em{color:#e27d87} .character-service-confirm-panel{margin:0 20px 18px;padding:13px;border:1px solid #3c4b63;border-radius:12px;background:linear-gradient(155deg,rgba(32,42,61,.97),rgba(19,28,43,.98));box-shadow:0 16px 35px rgba(0,0,0,.2)}.character-service-confirm-panel.is-hidden{display:none}.character-service-confirm-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #304059}.character-service-confirm-panel>header>span{display:grid;gap:2px}.character-service-confirm-panel h3{margin:0;color:#f2f5f9;font-size:.875rem}.character-service-confirm-panel p{max-width:620px;margin:1px 0 0;color:#8193ad;font-size:.75rem;line-height:1.5}.character-service-panel-close{padding:6px 9px;border:1px solid #3b4b65;border-radius:7px;background:#182235;color:#8fa0b8;font:inherit;font-size:.75rem;cursor:pointer} .character-service-fields{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-service-fields.is-hidden,.character-service-fields .is-hidden{display:none}.character-service-fields label,.character-service-password{display:grid;gap:5px}.character-service-fields label>span,.character-service-password>span{color:#8da0ba;font-size:.75rem;font-weight:800}.character-service-fields select,.character-service-password input{width:100%;min-height:38px;padding:0 10px;border:1px solid #3a4a64;border-radius:8px;background:#131d2d;color:#e9eff7;font:inherit;font-size:.75rem;outline:none}.character-service-fields select:focus,.character-service-password input:focus{border-color:#6f9acf;box-shadow:0 0 0 2px rgba(111,154,207,.09)}.character-service-fields select:disabled{opacity:.55} .character-service-equivalent{grid-column:1/-1;padding:8px 10px;border:1px solid #33445e;border-radius:8px;background:#172133;color:#8598b2;font-size:.75rem;line-height:1.45}.character-service-equivalent.is-ok{border-color:rgba(75,187,155,.24);color:#8fc9b8}.character-service-equivalent.is-error{border-color:rgba(226,93,105,.27);color:#d28d96} .character-service-panel-price{margin-top:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border:1px solid #34445e;border-radius:8px;background:#172133}.character-service-panel-price.is-hidden{display:none}.character-service-panel-price span{color:#7588a4;font-size:.75rem;text-transform:uppercase;font-weight:850}.character-service-panel-price b{color:#dce8f6;font-size:.75rem}.character-service-password{margin-top:10px}.character-service-password small{color:#647794;font-size:.75rem;line-height:1.4} .character-service-panel-actions{margin-top:10px;display:grid;grid-template-columns:minmax(170px,240px) 1fr;gap:10px;align-items:center}.character-service-panel-actions .primary-action{min-height:38px}.character-service-panel-actions .account-service-state{min-height:38px;margin:0;display:flex;align-items:center;padding:7px 9px;border-radius:8px}.character-service-panel-actions .account-service-state:empty{display:none} @media(max-width:760px){.character-service-modal{padding:10px}.character-service-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 18px)}.character-service-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.character-service-facts>span+span{border-left:0}.character-service-facts>span:nth-child(even){border-left:1px solid #304059}.character-service-facts>span:nth-child(n/**/+3){border-top:1px solid #304059}.character-service-action-grid.three{grid-template-columns:1fr}.character-service-action-grid.two{grid-template-columns:1fr}.character-service-panel-actions{grid-template-columns:1fr}.character-service-fields{grid-template-columns:1fr}} @media(max-width:500px){.character-service-dialog-head{padding:15px 14px 12px;align-items:flex-start}.character-service-avatar{width:40px;height:40px;font-size:1.0625rem}.character-service-hero h2{font-size:1.125rem}.character-service-wallet{display:none}.character-service-facts,.character-service-offline-note{margin-left:14px;margin-right:14px}.character-service-sections{padding:10px 14px 14px}.character-service-confirm-panel{margin:0 14px 14px}.character-service-facts{grid-template-columns:1fr}.character-service-facts>span:nth-child(even){border-left:0}.character-service-facts>span:nth-child(n/**/+2){border-top:1px solid #304059}} .character-service-delete-confirm{margin-top:10px;padding:10px;display:grid;gap:9px;border:1px solid rgba(218,82,95,.28);border-radius:9px;background:rgba(92,28,37,.08)} .character-service-delete-confirm.is-hidden{display:none} .character-service-delete-confirm>label:first-child{display:grid;gap:5px} .character-service-delete-confirm label>span{color:#9eafc4;font-size:.75rem;font-weight:800;line-height:1.45} .character-service-delete-confirm input[type="text"]{width:100%;min-height:38px;padding:0 10px;border:1px solid rgba(218,82,95,.38);border-radius:8px;background:#131d2d;color:#f2f5f9;font:inherit;font-size:.75rem;outline:none} .character-service-delete-confirm input[type="text"]:focus{border-color:#dc6471;box-shadow:0 0 0 2px rgba(220,100,113,.07)} .character-delete-ack{display:flex!important;align-items:flex-start;gap:8px;cursor:pointer} .character-delete-ack input{margin-top:2px;accent-color:#d35461} .character-delete-ack span{font-weight:600!important;color:#aab7c8!important} .deleted-characters-section{margin-top:16px;padding:14px;border:1px solid rgba(181,75,83,.3);border-radius:14px;background:linear-gradient(155deg,rgba(41,31,44,.32),rgba(18,27,42,.62))} .deleted-characters-section.is-hidden{display:none} .deleted-characters-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:2px 2px 12px;border-bottom:1px solid rgba(74,88,114,.45)} .deleted-characters-head>span{display:grid;gap:3px} .deleted-characters-head small{color:#91a7c3;font-size:.75rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase} .deleted-characters-head h2{margin:0;color:#edf2f8;font-size:1rem} .deleted-characters-head p{margin:0;max-width:720px;color:#8193aa;font-size:.75rem;line-height:1.55} .deleted-characters-head code{color:#d8b15d;background:rgba(216,177,93,.07);padding:1px 4px;border-radius:4px} .deleted-characters-head>em{min-width:34px;padding:7px 9px;border:1px solid #3a4962;border-radius:8px;background:#182235;color:#e8b750;text-align:center;font-size:.75rem;font-style:normal;font-weight:900} .deleted-character-list{padding-top:10px;display:grid;gap:8px} .deleted-character-card{padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #34445e;border-radius:10px;background:linear-gradient(155deg,#202b40,#182235)} .deleted-character-card.is-blocked{opacity:.72} .deleted-character-main{min-width:0;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1.3fr);gap:12px;align-items:center} .deleted-character-identity{min-width:0;display:grid;gap:2px} .deleted-character-identity small{color:#7588a2;font-size:.75rem} .deleted-character-identity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef3f8;font-size:.75rem} .deleted-character-identity em{color:#8b9ab0;font-size:.75rem;font-style:normal} .deleted-character-status{padding:7px 9px;border:1px solid #3b4b64;border-radius:8px;background:#182235;color:#8fa0b8;font-size:.75rem;line-height:1.4} .deleted-character-status.ok{border-color:rgba(75,187,155,.24);background:rgba(75,187,155,.045);color:#91ceb9} .deleted-character-status.warning{border-color:rgba(218,82,95,.25);background:rgba(218,82,95,.045);color:#d2929a} .deleted-character-actions{min-width:190px;display:flex;justify-content:flex-end} .deleted-character-actions .secondary-action,.deleted-character-actions .primary-action,.deleted-character-actions .ghost-button{min-height:36px;padding:0 11px;font-size:.75rem} .deleted-character-restore-form{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:7px;align-items:center} .deleted-character-restore-form.is-hidden{display:none} .deleted-character-restore-hint{grid-column:1/-1;color:#8fa0b8;font-size:.75rem;line-height:1.45} .deleted-character-restore-form input{min-height:36px;padding:0 9px;border:1px solid #3a4a64;border-radius:8px;background:#131d2d;color:#e9eff7;font:inherit;font-size:.75rem;outline:none} .deleted-character-restore-form input:focus{border-color:#bc8328} .deleted-character-restore-form .account-service-state{grid-column:1/-1;margin:0;min-height:0;padding:4px 0;background:transparent} @media(max-width:900px){.deleted-character-card{grid-template-columns:1fr}.deleted-character-actions{justify-content:flex-start}.deleted-character-restore-form{width:100%}} @media(max-width:620px){.deleted-characters-section{padding:11px}.deleted-characters-head{display:grid}.deleted-character-main{grid-template-columns:1fr}.deleted-character-actions{min-width:0}.deleted-character-restore-form{grid-template-columns:1fr}.deleted-character-restore-form .account-service-state{grid-column:auto}} #deletedCharacterState:empty{display:none!important} .deleted-character-restore-form .account-service-state{background:transparent!important} .account-service-inline-fact{min-width:0;margin:14px 0 12px;padding:10px 12px;border:1px solid rgba(50,78,113,.42);border-radius:10px;background:linear-gradient(145deg,rgba(14,26,45,.86),rgba(9,18,32,.92));display:grid;gap:5px} .account-service-inline-fact small{display:block;color:#7d93b1;font-size:.75rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase} .account-service-inline-fact b{display:block;min-width:0;color:#dce9fa;font-size:.75rem;font-weight:850;line-height:1.45;word-break:break-word} #emailServiceCard .account-service-inline-fact b{color:#f3f7fd} #accountCredentialSettings.account-services-section, #accountIpPolicySettings.account-services-section{margin-top:16px;border-radius:14px} #accountCredentialSettings .account-services-head p, #accountIpPolicySettings .account-services-head p{font-size:.75rem} #accountCredentialSettings .account-service-card, #accountIpPolicySettings .account-service-card{padding:16px;border-radius:12px;background:rgba(8,19,33,.72)} #accountCredentialSettings .account-service-card > p, #accountIpPolicySettings .account-service-card > p{min-height:0;margin:11px 0 10px;font-size:.75rem} #accountCredentialSettings .account-service-inline-fact, #accountIpPolicySettings .account-service-inline-fact, #accountIpPolicySettings .security-service-status{margin:10px 0;padding:9px 10px;border-radius:9px} #accountCredentialSettings .account-service-card form, #accountIpPolicySettings .account-service-card form{gap:8px} #accountCredentialSettings .account-service-card label, #accountIpPolicySettings .account-service-card label{gap:4px} #accountCredentialSettings .account-service-card input, #accountIpPolicySettings .account-service-card input{height:36px;border-radius:7px;padding:0 10px} #accountCredentialSettings .account-service-card .primary-action, #accountIpPolicySettings .account-service-card .primary-action{min-height:40px;margin-top:1px;border-radius:8px} #accountCredentialSettings .account-service-state, #accountIpPolicySettings .account-service-state{min-height:13px;margin-top:6px;font-size:.75rem} #accountIpPolicySettings .security-services-player{display:grid;justify-content:start} #accountIpPolicySettings .security-services-player #ipBindingServiceCard{grid-column:auto;} #accountIpPolicySettings .security-policy-card > p{min-height:0} @media(max-width:920px){#accountIpPolicySettings .security-services-player{grid-template-columns:1fr}#accountIpPolicySettings .security-services-player #ipBindingServiceCard{max-width:none}} @media(max-width:580px){#accountCredentialSettings .account-services-head,#accountIpPolicySettings .account-services-head{padding:14px 15px}#accountCredentialSettings .account-services-player,#accountIpPolicySettings .security-services-player{padding:10px}#accountCredentialSettings .account-service-card,#accountIpPolicySettings .account-service-card{padding:14px}} #accountCredentialSettings .account-services-head, #accountIpPolicySettings .account-services-head{padding:13px 16px} #accountCredentialSettings .account-services-head h2, #accountIpPolicySettings .account-services-head h2{margin:3px 0 2px;font-size:.9375rem} #accountCredentialSettings .account-services-head p, #accountIpPolicySettings .account-services-head p{line-height:1.35} #accountCredentialSettings .account-services-player{gap:10px;padding:10px} #accountCredentialSettings .account-service-card{padding:13px 14px} #accountCredentialSettings .account-service-inline-fact{margin:8px 0;padding:8px 10px;gap:3px} #accountCredentialSettings .account-service-inline-fact small{font-size:.75rem} #accountCredentialSettings .account-service-inline-fact b{font-size:.75rem} #accountCredentialSettings #emailServiceCard form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:8px;row-gap:5px;align-items:end} #accountCredentialSettings #passwordServiceCard form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;column-gap:8px;row-gap:5px;align-items:end} #accountCredentialSettings #emailServiceCard form .primary-action, #accountCredentialSettings #passwordServiceCard form .primary-action{width:auto;min-width:190px;min-height:34px;margin:0;padding:0 13px;align-self:end;white-space:nowrap} #accountCredentialSettings .account-service-card input{height:34px} #accountCredentialSettings .account-service-card label>span{font-size:.75rem} #accountCredentialSettings #passwordServiceCard>p{margin:8px 0 7px;font-size:.75rem} #accountCredentialSettings .account-service-state{min-height:10px;margin-top:4px} #accountIpPolicySettings{max-width:1120px} #accountIpPolicySettings .security-services-player{padding:10px;grid-template-columns:1fr} #accountIpPolicySettings .security-services-player #ipBindingServiceCard{max-width:none;padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,420px);grid-template-areas:"title title" "copy form" "status form" "state state";column-gap:18px;row-gap:7px;align-items:end} #accountIpPolicySettings #ipBindingServiceCard>p{grid-area:copy;margin:3px 0 0;font-size:.75rem;align-self:end} #accountIpPolicySettings #ipBindingStatus{grid-area:status;margin:0;padding:7px 9px;font-size:.75rem} #accountIpPolicySettings #ipBindingForm{grid-area:form;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end} #accountIpPolicySettings #ipBindingForm label>span{font-size:.75rem} #accountIpPolicySettings #ipBindingForm input{height:34px} #accountIpPolicySettings #ipBindingForm .primary-action{width:auto;min-width:190px;min-height:34px;margin:0;padding:0 13px;white-space:nowrap} #accountIpPolicySettings #ipBindingServiceState{grid-area:state;min-height:8px;margin:0} @media(max-width:1280px){ #accountCredentialSettings #emailServiceCard form{grid-template-columns:1fr 1fr} #accountCredentialSettings #passwordServiceCard form{grid-template-columns:1fr 1fr} #accountCredentialSettings #emailServiceCard form .primary-action, #accountCredentialSettings #passwordServiceCard form .primary-action{grid-column:1/-1;justify-self:end} } @media(max-width:980px){ #accountCredentialSettings #emailServiceCard form, #accountCredentialSettings #passwordServiceCard form{grid-template-columns:1fr} #accountCredentialSettings #emailServiceCard form .primary-action, #accountCredentialSettings #passwordServiceCard form .primary-action{grid-column:auto;width:100%;justify-self:stretch} #accountIpPolicySettings{max-width:none} #accountIpPolicySettings .security-services-player #ipBindingServiceCard{grid-template-columns:1fr;grid-template-areas:"title" "copy" "status" "form" "state"} #accountIpPolicySettings #ipBindingForm{grid-template-columns:1fr} #accountIpPolicySettings #ipBindingForm .primary-action{width:100%} } .achievements-player-heading{align-items:flex-end}.achievement-character-select{min-width:240px;display:grid;gap:6px}.achievement-character-select>span{color:#8595ab;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.achievement-character-select select{width:100%;min-height:38px;border:1px solid #38465d;border-radius:8px;background:#1e2635;color:#edf2f8;padding:0 34px 0 11px;font:inherit;font-size:.75rem;outline:none}.achievement-character-select select:focus{border-color:#b87d24;box-shadow:0 0 0 2px rgba(197,135,39,.08)} .own-achievement-dashboard{display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(3,minmax(155px,1fr));gap:10px;margin-bottom:14px}.own-achievement-dashboard>article{min-height:112px;border:1px solid #334058;border-radius:12px;background:linear-gradient(150deg,#242d40,#1d2534);position:relative;overflow:hidden}.own-achievement-prestige-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 18px}.own-achievement-prestige-card::before{content:"";position:absolute;inset:-70% 40% 20% -15%;border-radius:50%;background:radial-gradient(circle,rgba(237,166,45,.22),rgba(237,166,45,0) 68%);pointer-events:none}.own-achievement-prestige-orbit{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(236,171,58,.38);border-radius:15px;background:linear-gradient(145deg,rgba(233,169,54,.16),rgba(233,169,54,.04));color:#f1c36d;font-size:1.5rem;box-shadow:inset 0 0 24px rgba(238,172,50,.05),0 0 20px rgba(238,172,50,.06)}.own-achievement-prestige-copy{min-width:0;display:grid;gap:3px}.own-achievement-prestige-copy small,.own-achievement-score small,.own-achievement-summary-card>small{color:#8393a9;font-size:.75rem;font-weight:900;letter-spacing:.085em;text-transform:uppercase}.own-achievement-prestige-copy strong{color:#f7f3e9;font-size:1.0625rem}.own-achievement-prestige-copy em{color:#8d9cb0;font-size:.75rem;font-style:normal}.own-achievement-score{display:grid;justify-items:end;gap:2px;padding-left:15px;border-left:1px solid rgba(73,87,111,.58)}.own-achievement-score b{color:#fff;font-size:1.625rem;line-height:1}.own-achievement-score em{color:#78889e;font-size:.75rem;font-style:normal}.own-achievement-summary-card{display:flex;flex-direction:column;justify-content:center;padding:15px}.own-achievement-summary-card strong{margin:5px 0 6px;color:#f1f5fa;font-size:1.25rem}.own-achievement-summary-card p,.own-achievement-summary-card em{margin:0;color:#78889e;font-size:.75rem;font-style:normal}.own-achievement-summary-track{height:7px;margin:2px 0 6px;border-radius:99px;background:#141b28;overflow:hidden}.own-achievement-summary-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d89425,#f2be58);transition:width .35s ease}.own-achievement-summary-track.prestige i{background:linear-gradient(90deg,#6f8fcc,#b4c4e8)} .avalon-panel-soft{margin-bottom:14px;overflow:hidden}.own-achievement-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:14px 15px;border-bottom:1px solid rgba(55,68,91,.72)}.own-achievement-section-head>span{display:grid;gap:2px}.own-achievement-section-head small{color:#d79b35;font-size:.75rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.own-achievement-section-head h2{margin:0;color:#f1f4f8;}.own-achievement-section-head p{margin:2px 0 0;color:#7f8ea3;font-size:.75rem;line-height:1.45}.own-achievement-section-head>em{padding:5px 8px;border:1px solid rgba(205,148,49,.25);border-radius:999px;color:#d9b169;background:rgba(205,148,49,.055);font-size:.75rem;font-style:normal;white-space:nowrap} .own-glory-reward-list{display:grid} .own-achievement-collection-head{align-items:flex-start}.own-achievement-filter-stack{display:grid;gap:7px;justify-items:end}.own-achievement-filter-row{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:0;padding:0;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none;color:#718198;font-size:.6875rem;font-weight:900;line-height:1.2;letter-spacing:.08em}.own-achievement-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;color:inherit;letter-spacing:normal}.own-achievement-filters button{border:1px solid #354259;border-radius:7px;background:#20283a;color:#8393a9;font-weight:900;cursor:pointer}.own-achievement-filters button:hover{color:#dbe3ee}.own-achievement-filters button.is-active{border-color:#a87325;background:rgba(183,125,34,.12);color:#e3b764}.own-achievement-groups{display:grid;gap:16px;padding:14px}.own-achievement-group{display:grid;gap:8px;min-width:0}.own-achievement-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.own-achievement-group-head h3{margin:0;color:#e8eef6;font-size:.8125rem}.own-achievement-group-head small{color:#74859c;font-size:.6875rem}.own-achievement-group-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.own-achievement-card.rarity-common{--oa-accent:#8f9cad}.own-achievement-card.rarity-uncommon{--oa-accent:#59c98b}.own-achievement-card.rarity-rare{--oa-accent:#5aa9ff}.own-achievement-card.rarity-epic{--oa-accent:#a783ff}.own-achievement-card.rarity-legendary{--oa-accent:#e8ad43}.own-achievement-card.rarity-mythic{--oa-accent:#e1718a}.own-achievement-empty{grid-column:1/-1;margin:0;padding:18px;color:#73849a;font-size:.75rem;text-align:center} @media(max-width:1180px){.own-achievement-dashboard{grid-template-columns:1fr 1fr}.own-achievement-prestige-card{grid-column:1/-1}} @media(max-width:820px){.achievements-player-heading{align-items:stretch}.achievement-character-select{min-width:0}.own-achievement-section-head{align-items:flex-start;flex-direction:column}.own-achievement-filters{justify-content:flex-start}} @media(max-width:560px){.own-achievement-dashboard{grid-template-columns:1fr}.own-achievement-prestige-card{grid-column:auto;grid-template-columns:auto 1fr}.own-achievement-score{grid-column:1/-1;justify-items:start;padding:10px 0 0;border-left:0;border-top:1px solid rgba(73,87,111,.58)}} .own-glory-reward-list{grid-template-columns:repeat(5,minmax(0,320px));justify-content:center;gap:18px;padding:18px 16px 20px;align-items:start} .own-glory-reward-card{--glory-reward-accent:#b9c7db;position:relative;width:100%;max-width:320px;aspect-ratio:580/682;justify-self:center;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate} .own-glory-reward-card.state-available{--glory-reward-accent:#f1b546}.own-glory-reward-card.state-claimed{--glory-reward-accent:#67d2ac} .own-glory-reward-frame{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none} .own-glory-reward-top{position:absolute;z-index:1;left:19%;right:19%;top:5.8%;height:9.8%;display:grid;place-content:center;gap:1px;text-align:center;line-height:1.05;text-shadow:0 1px 2px #000}.own-glory-reward-top small{color:#d5dfeb;font-size:.75rem;font-weight:900}.own-glory-reward-top em{color:var(--glory-reward-accent);font-size:.625rem;font-style:normal;font-weight:950;letter-spacing:.06em;text-transform:uppercase} .own-glory-reward-icon{position:absolute;z-index:1;left:36.5%;right:37.5%;top:19.3%;height:20.8%;display:grid;place-items:center;border:0;background:transparent;box-shadow:none;color:#e0ebfb;font-size:1.75rem;line-height:1;text-shadow:0 0 14px color-mix(in srgb,var(--glory-reward-accent) 48%,transparent)}.state-available .own-glory-reward-icon{color:#ffd67a}.state-claimed .own-glory-reward-icon{color:#8ee7c6}.own-glory-reward-diamonds{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 7px rgba(53,171,255,.38));pointer-events:none;user-select:none} .own-glory-reward-copy{position:absolute;z-index:1;left:14%;right:14%;top:43.6%;height:17%;min-width:0;display:grid;place-content:center;gap:3px;text-align:center;text-shadow:0 1px 2px #000}.own-glory-reward-copy strong{color:#f5f7fb;font-size:.8125rem;line-height:1.18;font-weight:900;overflow-wrap:anywhere}.own-glory-reward-copy b{color:#ced7e4;font-size:.6875rem;line-height:1.25;font-weight:750;overflow-wrap:anywhere} .own-glory-reward-progress{position:absolute;z-index:1;left:15.5%;right:15.5%;top:68.2%;display:block}.own-glory-reward-progress>span{position:relative;height:15px;display:block;border:1px solid rgba(182,203,230,.24);border-radius:999px;background:#07111e;box-shadow:inset 0 1px 5px rgba(0,0,0,.7);overflow:hidden}.own-glory-reward-progress i{position:absolute;inset:0 auto 0 0;display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#527fae,#8bc9ff);box-shadow:0 0 8px rgba(91,166,233,.34)}.state-available .own-glory-reward-progress i{background:linear-gradient(90deg,#c88520,#ffd66f);box-shadow:0 0 8px rgba(238,177,62,.42)}.state-claimed .own-glory-reward-progress i{background:linear-gradient(90deg,#318f72,#78e0b9);box-shadow:0 0 8px rgba(89,204,161,.38)}.own-glory-reward-progress small{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#eef4fb;font-size:.5625rem;font-weight:900;line-height:1;text-align:center;text-shadow:0 1px 3px #000,0 0 4px #000}.state-available .own-glory-reward-progress small{color:#fff4d3}.state-claimed .own-glory-reward-progress small{color:#dcfff2} .own-glory-reward-action{position:absolute;z-index:2;left:17.5%;right:17.5%;bottom:11.75%;height:9.5%;min-height:30px;display:grid;place-items:center;margin:0;padding:0 10px;border:0;border-radius:999px;background:transparent;background-image:none;box-shadow:none;appearance:none;color:#edf2f8;font-family:inherit;font-size:1rem!important;font-weight:900!important;line-height:1;letter-spacing:.01em;text-align:center;text-shadow:0 1px 2px #000;white-space:nowrap;cursor:pointer;transition:color .15s ease,text-shadow .15s ease,filter .15s ease}.own-glory-reward-action:not(:disabled):hover{color:#fff;filter:brightness(1.14);text-shadow:0 0 10px rgba(255,220,144,.7)}.own-glory-reward-action:disabled{cursor:default;opacity:.92}.state-available .own-glory-reward-action{color:#fff3c8}.state-claimed .own-glory-reward-action{color:#c3f6e3} .own-achievement-card{--oa-accent:#8996aa;position:relative;min-width:0;min-height:318px;display:grid;padding:0 12px 12px;grid-template-rows:auto auto minmax(66px,1fr) auto auto;gap:9px;border:1px solid #344158;border-radius:12px;background:#192231;overflow:hidden;isolation:isolate;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease} .own-achievement-card::before,.own-achievement-card::after{content:none}.own-achievement-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--oa-accent) 42%,#3b485f);box-shadow:0 10px 24px rgba(4,8,15,.18)} .own-achievement-card.is-earned{border-color:color-mix(in srgb,var(--oa-accent) 34%,#354158)} .own-achievement-art{position:relative;margin:0 -12px;aspect-ratio:240/116;display:grid;place-items:center;background:transparent;border-bottom:0;overflow:hidden}.own-achievement-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:filter .15s ease,opacity .15s ease,transform .15s ease}.own-achievement-card:hover .own-achievement-art img{transform:scale(1.012)}.own-achievement-card.is-locked .own-achievement-art img{filter:grayscale(.72) saturate(.38) brightness(.66);opacity:.72}.own-achievement-art.is-missing{min-height:88px;background:#111a27} .own-achievement-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.own-achievement-card-labels{min-width:0;display:grid;gap:1px}.own-achievement-card-labels em{color:var(--oa-accent);font-size:.6875rem;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.own-achievement-card-labels small{color:#7889a1;font-size:.6875rem}.own-achievement-points{color:#c9d2df;font-size:.6875rem;font-weight:800;white-space:nowrap} .own-achievement-card-body{display:grid;align-content:start;gap:5px;min-width:0}.own-achievement-card-body strong{color:#f1f4f8;font-size:.875rem;line-height:1.3;overflow-wrap:anywhere}.own-achievement-card-body p{margin:0;color:#8b9aaf;font-size:.75rem;line-height:1.45;overflow-wrap:anywhere} .own-achievement-card-status{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.own-achievement-card-value{min-width:0;max-width:100%;color:#9cabc0;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.own-achievement-card.is-earned .own-achievement-card-value{color:color-mix(in srgb,var(--oa-accent) 68%,#dce4ef)}.own-achievement-state-chip{position:static;flex:0 0 auto;padding:3px 7px;border:1px solid color-mix(in srgb,var(--oa-accent) 22%,#39465d);border-radius:999px;background:transparent;color:color-mix(in srgb,var(--oa-accent) 72%,#c7d0dd);font-size:.625rem;font-weight:900;line-height:1.25;text-transform:uppercase;white-space:nowrap} .own-achievement-card-progress{display:grid;gap:5px}.own-achievement-card-progress>span{height:7px;border:0;border-radius:999px;background:#101824;overflow:hidden}.own-achievement-card-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--oa-accent) 68%,#758196),var(--oa-accent));box-shadow:none}.own-achievement-card-progress>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.own-achievement-card-progress em,.own-achievement-card-progress small{color:#718198;font-size:.625rem;font-style:normal;line-height:1.25}.own-achievement-card-progress small{text-align:right} .own-achievement-filters button{min-height:32px;padding:0 11px;font-size:.75rem}.own-achievement-section-head h2{font-size:.875rem} @media(max-width:1500px){.own-achievement-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:1180px){.own-glory-reward-list{grid-template-columns:repeat(3,minmax(0,320px))}.own-achievement-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:820px){.own-glory-reward-list{grid-template-columns:repeat(2,minmax(0,320px))}.own-achievement-filter-stack{justify-items:start;width:100%}.own-achievement-filter-row{align-items:flex-start;flex-direction:column;gap:4px}.own-achievement-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.own-achievement-card{min-height:300px}} @media(max-width:560px){.own-glory-reward-list,.own-achievement-group-grid{grid-template-columns:1fr}.own-achievement-card{min-height:0}.own-achievement-card-status{align-items:flex-start;flex-direction:column}.own-achievement-card-progress>div{align-items:flex-start;flex-direction:column}.own-achievement-card-progress small{text-align:left}} .character-service-quick-switch { display: grid; gap: 4px; min-width: 190px; margin-left: auto; } .character-service-quick-switch small { color: #8492a8; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; } .character-service-quick-switch select { min-height: 34px; border: 1px solid rgba(143,162,196,.18); border-radius: 8px; background: rgba(9,17,31,.42); color: #e2e8f2; padding: 6px 9px; font-size: .75rem; } .request-retry-bar { position: fixed; z-index: 1300; right: 18px; bottom: 72px; display: flex; align-items: center; gap: 10px; max-width: min(560px, calc(100vw - 36px)); padding: 9px 10px 9px 13px; border: 1px solid rgba(230,126,126,.34); border-radius: 10px; background: rgba(22,31,49,.97); box-shadow: 0 12px 32px rgba(0,0,0,.28); color: #dce4f1; font-size: .75rem; } .request-retry-bar.is-hidden { display: none; } .request-retry-bar > span { min-width: 0; overflow-wrap: anywhere; } .request-retry-bar button { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(143,162,196,.2); border-radius: 8px; background: rgba(143,162,196,.08); color: #e4eaf3; cursor: pointer; } @media (max-width: 760px) { .character-service-quick-switch { width: 100%; min-width: 0; margin-left: 0; } .request-retry-bar { left: 10px; right: 10px; bottom: 68px; max-width: none; } } /* Premium actions use the same readable button language as the rest of the Cabinet. */ #premiumView .premium-purchase-box .primary-service-action, #premiumView .premium-token-purchase-box .token-action{letter-spacing:.01em!important} /* Security events stay readable without turning the page into a long feed. */ #securityEventList{max-height:430px!important;overflow:auto!important;padding-right:4px!important;overscroll-behavior:contain} #securityEventList::-webkit-scrollbar{width:7px}#securityEventList::-webkit-scrollbar-thumb{border-radius:999px;background:#3a465d} #cabinetSessionList{max-height:430px!important;overflow:auto!important;padding-right:4px!important} .side-nav-group{display:grid;gap:2px;min-width:0} .side-nav-group-spaced{margin-top:13px} .side-nav button.side-nav-category-toggle{ min-height:34px; padding:0 10px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:9px; border:1px solid transparent; border-radius:7px; color:#61748f; background:transparent; font-size:.75rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; } .side-nav button.side-nav-category-toggle:hover{color:#b8c6d8;background:rgba(39,56,82,.2)} .side-nav button.side-nav-category-toggle.has-active{color:#b8904c} .side-nav button.side-nav-category-toggle.is-open{color:#7f92ad} .side-nav-category-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .side-nav-category-disclosure{ width:7px; height:7px; margin-right:3px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transform-origin:55% 55%; transition:transform .16s ease,color .16s ease; } .side-nav-category-toggle.is-open .side-nav-category-disclosure{transform:rotate(45deg)} .side-nav-category-items{ display:grid; gap:3px; margin-left:9px; padding:2px 0 4px 8px; border-left:1px solid rgba(70,91,121,.28); } .side-nav-category-items.is-collapsed{display:none} .side-nav-category-items>button,.side-nav-category-items>a{min-height:39px;padding-left:10px} .side-nav-group.has-active>.side-nav-category-items{border-left-color:rgba(245,158,11,.24)} .global-intent-progress{position:fixed;z-index:1500;left:0;right:0;top:0;height:2px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .14s ease} .global-intent-progress.is-active{opacity:1} .global-intent-progress i{display:block;width:34%;height:100%;background:linear-gradient(90deg,rgba(245,174,45,0),#f5ae2d,rgba(245,174,45,0));animation:qolIntentLoading .82s linear infinite} @keyframes qolIntentLoading{from{transform:translateX(-110%)}to{transform:translateX(330%)}} .own-achievement-nearest-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px}.achievement-nearest-card{--near-accent:#9ca9ba;position:relative;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:0 10px 10px;border:1px solid #344159;border-radius:10px;background:#20293a;overflow:hidden}.achievement-nearest-art{grid-column:1/-1;display:grid;place-items:center;margin:0 -10px 1px;aspect-ratio:240/116;overflow:hidden}.achievement-nearest-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .15s ease}.achievement-nearest-card:hover .achievement-nearest-art img{transform:scale(1.01)}.achievement-nearest-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--near-accent);opacity:.55}.achievement-nearest-card.rarity-uncommon{--near-accent:#59c98b}.achievement-nearest-card.rarity-rare{--near-accent:#5aa9ff}.achievement-nearest-card.rarity-epic{--near-accent:#a783ff}.achievement-nearest-card.rarity-legendary{--near-accent:#e8ad43}.achievement-nearest-card.rarity-mythic{--near-accent:#e1718a}.achievement-nearest-rank{width:26px;height:26px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--near-accent) 34%,transparent);border-radius:7px;color:var(--near-accent);background:color-mix(in srgb,var(--near-accent) 7%,#1b2332);font-size:.75rem;font-weight:950}.achievement-nearest-copy{min-width:0;display:grid;gap:3px}.achievement-nearest-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef2f7;font-size:.75rem}.achievement-nearest-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f8fa5;font-size:.75rem}.achievement-nearest-side{display:grid;justify-items:end;gap:2px}.achievement-nearest-side b{color:var(--near-accent);font-size:.75rem}.achievement-nearest-side em{color:#78889f;font-size:.75rem;font-style:normal;white-space:nowrap}.achievement-nearest-track{grid-column:1/-1;height:6px;border-radius:999px;background:#151d2a;overflow:hidden}.achievement-nearest-track i{display:block;height:100%;border-radius:inherit;background:var(--near-accent);box-shadow:0 0 9px color-mix(in srgb,var(--near-accent) 32%,transparent)} .achievement-event-toast{--event-accent:#d8a547;position:fixed;z-index:130;right:22px;bottom:78px;width:min(390px,calc(100vw - 30px));min-height:68px;padding:11px 13px;display:flex;align-items:center;gap:11px;border:1px solid color-mix(in srgb,var(--event-accent) 42%,#263248);border-radius:12px;background:linear-gradient(145deg,rgba(30,39,55,.98),rgba(22,30,43,.98));box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 0 28px color-mix(in srgb,var(--event-accent) 5%,transparent);opacity:0;pointer-events:none;transform:translateY(12px) scale(.98);transition:opacity .22s,transform .22s}.achievement-event-toast::after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:99px;background:var(--event-accent)}.achievement-event-toast.kind-reward{--event-accent:#e2ad50}.achievement-event-toast.kind-showcase{--event-accent:#9d84ff}.achievement-event-toast.kind-error{--event-accent:#e0737d}.achievement-event-toast.is-visible{opacity:1;transform:none}.achievement-event-toast-icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--event-accent) 35%,transparent);border-radius:11px;background:color-mix(in srgb,var(--event-accent) 8%,#1b2332);color:var(--event-accent);font-size:1.25rem;text-shadow:0 0 14px color-mix(in srgb,var(--event-accent) 35%,transparent)}.achievement-event-toast-copy{min-width:0;display:grid;gap:2px}.achievement-event-toast-copy small{color:var(--event-accent);font-size:.75rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.achievement-event-toast-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2f5f9;font-size:.75rem}.achievement-event-toast-copy em{color:#8797ac;font-size:.75rem;font-style:normal;line-height:1.4} @media(max-width:1500px){.own-achievement-nearest-list{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:820px){.own-achievement-nearest-list{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-event-toast{right:15px;bottom:92px}} @media(max-width:560px){.own-achievement-nearest-list{grid-template-columns:1fr}.achievement-nearest-card{grid-template-columns:auto minmax(0,1fr) auto}.achievement-event-toast{bottom:88px}} .personal-timeline-heading{align-items:flex-start;gap:18px}.personal-timeline-heading>button{flex:0 0 auto} .personal-timeline-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--rf-line);border-radius:12px;background:transparent;overflow:hidden} .personal-timeline-summary article{min-width:0;min-height:74px;padding:12px 16px;border:0;border-right:1px solid var(--rf-line);border-radius:0;background:transparent;box-shadow:none} .personal-timeline-summary article:last-child{border-right:0}.personal-timeline-summary article::before,.personal-timeline-summary article::after{display:none;content:none} .personal-timeline-summary small{display:block;color:var(--rf-muted);font-size:.75rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.personal-timeline-summary strong{display:block;margin-top:4px;color:var(--rf-text);font-size:1.05rem;line-height:1.15}.personal-timeline-summary p{margin:3px 0 0;overflow:hidden;color:var(--rf-muted);font-size:.75rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap} .personal-timeline-panel{overflow:hidden;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface);box-shadow:none}.personal-timeline-toolbar{padding:10px 12px;border-bottom:1px solid var(--rf-line);background:transparent}.personal-timeline-filters{display:flex;gap:4px;overflow-x:auto;padding:0;scrollbar-width:thin}.personal-timeline-filters button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:32px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--rf-muted);font:800 .75rem/1 var(--ui-font);cursor:pointer}.personal-timeline-filters button:hover{border-color:var(--rf-line);background:var(--rf-surface-raised);color:var(--rf-text)}.personal-timeline-filters button.is-active{border-color:var(--rf-line-strong);background:var(--rf-surface-raised);color:var(--rf-text);box-shadow:inset 0 -2px 0 var(--rf-accent)}.personal-timeline-filters em{min-width:20px;padding:2px 5px;border:0;border-radius:999px;background:color-mix(in srgb,var(--rf-surface-deep) 68%,transparent);color:var(--rf-muted);font-style:normal;font-size:.75rem;text-align:center}.personal-timeline-filters button.is-active em{color:var(--rf-text)} .personal-timeline-state{min-height:0;margin:6px 0 0;padding:0;color:var(--rf-muted);font-size:.75rem}.personal-timeline-state:empty{display:none}.personal-timeline-state.warning{color:#d7b86f}.personal-timeline-state.error{color:#dc8c92} .personal-timeline-list{padding:0 14px 8px;background:transparent}.personal-timeline-date{display:flex;align-items:center;gap:10px;padding:17px 0 8px;color:#7f8da2;font-size:.75rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.personal-timeline-date::after{content:"";height:1px;flex:1;background:var(--rf-line)} .personal-timeline-item{--timeline-accent:#8292a7;position:relative;display:grid;grid-template-columns:58px 42px minmax(0,1fr) 34px;gap:10px;align-items:center;min-height:76px;padding:10px 6px 10px 0;border:0;border-bottom:1px solid var(--rf-line);background:transparent;box-shadow:none;transition:background .14s ease}.personal-timeline-item:last-child{border-bottom:0}.personal-timeline-item:hover{background:color-mix(in srgb,var(--rf-surface-raised) 48%,transparent)} .personal-timeline-item.category-achievement,.personal-timeline-item.category-reward{--timeline-accent:#d2b261}.personal-timeline-item.category-economy{--timeline-accent:#63bca2}.personal-timeline-item.category-service{--timeline-accent:#86a6d7}.personal-timeline-item.category-pet{--timeline-accent:#75c3ad}.personal-timeline-item.category-security{--timeline-accent:#7ca6df}.personal-timeline-item.category-message{--timeline-accent:#a590dc}.personal-timeline-item.tone-danger{--timeline-accent:#d78088} .personal-timeline-time{align-self:start;padding-top:9px;color:#7b8799;font-size:.75rem;font-style:normal;font-variant-numeric:tabular-nums;text-align:right}.personal-timeline-marker{position:relative;align-self:stretch;display:grid;place-items:start center;padding-top:1px}.personal-timeline-marker::after{content:"";position:absolute;top:38px;bottom:-11px;left:50%;width:1px;background:var(--rf-line);transform:translateX(-.5px)}.personal-timeline-icon{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--timeline-accent) 38%,var(--rf-line) 62%);border-radius:10px;background:color-mix(in srgb,var(--timeline-accent) 8%,var(--rf-surface) 92%);color:var(--timeline-accent);box-shadow:none}.personal-timeline-icon .ui-icon{width:16px;height:16px}.personal-timeline-icon.category-achievement,.personal-timeline-icon.category-reward,.personal-timeline-icon.category-economy,.personal-timeline-icon.category-service,.personal-timeline-icon.category-pet,.personal-timeline-icon.category-security,.personal-timeline-icon.category-message{border-color:color-mix(in srgb,var(--timeline-accent) 38%,var(--rf-line) 62%);background:color-mix(in srgb,var(--timeline-accent) 8%,var(--rf-surface) 92%);color:var(--timeline-accent)} .personal-timeline-copy{display:grid;gap:3px;min-width:0;background:transparent}.personal-timeline-copy-head{display:grid;gap:3px;min-width:0}.personal-timeline-kicker{display:flex;align-items:center;gap:7px;min-width:0;color:var(--rf-muted);font-size:.75rem}.personal-timeline-kicker em{color:var(--timeline-accent);font-style:normal;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.personal-timeline-kicker small{overflow:hidden;color:#77859a;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.personal-timeline-copy-head b{overflow:hidden;color:var(--rf-text);font-size:.8125rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.personal-timeline-copy p{margin:0;color:#aab5c5;font-size:.75rem;line-height:1.42}.personal-timeline-copy>small{display:none} .personal-timeline-open{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--rf-line);border-radius:8px;background:transparent;color:#8d9aac;cursor:pointer}.personal-timeline-open .ui-icon{width:14px;height:14px}.personal-timeline-open:hover{border-color:var(--rf-line-strong);background:var(--rf-surface-raised);color:var(--rf-text)}.personal-timeline-empty{padding:36px 16px;color:var(--rf-muted);text-align:center}.personal-timeline-more{display:flex;justify-content:center;padding:8px 14px 14px} @media(max-width:900px){.personal-timeline-summary{grid-template-columns:1fr}.personal-timeline-summary article{min-height:auto;border-right:0;border-bottom:1px solid var(--rf-line)}.personal-timeline-summary article:last-child{border-bottom:0}.personal-timeline-item{grid-template-columns:48px 38px minmax(0,1fr) 32px;gap:8px}.personal-timeline-heading{display:flex;flex-direction:column}.personal-timeline-heading>button{align-self:flex-start}} @media(max-width:560px){.personal-timeline-panel{border-radius:10px}.personal-timeline-toolbar{padding:9px}.personal-timeline-list{padding:0 9px 6px}.personal-timeline-item{grid-template-columns:34px minmax(0,1fr) 32px;min-height:72px;padding:9px 2px 9px 0}.personal-timeline-time{grid-column:2;grid-row:2;padding:0;text-align:left}.personal-timeline-marker{grid-column:1;grid-row:1/3}.personal-timeline-copy{grid-column:2;grid-row:1}.personal-timeline-open{grid-column:3;grid-row:1/3}.personal-timeline-marker::after{top:36px;bottom:-10px}.personal-timeline-kicker small{display:none}.personal-timeline-date{padding-top:14px}.personal-timeline-summary{gap:0}} .dashboard-v2-hub{margin-top:14px} .dashboard-smart-actions{display:grid;gap:0;padding:4px 10px 8px}.dashboard-smart-action{min-width:0;min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 2px;border:0;border-bottom:1px solid rgba(255,255,255,.055);border-radius:0;background:transparent;color:#e4e8ef;text-align:left;cursor:pointer;transition:background .15s,color .15s}.dashboard-smart-action:last-child{border-bottom:0}.dashboard-smart-action:hover{transform:none;background:rgba(255,255,255,.025)}.dashboard-smart-action-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(218,177,91,.19);border-radius:8px;color:#ddbd78;background:rgba(218,177,91,.055)}.dashboard-smart-action-icon .ui-icon{width:14px;height:14px}.dashboard-smart-action-copy{min-width:0;display:grid;gap:2px}.dashboard-smart-action-copy b{overflow:hidden;color:#e9ecf2;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-smart-action-copy small{overflow:hidden;color:#8f99aa;font-size:.75rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.dashboard-smart-action>em{padding:3px 6px;border:1px solid rgba(255,255,255,.075);border-radius:999px;color:#a5adba;background:rgba(255,255,255,.02);font-size:.75rem;font-style:normal;font-weight:850;white-space:nowrap}.dashboard-smart-action.tone-success .dashboard-smart-action-icon{border-color:rgba(86,176,150,.18);color:#78c8b0;background:rgba(86,176,150,.06)}.dashboard-smart-action.tone-violet .dashboard-smart-action-icon{border-color:rgba(148,122,208,.18);color:#b09add;background:rgba(148,122,208,.06)}.dashboard-smart-action.tone-blue .dashboard-smart-action-icon{border-color:rgba(104,145,216,.18);color:#8aace7;background:rgba(104,145,216,.055)} .dashboard-ranking-summary,.dashboard-recent-list{display:grid;gap:0;padding:4px 10px 8px}.dashboard-ranking-row,.dashboard-recent-row{width:100%;min-width:0;display:grid;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:#e4e8ef;text-align:left;cursor:pointer}.dashboard-ranking-row:last-child,.dashboard-recent-row:last-child{border-bottom:0}.dashboard-ranking-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:48px;padding:7px 2px}.dashboard-ranking-row>span{min-width:0;display:grid;gap:2px}.dashboard-ranking-row b{color:#e9ecf2;font-size:.75rem}.dashboard-ranking-row small{overflow:hidden;color:#858fa1;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-ranking-row strong{min-width:40px;color:#aeb7c6;font-size:.8125rem;text-align:right}.dashboard-ranking-row.is-top strong{color:#ddbd78}.dashboard-ranking-row:hover strong{color:#f0d59b} .dashboard-recent-row{grid-template-columns:27px minmax(0,1fr) auto;gap:8px;min-height:48px;padding:7px 2px}.dashboard-recent-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#aeb7c6;background:rgba(255,255,255,.025)}.dashboard-recent-icon .ui-icon{width:13px;height:13px}.dashboard-recent-row>span:nth-child(2){min-width:0;display:grid;gap:2px}.dashboard-recent-row b{overflow:hidden;color:#e9ecf2;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-recent-row small{overflow:hidden;color:#858fa1;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-recent-row>em{color:#747f91;font-size:.75rem;font-style:normal;white-space:nowrap}.dashboard-recent-row.tone-gold .dashboard-recent-icon{border-color:rgba(218,177,91,.19);color:#ddbd78;background:rgba(218,177,91,.055)}.dashboard-recent-row.tone-success .dashboard-recent-icon{border-color:rgba(86,176,150,.18);color:#78c8b0;background:rgba(86,176,150,.06)}.dashboard-v2-loading,.dashboard-v2-empty{margin:0;padding:12px 2px;color:#858fa1;font-size:.75rem;line-height:1.4} @media(max-width:1280px){.dashboard-v2-actions-panel{grid-column:auto}.dashboard-smart-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px}.dashboard-smart-action{min-height:58px;padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:8px}.dashboard-smart-action:last-child{border-bottom:1px solid rgba(255,255,255,.06)}} @media(max-width:860px){.dashboard-v2-actions-panel{grid-column:auto}.dashboard-smart-actions{grid-template-columns:1fr}.dashboard-smart-action{min-height:48px;border:0;border-bottom:1px solid rgba(255,255,255,.055);border-radius:0}.dashboard-smart-action:last-child{border-bottom:0}} @media(max-width:560px){.dashboard-v2-hub{margin-top:12px}.dashboard-recent-row{grid-template-columns:27px minmax(0,1fr)}.dashboard-recent-row>em{grid-column:2}.dashboard-ranking-row{padding:7px 1px}} .activity-geo{display:block;margin-top:2px;color:#91a0b4!important;font-size:.75rem!important;line-height:1.35;white-space:normal!important;overflow-wrap:anywhere}.game-login-row .activity-copy{min-width:0}.game-login-row .activity-copy b,.game-login-row .activity-copy small{max-width:100%} /* Activity events read as separate soft cards instead of one continuous table. */ .personal-timeline-list{padding:0 14px 14px} .personal-timeline-item{ min-height:78px; margin-bottom:10px; padding:11px 10px 11px 6px; border:1px solid var(--rf-line); border-radius:14px; background:color-mix(in srgb,var(--rf-surface-raised) 28%,transparent); overflow:hidden; } .personal-timeline-item:last-child{margin-bottom:0;border-bottom:1px solid var(--rf-line)} .personal-timeline-item:hover{border-color:var(--rf-line-strong);background:color-mix(in srgb,var(--rf-surface-raised) 58%,transparent)} .personal-timeline-marker::after{bottom:-22px} @media(max-width:560px){ .personal-timeline-list{padding:0 9px 10px} .personal-timeline-item{margin-bottom:8px;padding:9px 8px 9px 4px;border-radius:12px} } *{box-sizing:border-box}.admin-body{margin:0;background:radial-gradient(circle at 65% 0%,rgba(29,74,124,.16),transparent 32%),var(--admin-bg);color:var(--admin-text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.admin-topbar{height:72px;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid rgba(68,100,143,.28);background:rgba(5,13,25,.94);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.admin-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.admin-brand>span:last-child{display:flex;flex-direction:column}.admin-brand b{font-size:.9375rem;letter-spacing:.08em}.admin-brand small{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#7185a6;margin-top:2px}.admin-top-links{display:flex;gap:26px;margin-left:24px}.admin-top-links a{color:#91a4c2;text-decoration:none;font-size:.75rem;font-weight:700}.admin-top-links a:hover{color:#fff}.admin-profile{margin-left:auto;display:flex;align-items:center;gap:10px;border-left:1px solid rgba(62,88,122,.24);padding-left:22px}.admin-profile-avatar{display:grid;place-items:center;border:1px solid rgba(255,177,27,.3);background:linear-gradient(145deg,#5b421d,#2a2419);color:#ffd483;font-weight:900}.admin-profile-avatar{width:38px;height:38px;border-radius:11px}.admin-profile span:last-child{display:flex;flex-direction:column}.admin-profile b{font-size:.75rem}.admin-profile small{font-size:.75rem;color:#7d91b1;margin-top:3px}.admin-menu-button{display:none;background:none;border:0;width:40px;height:40px;padding:8px}.admin-menu-button span{display:block;height:2px;background:#c7d5eb;margin:5px 0;border-radius:2px}.admin-layout{display:grid;}.admin-sidebar{position:sticky;border-right:1px solid rgba(50,78,113,.32);background:linear-gradient(180deg,rgba(12,26,47,.96),rgba(5,15,29,.98));display:flex;flex-direction:column;padding:18px 14px;z-index:40}.admin-nav{display:flex;flex-direction:column;margin-top:18px;gap:6px}.admin-nav>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#526987;margin:13px 8px 4px}.admin-nav button{width:100%;height:44px;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8ca1bf;text-align:left;padding:0 11px;cursor:pointer}.admin-nav button:hover{background:#102039;color:#d9e7fb}.admin-nav button.is-active{color:#fff;border-color:#6d5522;background:linear-gradient(90deg,rgba(255,177,27,.11),rgba(255,177,27,.025));box-shadow:inset 2px 0 0 var(--admin-gold)}.admin-nav button b{font-size:.75rem}.admin-nav button em{margin-left:auto;background:#1c3554;border-radius:9px;padding:2px 7px;font-size:.75rem;font-style:normal;color:#9ab5db}.admin-side-foot{margin-top:auto;border-top:1px solid rgba(51,80,116,.28);padding:15px 8px 4px;display:flex;flex-direction:column;gap:10px}.admin-side-foot a{color:#8fa5c5;font-size:.75rem;text-decoration:none}.admin-side-foot a:hover{color:white}.admin-side-foot small{font-size:.75rem;color:#506683}.admin-side-foot b{color:#7fa9dd}.admin-content{padding:36px clamp(24px,4vw,64px) 70px;min-width:0}.admin-view{margin:0 auto}.admin-view.is-hidden{display:none}.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.admin-heading small,.admin-kicker,.admin-panel-head small{display:block;color:var(--admin-gold);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.admin-heading h1{font-size:2rem;line-height:1.05;margin:7px 0 8px}.admin-heading p{color:#7d92b2;margin:0;font-size:.75rem}.admin-heading-actions{display:flex;gap:8px}.admin-button{padding:0 18px;border:1px solid #c67900;background:linear-gradient(135deg,#ffc341,#ff8a00);color:#111925;border-radius:9px;font-weight:900;font-size:.75rem;cursor:pointer}.admin-button:hover{filter:brightness(1.05)}.admin-button:disabled{opacity:.55;cursor:not-allowed}.admin-button.secondary{background:#0e2038;border-color:#294462;color:#bcd0ea}.admin-status-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #263d5e;border-left:3px solid var(--admin-gold);border-radius:15px;padding:22px 25px;background:linear-gradient(135deg,#10213a 0%,#0b1728 58%,rgba(255,173,17,.08) 100%);box-shadow:0 18px 50px rgba(0,0,0,.12);margin-bottom:18px}.admin-status-hero h2{font-size:1.375rem;margin:5px 0}.admin-status-hero p{margin:0;color:#7f94b3;font-size:.75rem}.switch-control{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-control>span{width:42px;height:23px;border-radius:13px;background:#233650;border:1px solid #365270;position:relative;transition:.2s}.switch-control>span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;left:2px;top:2px;background:#8396af;transition:.2s}.switch-control input:checked+span{background:rgba(63,224,179,.18);border-color:#3abf9e}.switch-control input:checked+span:after{left:21px;background:#4ce5bd;box-shadow:0 0 10px rgba(76,229,189,.45)}.switch-control b{font-size:.75rem}.hero-switch{padding:10px 14px;border:1px solid rgba(62,91,126,.4);border-radius:12px;background:rgba(7,18,34,.55)}.admin-metrics{display:grid;gap:12px;margin-bottom:18px}.admin-metrics article{position:relative;border:1px solid #203854;border-radius:13px;background:linear-gradient(145deg,#10213a,#0b1729);padding:17px;min-height:125px;overflow:hidden}.admin-metrics article:after{content:"";position:absolute;inset:auto -20px -40px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(70,168,255,.1),transparent 68%)}.admin-metrics small{display:block;text-transform:uppercase;font-size:.75rem;letter-spacing:.11em;color:#7288a9;margin:8px 0}.admin-metrics strong{font-size:1.625rem}.admin-metrics p{font-size:.75rem;color:#607594;margin:6px 0 0}.admin-dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.admin-panel{border:1px solid #203854;border-radius:14px;background:linear-gradient(145deg,#0e1e34,#0a1627);overflow:hidden}.admin-panel-head{min-height:68px;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(46,75,109,.45)}.admin-panel-head h2{font-size:1rem;margin:4px 0 0}.admin-panel-head button{background:none;border:0;color:#e5a821;font-size:.75rem;font-weight:800;cursor:pointer}.module-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.module-summary-item{padding:14px;border:1px solid #223b58;border-radius:10px;background:#0b192d}.module-summary-item span{display:flex;align-items:center;gap:7px;font-size:.75rem;font-weight:800}.module-summary-item i{width:6px;height:6px;border-radius:50%;background:#60718a}.module-summary-item.enabled i{background:#3fe0b3;box-shadow:0 0 8px rgba(63,224,179,.5)}.module-summary-item small{display:block;color:#667d9e;margin-top:5px;font-size:.75rem}.security-summary{display:grid;grid-template-columns:1fr;padding:8px 18px 18px}.security-summary div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(42,68,100,.35)}.security-summary div:last-child{border:0}.security-summary small{color:#758aa9;font-size:.75rem}.security-summary b{font-size:1.125rem}.settings-section{margin-bottom:14px}.settings-grid{display:grid;grid-template-columns:1fr;gap:0;padding:4px 18px 14px}.settings-grid.two-columns{grid-template-columns:1fr 1fr;column-gap:18px}.setting-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,.9fr);gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(42,68,100,.34)}.setting-row.full{grid-template-columns:minmax(180px,.55fr) 1fr}.setting-row.switch-row{grid-template-columns:1fr auto}.setting-row>span:first-child{display:flex;flex-direction:column}.setting-row b{font-size:.75rem}.setting-row small{font-size:.75rem;color:#697f9f;margin-top:4px;line-height:1.45}.setting-row input,.setting-row textarea,.audit-toolbar select{width:100%;border:1px solid #294561;background:#081628;color:#dce9fa;border-radius:8px;padding:10px 11px;font:inherit;font-size:.75rem;outline:none}.setting-row input:focus,.setting-row textarea:focus{border-color:#b47a13;box-shadow:0 0 0 3px rgba(255,177,27,.07)}.setting-row textarea{resize:vertical}.security-page-grid{align-items:start}.admin-facts{padding:3px 18px 14px;margin:0}.admin-facts div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(42,68,100,.34)}.admin-facts dt{font-size:.75rem;color:#7489a8}.admin-facts dd{margin:0;font-size:.75rem;font-weight:800}.read-only-badge{font-size:.75rem;color:#6bbaff;border:1px solid #28577e;border-radius:8px;padding:4px 7px}.audit-panel{min-height:360px}.audit-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(42,68,100,.35);font-size:.75rem;color:#8398b7}.audit-toolbar select{width:auto}.audit-table-wrap{overflow:auto}.audit-table{width:100%;border-collapse:collapse;min-width:900px}.audit-table th,.audit-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(42,68,100,.32);font-size:.75rem;vertical-align:top}.audit-table th{font-size:.75rem;color:#6f86a7;text-transform:uppercase;letter-spacing:.08em;background:#0b192c}.audit-table td{color:#b6c8df}.audit-table code{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4b759;background:#0a1525;border:1px solid #263a52;border-radius:5px;padding:3px 5px}.audit-empty{padding:50px;text-align:center;color:#687e9d;font-size:.75rem}.audit-empty.is-hidden{display:none}.admin-alert{max-width:1420px;margin:0 auto 16px;padding:12px 14px;border:1px solid #76562b;background:#2b2114;border-radius:10px;color:#ffd184;font-size:.75rem}.admin-alert.error{border-color:#75343c;background:#2c171d;color:#ff9da3}.admin-alert.is-hidden{display:none}.admin-toast{position:fixed;right:28px;bottom:28px;z-index:80;padding:12px 15px;border:1px solid #31577b;border-radius:10px;background:#0d2138;color:#dcecff;font-size:.75rem;box-shadow:0 12px 30px rgba(0,0,0,.35);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.admin-toast.is-visible{opacity:1;transform:none}.admin-backdrop{display:none} @media(max-width:1240px){.admin-dashboard-grid{grid-template-columns:1fr}.admin-top-links{display:none}} @media(max-width:820px){.admin-topbar{height:62px;padding:0 14px}.admin-menu-button{display:block}.admin-profile span:last-child{display:none}.admin-layout{display:block}.admin-sidebar{position:fixed;left:0;top:62px;bottom:0;height:auto;width:260px;transform:translateX(-105%);transition:.22s}.admin-sidebar.is-open{transform:none}.admin-backdrop{position:fixed;inset:62px 0 0 0;border:0;background:rgba(0,0,0,.55);z-index:35}.admin-backdrop.is-open{display:block}.admin-content{padding:24px 16px 60px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-heading-actions{width:100%}.admin-heading-actions .admin-button{flex:1}.settings-grid.two-columns{grid-template-columns:1fr}.setting-row,.setting-row.full{grid-template-columns:1fr}.setting-row.switch-row{grid-template-columns:1fr auto}.admin-status-hero{align-items:flex-start;flex-direction:column}} @media(max-width:520px){.admin-profile{padding-left:8px}.admin-brand small{display:none}.admin-metrics article{min-height:112px;padding:14px}.admin-metrics strong{font-size:1.375rem}.module-summary{grid-template-columns:1fr}.setting-row.switch-row{grid-template-columns:1fr}.hero-switch{width:100%;justify-content:space-between}} .admin-body .ui-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;overflow:visible} .admin-nav-icon-svg{width:19px!important;height:19px!important;opacity:.86;color:currentColor;transition:opacity .18s,transform .18s} .admin-nav button:hover .admin-nav-icon-svg,.admin-nav button.is-active .admin-nav-icon-svg{opacity:1} .admin-nav button:hover .admin-nav-icon-svg{transform:translateX(1px)} .metric-symbol-svg .ui-icon{width:17px;height:17px} .metric-symbol-svg.online{border-color:rgba(63,224,179,.35)} .metric-symbol-svg.accounts,.metric-symbol-svg.characters{color:#62b7ff} .metric-symbol-svg.sessions{color:#52dcb7} .database-warning{max-width:1420px;margin:0 auto 18px;display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(73,128,173,.36);border-left:3px solid var(--admin-blue);border-radius:14px;padding:16px 18px;background:linear-gradient(135deg,rgba(27,66,104,.2),rgba(8,20,36,.75));color:#a9bdd8}.database-warning>.ui-icon{width:24px;height:24px;color:#6dbbff;margin-top:1px}.database-warning b{display:block;color:#e9f3ff;font-size:.75rem;margin-bottom:5px}.database-warning p{margin:0;font-size:.75rem;line-height:1.65}.database-warning code{color:#ffd37d;background:#0a1727;border:1px solid #2a4058;border-radius:5px;padding:2px 5px}.database-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:14px;align-items:start}.database-form{padding:4px 18px 18px}.database-field-grid{display:grid;grid-template-columns:1.35fr .65fr;column-gap:16px}.database-field-grid>label{display:flex;flex-direction:column;gap:7px;padding:14px 0;border-bottom:1px solid rgba(42,68,100,.34)}.database-field-grid>label:nth-child(3),.database-field-grid>label:nth-child(4){border-bottom:0}.database-field-grid label>span{font-size:.75rem;font-weight:800;color:#c8d7ea}.database-field-grid label>small{font-size:.75rem;line-height:1.45;color:#647b9d}.database-field-grid input{width:100%;height:42px;border:1px solid #294561;background:#081628;color:#dce9fa;border-radius:8px;padding:0 11px;font:inherit;font-size:.75rem;outline:none}.database-field-grid input:focus{border-color:#b47a13;box-shadow:0 0 0 3px rgba(255,177,27,.07)}.password-field{display:flex;gap:7px}.password-field input{min-width:0}.password-field button{flex:0 0 auto;border:1px solid #2d4b6a;background:#0c1e34;color:#91acd0;border-radius:8px;padding:0 11px;font-size:.75rem;font-weight:800;cursor:pointer}.password-field button:hover{color:#fff;border-color:#456b92}.database-section-title{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0;padding:16px 0 3px;border-top:1px solid rgba(49,77,111,.42)}.database-section-title small{display:block;color:var(--admin-gold);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.database-section-title h3{font-size:.875rem;margin:4px 0 0}.database-names-grid{grid-template-columns:1fr 1fr;gap:0 16px}.database-names-grid>label:nth-child(3),.database-names-grid>label:nth-child(4){border-bottom:0}.database-form-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(48,75,108,.38);padding-top:16px;margin-top:4px}.database-form-foot>div{display:flex;flex-direction:column;min-width:0}.database-form-foot b{font-size:.75rem;color:#67dcb9}.database-form-foot b.error{color:#ff8a91}.database-form-foot small{font-size:.75rem;color:#657c9d;margin-top:4px}.database-status-list{padding:6px 16px}.database-status-list article{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:14px 2px;border-bottom:1px solid rgba(42,68,100,.34)}.database-status-list article:last-child{border-bottom:0}.database-status-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #304a68;border-radius:9px;background:#091729;color:#6f8dad}.database-status-icon .ui-icon{width:18px;height:18px}.database-status-list article>div{display:flex;flex-direction:column}.database-status-list article b{font-size:.75rem}.database-status-list article small{font-size:.75rem;color:#687f9f;margin-top:4px}.database-status-list article em{font-size:.75rem;font-style:normal;color:#7f92ad;text-align:right;white-space:nowrap}.database-status-list article.ok .database-status-icon{color:#49dfb5;border-color:rgba(63,224,179,.35);background:rgba(63,224,179,.06)}.database-status-list article.ok em{color:#55dcb8}.database-status-list article.failed .database-status-icon{color:#ff7e86;border-color:rgba(255,107,114,.38);background:rgba(255,107,114,.06)}.database-status-list article.failed em{color:#ff8f95} @media(max-width:1100px){.database-layout{grid-template-columns:1fr}.database-status-panel{order:-1}} @media(max-width:720px){.database-field-grid,.database-names-grid{grid-template-columns:1fr}.database-field-grid>label{border-bottom:1px solid rgba(42,68,100,.34)!important}.database-form-foot{align-items:flex-start;flex-direction:column}.database-form-foot .admin-button{width:100%}.password-field{flex-direction:column}.password-field button{height:36px}.database-status-list article{grid-template-columns:34px 1fr}.database-status-list article em{grid-column:2;text-align:left}} .admin-race-online-panel{position:relative;padding:16px 18px;align-items:center;border:1px solid #203854;border-radius:14px;background:radial-gradient(circle at 86% 50%,rgba(72,115,190,.12),transparent 30%),linear-gradient(145deg,#10213a,#0a1729);overflow:hidden} .admin-race-online-panel::before{content:"";position:absolute;left:0;top:16px;width:3px;height:44px;background:linear-gradient(var(--admin-green),#3c9ff5);box-shadow:0 0 14px rgba(63,224,179,.28)}.admin-race-online-total>span:last-child{display:flex;flex-direction:column}.admin-race-online-total small{color:#7187a8;font-size:.75rem;text-transform:uppercase;letter-spacing:.11em}.admin-race-online-total p{color:#607694;} .admin-race-online-list article{border:1px solid #28425f;border-radius:10px;background:rgba(8,21,38,.65)}.admin-race-online-list article>span{display:flex;align-items:center;gap:8px}.admin-race-online-list i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.admin-race-online-list small{color:#8ca0bd;font-size:.75rem}.admin-race-online-list strong{font-size:1.375rem;color:#f2f7ff}.admin-race-online-list .bellato{color:#f4c64f}.admin-race-online-list .cora{color:#7a8dff}.admin-race-online-list .accretia{color:#e77c62}.admin-race-online-unresolved{position:absolute;right:18px;bottom:5px;color:#647b9a;font-size:.75rem} .admin-metrics{grid-template-columns:repeat(5,minmax(0,1fr))} @media(max-width:1240px){.admin-race-online-panel{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(3,1fr)}} @media(max-width:820px){.admin-race-online-list{grid-template-columns:repeat(3,1fr)}.admin-metrics{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.admin-race-online-panel{padding:15px}.admin-race-online-list{grid-template-columns:1fr}.admin-race-online-list article{min-height:54px}.admin-race-online-unresolved{position:static}.admin-metrics{grid-template-columns:1fr 1fr}} .admin-race-online-total p b{color:#dbe9fb;font-weight:800} .admin-race-online-list .race-values{display:grid;justify-items:end;gap:2px} .admin-race-online-list .race-values strong{line-height:1} .admin-race-online-list .race-values em{font-style:normal;font-size:.75rem;color:#7088a8} .admin-race-online-list .race-values em b{color:#a9bed8;font-size:.75rem} .account-search-panel{margin-bottom:14px;overflow:visible} .account-search-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;} .account-search-head>span{min-width:0}.account-search-head small{display:block;color:var(--admin-gold);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.account-search-head h2{font-size:1rem;margin:5px 0 4px}.account-search-head p{margin:0;color:#7087a7;font-size:.75rem;line-height:1.55} .account-search-form{display:flex;gap:8px;min-width:min(520px,48vw)}.account-search-form input{min-width:0;flex:1;height:42px;border:1px solid #2c4866;border-radius:9px;background:#071528;color:#edf5ff;padding:0 13px;font:inherit;font-size:.75rem;outline:none}.account-search-form input:focus{border-color:#b97f17;box-shadow:0 0 0 3px rgba(255,177,27,.07)} .account-search-meta{border-top:1px solid rgba(42,68,100,.35);border-bottom:1px solid rgba(42,68,100,.35);color:#7188aa;font-size:.75rem;background:rgba(6,17,31,.34)} .account-results{display:grid;}.account-result-card{width:100%;display:grid;grid-template-columns:42px minmax(180px,.7fr) minmax(230px,1.2fr) minmax(170px,.7fr) 18px;gap:12px;align-items:center;border:1px solid #243d5b;background:linear-gradient(135deg,rgba(13,31,53,.86),rgba(7,19,35,.88));color:#dce9f8;text-align:left;cursor:pointer;transition:border-color .16s,transform .16s,background .16s}.account-result-card:hover{border-color:#45698e;background:linear-gradient(135deg,rgba(17,40,68,.96),rgba(8,22,40,.96));transform:translateY(-1px)} .account-result-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #355574;border-radius:10px;background:#10243d;color:#a8cdf6;font-size:.8125rem;font-weight:900}.account-result-identity,.account-result-match,.account-result-last{display:flex;flex-direction:column;min-width:0}.account-result-card small{color:#6f86a7;text-transform:uppercase;letter-spacing:.08em}.account-result-identity b{min-width:0;color:#f2f7ff;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-result-identity em{font-style:normal;color:#7990b0;margin-top:3px}.account-result-match b,.account-result-last b{color:#b9cbe1;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-result-arrow{font-size:1.5625rem;color:#617b9c;text-align:right}.account-result-card:hover .account-result-arrow{color:var(--admin-gold)} .account-empty{margin:10px 18px 18px;padding:18px;border:1px solid rgba(45,72,102,.55);border-radius:10px;color:#6f86a7;font-size:.75rem;text-align:center;background:rgba(7,20,36,.45)} .account-detail{display:grid;}.account-detail-hero{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 90% 30%,rgba(72,126,196,.12),transparent 32%),linear-gradient(140deg,#10213a,#0a1729)}.account-detail-identity{display:flex;align-items:center;gap:13px}.account-detail-avatar{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,177,27,.36);border-radius:13px;background:linear-gradient(145deg,#4a361b,#141d2b);color:#ffd17c;font-size:1.125rem;font-weight:900}.account-detail-identity>span:last-child{display:flex;flex-direction:column}.account-detail-identity small{color:#748bad;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.account-detail-identity h2{font-size:1.25rem;margin:4px 0 2px}.account-detail-identity p{margin:0;color:#6e85a6;font-size:.75rem}.account-detail-identity p b{color:#b9cce2}.account-detail-statuses{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.account-status-pill{border:1px solid #35506d;border-radius:999px;padding:6px 9px;background:#0a182a;color:#8197b5;font-size:.75rem;font-weight:900;letter-spacing:.06em}.account-status-pill.online{color:#48e0b7;border-color:rgba(63,224,179,.4);background:rgba(63,224,179,.07)}.account-status-pill.danger{color:#ff8c93;border-color:rgba(255,107,114,.42);background:rgba(255,107,114,.07)} .account-detail-grid{display:grid;}.account-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.account-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(43,69,101,.35)}.account-facts dt{color:#7389a8}.account-facts dd{margin:0;font-weight:800;color:#cad9eb;text-align:right}.account-facts>div.accent dd{color:#ffd178}.account-facts>div.danger dd{color:#ff9097} .account-cabinet-metrics{display:grid;grid-template-columns:1fr 1fr;}.account-cabinet-metrics>div{border:1px solid #29445f;display:flex;flex-direction:column;justify-content:center}.account-cabinet-metrics small{color:#6f85a5;text-transform:uppercase;letter-spacing:.07em}.account-cabinet-metrics b{color:#e6f0fc;} .account-character-grid{display:grid;}.account-character-card{position:relative;border:1px solid #29445f;overflow:hidden}.account-character-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#35526f}.account-character-card.online::before{background:#3fe0b3;box-shadow:0 0 12px rgba(63,224,179,.4)}.account-character-card.deleted{opacity:.66}.account-character-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.account-character-race{color:#8ea5c3;text-transform:uppercase;letter-spacing:.08em}.account-character-badges{display:flex;gap:4px}.account-character-badges em{font-style:normal;font-weight:900;padding:3px 5px;border:1px solid #36506c;border-radius:5px;color:#8298b6}.account-character-badges em.online{color:#4ce0b9;border-color:rgba(63,224,179,.35)}.account-character-badges em.locked{color:#f4c762;border-color:rgba(244,199,98,.35)}.account-character-badges em.deleted{color:#ff838b;border-color:rgba(255,107,114,.35)}.account-character-card h3{margin:8px 0 3px}.account-character-card>p{margin:0;color:#7087a6;}.account-character-card dl{margin:10px 0 0}.account-character-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid rgba(42,67,97,.28)}.account-character-card dt{color:#6d83a0}.account-character-card dd{margin:0;color:#afc1d8;text-align:right} .account-activity-table code{max-width:260px}.account-activity-table td:nth-child(1){white-space:nowrap}.account-activity-table td:nth-child(3){white-space:nowrap} @media(max-width:1240px){.account-result-card{grid-template-columns:42px minmax(160px,.8fr) minmax(210px,1.2fr) 18px}.account-result-last{display:none}.account-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.account-search-head{align-items:stretch;flex-direction:column}.account-search-form{min-width:0;width:100%}.account-result-card{grid-template-columns:38px 1fr 18px}.account-result-match{grid-column:2}.account-detail-hero{align-items:flex-start;flex-direction:column}.account-detail-statuses{justify-content:flex-start}} @media(max-width:520px){.account-search-form{flex-direction:column}.account-search-form .admin-button{width:100%}.account-cabinet-metrics{grid-template-columns:1fr}.account-result-match b{white-space:normal}} .policy-explainer{display:flex;align-items:center;justify-content:space-between;gap:12px} .policy-explainer em{font-style:normal;white-space:nowrap;padding:6px 8px;border:1px solid rgba(81,118,161,.42);border-radius:8px;color:#91acd0;background:rgba(30,58,89,.18);font-size:.75rem;font-weight:900;letter-spacing:.08em} .admin-nav button.admin-nav-subitem{height:34px;margin-left:18px;width:calc(100% - 18px);padding-left:12px;gap:9px;border-radius:8px;color:#7188a8} .admin-nav button.admin-nav-subitem b{font-size:.75rem;font-weight:750} .admin-nav button.admin-nav-subitem>i{width:5px;height:5px;border-radius:50%;background:#395572;box-shadow:0 0 0 3px rgba(57,85,114,.12);flex:0 0 auto} .admin-nav button.admin-nav-subitem:hover{color:#d5e4f7;background:rgba(16,32,57,.72)} .admin-nav button.admin-nav-subitem.is-active{color:#fff;border-color:rgba(109,85,34,.55);background:linear-gradient(90deg,rgba(255,177,27,.09),rgba(255,177,27,.015));box-shadow:inset 2px 0 0 var(--admin-gold)} .admin-nav button.admin-nav-subitem.is-active>i{background:var(--admin-gold);box-shadow:0 0 8px rgba(255,177,27,.38)} .admin-nav button.admin-nav-subitem em{font-size:.75rem;padding:2px 5px} .account-service-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .account-service-setting-card .admin-panel-head>svg{width:22px;height:22px;color:#6f8fb5;opacity:.85} .account-service-setting-card .settings-grid{height:calc(100% - 68px)} .account-service-setting-card .setting-row{grid-template-columns:minmax(150px,1fr) minmax(150px,.65fr)} .account-service-setting-card .setting-row.switch-row{grid-template-columns:1fr auto} .account-service-setting-card.ip-policy-card{grid-column:span 2} .account-service-setting-card.ip-policy-card .settings-grid{grid-template-columns:1fr 1fr;column-gap:18px} @media(max-width:1050px){.account-service-settings-grid{grid-template-columns:1fr}.account-service-setting-card.ip-policy-card{grid-column:auto}.account-service-setting-card.ip-policy-card .settings-grid{grid-template-columns:1fr}} @media(max-width:620px){.account-service-setting-card .setting-row{grid-template-columns:1fr}.account-service-setting-card .setting-row.switch-row{grid-template-columns:1fr auto}} .admin-sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#294664 transparent} .read-only-badge.action-enabled{color:#ffd173;border-color:rgba(255,177,27,.35);background:rgba(255,177,27,.06)} .admin-button.warning{background:linear-gradient(135deg,#ffd16c,#d78b18);border-color:#e2a63c;color:#16191e} .account-action-modal{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:20px;background:rgba(2,8,16,.84);backdrop-filter:blur(10px)}.account-action-modal.is-hidden{display:none} .account-action-card{width:min(520px,100%);border:1px solid #2b4869;border-top:2px solid var(--admin-gold);border-radius:16px;background:linear-gradient(145deg,#10213a,#091526);box-shadow:0 28px 90px rgba(0,0,0,.6);padding:26px} .account-action-card h2{font-size:1.5rem;margin:8px 0}.account-action-card>p{margin:0 0 16px;color:var(--rf-muted);font-size:.75rem;line-height:1.6} .account-action-target{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-bottom:16px;padding:12px 13px;border:1px solid var(--rf-line);border-radius:10px;background:var(--rf-surface-soft)}.account-action-target small{grid-column:1 / -1;color:var(--rf-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.account-action-target b{font-size:.8125rem}.account-action-target em{font-size:.75rem;color:var(--rf-muted);font-style:normal} .account-action-card label{display:flex;flex-direction:column;gap:7px;margin-top:12px}.account-action-card label span{font-size:.75rem;font-weight:800;color:var(--rf-text)}.account-action-card input,.account-action-card select{width:100%;height:43px;border:1px solid var(--rf-line-strong);border-radius:9px;background:var(--rf-surface-raised);color:var(--rf-text);padding:0 12px;font:inherit;outline:none}.account-action-card input:focus,.account-action-card select:focus{border-color:var(--rf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--rf-accent) 10%,transparent)} .account-action-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.account-action-presets button{border:1px solid var(--rf-line-strong);background:var(--rf-surface-raised);color:var(--rf-muted);border-radius:7px;padding:6px 9px;font-size:.75rem;font-weight:800;cursor:pointer}.account-action-presets button:hover{color:var(--rf-text);border-color:var(--rf-accent)} .account-action-warning{margin-top:13px;border:1px solid color-mix(in srgb,var(--rf-accent) 30%,var(--rf-line));background:color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface-soft));border-radius:9px;padding:10px 11px;color:var(--rf-muted);font-size:.75rem;line-height:1.5}.account-action-error{min-height:17px;margin-top:9px;color:#ff878f;font-size:.75rem}.account-action-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:8px} @media(max-width:520px){.account-action-card{padding:20px}.account-action-buttons{flex-direction:column-reverse}.account-action-buttons .admin-button{width:100%}} .ban-module-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.ban-module-metrics article{min-height:92px;padding:14px;border:1px solid #28435f;border-radius:11px;background:linear-gradient(145deg,#0e2037,#091627);display:flex;flex-direction:column;justify-content:center}.ban-module-metrics small{font-size:.75rem;color:#7087a6;text-transform:uppercase;letter-spacing:.09em}.ban-module-metrics strong{font-size:1.375rem;line-height:1;margin-top:7px;color:#eef6ff}.ban-module-metrics p{margin:6px 0 0;color:#647c9d;font-size:.75rem} .ban-create-panel{margin-bottom:14px}.ban-create-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;padding:18px}.ban-create-help{margin:0 0 12px;color:#758ba9;font-size:.75rem;line-height:1.55}.ban-target-search{display:flex;gap:8px}.ban-target-search input,.ban-list-filters input,.ban-list-filters select{height:40px;border:1px solid #2f4d6d;border-radius:8px;background:#071426;color:#dfe9f6;padding:0 11px;outline:none;font:inherit}.ban-target-search input{flex:1;min-width:0}.ban-target-search input:focus,.ban-list-filters input:focus,.ban-list-filters select:focus{border-color:#b9821a;box-shadow:0 0 0 3px rgba(255,177,27,.07)}.ban-target-meta,.ban-list-meta{margin-top:9px;color:#6d84a4;font-size:.75rem}.ban-target-results{display:grid;gap:7px;margin-top:10px}.ban-target-card{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) minmax(120px,.5fr) 16px;gap:10px;align-items:center;padding:10px 11px;border:1px solid #29445f;border-radius:9px;background:#09182a;color:#c8d8ea;text-align:left;cursor:pointer}.ban-target-card:hover,.ban-target-card.is-selected{border-color:#526f8d;background:#0d2037}.ban-target-card.is-selected{box-shadow:inset 2px 0 0 var(--admin-gold)}.ban-target-avatar,.ban-selected-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid #355473;border-radius:9px;background:#10223a;color:#f0c363;font-weight:900}.ban-target-card>span:nth-child(2){display:flex;flex-direction:column}.ban-target-card small{font-size:.75rem;color:#7188a8}.ban-target-card b{font-size:.75rem;margin-top:2px}.ban-target-card em{font-size:.75rem;color:#8298b5;font-style:normal;margin-top:2px}.ban-target-detail{display:flex;flex-direction:column;min-width:0}.ban-target-detail b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ban-target-arrow{font-size:1.1875rem;color:#627e9f;text-align:right} .ban-selected-target{border:1px solid #29445f;border-radius:11px;background:#09182b;padding:15px;display:flex;flex-direction:column;align-items:stretch}.ban-selected-target>small{font-size:.75rem;color:#748ba9;text-transform:uppercase;letter-spacing:.09em}.ban-selected-target>div{margin-top:12px}.ban-selected-target>div#banSelectedTarget{display:flex;gap:10px;align-items:center}.ban-selected-target>div#banSelectedTarget>span:last-child{display:flex;flex-direction:column}.ban-selected-target b{font-size:.75rem}.ban-selected-target p{margin:4px 0 0;color:#6e85a5;font-size:.75rem;line-height:1.45}.ban-selected-target em{font-style:normal;color:#9ab0cc}.ban-selected-target .admin-button{margin-top:14px;width:100%}.ban-selected-note{margin-top:auto!important;padding-top:14px;border-top:1px solid rgba(44,71,103,.38)} .ban-list-panel{margin-bottom:10px}.ban-list-filters{display:grid;grid-template-columns:minmax(220px,1fr) 170px 190px auto;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(43,69,101,.35)}.ban-list-meta{margin:0;padding:10px 16px}.ban-table-wrap{margin:0 0 8px}.ban-table td{vertical-align:middle}.ban-table tr.is-expired{opacity:.62}.ban-account-cell{display:flex;flex-direction:column;min-width:120px}.ban-account-cell b{font-size:.75rem;color:#dce8f6}.ban-account-cell small{margin-top:2px;font-size:.75rem;color:#7086a4}.ban-kind-badge,.ban-state-badge{display:inline-flex;align-items:center;border:1px solid #34506d;border-radius:999px;padding:4px 7px;font-size:.75rem;font-weight:900;white-space:nowrap}.ban-kind-badge.account{color:#ff979d;border-color:rgba(255,107,114,.36);background:rgba(255,107,114,.06)}.ban-kind-badge.chat{color:#e7bd64;border-color:rgba(231,189,100,.35);background:rgba(231,189,100,.05)}.ban-kind-badge.unknown{color:#9aaec9}.ban-state-badge.active{color:#4ce0b9;border-color:rgba(63,224,179,.34);background:rgba(63,224,179,.05)}.ban-state-badge.expired{color:#8197b4}.ban-remaining{display:block;margin-top:4px;color:#6f87a7;font-size:.75rem}.ban-reason-cell{max-width:220px;white-space:normal}.ban-row-actions{display:flex;gap:5px}.ban-row-button{border:1px solid #31506f;border-radius:7px;background:#0a1a2e;color:#8fa6c3;padding:5px 7px;font-size:.75rem;font-weight:850;cursor:pointer;white-space:nowrap}.ban-row-button:hover{color:#fff;border-color:#557799}.ban-row-button.warning{color:#e7ba5e;border-color:rgba(231,186,94,.34)}.ban-row-button:disabled{opacity:.4;cursor:not-allowed} @media(max-width:1100px){.ban-module-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ban-create-layout{grid-template-columns:1fr}.ban-list-filters{grid-template-columns:1fr 1fr}.ban-list-filters input{grid-column:1 / -1}.ban-list-filters .admin-button{grid-column:1 / -1}.ban-target-card{grid-template-columns:34px minmax(0,1fr) 16px}.ban-target-detail{grid-column:2}.ban-table{min-width:1120px}} @media(max-width:620px){.ban-module-metrics{grid-template-columns:1fr}.ban-create-layout{padding:13px}.ban-target-search{flex-direction:column}.ban-target-search .admin-button{width:100%}.ban-list-filters{grid-template-columns:1fr}.ban-list-filters input,.ban-list-filters .admin-button{grid-column:auto}.ban-selected-target{padding:13px}} .online-module-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.online-module-metrics article{position:relative;min-height:96px;padding:14px 14px 14px 46px;border:1px solid #28435f;border-radius:11px;background:linear-gradient(145deg,#0e2037,#091627);display:flex;flex-direction:column;justify-content:center}.online-module-metrics small{font-size:.75rem;color:#7087a6;text-transform:uppercase;letter-spacing:.09em}.online-module-metrics strong{font-size:1.4375rem;line-height:1;margin-top:7px;color:#eef6ff}.online-metric-icon{position:absolute;left:14px;top:29px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(99,181,255,.24);border-radius:10px;background:rgba(99,181,255,.06);color:#63b5ff}.online-metric-icon .ui-icon{width:24px;height:24px}.online-metric-icon:not(.all)::before{content:"";width:30px;height:30px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.online-metric-icon.bellato{color:#f6c85d;border-color:rgba(246,200,93,.24);background:rgba(246,200,93,.05)}.online-metric-icon.bellato::before{-webkit-mask-image:url(/assets/races/bellato.svg);mask-image:url(/assets/races/bellato.svg)}.online-metric-icon.cora{color:#8f9cff;border-color:rgba(143,156,255,.24);background:rgba(143,156,255,.05)}.online-metric-icon.cora::before{-webkit-mask-image:url(/assets/races/cora.svg);mask-image:url(/assets/races/cora.svg)}.online-metric-icon.accretia{color:#f08f73;border-color:rgba(240,143,115,.24);background:rgba(240,143,115,.05)}.online-metric-icon.accretia::before{-webkit-mask-image:url(/assets/races/accretia.svg);mask-image:url(/assets/races/accretia.svg)} .online-list-panel{margin-bottom:10px}.online-list-filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(43,69,101,.35)}.online-list-filters input,.online-list-filters select{height:40px;border:1px solid #2f4d6d;border-radius:8px;background:#071426;color:#dfe9f6;padding:0 11px;outline:none;font:inherit}.online-list-filters input:focus,.online-list-filters select:focus{border-color:#b9821a;box-shadow:0 0 0 3px rgba(255,177,27,.07)}.online-list-meta{display:flex;justify-content:space-between;gap:15px;padding:10px 16px;color:#6d84a4;font-size:.75rem;border-bottom:1px solid rgba(43,69,101,.25)}.online-table-wrap{margin:0 0 8px}.online-table{min-width:1180px}.online-table td{vertical-align:middle}.online-account-cell,.online-character-cell,.online-class-cell,.online-guild-cell,.online-heartbeat-cell{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:110px}.online-account-cell b,.online-character-cell b,.online-class-cell b,.online-guild-cell b,.online-heartbeat-cell b{font-size:.75rem;color:#dce8f6}.online-account-cell small,.online-character-cell small,.online-class-cell small,.online-guild-cell small,.online-heartbeat-cell small{margin-top:3px;font-size:.75rem;color:#7086a4}.online-staff-badge{display:inline-flex;align-self:flex-start;margin-top:4px;padding:2px 5px;border:1px solid rgba(255,177,27,.35);border-radius:999px;background:rgba(255,177,27,.06);color:#efc15c;font-size:.75rem;font-style:normal;font-weight:900}.online-race-badge{display:inline-flex;align-items:center;border:1px solid #34506d;border-radius:999px;padding:4px 7px;font-size:.75rem;font-weight:900;white-space:nowrap}.online-race-badge.bellato{color:#8ec3ff;border-color:rgba(109,174,255,.38);background:rgba(109,174,255,.06)}.online-race-badge.cora{color:#ddb1ff;border-color:rgba(212,156,255,.35);background:rgba(212,156,255,.05)}.online-race-badge.accretia{color:#f1c66f;border-color:rgba(240,195,106,.35);background:rgba(240,195,106,.05)}.online-race-badge.unknown{color:#91a7c3}.online-level-cell{font-weight:900;color:#dce8f6;white-space:nowrap}.online-ban-badge{display:inline-flex;align-items:center;border:1px solid #34506d;border-radius:999px;padding:4px 7px;font-size:.75rem;font-weight:900;white-space:nowrap}.online-ban-badge.account{color:#ff979d;border-color:rgba(255,107,114,.36);background:rgba(255,107,114,.06)}.online-ban-badge.chat{color:#e7bd64;border-color:rgba(231,189,100,.35);background:rgba(231,189,100,.05)}.online-ban-badge.none{color:#4ce0b9;border-color:rgba(63,224,179,.28);background:rgba(63,224,179,.04)}.online-ban-expiry{display:block;margin-top:4px;color:#6f87a7;font-size:.75rem}.table-action{border:1px solid #31506f;border-radius:7px;background:#0a1a2e;color:#8fa6c3;padding:6px 8px;font-size:.75rem;font-weight:850;cursor:pointer;white-space:nowrap}.table-action:hover{color:#fff;border-color:#557799} @media(max-width:1000px){.online-module-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.online-list-filters{grid-template-columns:1fr 180px}.online-list-filters .admin-button{grid-column:1 / -1}.online-list-meta{flex-direction:column;gap:5px}} @media(max-width:620px){.online-module-metrics{grid-template-columns:1fr}.online-list-filters{grid-template-columns:1fr}.online-list-filters .admin-button{grid-column:auto}.online-module-metrics article{min-height:84px}} .character-module-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.character-module-metrics article{min-height:92px;padding:14px;border:1px solid #28435f;border-radius:11px;background:linear-gradient(145deg,#0e2037,#091627);display:flex;flex-direction:column;justify-content:center}.character-module-metrics small{font-size:.75rem;color:#7087a6;text-transform:uppercase;letter-spacing:.09em}.character-module-metrics strong{font-size:1.4375rem;line-height:1;margin-top:7px;color:#eef6ff}.character-module-metrics p{margin:6px 0 0;color:#647c9d;font-size:.75rem}.character-list-panel{margin-bottom:14px}.character-list-filters{display:grid;grid-template-columns:minmax(260px,1fr) 160px 160px auto;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(43,69,101,.35)}.character-list-filters input,.character-list-filters select{height:40px;border:1px solid #2f4d6d;border-radius:8px;background:#071426;color:#dfe9f6;padding:0 11px;outline:none;font:inherit}.character-list-filters input:focus,.character-list-filters select:focus{border-color:#b9821a;box-shadow:0 0 0 3px rgba(255,177,27,.07)}.character-list-meta{padding:10px 16px;color:#6d84a4;font-size:.75rem;border-bottom:1px solid rgba(43,69,101,.25)}.character-table-wrap{margin:0 0 8px}.character-table{min-width:1040px}.character-table td{vertical-align:middle}.character-table tr.is-deleted{opacity:.62}.character-name-cell,.character-account-cell,.character-class-cell,.character-guild-cell{display:flex;flex-direction:column;min-width:110px}.character-name-cell b,.character-account-cell b,.character-class-cell b,.character-guild-cell b{font-size:.75rem;color:#dce8f6}.character-entity-link{align-self:flex-start;border:0;padding:0;background:none;color:var(--rf-text);font:inherit;font-size:.75rem;font-weight:760;text-align:left;cursor:pointer}.character-entity-link:hover{color:var(--rf-accent);text-decoration:underline}.character-name-cell small,.character-account-cell small,.character-class-cell small,.character-guild-cell small{margin-top:3px;font-size:.75rem;color:#7086a4}.character-race-badge,.character-state-badge,.character-online-badge{display:inline-flex;align-items:center;border:1px solid #34506d;border-radius:999px;padding:4px 7px;font-size:.75rem;font-weight:900;white-space:nowrap}.character-race-badge.bellato{color:#8ec3ff;border-color:rgba(109,174,255,.38);background:rgba(109,174,255,.06)}.character-race-badge.cora{color:#ddb1ff;border-color:rgba(212,156,255,.35);background:rgba(212,156,255,.05)}.character-race-badge.accretia{color:#f1c66f;border-color:rgba(240,195,106,.35);background:rgba(240,195,106,.05)}.character-race-badge.unknown{color:#91a7c3}.character-level-cell{font-weight:900;color:#dce8f6;white-space:nowrap}.character-online-badge.online,.character-state-badge.active{color:#4ce0b9;border-color:rgba(63,224,179,.3);background:rgba(63,224,179,.05)}.character-online-badge.offline{color:#8197b4}.character-state-badge.locked{color:#e7bd64;border-color:rgba(231,189,100,.35);background:rgba(231,189,100,.05)}.character-state-badge.deleted{color:#ff979d;border-color:rgba(255,107,114,.36);background:rgba(255,107,114,.06)}.character-online-time{display:block;margin-top:4px;color:#617a9b;font-size:.75rem} .admin-character-detail-panel{margin-bottom:14px;scroll-margin-top:88px}.character-detail-actions{display:flex;align-items:center;gap:8px}.character-detail-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:16px;padding:16px;border-bottom:1px solid rgba(43,69,101,.3)}.character-detail-identity{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #29445f;border-radius:11px;background:#09182b}.character-detail-avatar{width:52px;height:52px;display:grid;place-items:center;border:1px solid #456686;border-radius:12px;background:#102540;color:#f0c363;font-size:1.0625rem;font-weight:950}.character-detail-identity>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.character-detail-identity small{font-size:.75rem;color:#7188a8;text-transform:uppercase;letter-spacing:.07em}.character-detail-identity b{margin-top:4px;font-size:.9375rem;color:#f0f6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-detail-identity em{margin-top:4px;color:#7f96b4;font-size:.75rem;font-style:normal}.character-detail-status{display:inline-flex;align-items:center;border:1px solid #34506d;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:950}.character-detail-status.online{color:#4ce0b9;border-color:rgba(63,224,179,.3)}.character-detail-status.offline{color:#8197b4}.character-detail-status.locked{color:#e7bd64;border-color:rgba(231,189,100,.35)}.character-detail-status.deleted{color:#ff979d;border-color:rgba(255,107,114,.36)}.character-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-detail-facts>div{padding:10px 11px;border:1px solid #28435f;border-radius:9px;background:#08172a}.character-resource-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:16px;border-bottom:1px solid rgba(43,69,101,.3)}.character-resource-grid article{min-height:70px;padding:11px;border:1px solid #29445f;border-radius:9px;background:#09182b;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.character-resource-grid article small{font-size:.75rem;color:#7087a6}.character-resource-grid article strong{margin-top:4px;color:#e7eff9;font-size:.8125rem}.character-resource-editor-section{border-bottom:1px solid rgba(43,69,101,.3)}.character-resource-editor-section .character-resource-grid{grid-template-columns:repeat(4,minmax(210px,1fr))}.character-resource-editor-section>.character-section-head{padding:12px 16px 0}.character-resource-editor-section>.character-section-head em{color:#8091aa;font-size:.75rem;font-style:normal}.character-resource-editor-section>.character-section-head em.is-ready{color:#72c8a7}.character-resource-editor-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:8px}.character-resource-editor-head strong{white-space:nowrap}.character-resource-editor-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.character-resource-editor-controls input{width:100%;min-width:0;height:36px;box-sizing:border-box;border:1px solid #354763;border-radius:8px;background:#0d1726;color:#e6edf8;padding:0 9px;font:inherit;font-size:.75rem}.character-resource-editor-controls input:focus{outline:none;border-color:#b87d18;box-shadow:0 0 0 3px rgba(255,177,27,.07)}.character-resource-editor-controls input:disabled{opacity:.58}.character-resource-editor-controls .admin-button{min-height:36px;height:36px;padding:0 10px}.character-detail-limited{grid-column:1/-1;margin:0;padding:13px;border:1px solid rgba(52,80,109,.62);border-radius:9px;color:#7188a8;font-size:.75rem;line-height:1.55}@media(max-width:1120px){.character-resource-editor-section .character-resource-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}.character-module-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.character-list-filters{grid-template-columns:1fr 1fr}.character-list-filters input{grid-column:1/-1}.character-list-filters .admin-button{grid-column:1/-1}.character-detail-layout{grid-template-columns:1fr}.character-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:620px){.character-resource-editor-section .character-resource-grid{grid-template-columns:1fr}.character-module-metrics{grid-template-columns:1fr}.character-list-filters{grid-template-columns:1fr}.character-list-filters input,.character-list-filters .admin-button{grid-column:auto}.character-detail-layout{padding:12px}.character-detail-identity{grid-template-columns:46px minmax(0,1fr)}.character-detail-avatar{width:44px;height:44px}.character-detail-status{grid-column:2;justify-self:start}.character-detail-facts{grid-template-columns:1fr}.character-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}} .premium-admin-heading{padding:20px 22px;border:1px solid rgba(240,189,85,.18);border-radius:14px;background:radial-gradient(circle at 92% 5%,rgba(240,189,85,.08),transparent 27%),linear-gradient(145deg,#102239,#09172a)} .premium-admin-heading h1{font-size:1.875rem}.premium-admin-heading p{max-width:820px;line-height:1.55} .premium-admin-master{border-color:rgba(240,189,85,.2)!important} .premium-tariff-catalog{overflow:hidden} .premium-tariff-catalog-head{align-items:center}.premium-tariff-catalog-head p{margin:4px 0 0;color:#7188a6;font-size:.75rem;line-height:1.45} .premium-tariff-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px} .premium-tariff-admin-card{position:relative;overflow:hidden;border:1px solid #3a4861;border-radius:12px;background:#273148} .premium-tariff-admin-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(240,189,85,.9),rgba(240,189,85,0))} .premium-tariff-admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #3a4760}.premium-tariff-admin-card-head>span{display:grid;gap:3px;min-width:0}.premium-tariff-admin-card-head small{color:#e8a51f;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.premium-tariff-admin-card-head b{overflow:hidden;color:#eef3fa;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap} .premium-tariff-admin-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 14px}.premium-tariff-admin-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:10px}.premium-tariff-admin-field{display:grid;gap:6px;min-width:0}.premium-tariff-admin-field>span{color:#aeb9ca;font-size:.75rem;font-weight:850}.premium-tariff-admin-field>small{color:#72839e;font-size:.75rem;line-height:1.35}.premium-tariff-admin-field input,.premium-tariff-admin-field select{width:100%;height:38px;border:1px solid #44536d;border-radius:8px;background:#151d2c;color:#edf2f8;padding:0 10px;font:inherit;font-size:.75rem;font-weight:750;outline:none}.premium-tariff-admin-field input:focus,.premium-tariff-admin-field select:focus{border-color:#b77d24;box-shadow:0 0 0 3px rgba(183,125,36,.08)} .premium-tariff-admin-enabled{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 14px;padding:10px 11px;border:1px solid #3c4a63;border-radius:9px;background:#222b40}.premium-tariff-admin-enabled>span:first-child{display:grid;gap:3px}.premium-tariff-admin-enabled b{color:#e5ebf4;font-size:.75rem}.premium-tariff-admin-enabled small{color:#75869f;font-size:.75rem;line-height:1.35} .premium-tariff-admin-empty{grid-column:1/-1;display:grid;gap:5px;padding:22px;border:1px dashed #43526c;border-radius:11px;background:#20283b;text-align:center}.premium-tariff-admin-empty b{color:#e6ebf3}.premium-tariff-admin-empty small{color:#7e8fa8;font-size:.75rem} .premium-tariff-admin-state{min-height:18px;margin:0 16px 14px;color:#7e90aa;font-size:.75rem}.premium-tariff-admin-state:empty{min-height:0;margin-bottom:0} @media(max-width:1050px){.premium-tariff-editor{grid-template-columns:1fr}} @media(max-width:800px){.premium-admin-heading{align-items:flex-start;flex-direction:column}.premium-admin-heading .admin-button{width:100%}.premium-tariff-catalog-head{align-items:flex-start;flex-direction:column}.premium-tariff-catalog-head .admin-button{width:100%}.premium-tariff-editor{padding:12px}} @media(max-width:620px){.premium-tariff-admin-pair{grid-template-columns:1fr}} .voting-admin-heading{align-items:flex-end}.voting-master-panel{margin-bottom:14px} .voting-admin-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.voting-provider-settings{overflow:hidden}.voting-feed-badge{padding:5px 8px;border:1px solid rgba(125,154,190,.24);border-radius:999px;color:#91a7c1;font-size:.75rem;font-style:normal;font-weight:900}.voting-feed-badge.ok{border-color:rgba(73,210,160,.25);color:#69ddb8}.voting-feed-badge.missing{border-color:rgba(255,107,107,.25);color:#ff9fa6} .voting-admin-metrics{margin:14px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.voting-admin-metrics article{min-height:105px;padding:15px;border:1px solid rgba(48,77,111,.5);border-radius:12px;background:rgba(8,20,35,.75)}.voting-admin-metrics small{display:block;color:#7187a5;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.voting-admin-metrics strong{display:block;margin:9px 0 4px;color:#eef5ff;font-size:1.5rem}.voting-admin-metrics p{margin:0;color:#647b99;font-size:.75rem} .voting-import-panel{margin-bottom:14px;padding-bottom:16px}.voting-import-actions{padding:16px 17px 9px;display:flex;gap:10px;flex-wrap:wrap}.voting-import-panel>p{margin:0 17px;padding:10px 12px;border:1px solid rgba(49,76,109,.4);border-radius:9px;color:#869bb7;background:rgba(7,17,30,.5);font-size:.75rem;line-height:1.5}.voting-ledger-panel{overflow:hidden}.voting-table{min-width:1080px}.voting-ledger-status.succeeded{color:#69ddb8}.voting-ledger-status.unresolved{color:#ff9fa6}.voting-ledger-status.ignored,.voting-ledger-status.no_reward{color:#d8b56e} @media(max-width:1050px){.voting-admin-provider-grid{grid-template-columns:1fr}.voting-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.voting-admin-heading{align-items:flex-start;flex-direction:column}.voting-admin-heading .admin-heading-actions{width:100%;display:grid;grid-template-columns:1fr}.voting-admin-heading .admin-button{width:100%}.voting-admin-metrics{grid-template-columns:1fr}.voting-import-actions{display:grid}.voting-import-actions .admin-button{width:100%}} .voting-source-panel{margin-bottom:14px;overflow:hidden}.voting-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 17px 12px}.voting-source-field{display:grid;gap:8px;padding:13px;border:1px solid rgba(48,77,111,.55);border-radius:11px;background:rgba(7,18,31,.58)}.voting-source-field b{display:block;color:#e8f0fb;font-size:.75rem}.voting-source-field small{display:block;margin-top:4px;color:#7188a6;font-size:.75rem;line-height:1.45}.voting-source-field input{height:40px;border:1px solid #2f4d6d;border-radius:8px;background:#071426;color:#dfe9f6;padding:0 11px;outline:none;font:inherit}.voting-source-field input:focus{border-color:#9a72d7;box-shadow:0 0 0 3px rgba(154,114,215,.08)}.voting-source-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 17px 10px}.voting-source-state{margin:0 17px 16px;padding:10px 12px;border:1px solid rgba(49,76,109,.4);border-radius:9px;color:#8095b1;background:rgba(7,17,30,.5);font-size:.75rem;line-height:1.5}.voting-source-state.ok{color:#69ddb8;border-color:rgba(73,210,160,.22)}.voting-source-state.error{color:#ff9fa6;border-color:rgba(255,107,107,.22)} @media(max-width:900px){.voting-source-grid{grid-template-columns:1fr}} @media(max-width:700px){.voting-source-actions{display:grid}.voting-source-actions .admin-button{width:100%}} .mail-state{font-style:normal;color:#7189a6;font-size:.75rem}.mail-state.ok{color:#55ddb0}.mail-state.error{color:#ff7f88} .registration-policy-panel{margin-top:14px} .registration-policy-agreement{grid-column:1/-1} .registration-policy-agreement textarea{min-height:150px;line-height:1.55} .module-toggle-button, .module-inline-link{min-height:32px;padding:0 13px;border-radius:8px;border:1px solid #2b4969;background:linear-gradient(180deg,#10243e,#0a192c);color:#d2e1f4;font:inherit;font-size:.75rem;font-weight:900;letter-spacing:.015em;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s,color .16s,background .16s,transform .16s,box-shadow .16s} .module-inline-link:hover{border-color:rgba(245,158,11,.48);color:#ffd98f;background:linear-gradient(180deg,rgba(64,45,18,.48),rgba(24,28,33,.5));box-shadow:0 8px 22px rgba(0,0,0,.16);transform:translateY(-1px)} .module-toggle-button{min-width:80px} .module-toggle-button.is-enable{border-color:rgba(73,210,160,.34);color:#75e5c2;background:linear-gradient(180deg,rgba(34,111,87,.22),rgba(14,45,38,.2))} .module-toggle-button.is-disable{border-color:rgba(255,108,114,.30);color:#ff9ba1;background:linear-gradient(180deg,rgba(115,43,50,.20),rgba(51,22,29,.17))} .module-toggle-button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.14)} .module-toggle-button:disabled{opacity:.5;cursor:not-allowed} .module-inline-link{justify-self:end;white-space:nowrap}.module-section-title{display:flex;justify-content:space-between;align-items:end;margin:22px 2px 10px}.module-section-title small{display:block;color:var(--admin-gold);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.module-section-title h2{margin:4px 0 0;font-size:1.0625rem} .module-config-view .admin-heading>span:first-child{max-width:820px} @media(max-width:650px){ .module-inline-link{justify-self:start;margin-top:4px} } .module-tabs{display:flex;gap:7px;margin:-8px 0 18px;padding:4px;border-bottom:1px solid rgba(45,72,104,.44)} .module-tabs button{min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:#7d94b4;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer} .module-tabs button:hover{color:#dbe8f8;background:rgba(16,35,59,.58)} .module-tabs button.is-active{color:#ffd070;border-color:rgba(255,177,27,.28);border-bottom-color:transparent;background:rgba(255,177,27,.055)} .auth-tab-panel.is-hidden{display:none} #siteOnlineSettings{scroll-margin-top:92px} @media(max-width:820px){.module-tabs{overflow-x:auto}.module-tabs button{white-space:nowrap}} .payment-admin-state{padding:5px 8px;border-radius:999px;color:#9aa8bd;background:rgba(126,142,166,.08);font-size:.75rem;font-style:normal;font-weight:800;text-transform:uppercase} .payment-admin-state.ok{color:#8ce9aa;background:rgba(40,180,99,.1)} .payment-admin-state.error{color:#ff9a9a;background:rgba(239,68,68,.1)} .payment-admin-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0} .payment-admin-metrics article{min-height:78px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--panel);display:grid;align-content:center;gap:5px} .payment-admin-metrics small{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em} .payment-admin-metrics b{font-size:1rem} .payment-ledger-panel{padding:17px} .payment-admin-badge{display:inline-flex;padding:4px 7px;border-radius:999px;color:#acb8ca;background:rgba(120,138,163,.09);font-size:.75rem;font-weight:800} .payment-admin-badge.ok{color:#8ce9aa;background:rgba(40,180,99,.1)} .payment-admin-badge.warning{color:#ffd27a;background:rgba(245,158,11,.1)} .payment-admin-badge.error{color:#ff9a9a;background:rgba(239,68,68,.1)} .payment-admin-balance{display:block;margin-top:4px;color:var(--muted);font-size:.75rem} .payment-ledger-table td{vertical-align:middle} @media(max-width:1100px){.payment-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:700px){.payment-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} .payment-bonus-admin-grid{display:grid;grid-template-columns:1fr;gap:10px;padding-top:2px} .payment-bonus-admin-row{display:grid;grid-template-columns:78px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px;padding:10px 11px;border-top:1px solid var(--line)} .payment-bonus-admin-row>b{align-self:center;color:#d8e4f4;font-size:.75rem} .payment-bonus-admin-row label{display:grid;gap:5px} .payment-bonus-admin-row label>span{color:var(--muted);font-size:.75rem} .payment-bonus-admin-row input{width:100%;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:rgba(7,14,26,.45);color:var(--text);font:inherit;font-size:.75rem;outline:0} .payment-bonus-admin-row input:focus{border-color:rgba(245,158,11,.38)} @media(max-width:620px){.payment-bonus-admin-row{grid-template-columns:1fr 1fr}.payment-bonus-admin-row>b{grid-column:1 / -1}} .funpay-admin-section .admin-panel-head p{max-width:760px;margin:5px 0 0;color:var(--muted);font-size:.75rem;line-height:1.5} .funpay-admin-grid{display:grid;gap:8px;margin-top:10px} .funpay-admin-row{display:grid;grid-template-columns:132px 150px minmax(300px,1.15fr) minmax(240px,1fr);align-items:end;gap:10px;padding:11px;border-top:1px solid var(--line)} .funpay-admin-row>b{height:35px;display:flex;align-items:center;align-self:end;color:#dbe6f5;font-size:.75rem;white-space:nowrap} .funpay-admin-row label{display:grid;gap:5px} .funpay-admin-row label>span{color:var(--muted);font-size:.75rem} .funpay-admin-row input{width:100%;height:35px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:rgba(7,14,26,.45);color:var(--text);font:inherit;font-size:.75rem;outline:0} .funpay-admin-row input:focus{border-color:rgba(74,186,232,.42)} .funpay-admin-row .funpay-offer-url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem} @media(max-width:1250px){.funpay-admin-row{grid-template-columns:132px 150px 1fr}.funpay-admin-row label.wide:last-child{grid-column:2/-1}.funpay-admin-row label.wide:nth-of-type(2){grid-column:3}} @media(max-width:760px){.funpay-admin-row{grid-template-columns:1fr 1fr}.funpay-admin-row>b{grid-column:1/-1}.funpay-admin-row label.wide,.funpay-admin-row label.wide:nth-of-type(2),.funpay-admin-row label.wide:last-child{grid-column:1/-1}} .funpay-admin-row .funpay-offer-amount[readonly]{color:#c8d5e7;background:rgba(77,96,124,.08);cursor:default} .admin-balance-view .admin-heading>span:first-child{max-width:760px} .admin-balance-workspace{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:14px;margin-bottom:14px} .admin-balance-workspace.is-hidden{display:none} .admin-balance-target-card{min-height:214px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(145deg,#11233d,#09172a 62%,rgba(255,177,27,.07))} .admin-balance-target-card:after{content:"";position:absolute;width:180px;height:180px;right:-78px;top:-85px;border-radius:50%;background:radial-gradient(circle,rgba(255,177,27,.15),transparent 68%);pointer-events:none} .admin-balance-target-identity{display:flex;align-items:center;gap:13px;position:relative;z-index:1} .admin-balance-target-identity>span:last-child{display:flex;flex-direction:column;min-width:0} .admin-balance-target-identity small{font-size:.75rem;color:#7088aa;text-transform:uppercase;letter-spacing:.11em} .admin-balance-target-identity h2{margin:4px 0 3px;font-size:1.1875rem} .admin-balance-target-identity p{margin:0;color:#7389a8;font-size:.75rem}.admin-balance-target-identity p b{color:#b8cbe1} .admin-balance-current{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(255,177,27,.28);border-radius:13px;background:linear-gradient(135deg,rgba(255,177,27,.085),rgba(7,18,32,.64));position:relative;z-index:1} .admin-balance-diamond{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid rgba(255,198,81,.42);border-radius:12px;color:#ffd06a;background:rgba(255,177,27,.08)} .admin-balance-diamond .ui-icon{width:24px;height:24px} .admin-balance-current>span:last-child{display:grid;grid-template-columns:auto auto;grid-template-areas:"label label" "value unit";align-items:end;gap:2px 7px} .admin-balance-current small{grid-area:label;font-size:.75rem;color:#8b9db7;text-transform:uppercase;letter-spacing:.09em} .admin-balance-current b{grid-area:value;font-size:1.625rem;line-height:1;color:#fff3d1;font-variant-numeric:tabular-nums}.admin-balance-current em{grid-area:unit;font-style:normal;color:#d2a24c;font-size:.75rem;padding-bottom:2px} .admin-balance-action-panel .admin-panel-head p{max-width:650px;margin:5px 0 0;color:#7085a4;font-size:.75rem;line-height:1.5} .admin-balance-form{padding:18px;display:grid;gap:16px} .admin-balance-action-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .admin-balance-action-switch button{min-height:68px;padding:11px 12px;border:1px solid #29445f;border-radius:11px;background:#09182a;color:#9db1ca;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.16s} .admin-balance-action-switch button:hover{border-color:#456787;background:#0c1d32}.admin-balance-action-switch button.is-active{border-color:rgba(255,177,27,.62);background:linear-gradient(145deg,rgba(255,177,27,.12),rgba(13,28,48,.96));box-shadow:inset 0 0 24px rgba(255,177,27,.025)} .admin-balance-action-switch .ui-icon{width:22px;height:22px;color:#7792b2}.admin-balance-action-switch button.is-active .ui-icon{color:#ffc457} .admin-balance-action-switch span{display:flex;flex-direction:column;min-width:0}.admin-balance-action-switch b{font-size:.75rem;color:#dbe8f7}.admin-balance-action-switch small{margin-top:3px;color:#677e9e;font-size:.75rem} .admin-balance-fields{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(280px,1fr);gap:12px}.admin-balance-fields label{display:flex;flex-direction:column;gap:7px}.admin-balance-fields label>span{font-size:.75rem;color:#7b90ad;font-weight:800}.admin-balance-fields input{height:43px;border:1px solid #294561;background:#081628;color:#e9f2ff;border-radius:9px;padding:0 12px;font:inherit;font-size:.75rem;outline:none}.admin-balance-fields input:focus{border-color:#b47a13;box-shadow:0 0 0 3px rgba(255,177,27,.07)} .admin-balance-preview{min-height:70px;padding:11px 12px;border:1px solid #223b58;border-radius:11px;background:#091729;display:grid;grid-template-columns:1fr 24px 1fr auto;align-items:center;gap:10px}.admin-balance-preview>span{display:flex;flex-direction:column}.admin-balance-preview small{font-size:.75rem;color:#6d83a1;text-transform:uppercase;letter-spacing:.09em}.admin-balance-preview b{margin-top:4px;font-size:1rem;font-variant-numeric:tabular-nums}.admin-balance-preview>i{font-style:normal;color:#536b8a;text-align:center}.admin-balance-preview .admin-button{min-width:170px} .admin-balance-state{min-height:0;color:#6edeb7;font-size:.75rem;line-height:1.5}.admin-balance-state.error{color:#ff8c95}.admin-balance-state:empty{display:none} .admin-balance-history-panel{margin-top:14px}.admin-balance-history-panel .admin-panel-head>em{font-style:normal;color:#7086a6;font-size:.75rem}.admin-balance-table{min-width:980px}.admin-balance-table td strong{color:#eef5ff}.admin-balance-table td .positive{color:#65dfb7}.admin-balance-table td .negative{color:#ff8a92}.admin-balance-table td .neutral{color:#77bdf7}.admin-balance-table td small{color:#6f84a3}.admin-balance-table td.reason{max-width:330px;white-space:normal;line-height:1.45} .admin-balance-result-card .account-result-match b{color:#ffd06b} @media(max-width:1100px){.admin-balance-workspace{grid-template-columns:1fr}.admin-balance-target-card{min-height:180px}.admin-balance-fields{grid-template-columns:1fr}.admin-balance-preview{grid-template-columns:1fr 20px 1fr}.admin-balance-preview .admin-button{grid-column:1/-1;width:100%}} @media(max-width:700px){.admin-balance-action-switch{grid-template-columns:1fr}.admin-balance-preview{grid-template-columns:1fr 18px 1fr}.admin-balance-current b{font-size:1.4375rem}} .converter-admin-view{max-width:1480px} .converter-admin-master .policy-explainer em{font-style:normal;color:#d7e6fb;font-size:.75rem;font-weight:800;text-align:right} .converter-admin-state{font-style:normal;color:#748ba8;font-size:.75rem;font-weight:800}.converter-admin-state.ok{color:#64d8b0}.converter-admin-state.error{color:#ff9098} .converter-admin-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.converter-rate-group{min-width:0} .converter-policy-list{display:grid}.converter-policy-list article{display:grid;grid-template-columns:minmax(155px,1fr) 58px minmax(128px,.72fr) minmax(128px,.72fr);align-items:end;gap:10px;padding:13px 15px;border-top:1px solid rgba(49,76,104,.55);transition:.16s}.converter-policy-list article:first-child{border-top:0}.converter-policy-list article.is-enabled{background:linear-gradient(90deg,rgba(95,204,165,.045),transparent 58%)} .converter-policy-list article>span{display:flex;flex-direction:column;gap:3px;align-self:center}.converter-policy-list article>span b{font-size:.75rem;color:#dce8f7}.converter-policy-list article>span small{font-size:.75rem;color:#657d9c}.converter-policy-list article>label{display:flex;flex-direction:column;gap:5px;min-width:0}.converter-policy-list article>label small{font-size:.75rem;color:#758ba8;font-weight:800;white-space:nowrap}.converter-policy-list input[type="number"]{width:100%;height:36px;border:1px solid #294561;border-radius:8px;background:#081628;color:#edf5ff;padding:0 9px;font:inherit;font-size:.75rem;outline:none}.converter-policy-list input[type="number"]:focus{border-color:#b47a13;box-shadow:0 0 0 3px rgba(255,177,27,.06)}.converter-policy-list input[type="checkbox"]{width:18px;height:18px;accent-color:#d29b38;margin:8px auto 9px} .converter-admin-history{margin-top:14px}.converter-admin-history .admin-table{min-width:900px}.converter-admin-spent{color:#ffb66f}.converter-admin-award{color:#68dab3}.converter-admin-empty{text-align:center!important;color:#7086a5!important;padding:28px!important} @media(max-width:1180px){.converter-admin-groups{grid-template-columns:1fr}.converter-policy-list article{grid-template-columns:minmax(160px,1fr) 58px minmax(135px,.75fr) minmax(135px,.75fr)}} @media(max-width:720px){.converter-policy-list article{grid-template-columns:1fr 64px 1fr 1fr;gap:8px;padding:12px}.converter-policy-list article>span{grid-column:1/-1}.converter-policy-list article>label small{white-space:normal}.converter-admin-master .settings-grid.two-columns{grid-template-columns:1fr}} @media(max-width:480px){.converter-policy-list article{grid-template-columns:64px 1fr 1fr}.converter-policy-list article>span{grid-column:1/-1}.converter-policy-list article>label:nth-of-type(1){grid-column:1}.converter-policy-list input[type="number"]{font-size:.75rem;padding:0 7px}} .converter-admin-v120{max-width:1500px}.converter-admin-v120 .admin-heading>span p{max-width:780px} .converter-security-panel .admin-panel-head p,.converter-admin-history-v120 .admin-panel-head p{margin:4px 0 0;color:#6e84a2;font-size:.75rem;line-height:1.45} .converter-security-grid{padding:13px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.converter-security-card{min-height:82px;padding:12px;border:1px solid rgba(43,68,96,.68);border-radius:11px;background:linear-gradient(145deg,rgba(10,24,42,.9),rgba(7,18,32,.96));display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center}.converter-security-card.master{grid-template-columns:34px minmax(0,1fr) auto;border-color:rgba(255,177,27,.24)}.converter-security-icon{width:34px;height:34px;border:1px solid rgba(92,120,151,.24);border-radius:8px;display:grid;place-items:center;color:#7c96b4;background:rgba(21,41,65,.65)}.converter-security-icon .ui-icon{width:18px;height:18px}.converter-security-card>span:nth-child(2){display:grid;gap:2px}.converter-security-card small{color:#6f86a4;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.converter-security-card b{color:#dce8f7;font-size:.75rem}.converter-security-card em{color:#607997;font-size:.75rem;font-style:normal;line-height:1.35}.converter-security-card.master .switch-control{margin-left:4px} .converter-admin-groups-v120{gap:12px}.converter-source-card{overflow:hidden;border-radius:13px}.converter-source-head{min-height:92px;padding:14px 15px;border-bottom:1px solid rgba(47,72,100,.54);display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;background:linear-gradient(135deg,rgba(23,39,61,.72),rgba(10,23,40,.35))}.converter-source-icon{width:42px;height:42px;border:1px solid rgba(255,180,35,.27);border-radius:10px;color:#ffc554;background:rgba(141,91,16,.09);display:grid;place-items:center}.converter-source-card.tokens .converter-source-icon{border-color:rgba(184,151,240,.26);color:#cbb2ff;background:rgba(124,85,185,.08)}.converter-source-icon .ui-icon{width:22px;height:22px}.converter-source-head>span:last-child{display:grid;gap:2px}.converter-source-head small{color:#d39b35;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.converter-source-card.tokens .converter-source-head small{color:#a993cc}.converter-source-head h2{margin:0;color:#e9f1fb;font-size:.9375rem}.converter-source-head p{margin:2px 0 0;color:#657d9b;font-size:.75rem;line-height:1.4} .converter-policy-cards{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.converter-policy-list .converter-policy-card{padding:11px;border:1px solid rgba(43,68,96,.58)!important;border-radius:10px;background:rgba(7,18,32,.62);display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important}.converter-policy-list .converter-policy-card:first-child{border-top:1px solid rgba(43,68,96,.58)!important}.converter-policy-list .converter-policy-card.is-enabled{border-color:rgba(74,199,157,.26)!important;background:linear-gradient(145deg,rgba(28,91,70,.09),rgba(7,18,32,.68))}.converter-policy-card:last-child:nth-child(odd){grid-column:1/-1} .converter-policy-card-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center}.converter-policy-target-icon{width:32px;height:32px;border:1px solid rgba(83,110,143,.23);border-radius:8px;background:rgba(20,39,62,.6);color:#7892b0;display:grid;place-items:center}.converter-policy-target-icon .ui-icon{width:17px;height:17px}.converter-policy-card.is-enabled .converter-policy-target-icon{color:#65d8b0;border-color:rgba(74,199,157,.25);background:rgba(33,116,87,.08)}.converter-policy-title{display:grid;gap:2px;min-width:0}.converter-policy-title b{color:#dce8f7;font-size:.75rem}.converter-policy-title small{color:#627b99;font-size:.75rem;line-height:1.3}.converter-policy-title em{margin-top:2px;color:#9b7e4e;font-size:.75rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.converter-policy-card.is-enabled .converter-policy-title em{color:#74ba9f}.converter-route-switch{display:block!important}.converter-route-switch .switch-control{display:block}.converter-route-switch input{margin:0!important} .converter-policy-rate-fields{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:7px;align-items:end}.converter-policy-rate-fields label{display:grid!important;gap:5px!important}.converter-policy-rate-fields label>span{color:#7187a4;font-size:.75rem;font-weight:800}.converter-policy-rate-fields input[type="number"]{height:38px!important;border-radius:8px!important}.converter-policy-arrow{height:38px;display:grid;place-items:center;color:#566f8e;font-size:.75rem}.converter-admin-history-v120{margin-top:12px}.converter-admin-history-v120 .admin-table{min-width:920px} @media(max-width:1250px){.converter-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-admin-groups-v120{grid-template-columns:1fr}.converter-policy-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-policy-card:last-child:nth-child(odd){grid-column:auto}} @media(max-width:900px){.converter-policy-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-policy-card:last-child:nth-child(odd){grid-column:1/-1}} @media(max-width:650px){.converter-security-grid{grid-template-columns:1fr}.converter-policy-cards{grid-template-columns:1fr}.converter-policy-card:last-child:nth-child(odd){grid-column:auto}.converter-source-head{grid-template-columns:36px 1fr}.converter-source-icon{width:36px;height:36px}.converter-policy-rate-fields{grid-template-columns:1fr 16px 1fr}} .converter-admin-v120 .converter-policy-cards{align-items:stretch} .converter-admin-v120 .converter-policy-card{position:relative;min-height:154px} .converter-admin-v120 .converter-policy-card[data-converter-admin-route$=":cashshop"]{order:-1;grid-column:1/-1;min-height:144px;border-color:rgba(255,177,27,.24)!important;background:linear-gradient(135deg,rgba(117,77,18,.10),rgba(7,18,32,.74))} .converter-admin-v120 .converter-policy-card[data-converter-admin-route$=":cashshop"] .converter-policy-target-icon{color:#ffc75d;border-color:rgba(255,189,62,.30);background:rgba(132,83,13,.10)} .converter-admin-v120 .converter-policy-card[data-converter-admin-route$=":cashshop"].is-enabled{border-color:rgba(74,211,169,.34)!important;background:linear-gradient(135deg,rgba(42,126,94,.12),rgba(7,18,32,.75))} .converter-admin-v120 .converter-policy-card:last-child:nth-child(odd){grid-column:auto} .converter-admin-v120 .converter-policy-card-head{min-height:42px;align-items:center} .converter-admin-v120 .converter-route-switch{display:flex!important;align-items:center!important;justify-content:center!important;width:48px;height:30px;margin:0!important;padding:0!important;justify-self:end;align-self:center} .converter-admin-v120 .converter-route-switch .switch-control{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;width:42px;height:23px;margin:0!important;padding:0!important;position:relative;flex:none} .converter-admin-v120 .converter-route-switch .switch-control>span{display:block!important;width:42px!important;height:23px!important;min-width:42px!important;min-height:23px!important;margin:0!important;padding:0!important;flex:none!important} .converter-admin-v120 .converter-route-switch input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;pointer-events:none!important} .converter-admin-v120 .converter-security-card.master .switch-control{display:inline-flex;flex:none;align-self:center} .converter-admin-v120 .converter-policy-rate-fields{margin-top:auto;padding-top:2px} .converter-admin-v120 .converter-policy-rate-fields input[type="number"]{background:linear-gradient(180deg,rgba(16,31,52,.98),rgba(9,21,37,.98));border-color:rgba(56,83,116,.76);font-size:.75rem} .converter-admin-v120 .converter-policy-rate-fields input[type="number"]:focus{border-color:#d69a2e;box-shadow:0 0 0 3px rgba(214,154,46,.08)} .converter-admin-history-v120{overflow:hidden} .converter-admin-history-v120 .converter-audit-wrap{overflow-x:auto;padding:0 12px 12px} /* Server-managed registration prefix controls. */ .payment-bonus-item-editor .payment-bonus-media-url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem} /* Database wipe workspace */ .database-wipe-panel{max-width:1480px;margin:16px auto 0;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible} .database-wipe-head{align-items:flex-end;min-height:0;padding:0 2px 0 2px;border:0!important;margin:0 0 14px} .database-wipe-head>em{font-style:normal;color:#61dcb6;font-size:.72rem;font-weight:850;letter-spacing:.02em} .database-wipe-warning{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 16px;border:1px solid rgba(255,107,114,.28);border-radius:12px;background:transparent} .database-wipe-warning>.ui-icon{width:20px;height:20px;flex:none;color:#ff858c} .database-wipe-warning b{color:#f4f7fb;font-size:.78rem;line-height:1.45} .database-wipe-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:16px;margin:0 0 18px;align-items:start} .database-wipe-side-stack{display:grid;gap:16px;align-content:start} .database-wipe-section,.database-wipe-preflight,.database-wipe-confirmation-panel{min-width:0;border:1px solid #203854;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#0e1e34,#0a1627)} .database-wipe-section-head,.database-wipe-result-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid rgba(46,75,109,.45)} .database-wipe-section-head>span:first-child,.database-wipe-result-head>span:first-child{display:grid;gap:3px} .database-wipe-section-head small,.database-wipe-result-head small{color:var(--rf-accent);font-size:.66rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase} .database-wipe-section-head h3,.database-wipe-result-head h3{margin:0;color:var(--ui-text,#f3f6fb);font-size:.9rem;line-height:1.25} .database-wipe-step{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 8px;border:1px solid rgba(46,75,109,.55);border-radius:999px;color:var(--text-muted);font-size:.68rem;font-weight:850;letter-spacing:.06em} .database-wipe-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px} .database-wipe-option-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:'check body db';grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #223b58;border-radius:12px;background:#0b192d;cursor:pointer} .database-wipe-option-card>input{grid-area:check;width:18px;height:18px;accent-color:var(--rf-accent)} .database-wipe-option-card>span{grid-area:body;display:grid;gap:4px;min-width:0} .database-wipe-option-card b{color:var(--ui-text,#f3f6fb);font-size:.78rem} .database-wipe-option-card small{color:var(--text-muted);font-size:.7rem;line-height:1.45} .database-wipe-option-card em{grid-area:db;align-self:start;font-style:normal;color:#cfe0f8;font-size:.68rem;font-weight:800;border:1px solid #294561;border-radius:999px;padding:6px 10px;white-space:nowrap;background:transparent} .database-wipe-option-card:hover b{color:var(--rf-accent)} .database-wipe-option-card.is-disabled{opacity:.58;cursor:not-allowed} .database-wipe-check-card{display:grid;gap:14px;padding:16px} .database-wipe-check-intro{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center} .database-wipe-check-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(46,75,109,.55);border-radius:11px;color:#ff858c;background:#0b192c} .database-wipe-check-icon .ui-icon{width:20px;height:20px} .database-wipe-check-intro>div{display:grid;gap:3px} .database-wipe-check-intro b{font-size:.86rem;color:var(--ui-text,#f3f6fb)} .database-wipe-check-intro small{font-size:.71rem;color:var(--text-muted);line-height:1.45} .database-wipe-check-card .admin-button{width:100%} .database-wipe-rule-cards{display:grid;gap:12px;padding:16px} .database-wipe-rule-card{display:grid;gap:6px;padding:14px;border:1px solid #223b58;border-radius:12px;background:transparent} .database-wipe-rule-card b{color:var(--ui-text,#f3f6fb);font-size:.82rem} .database-wipe-rule-card p{margin:0;color:var(--text-muted);font-size:.71rem;line-height:1.55} .database-wipe-result-stack{display:grid;gap:16px;margin:0} .database-wipe-preflight{overflow:hidden} .database-wipe-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px} .database-wipe-fact{display:grid;gap:6px;min-width:0;padding:16px;border:1px solid #223b58;border-radius:12px;background:transparent} .database-wipe-fact small{color:var(--text-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.075em} .database-wipe-fact b{font-size:1rem;line-height:1.2} .database-wipe-fact.is-danger{border-color:rgba(255,107,114,.28)} .database-wipe-fact.is-danger b{color:#ff9398} .database-wipe-fact.is-ok b{color:#61dcb6} .database-wipe-confirmation{padding:20px} .database-wipe-auth{display:grid;grid-template-columns:1fr .55fr .8fr;gap:14px;align-items:end} .database-wipe-auth label{display:grid;gap:8px;padding:14px 16px;border:1px solid #223b58;border-radius:12px;background:transparent} .database-wipe-auth label>span{color:var(--text-muted);font-size:.7rem;font-weight:800} .database-wipe-auth input[type="text"],.database-wipe-auth input[type="password"]{height:42px;border:1px solid #294561;border-radius:8px;background:transparent;color:#dce9fa;padding:0 11px;font:inherit;font-size:.75rem;outline:none} .database-wipe-auth input:focus{border-color:#b47a13;box-shadow:0 0 0 3px rgba(255,177,27,.07)} .database-wipe-server-check{grid-column:1/-1!important;display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;margin-top:4px;padding:14px 16px!important;border:1px solid #223b58;border-radius:12px;background:transparent} .database-wipe-server-check input{width:18px;height:18px;accent-color:var(--rf-accent)} .database-wipe-server-check span{color:#f0f4fa!important} .database-wipe-confirm{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(42,68,100,.32)} .database-wipe-confirm p{margin:0;max-width:820px;color:var(--text-muted);font-size:.71rem;line-height:1.48} @media(max-width:1200px){.database-wipe-profile-grid{grid-template-columns:1fr}} @media(max-width:1050px){.database-wipe-workspace{grid-template-columns:1fr}.database-wipe-facts{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.database-wipe-facts,.database-wipe-auth,.database-wipe-profile-grid{grid-template-columns:1fr}.database-wipe-option-card{grid-template-columns:18px minmax(0,1fr);grid-template-areas:"check body" "db db";align-items:start}.database-wipe-option-card em{justify-self:start}.database-wipe-section-head,.database-wipe-result-head{align-items:flex-start}.database-wipe-section-head>.admin-button{width:auto}.database-wipe-confirm{align-items:stretch;flex-direction:column}.database-wipe-confirm .admin-button{width:100%}} .converter-admin-history-v120 .converter-audit-table{width:100%;min-width:860px!important;border-collapse:separate;border-spacing:0 6px;table-layout:fixed} .converter-admin-history-v120 .converter-audit-table thead th{height:38px;padding:0 12px;border:0;background:transparent;color:#6f86a4;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;text-align:left;vertical-align:middle;white-space:nowrap} .converter-admin-history-v120 .converter-audit-table tbody tr{background:rgba(8,20,35,.78)} .converter-admin-history-v120 .converter-audit-table tbody td{height:48px;padding:9px 12px;border-top:1px solid rgba(46,72,101,.48);border-bottom:1px solid rgba(46,72,101,.48);color:#cbd8e9;font-size:.75rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .converter-admin-history-v120 .converter-audit-table tbody td:first-child{border-left:1px solid rgba(46,72,101,.48);border-radius:9px 0 0 9px;color:#9fb2ca;font-variant-numeric:tabular-nums} .converter-admin-history-v120 .converter-audit-table tbody td:last-child{border-right:1px solid rgba(46,72,101,.48);border-radius:0 9px 9px 0;font-weight:900;text-align:right;font-variant-numeric:tabular-nums} .converter-admin-history-v120 .converter-audit-table th:nth-child(5),.converter-admin-history-v120 .converter-audit-table th:nth-child(6),.converter-admin-history-v120 .converter-audit-table th:nth-child(7),.converter-admin-history-v120 .converter-audit-table td:nth-child(5),.converter-admin-history-v120 .converter-audit-table td:nth-child(6),.converter-admin-history-v120 .converter-audit-table td:nth-child(7){text-align:right;font-variant-numeric:tabular-nums} .converter-admin-history-v120 .converter-audit-table tbody tr:hover td{border-color:rgba(70,107,145,.72);background:rgba(13,29,49,.92)} @media(max-width:900px){.converter-admin-v120 .converter-policy-card[data-converter-admin-route$=":cashshop"]{grid-column:1/-1}} @media(max-width:650px){.converter-admin-v120 .converter-policy-card[data-converter-admin-route$=":cashshop"]{grid-column:auto}.converter-admin-history-v120 .converter-audit-wrap{padding-left:8px;padding-right:8px}} .account-history-panel{overflow:hidden}.account-history-head{align-items:center}.account-history-head>em{font-style:normal;color:#748aa8}.account-history-tabs{display:flex;flex-wrap:wrap;}.account-history-tabs button{border:1px solid #2b4865;background:#09182b;color:#8299b7;font:inherit;font-weight:900;cursor:pointer}.account-history-tabs button:hover{border-color:#42688c;color:#b8cbe1}.account-history-tabs button.is-active{border-color:rgba(255,177,27,.42);background:rgba(255,177,27,.08);color:#ffd178}.account-history-table .history-status{display:inline-flex;border:1px solid #35506d;border-radius:999px;color:#8da3bf;font-weight:900}.account-history-table .history-status.good{color:#4ce0b9;border-color:rgba(63,224,179,.35)}.account-history-table .history-status.warning{color:#f4c762;border-color:rgba(244,199,98,.35)}.account-history-table .history-status.danger{color:#ff939a;border-color:rgba(255,107,114,.35)} @media(max-width:820px){.account-history-tabs{display:grid}.account-history-tabs button{text-align:center}} @media(max-width:560px){.account-history-table-wrap{overflow-x:auto}} .account-scope .admin-panel{box-shadow:none} .account-detail{gap:16px} .account-workspace-panel{background:linear-gradient(145deg,#0e1e34,#0a1627)} .account-workspace-head{min-height:64px;padding:14px 18px} .account-detail-grid{gap:16px;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)} .account-facts{padding:4px 18px 16px;gap:0 20px} .account-facts>div{padding:13px 0} .account-facts dt{font-size:.75rem} .account-facts dd{font-size:.75rem} .account-cabinet-metrics{padding:12px 18px 18px;gap:10px} .account-cabinet-metrics>div{min-height:72px;border-color:#29445f;border-radius:10px;background:#0a192c;padding:12px} .account-cabinet-metrics small{font-size:.75rem} .account-cabinet-metrics b{font-size:.875rem;margin-top:6px} #accountCharactersCount,#accountActivityCount{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface-raised);padding:0 9px;color:var(--ui-muted);font-size:.75rem;font-weight:800;box-shadow:none} .account-character-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:14px 16px 16px} .account-character-card{border-color:#29445f;border-radius:11px;background:#0a192c;padding:15px 16px} .account-character-race{font-size:.75rem}.account-character-badges em{font-size:.75rem}.account-character-card h3{font-size:.875rem;margin-top:9px}.account-character-card>p{font-size:.75rem}.account-character-card dl{margin-top:12px}.account-character-card dl>div{padding:8px 0}.account-character-card dt{font-size:.75rem}.account-character-card dd{font-size:.75rem} .account-character-grid.single{grid-template-columns:minmax(300px,520px);justify-content:start}.account-character-grid.single .account-character-card{display:flex;flex-direction:column}.account-character-grid.single .account-character-card>dl{margin-top:12px} .account-history-head{min-height:64px} .account-history-head>em{font-size:.75rem} .account-history-tabs{gap:7px;padding:0 16px 13px} .account-history-tabs button{min-height:32px;padding:0 11px;border-radius:8px;font-size:.75rem} .account-history-table-wrap{margin:0 16px 16px} .account-history-table th,.account-history-table td{font-size:.75rem} .account-history-table td code{font-size:.75rem} .account-history-table .history-status{font-size:.75rem;padding:4px 7px} .account-activity-panel{margin-bottom:0} .account-search-head{padding:18px 20px} .account-search-meta{padding:11px 20px} .account-results{padding:10px 14px 14px;gap:8px} .account-result-card{padding:12px 13px;border-radius:11px} .account-result-card small{font-size:.75rem}.account-result-identity b{font-size:.75rem}.account-result-identity em{font-size:.75rem}.account-result-match b,.account-result-last b{font-size:.75rem} @media(max-width:1240px){.account-detail-grid{grid-template-columns:1fr}} @media(max-width:820px){.account-character-grid{grid-template-columns:1fr;padding:12px}.account-character-grid.single .account-character-card{display:block}.account-character-grid.single .account-character-card>dl{margin-top:12px}.account-detail-grid{gap:12px}.account-facts{grid-template-columns:1fr}.account-history-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}.account-history-table-wrap{margin:0 12px 12px}} @media(max-width:560px){.account-history-tabs{grid-template-columns:1fr}.account-history-table{min-width:620px}} .account-module-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px} .account-module-metrics article{min-height:92px;padding:14px;border:1px solid #28435f;border-radius:11px;background:linear-gradient(145deg,#0e2037,#091627);display:flex;flex-direction:column;justify-content:center} .account-module-metrics small{font-size:.75rem;color:#7087a6;text-transform:uppercase;letter-spacing:.09em} .account-module-metrics strong{font-size:1.4375rem;line-height:1;margin-top:7px;color:#eef6ff} .account-module-metrics p{margin:6px 0 0;color:#647c9d;font-size:.75rem} .account-list-panel{margin-bottom:14px} .account-list-filters{display:grid;grid-template-columns:minmax(280px,1fr) 180px;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(43,69,101,.35)} .account-list-filters input,.account-list-filters select{height:40px;border:1px solid #2f4d6d;border-radius:8px;background:#071426;color:#dfe9f6;padding:0 11px;outline:none;font:inherit} .account-list-filters input:focus,.account-list-filters select:focus{border-color:#b9821a;box-shadow:0 0 0 3px rgba(255,177,27,.07)} .account-table-wrap{margin:0 0 8px}.account-table{min-width:1050px}.account-table td{vertical-align:middle} .account-list-identity{display:flex;flex-direction:column;min-width:120px} .account-list-identity b{font-size:.75rem;color:#dce8f6} .account-list-identity small{margin-top:3px;font-size:.75rem;color:#7086a4} .account-type-badge{display:inline-flex;align-items:center;border:1px solid #34506d;border-radius:999px;padding:4px 7px;font-size:.75rem;font-weight:900;white-space:nowrap} .account-type-badge.player{color:var(--rf-text);border-color:var(--rf-info);background:color-mix(in srgb,var(--rf-info) 12%,var(--rf-surface))} .account-type-badge.staff{color:var(--rf-text);border-color:var(--rf-accent);background:color-mix(in srgb,var(--rf-accent) 10%,var(--rf-surface))} .account-list-balance{color:#f0c66d;font-weight:900;white-space:nowrap} .account-table tbody tr{cursor:default}.account-table tbody tr:hover td{background:rgba(17,35,59,.45)} /* Account detail now uses the same visual weight as Character Admin instead of near-black nested cards. */ .account-scope .account-detail-hero{background:linear-gradient(145deg,#10213a,#0c1a2e)} .account-scope .account-workspace-panel{background:linear-gradient(145deg,#0f1f35,#0c192c)} .account-scope .account-cabinet-metrics>div, .account-scope .account-character-card{background:#101f35;border-color:#2b4664} .account-scope .account-detail-grid{align-items:stretch} .account-scope .account-facts-panel,.account-scope .account-cabinet-panel{background:linear-gradient(145deg,#0f1f35,#0c192c)} .account-scope .account-cabinet-metrics{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start} .account-scope .account-cabinet-metrics>div{min-height:64px} .account-scope .account-character-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))} .account-scope .account-history-panel{background:linear-gradient(145deg,#0f1f35,#0c192c)} .account-scope .account-history-tabs button{background:#102039;border-color:#314b67;color:#92a8c3} .account-scope .account-history-tabs button.is-active{border-color:rgba(235,177,65,.42);background:rgba(235,177,65,.08);color:#f0c66d} .account-scope .account-history-table tbody tr{background:rgba(16,31,52,.72)} .account-scope .account-history-table tbody td{border-color:rgba(54,79,108,.5)} @media(max-width:620px){.account-module-metrics{grid-template-columns:1fr}.account-list-filters{grid-template-columns:1fr}.account-character-grid{grid-template-columns:1fr!important}} .character-workspace-head{align-items:center} .character-section-head small{display:block;font-size:.75rem;color:#7188a8;text-transform:uppercase;letter-spacing:.08em} .character-section-head h3{margin:3px 0 0;font-size:.75rem;color:#eef4fb} .character-section-head{padding:13px 16px 0} @media(max-width:620px){.character-detail-actions{flex-wrap:wrap;justify-content:flex-end}.character-section-head{padding:12px 12px 0}} .item-mutation-modal{z-index:135}.item-mutation-card{width:min(680px,100%);max-height:min(880px,92vh);overflow:auto} .item-mutation-card .is-hidden{display:none!important}.item-mutation-target{margin-bottom:12px} .item-mutation-target-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:150px} .item-mutation-target-meta em{font-size:.75rem;color:#839aba;font-style:normal;text-align:right} .item-mutation-presence{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.045em;white-space:nowrap} .item-mutation-presence.online{border-color:rgba(255,112,112,.38);background:rgba(255,82,82,.10);color:#ff9696} .item-mutation-presence.cooldown{border-color:rgba(237,180,65,.40);background:rgba(237,180,65,.09);color:#efbf63} .item-mutation-presence.offline{border-color:rgba(65,214,167,.34);background:rgba(65,214,167,.08);color:#69d9b8} .item-mutation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-mutation-fields label{margin-top:0} .item-mutation-card label small{display:block;margin-top:4px;color:#697f9c;font-size:.75rem;line-height:1.45} .item-mutation-current{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 10px;padding:10px 11px;border:1px solid rgba(100,135,176,.34);border-radius:9px;background:rgba(14,31,52,.72)} .item-mutation-current>span{display:flex;flex-direction:column;min-width:0;gap:3px}.item-mutation-current small{color:#7189a8;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.item-mutation-current b{font-size:.75rem;color:#e7edf7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-mutation-current code{color:#83a8d0;font-size:.75rem}.item-mutation-current-facts{align-items:flex-end!important}.item-mutation-current-facts em{color:#d2ae62;font-size:.75rem;font-style:normal;white-space:nowrap} .item-mutation-search-wrap{margin-top:8px}.item-mutation-search-state{min-height:20px;padding:6px 1px 4px;color:#7189a8;font-size:.75rem} .item-mutation-results{display:grid;gap:6px;max-height:240px;overflow:auto;padding-right:3px} .item-mutation-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:9px 10px;border:1px solid #2c4764;border-radius:8px;background:#0b1b2f;color:#dce7f5;text-align:left;cursor:pointer} .item-mutation-result:hover{border-color:#557595;background:#10243d}.item-mutation-result span{display:flex;flex-direction:column;min-width:0}.item-mutation-result b{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-mutation-result code{margin-top:3px;color:#78a0ca;font-size:.75rem}.item-mutation-result em{color:#7c93b0;font-size:.75rem;font-style:normal;white-space:nowrap} .item-mutation-picked{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px;padding:10px 11px;border:1px solid rgba(224,164,50,.36);border-radius:9px;background:rgba(224,164,50,.06)} .item-mutation-picked span{display:flex;flex-direction:column;min-width:0}.item-mutation-picked b{font-size:.75rem}.item-mutation-picked code{margin-top:4px;color:#83a8d0;font-size:.75rem}.item-mutation-picked em{color:#c6a460;font-size:.75rem;font-style:normal;white-space:nowrap}.item-mutation-warning{margin-top:14px} @media(max-width:620px){.item-mutation-card{padding:18px}.item-mutation-current{grid-template-columns:1fr}.item-mutation-current-facts{align-items:flex-start!important}.item-mutation-current-facts em{white-space:normal}.item-mutation-fields{grid-template-columns:1fr}.item-mutation-target{grid-template-columns:1fr}.item-mutation-target small{grid-column:1}.item-mutation-target-meta{align-items:flex-start;min-width:0}.item-mutation-target-meta em{text-align:left}.item-mutation-result,.item-mutation-picked{grid-template-columns:1fr}.item-mutation-result em,.item-mutation-picked em{white-space:normal}} .admin-value-target-fields{margin-bottom:12px}.admin-value-target-fields select,.coupon-admin-form select{width:100%;min-height:38px;border:1px solid #2d435e;border-radius:7px;background:#0b1728;color:#dbe8f7;padding:0 10px}.admin-value-target-fields label small{display:block;margin-top:5px;color:#7389a4;font-size:.75rem}.admin-value-target-fields label small.error{color:#ff8c95} .coupon-rewards-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.coupon-rewards-head span{display:flex;flex-direction:column;gap:3px}.coupon-rewards-head small{color:#7186a2;font-size:.75rem;text-transform:uppercase}.coupon-rewards-head h3{margin:0;color:#e7eef7;font-size:.9375rem} .coupon-reward-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.coupon-reward-row-head b{font-size:.75rem;color:#e5edf7}.coupon-reward-remove{padding:6px 9px!important;font-size:.75rem!important}.coupon-reward-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coupon-reward-fields label{display:grid;gap:5px}.coupon-reward-fields label.wide,.coupon-selected-item,.coupon-item-results{grid-column:1/-1}.coupon-reward-fields label>span{font-size:.75rem;font-weight:800;color:#a5b6ca}.coupon-reward-fields input{min-height:38px}.coupon-selected-item{padding:8px 10px;border:1px solid rgba(68,189,151,.3);border-radius:8px;background:rgba(68,189,151,.07);color:#7bd8b8;font-size:.75rem}.coupon-item-results{display:grid;gap:5px;max-height:220px;overflow:auto}.coupon-item-results button{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid #29415e;border-radius:8px;background:#0e1c30;color:#dbe7f5;text-align:left;cursor:pointer}.coupon-item-results button:hover{border-color:#4d6c8d}.coupon-item-results b{font-size:.75rem}.coupon-item-results small{font-size:.75rem;color:#7892b0}.coupon-admin-footer{justify-content:space-between}.coupon-admin-footer .admin-balance-state{flex:1} .coupon-admin-card-main>span:first-child{display:flex;flex-direction:column;gap:3px}.coupon-admin-card-main small{font-size:.75rem;color:#7187a4}.coupon-admin-card-main b{font-size:.75rem;color:#e6eef8}.coupon-admin-card-main code{font-size:.75rem;color:#e2ad4b}.coupon-admin-card-stats{flex-direction:column;} @media(max-width:900px){.coupon-admin-card,.coupon-admin-card-main{grid-template-columns:1fr}.coupon-reward-fields{grid-template-columns:1fr}.coupon-reward-fields label.wide,.coupon-selected-item,.coupon-item-results{grid-column:1}.coupon-code-input{grid-template-columns:1fr}.coupon-admin-footer{align-items:stretch;flex-direction:column}} .archon-admin-view{max-width:1540px}.archon-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.archon-status-strip article{min-width:0;border:1px solid #243d5a;border-radius:13px;background:linear-gradient(145deg,#10213a,#0a1729);padding:16px 17px}.archon-status-strip small{display:block;color:#7188a8;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.archon-status-strip strong{display:block;margin:6px 0 4px;color:#eef5ff;font-size:1.375rem;font-variant-numeric:tabular-nums}.archon-status-strip span{display:block;overflow:hidden;color:#7185a3;font-size:.75rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.archon-status-strip.warning article:nth-child(2){border-color:rgba(255,177,27,.42)} .archon-panel-head p,.archon-snapshots-panel .admin-panel-head p{max-width:700px;margin:4px 0 0;color:#6f84a3;font-size:.75rem;line-height:1.45}.archon-head-tools{display:flex;align-items:center;gap:8px}.archon-head-tools select{height:32px;border:1px solid #2b4664;border-radius:8px;background:#09172a;color:#acc0da;padding:0 9px;font-size:.75rem}.archon-dirty-state{display:inline;width:fit-content;padding:0;border:0;background:transparent;color:#7f94b1;font-size:.75rem;font-weight:400;box-shadow:none}.archon-dirty-state.dirty{color:#ffc966} .archon-race-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.archon-race-card{min-width:0;border:1px solid #263f5d;border-radius:12px;background:#091728;overflow:visible}.archon-race-card.bellato{--race-accent:#5db1ff}.archon-race-card.cora{--race-accent:#d59aff}.archon-race-card.accretia{--race-accent:#ff9877}.archon-race-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(47,77,108,.5);padding:12px 13px}.archon-race-head>div{display:flex;flex-direction:column}.archon-race-head small{color:#677f9d;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.archon-race-head h3{margin:3px 0 0;font-size:.8125rem;color:#e6effa}.archon-slot-list{display:grid;gap:7px;padding:10px}.archon-slot{position:relative;border:1px solid #223a55;border-radius:9px;background:#0b1a2d;padding:9px;transition:.16s}.archon-slot:hover{border-color:#345577}.archon-slot.is-auto{border-color:rgba(70,168,255,.27)}.archon-slot.is-dirty{border-color:rgba(255,177,27,.56);box-shadow:inset 2px 0 0 var(--admin-gold)}.archon-slot-editor{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:5px}.archon-slot-editor input{width:100%;height:32px;border:1px solid #2b4664;border-radius:7px;background:#071527;color:#e8f1fb;padding:0 9px;font-size:.75rem;outline:none}.archon-slot-editor input:focus{border-color:#52779e;box-shadow:0 0 0 2px rgba(70,168,255,.08)}.archon-slot-clear{height:32px;border:1px solid #2b4664;border-radius:7px;background:#102239;color:#7790ad;font-size:.9375rem;cursor:pointer}.archon-slot-clear:hover{border-color:#6b4a50;color:#ff9097}.archon-slot-results{position:absolute;z-index:25;top:36px;left:0;right:33px;max-height:245px;overflow:auto;border:1px solid #345574;border-radius:8px;background:#071423;box-shadow:0 16px 40px rgba(0,0,0,.42);padding:4px}.archon-slot-results.is-hidden{display:none}.archon-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;border:0;border-radius:6px;background:transparent;color:#cfdcec;padding:8px;text-align:left;cursor:pointer}.archon-search-result:hover{background:#102640}.archon-search-result>span{display:flex;min-width:0;flex-direction:column}.archon-search-result b{font-size:.75rem}.archon-search-result small{margin-top:3px;color:#7187a5;font-size:.75rem}.archon-search-result em{max-width:42%;overflow:hidden;color:#7890ac;font-size:.75rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.archon-search-result em.occupied{color:#f5be64}.archon-search-empty{padding:9px;color:#7186a2;font-size:.75rem}.archon-slot-meta{display:flex;align-items:center;gap:6px;margin-top:7px;min-height:18px;overflow:hidden}.archon-slot-meta>span{overflow:hidden;color:#6d83a1;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.archon-slot-empty{color:#536a86!important}.archon-source{flex:none;border:1px solid #344d68;border-radius:999px;padding:3px 6px;color:#91a6bf;font-size:.75rem!important;font-style:normal;font-weight:900;text-transform:uppercase}.archon-source.auto{border-color:rgba(70,168,255,.38);color:#7fc5ff}.archon-source.admin{border-color:rgba(255,177,27,.38);color:#ffc760}.archon-source.vote{border-color:rgba(94,226,179,.35);color:#65ddb9}.archon-source.appoint{border-color:rgba(207,153,255,.38);color:#d4a7ff}.archon-source.mismatch{border-color:rgba(255,142,111,.42);color:#ffad91}.archon-source.empty,.archon-source.none{color:#657a95}.archon-race-mismatch-text{color:#e4a38f!important}.archon-slot.is-race-mismatch{border-color:rgba(255,142,111,.5)}.archon-slot-pending{margin-top:6px;border-top:1px dashed rgba(255,177,27,.24);padding-top:5px;color:#d6ad64;font-size:.75rem}.archon-slot-pending.is-hidden{display:none} .archon-savebar{display:flex;align-items:center;justify-content:flex-end;gap:14px;border-top:1px solid rgba(47,75,105,.45);padding:14px 16px;background:transparent}.archon-savebar>div{display:flex;align-items:center;gap:10px}.archon-savebar small{max-width:420px;margin-right:auto;color:#7186a2;font-size:.75rem;line-height:1.4}.archon-savebar .admin-button{min-width:160px} .archon-race-filter button{border:1px solid #2a4562;border-radius:7px;background:#0b1b30;color:#7890ad;padding:7px 9px;font-size:.75rem;font-weight:900;cursor:pointer}.archon-race-filter button.is-active{border-color:rgba(255,177,27,.4);background:rgba(255,177,27,.07);color:#f7c763}.archon-race-filter{display:flex;gap:5px;padding:10px 12px;border-bottom:1px solid rgba(43,69,98,.4)}.archon-candidate-list{display:grid;gap:7px;padding:11px;max-height:500px;overflow:auto}.archon-candidate{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #233c58;border-radius:9px;background:#09182a;padding:9px}.archon-candidate-info{display:flex;min-width:0;flex-direction:column}.archon-candidate-info>b{font-size:.75rem;color:#e2edf9}.archon-candidate-info>b em{margin-left:6px;color:#f5c566;font-size:.75rem;font-style:normal}.archon-candidate-info small{margin-top:3px;overflow:hidden;color:#7187a5;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.archon-candidate-info>span{margin-top:3px;color:#8eb7da;font-size:.75rem} .archon-history-panel,.archon-snapshots-panel{margin-top:14px}.archon-history-filters{display:grid;grid-template-columns:150px 130px 120px minmax(220px,1fr) auto;gap:8px;padding:12px 14px;border-bottom:1px solid var(--ui-line-soft)}.archon-history-filters select,.archon-history-filters input{height:36px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-input);color:var(--ui-text);padding:0 10px;font-size:.75rem}.archon-history-list{display:grid;gap:10px;padding:14px}.archon-history-entry{overflow:hidden;border:1px solid var(--ui-line);border-radius:9px;background:transparent}.archon-history-entry.rolled-back{opacity:.68}.archon-history-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:transparent;box-shadow:none}.archon-history-identity{display:grid;min-width:0;gap:4px}.archon-history-identity b{display:inline;width:fit-content;padding:0!important;background:transparent!important;box-shadow:none!important;color:var(--ui-text);font-size:.8125rem}.archon-history-identity small{display:inline;width:fit-content;padding:0!important;background:transparent!important;box-shadow:none!important;color:var(--ui-text-muted);font-size:.75rem}.archon-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.archon-history-meta{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:var(--ui-text-muted);font-size:.75rem;font-weight:400;box-shadow:none}.archon-history-meta.snapshot{color:#7fc7ff}.archon-history-meta.rolled{color:#ff9ba1}.archon-history-changes{display:grid;border-top:1px solid var(--ui-line-soft)}.archon-history-change{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(280px,1.45fr) minmax(150px,.55fr);gap:14px;align-items:center;padding:10px 14px}.archon-history-change+.archon-history-change{border-top:1px solid var(--ui-line-soft)}.archon-history-slot{display:grid;gap:3px}.archon-history-slot b{color:var(--ui-text);font-size:.75rem}.archon-history-slot small,.archon-history-source{color:var(--ui-text-muted);font-size:.75rem}.archon-history-transition{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:9px;align-items:center}.archon-history-transition i{color:#667895;font-style:normal}.archon-history-person{overflow:hidden;border:1px solid var(--ui-line-soft);border-radius:6px;padding:7px 9px;color:var(--ui-text-muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.archon-history-person.after{color:var(--ui-text)}.archon-history-source{text-align:right}.archon-pagination{display:flex;align-items:center;justify-content:space-between;padding:0 14px 14px;color:var(--ui-text-muted);font-size:.75rem}.archon-pagination>div{display:flex;gap:6px} .archon-snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px}.archon-snapshot-card{border:1px solid var(--admin-line);border-radius:10px;background:var(--admin-panel-2);padding:11px}.archon-snapshot-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.archon-snapshot-card b{font-size:.75rem;color:#e1ebf7}.archon-snapshot-card em{color:#7890ad;font-size:.75rem;font-style:normal}.archon-snapshot-card small{display:block;margin-top:5px;color:#69809e;font-size:.75rem}.archon-snapshot-card p{min-height:30px;margin:7px 0;color:#9bacc1;font-size:.75rem;line-height:1.45}.archon-loading,.archon-empty{grid-column:1/-1;padding:26px;text-align:center;color:#7086a4;font-size:.75rem}.archon-empty.error{color:#ff969e} .archon-modal-card{width:min(1040px,calc(100vw - 32px));max-height:88vh;overflow:auto}.archon-snapshot-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.archon-snapshot-preview>section{border:1px solid #29425e;border-radius:9px;background:#09182a;padding:9px}.archon-snapshot-preview h3{margin:0 0 7px;color:#dce8f5;font-size:.75rem}.archon-snapshot-race{display:grid;gap:4px}.archon-snapshot-race>div{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:6px;border-top:1px solid rgba(44,70,99,.35);padding:5px 0}.archon-snapshot-race span{color:#7187a4;font-size:.75rem}.archon-snapshot-race b{overflow:hidden;color:#cbd9e9;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.archon-diagnostics-card{width:min(760px,calc(100vw - 32px))}.archon-diagnostics-list{display:grid;gap:7px;margin:12px 0}.archon-diagnostic{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;border:1px solid #29435f;border-radius:9px;background:#09182a;padding:9px}.archon-diagnostic>span{border:1px solid #405873;border-radius:999px;padding:4px;text-align:center;color:#91a5be;font-size:.75rem;font-weight:900}.archon-diagnostic.ok>span{border-color:rgba(63,224,179,.4);color:#57dfb8}.archon-diagnostic.warn>span{border-color:rgba(255,177,27,.42);color:#f5c35d}.archon-diagnostic.error>span{border-color:rgba(255,107,114,.45);color:#ff8f96}.archon-diagnostic div{display:flex;min-width:0;flex-direction:column}.archon-diagnostic b{font-size:.75rem}.archon-diagnostic small{margin-top:3px;color:#7186a3;font-size:.75rem;line-height:1.4} @media(max-width:1180px){.archon-race-grid{grid-template-columns:1fr}.archon-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archon-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.archon-history-filters .admin-button{grid-column:1/-1}.archon-snapshot-preview{grid-template-columns:1fr}} @media(max-width:760px){.archon-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.archon-savebar{align-items:stretch;flex-direction:column}.archon-savebar>div{align-items:stretch;flex-direction:column}.archon-savebar .admin-button{width:100%}.archon-history-head{align-items:flex-start;flex-direction:column}.archon-history-actions{justify-content:flex-start}.archon-history-change{grid-template-columns:1fr}.archon-history-source{text-align:left}.archon-snapshot-grid{grid-template-columns:1fr}.archon-history-filters{grid-template-columns:1fr}.archon-race-filter{overflow-x:auto}.archon-head-tools{align-items:flex-start;flex-wrap:wrap}} .archon-classic{max-width:1480px;margin:0 auto} .archon-classic-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px;border:1px solid #35415c;border-top:3px solid #ff9800;border-radius:9px;background:linear-gradient(135deg,rgba(38,48,71,.98),rgba(29,37,55,.98));box-shadow:0 18px 50px rgba(0,0,0,.16);padding:27px 30px} .archon-classic-eyebrow{display:inline-block;width:auto;background:transparent!important;box-shadow:none!important;color:#ffb21d;font-size:.75rem;font-weight:900;letter-spacing:1px;text-transform:uppercase} .archon-classic-hero h1{margin:9px 0 7px;color:#f3f5fa;font-size:1.75rem;line-height:1.1} .archon-classic-hero p{max-width:980px;margin:0;color:#aab5cc;font-size:.75rem;line-height:1.55} .archon-classic-hero-actions{display:flex;flex:0 0 auto;gap:8px;align-items:center} .archon-classic .archon-status-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px} .archon-classic .archon-status-strip article{min-height:86px;border:1px solid #303c55;border-radius:6px;background:#192131;padding:14px} .archon-classic .archon-status-strip small{color:#71809e;font-size:.75rem;letter-spacing:.025em} .archon-classic .archon-status-strip strong{width:fit-content;max-width:100%;margin:6px 0 0;background:transparent!important;box-shadow:none!important;color:#f3f5fa;font-size:1.1875rem;line-height:1.25} .archon-classic .archon-status-strip strong.orange{color:#ffb443} .archon-classic .archon-status-strip strong.stat-text{font-size:.8125rem;white-space:normal} .archon-classic .archon-status-strip span{margin-top:5px;color:#71809e;font-size:.75rem;line-height:1.35;white-space:normal} .archon-classic .archon-status-strip.warning article:nth-child(3){border-color:#303c55} .archon-classic-workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start} .archon-classic-panel{border:1px solid #35415c;border-radius:9px;background:linear-gradient(135deg,rgba(38,48,71,.98),rgba(29,37,55,.98));box-shadow:0 18px 50px rgba(0,0,0,.14)} .archon-classic-editor{padding:22px} .archon-classic-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px} .archon-classic-section-head h2{margin:0;color:#f3f5fa;font-size:1.125rem} .archon-classic-section-head p{margin:4px 0 0;color:#7f8da9;font-size:.75rem;line-height:1.45} .archon-classic .archon-dirty-state{padding:0;background:transparent;font-size:.75rem} .archon-classic .archon-race-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;align-items:stretch} .archon-classic .archon-race-card{display:grid;grid-template-rows:auto 1fr;align-self:stretch;border:1px solid #303c55;border-radius:8px;background:#192131;overflow:visible} .archon-classic .archon-race-head{display:block;border-bottom:1px solid #303c55;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#242e44,#20283b);padding:15px 16px} .archon-classic .archon-race-head strong{display:block;margin-top:5px;color:#eef2fa;font-size:.875rem} .archon-classic .archon-race-head strong:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#ff9800;box-shadow:0 0 0 4px rgba(255,152,0,.09);vertical-align:1px} .archon-classic .race-0 .archon-race-head strong:before{background:#f5b53f} .archon-classic .race-1 .archon-race-head strong:before{background:#7fc7ff} .archon-classic .race-2 .archon-race-head strong:before{background:#ff7b7b} .archon-classic .archon-slot-list{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:10px;padding:12px} .archon-classic-slot-group{min-height:0;border:1px solid #2d384f;border-radius:6px;background:#171e2d;padding:11px} .archon-classic-slot-group.slot-major{border-color:rgba(255,152,0,.26);background:linear-gradient(135deg,rgba(255,152,0,.055),transparent 65%),#171e2d} .archon-classic-slot-group>label{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#bcc6d9;font-size:.75rem;font-weight:800} .archon-classic-slot-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start} .archon-classic-single{display:block} .archon-classic .archon-slot-input-wrap.archon-slot{min-width:0;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none} .archon-classic .archon-slot-input-wrap.archon-slot:hover{border:0} .archon-classic .archon-slot-input-wrap.archon-slot.is-dirty{border:0;box-shadow:none} .archon-classic .archon-slot-editor{grid-template-columns:minmax(0,1fr) 30px;gap:5px} .archon-classic .archon-slot-editor input{height:41px;border:1px solid #394660;border-radius:5px;background:#111827;color:#eef2fa;padding:0 11px;font-size:.75rem} .archon-classic .archon-slot-editor input:focus{border-color:#df8b14;box-shadow:0 0 0 2px rgba(255,152,0,.1)} .archon-classic .archon-slot-clear{height:41px;border:1px solid #394660;border-radius:5px;background:#192131;color:#8391aa} .archon-classic .archon-slot-input-wrap.is-auto input{border-color:rgba(73,181,126,.42);background:linear-gradient(135deg,rgba(73,181,126,.055),transparent 70%),#111827} .archon-classic .archon-slot-input-wrap.is-dirty input{border-color:rgba(255,174,31,.68);box-shadow:0 0 0 2px rgba(255,152,0,.08)} .archon-classic .archon-slot-meta{min-height:38px;margin-top:5px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:5px;overflow:visible} .archon-classic .archon-slot-meta>span{color:#6f7d99;font-size:.75rem;white-space:normal} .archon-classic .archon-source{border-radius:4px;padding:3px 6px;font-size:.75rem!important;letter-spacing:.02em;text-transform:none} .archon-classic .archon-source.auto{border-color:rgba(73,181,126,.28);background:rgba(73,181,126,.07);color:#83d8aa} .archon-classic .archon-source.vote{border-color:rgba(105,168,255,.25);background:rgba(105,168,255,.07);color:#a9caff} .archon-classic .archon-source.appoint{border-color:rgba(164,128,255,.28);background:rgba(164,128,255,.07);color:#c2adff} .archon-classic .archon-source.admin{border-color:rgba(255,174,31,.3);background:rgba(255,174,31,.08);color:#ffd27d} .archon-classic .archon-source.server{border-color:rgba(143,154,177,.24);background:rgba(143,154,177,.06);color:#aeb8ca} .archon-classic .archon-slot-results{top:45px;right:35px;border-radius:6px;background:#151d2b} .archon-classic .archon-slot-pending{font-size:.75rem} .archon-classic-savebar{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:18px -22px -22px;border-top:1px solid #303c55;background:transparent;padding:14px 22px} .archon-classic .archon-savebar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px} .archon-classic .archon-savebar small{margin-right:auto;font-size:.75rem} .archon-classic .archon-savebar .admin-button{min-width:auto} .archon-classic-sidebar{display:grid;gap:18px} .archon-classic-candidate-panel{padding:20px} .archon-classic-candidate-panel .archon-classic-section-head{margin-bottom:12px} .archon-classic-count{min-width:27px;height:27px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3a4760;border-radius:999px;background:#192131;color:#aeb9cd;font-size:.75rem;font-weight:800} .archon-classic .archon-race-filter{display:flex;flex-wrap:wrap;gap:5px;margin:-5px 0 12px;padding:0;border:0} .archon-classic .archon-race-filter button{min-height:28px;border:1px solid #35415a;border-radius:5px;background:#192131;color:#8795b0;padding:0 9px;font-size:.75rem;font-weight:700} .archon-classic .archon-race-filter button.is-active{border-color:rgba(255,152,0,.44);background:rgba(255,152,0,.08);color:#ffc15f} .archon-classic .archon-candidate-list{display:grid;gap:8px;max-height:none;overflow:visible;padding:0} .archon-classic .archon-candidate{grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid #303c55;border-radius:6px;background:#192131;padding:11px} .archon-classic .archon-candidate-info>b{font-size:.75rem} .archon-classic .archon-candidate-info>b em{margin-left:6px;border:1px solid rgba(255,174,31,.23);border-radius:4px;background:rgba(255,174,31,.06);padding:2px 5px;color:#e3b85d;font-size:.75rem} .archon-classic .archon-candidate-info small{margin-top:4px;color:#7b8aa7;font-size:.75rem} .archon-classic .archon-candidate-info>span{margin-top:4px;color:#b1bdd1;font-size:.75rem} .archon-classic .danger-lite{border-color:rgba(255,111,125,.32);color:#ff9ca7} .archon-classic .archon-empty{padding:17px;border:1px solid #36425a;border-radius:6px;color:#75839f;font-size:.75rem} .archon-classic-wide-panel{margin-top:18px} .archon-classic .archon-history-panel,.archon-classic .archon-snapshots-panel{margin-top:18px} @media(max-width:1280px){ .archon-classic-workspace{grid-template-columns:1fr} .archon-classic-sidebar{grid-template-columns:1fr 1fr} } @media(max-width:1080px){ .archon-classic .archon-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))} .archon-classic .archon-race-grid{grid-template-columns:1fr} .archon-classic .archon-slot-list{grid-template-rows:none} } @media(max-width:760px){ .archon-classic-hero{align-items:flex-start;flex-direction:column;padding:20px} .archon-classic-hero-actions{width:100%} .archon-classic-hero-actions .admin-button{flex:1} .archon-classic .archon-status-strip{grid-template-columns:1fr 1fr} .archon-classic-sidebar{grid-template-columns:1fr} .archon-classic-slot-pair{grid-template-columns:1fr} .archon-classic-section-head{align-items:flex-start;flex-direction:column} .archon-classic .archon-head-tools{width:100%;flex-wrap:wrap} } .guild-admin-view,.guild-detail-view{--guild-line:#303c55;} .guild-readonly-banner{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:16px;border:1px solid rgba(255,177,27,.24);border-radius:9px;background:linear-gradient(135deg,rgba(255,177,27,.07),rgba(25,33,49,.96) 55%);padding:15px 17px} .guild-readonly-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,177,27,.28);border-radius:9px;background:rgba(255,177,27,.07);color:#f1ba53} .guild-readonly-icon .ui-icon{width:23px;height:23px} .guild-readonly-banner small{display:block;color:#d3a348;font-size:.75rem;font-weight:900;letter-spacing:.11em} .guild-readonly-banner b{display:block;margin-top:3px;color:#edf2fa;font-size:.75rem} .guild-readonly-banner p{margin:4px 0 0;color:#8391ac;font-size:.75rem;line-height:1.5} .guild-module-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px} .guild-module-metrics article{min-height:92px;border:1px solid var(--guild-line);border-radius:8px;background:linear-gradient(145deg,#1d2638,#171f2f);padding:15px} .guild-module-metrics small{display:block;color:#7585a2;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em} .guild-module-metrics strong{display:block;margin-top:8px;color:#eef4fb;font-size:1.4375rem;line-height:1} .guild-module-metrics p{margin:7px 0 0;color:#667894;font-size:.75rem} .guild-list-panel{margin-bottom:16px} .guild-list-panel .admin-panel-head>em,.guild-members-panel .admin-panel-head>em{font-style:normal;color:#90a0ba;font-size:.75rem} .guild-list-filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:8px;padding:13px 16px;border-bottom:1px solid rgba(48,60,85,.8)} .guild-list-filters input,.guild-list-filters select{height:40px;border:1px solid #354763;border-radius:7px;background:#111827;color:#dfe7f3;padding:0 11px;outline:none;font:inherit} .guild-list-filters input:focus,.guild-list-filters select:focus{border-color:#b87d18;box-shadow:0 0 0 3px rgba(255,177,27,.07)} .guild-list-meta,.guild-member-meta{padding:10px 16px;border-bottom:1px solid rgba(48,60,85,.65);color:#70809d;font-size:.75rem} .guild-table{min-width:1540px} .guild-table tr.is-empty-guild{opacity:.64} .guild-name-cell,.guild-member-character,.guild-member-account,.guild-member-class{display:flex;flex-direction:column;min-width:120px} .guild-name-cell b,.guild-member-character b,.guild-member-account b,.guild-member-class b{color:#e2eaf5;font-size:.75rem} .guild-name-cell small,.guild-member-character small,.guild-member-account small,.guild-member-class small{margin-top:3px;color:#71819e;font-size:.75rem} .guild-race-badge,.guild-online-badge{display:inline-flex;align-items:center;border:1px solid #3b4c67;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:900;white-space:nowrap} .guild-race-badge.bellato{color:#91c5ff;border-color:rgba(109,174,255,.38);background:rgba(109,174,255,.06)} .guild-race-badge.cora{color:#deb4ff;border-color:rgba(212,156,255,.35);background:rgba(212,156,255,.05)} .guild-race-badge.accretia{color:#f0c46a;border-color:rgba(240,195,106,.35);background:rgba(240,195,106,.05)} .guild-race-badge.mixed{color:#b7c3d8;border-color:#475771;background:rgba(126,143,174,.07)} .guild-race-badge.empty{color:#7385a2} .guild-online-badge.online{color:#51deb9;border-color:rgba(63,224,179,.3);background:rgba(63,224,179,.05)} .guild-online-badge.offline{color:#7e90aa} .guild-number-cell,.guild-level-cell{font-weight:900;color:#dce7f5;white-space:nowrap}.guild-currency-cell{font-weight:800;color:#c8d5e7;white-space:nowrap;font-variant-numeric:tabular-nums}.guild-created-cell{color:#9aabc3;white-space:nowrap}.guild-donation-total{display:flex;flex-direction:column;min-width:96px}.guild-donation-total b{color:#ffc04b;font-size:.75rem;white-space:nowrap}.guild-donation-total small{margin-top:3px;color:#71819e;font-size:.75rem;white-space:nowrap}.guild-playtime-cell{color:#8fa0b9;white-space:nowrap} .guild-detail-hero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(500px,1.3fr);gap:18px;align-items:center;margin-bottom:14px;padding:18px} .guild-detail-identity{display:flex;align-items:center;gap:13px;min-width:0} .guild-detail-emblem{display:grid;flex:0 0 58px;width:58px;height:58px;place-items:center;border:1px solid #3b4b66;border-radius:12px;background:#141d2c;color:#9eacc1} .guild-detail-emblem .ui-icon{width:29px;height:29px} .guild-detail-identity.bellato .guild-detail-emblem{color:#85bdff;border-color:rgba(109,174,255,.34)} .guild-detail-identity.cora .guild-detail-emblem{color:#d9abff;border-color:rgba(212,156,255,.32)} .guild-detail-identity.accretia .guild-detail-emblem{color:#efc36b;border-color:rgba(240,195,106,.32)} .guild-detail-identity>span:last-child{min-width:0}.guild-detail-identity small{display:block;color:#7e8daa;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.guild-detail-identity b{display:block;overflow:hidden;margin-top:3px;color:#f0f4fb;font-size:1.125rem;text-overflow:ellipsis;white-space:nowrap}.guild-detail-identity em{display:block;margin-top:5px;color:#6f809d;font-size:.75rem;font-style:normal} .guild-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .guild-detail-stats article{min-height:72px;border:1px solid #303d56;border-radius:7px;background:#151e2d;padding:12px} .guild-detail-stats small{display:block;color:#70809d;font-size:.75rem;text-transform:uppercase}.guild-detail-stats strong{display:block;margin-top:7px;color:#eef3fa;font-size:.875rem;line-height:1.25;overflow-wrap:anywhere} .guild-members-panel{margin-bottom:18px} @media(max-width:1080px){.guild-module-metrics{grid-template-columns:1fr 1fr}.guild-detail-hero{grid-template-columns:1fr}.guild-detail-stats{grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto}} @media(max-width:720px){.guild-readonly-banner{grid-template-columns:1fr}.guild-readonly-icon{width:42px;height:42px}.guild-module-metrics{grid-template-columns:1fr 1fr}.guild-list-filters{grid-template-columns:1fr}.guild-list-filters .admin-button{width:100%}.guild-detail-stats{grid-template-columns:1fr 1fr;overflow:visible}.guild-detail-hero{padding:14px}.guild-detail-identity b{font-size:1rem}} .guild-detail-stats article>span{display:block;margin-top:4px;color:#73839e;font-size:.75rem;font-weight:600} .guild-donation-cell,.guild-activity-cell{display:flex;flex-direction:column;min-width:140px} .guild-donation-cell b,.guild-activity-cell b{color:#e2eaf5;font-size:.75rem} .guild-donation-cell small,.guild-activity-cell small{margin-top:3px;color:#71819e;font-size:.75rem;white-space:nowrap} .guild-donation-cell b{color:#ffc04b} .guild-activity-cell.inactive b{color:#ffb765} .guild-activity-cell.inactive small{color:#d69558} .guild-mutation-panel{margin-bottom:16px;overflow:hidden} .guild-mutation-panel .admin-panel-head{border-bottom:1px solid rgba(48,60,85,.72)} .guild-mutation-panel .admin-panel-head>em{font-style:normal;color:#8e9db7;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em} .guild-mutation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:15px 16px 12px} .guild-mutation-grid label{display:flex;flex-direction:column;gap:6px;min-width:0} .guild-mutation-grid label>span{color:#7d8da8;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .guild-mutation-grid input,.guild-mutation-grid select{width:100%;height:38px;border:1px solid #354763;border-radius:7px;background:#111827;color:#e1e8f3;padding:0 10px;outline:none;font:inherit;font-size:.75rem} .guild-mutation-grid input:focus,.guild-mutation-grid select:focus{border-color:#b87d18;box-shadow:0 0 0 3px rgba(255,177,27,.07)} .guild-mutation-grid label>small{color:#687a97;font-size:.75rem;line-height:1.4} .guild-leader-search-field{position:relative}.guild-leader-search-results{position:fixed;z-index:120;display:grid;max-height:min(340px,50vh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #3d4b64;border-radius:8px;background:#182131;box-shadow:0 18px 45px rgba(5,9,16,.36)}.guild-leader-search-results.is-portal{right:auto}.guild-leader-search-results.is-hidden{display:none!important}.guild-leader-search-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:48px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#dfe6ef;text-align:left;cursor:pointer}.guild-leader-search-option:hover{border-color:#4a5a74;background:#222d40}.guild-leader-search-option>span{display:grid;min-width:0;gap:2px}.guild-leader-search-option b,.guild-leader-search-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-leader-search-option b{font-size:.75rem}.guild-leader-search-option small{color:#7e90aa;font-size:.75rem}.guild-leader-search-option em{max-width:46%;color:#7fd6b2;font-style:normal;font-size:.75rem;text-align:right;overflow-wrap:anywhere}.guild-leader-search-option.is-disabled{opacity:.55;cursor:not-allowed}.guild-leader-search-option.is-disabled em{color:#d9949a} .guild-server-stop-confirm{display:flex;align-items:flex-start;gap:10px;margin:0 16px 12px;padding:12px 13px;border:1px solid rgba(255,177,27,.24);border-radius:8px;background:rgba(255,177,27,.045);cursor:pointer} .guild-server-stop-confirm input{margin:2px 0 0;accent-color:#ffb11b} .guild-server-stop-confirm>span{display:flex;flex-direction:column;gap:3px}.guild-server-stop-confirm b{color:#e8edf6;font-size:.75rem}.guild-server-stop-confirm small{color:#7e8da8;font-size:.75rem;line-height:1.45} .guild-mutation-actions{display:flex;align-items:center;gap:8px;padding:0 16px 14px}.guild-mutation-actions>span{margin-left:5px;color:#7e8da8;font-size:.75rem;line-height:1.45} .guild-batch-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 16px 16px;padding:12px;border:1px solid #35445e;border-radius:9px;background:#121b2a} .guild-batch-preview>div{display:flex;flex-direction:column;gap:4px;min-height:52px;padding:9px 10px;border:1px solid rgba(52,68,94,.72);border-radius:7px;background:#161f30}.guild-batch-preview>div span{color:#72839f;font-size:.75rem;text-transform:uppercase}.guild-batch-preview>div b{color:#e6edf8;font-size:.75rem;overflow-wrap:anywhere} .guild-preview-warning{grid-column:1/-1;margin:2px 0 0;padding-top:8px;border-top:1px solid rgba(52,68,94,.72);color:#d6a64c;font-size:.75rem;line-height:1.5} .guild-bonus-panel{margin-bottom:16px;overflow:hidden}.guild-bonus-panel .admin-panel-head>em{font-style:normal;color:#d8a546;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;opacity:.92} .guild-bonus-workspace{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(460px,1.28fr);gap:16px;padding:16px;align-items:start} .guild-bonus-controls,.guild-bonus-preview article,.guild-bonus-history-item{border:1px solid transparent;border-radius:12px;background:transparent} .guild-bonus-controls{display:grid;align-content:start;gap:12px;padding:15px}.guild-bonus-controls label{display:grid;gap:6px}.guild-bonus-controls label>span{color:#7d8da8;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.guild-bonus-controls input{width:100%;height:40px;border:1px solid #354763;border-radius:8px;background:#111827;color:#e8eef7;padding:0 11px;outline:none;font:inherit;font-size:.75rem}.guild-bonus-controls input:focus{border-color:#486791;box-shadow:0 0 0 3px rgba(74,111,159,.12)} .guild-bonus-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guild-bonus-actions .admin-button{min-height:40px}.guild-bonus-controls>p{margin:0;color:#7b8ba6;font-size:.75rem;line-height:1.5} .guild-bonus-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:start}.guild-bonus-preview article{display:grid;align-content:center;gap:6px;min-height:76px;padding:13px 15px}.guild-bonus-preview small{display:block;color:#73839e;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.guild-bonus-preview strong{display:block;color:#edf3fb;font-size:1.125rem;line-height:1.2;overflow-wrap:anywhere}.guild-bonus-preview article:nth-child(2) strong,.guild-bonus-preview article:nth-child(3) strong,.guild-bonus-preview article:nth-child(4) strong{color:#edf3fb} .guild-bonus-history{border-top:1px solid rgba(48,60,85,.72);padding:0 16px 16px}.guild-bonus-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.guild-bonus-history-head>span{display:grid;gap:2px}.guild-bonus-history-head small{color:#d8a546;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;opacity:.92}.guild-bonus-history-head b{color:#e6edf8;font-size:.78rem}.guild-bonus-history-head>em{font-style:normal;color:#8090aa;font-size:.75rem}.guild-bonus-history-list{display:grid;gap:10px}.guild-bonus-history-item{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:18px;align-items:center;padding:12px 14px}.guild-bonus-history-item>span:first-child{display:grid;gap:3px;min-width:0}.guild-bonus-history-item b{color:#e7eef8;font-size:.75rem}.guild-bonus-history-item small{color:#7586a1;font-size:.75rem}.guild-bonus-meta-cluster{display:flex;justify-content:flex-end;justify-self:end;gap:7px;flex-wrap:wrap;width:max-content;max-width:100%}.guild-bonus-meta-cluster em{padding:5px 8px;border:1px solid rgba(54,70,96,.72);border-radius:999px;color:#99a8be;font-size:.7rem;font-style:normal;white-space:nowrap}.guild-bonus-history .account-empty{margin:0;padding:14px;border:1px solid transparent;border-radius:12px;background:transparent} .guild-relog-pending{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:16px 18px;border-color:rgba(255,177,27,.34);background:linear-gradient(135deg,rgba(255,177,27,.085),#192131 58%)} .guild-relog-pending small{color:#f0b84d;font-size:.75rem;font-weight:900;letter-spacing:.08em}.guild-relog-pending h2{margin:3px 0 0;color:#f3f6fb;font-size:.8125rem}.guild-relog-pending p{margin:5px 0 0;color:#8392ad;font-size:.75rem;line-height:1.5} .guild-role-badge{display:inline-flex;align-items:center;border:1px solid #3a4b66;border-radius:999px;padding:4px 8px;color:#9daec6;font-size:.75rem;font-weight:900;white-space:nowrap}.guild-role-badge.status-1{color:#e8c36f;border-color:rgba(232,195,111,.34);background:rgba(232,195,111,.05)}.guild-role-badge.status-2{color:#59dcb9;border-color:rgba(89,220,185,.34);background:rgba(89,220,185,.05)} .guild-master-row{background:linear-gradient(90deg,rgba(63,224,179,.025),transparent)} .guild-remove-check{width:16px;height:16px;accent-color:#e7a72e;cursor:pointer}.guild-remove-check:disabled{opacity:.28;cursor:not-allowed} .guild-member-table{min-width:1530px} @media(max-width:1180px){.guild-mutation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guild-batch-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.guild-bonus-workspace{grid-template-columns:1fr}.guild-bonus-preview{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.guild-mutation-grid{grid-template-columns:1fr}.guild-mutation-actions{align-items:stretch;flex-direction:column}.guild-mutation-actions .admin-button{width:100%}.guild-mutation-actions>span{margin:3px 0 0}.guild-batch-preview{grid-template-columns:1fr}.guild-bonus-preview{grid-template-columns:1fr}.guild-bonus-actions{grid-template-columns:1fr}.guild-bonus-history-item{grid-template-columns:1fr}.guild-bonus-meta-cluster{justify-content:flex-start;justify-self:start;width:auto}.guild-relog-pending{align-items:flex-start;flex-direction:column}.guild-relog-pending .admin-button{width:100%}} .economy-admin-view{display:grid;gap:18px}.economy-admin-view.is-hidden{display:none}.economy-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.economy-tabs button{border:1px solid rgba(115,132,177,.22);background:rgba(25,31,48,.78);color:#aeb8d0;border-radius:11px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer}.economy-tabs button:hover,.economy-tabs button.is-active{color:#fff;border-color:rgba(109,128,255,.48);background:rgba(85,103,221,.2)}.economy-tab-panel{display:grid;gap:16px}.economy-tab-panel.is-hidden{display:none}.economy-stock-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.economy-stock-grid article,.economy-flow-grid article{padding:17px;border:1px solid rgba(115,132,177,.18);border-radius:15px;background:linear-gradient(145deg,rgba(29,36,55,.94),rgba(20,25,39,.92));min-width:0}.economy-stock-grid small,.economy-flow-grid small{display:block;color:#8e9bb9;font-size:.75rem;text-transform:uppercase;letter-spacing:.045em}.economy-stock-grid strong,.economy-flow-grid strong{display:block;margin-top:7px;color:#fff;font-size:1.4375rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.economy-stock-grid em,.economy-flow-grid em{display:block;margin-top:7px;color:#77849f;font-size:.75rem;font-style:normal}.economy-population-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.economy-population-grid article{padding:13px 15px;border:1px solid rgba(115,132,177,.16);border-radius:13px;background:rgba(24,30,47,.7)}.economy-population-grid small{display:block;color:#8996b2;font-size:.75rem}.economy-population-grid b{display:block;margin-top:5px;color:#eef2fb;font-size:1rem;overflow-wrap:anywhere}.economy-panel{overflow:hidden}.economy-race-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:2px}.economy-race-card{padding:15px;border-radius:14px;border:1px solid rgba(115,132,177,.18);background:rgba(20,26,42,.76)}.economy-race-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.economy-race-card>div:first-child b{font-size:.9375rem;color:#fff}.economy-race-card>div:first-child small{color:#8290ad;font-size:.75rem;text-align:right}.economy-race-card>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.economy-race-card span{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.035)}.economy-race-card span small{display:block;color:#7f8ca7;font-size:.75rem}.economy-race-card span strong{display:block;margin-top:3px;color:#eef2fb;font-size:.875rem}.economy-race-card>em{display:block;margin-top:9px;color:#6f7c98;font-size:.75rem;font-style:normal}.economy-table-wrap{width:100%;overflow:auto}.economy-table{width:100%;border-collapse:collapse;min-width:760px}.economy-top-table.is-compact{width:100%;margin:0;table-layout:fixed}.economy-top-table.is-compact th:first-child,.economy-top-table.is-compact td:first-child{width:72px}.economy-top-table.is-compact th:last-child,.economy-top-table.is-compact td:last-child{width:46%}.economy-table th{padding:10px 12px;color:#7986a2;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid rgba(115,132,177,.16);white-space:nowrap}.economy-table td{padding:11px 12px;color:#cbd2e1;font-size:.75rem;border-bottom:1px solid rgba(115,132,177,.09);vertical-align:middle}.economy-table tr:last-child td{border-bottom:0}.economy-table tr:hover td{background:rgba(255,255,255,.018)}.economy-number,.economy-top-value{font-variant-numeric:tabular-nums;white-space:nowrap;color:#f2f5fb!important}.economy-positive{color:#8fd3ad!important;font-variant-numeric:tabular-nums}.economy-negative{color:#e7a3a3!important;font-variant-numeric:tabular-nums}.economy-table-note{font-size:.75rem;color:#77849f}.economy-balance-head{align-items:flex-end}.economy-balance-head label,.economy-flow-toolbar label{display:grid;gap:5px;color:#8591ac;font-size:.75rem;text-transform:uppercase}.economy-balance-head select,.economy-flow-toolbar select{min-width:230px;border:1px solid rgba(115,132,177,.22);border-radius:10px;background:#171d2d;color:#e8edf8;padding:9px 11px;font:inherit}.economy-flow-toolbar{display:flex;align-items:flex-end;gap:16px;padding:13px 15px;border:1px solid rgba(115,132,177,.16);border-radius:13px;background:rgba(24,30,47,.65)}.economy-flow-toolbar small{color:#8591ac;line-height:1.5}.economy-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.economy-flow-grid strong{font-size:1.25rem}.economy-daily-pagination{margin:0;padding:12px 14px;border-top:1px solid rgba(115,132,177,.14)}.empty-state{color:#8491ab;font-size:.75rem} @media(max-width:1180px){.economy-stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.economy-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.economy-race-grid{grid-template-columns:1fr}.economy-population-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.economy-stock-grid,.economy-flow-grid,.economy-population-grid{grid-template-columns:1fr 1fr}.economy-stock-grid strong{font-size:1.1875rem}.economy-flow-toolbar{align-items:stretch;flex-direction:column}.economy-balance-head{align-items:stretch;gap:12px}.economy-balance-head label,.economy-balance-head select{width:100%}.economy-tabs{display:grid;grid-template-columns:1fr 1fr}.economy-tabs button{padding:9px 8px}} @media(max-width:480px){.economy-stock-grid,.economy-flow-grid,.economy-population-grid{grid-template-columns:1fr}.economy-stock-grid article,.economy-flow-grid article{padding:14px}.economy-race-card>div:nth-child(2){grid-template-columns:1fr}.economy-admin-heading .admin-heading-actions{width:100%}.economy-admin-heading .admin-heading-actions button{flex:1}} .reward-admin-view{display:grid;gap:16px}.reward-admin-view.is-hidden{display:none}.reward-workflow{display:grid;gap:16px}.reward-recipients-panel,.reward-builder-panel,.reward-preview-panel,.reward-active-panel,.reward-history-panel{overflow:hidden}.reward-section-head{align-items:center}.reward-recipient-body{display:grid;gap:14px;padding:16px}.reward-recipient-mode{max-width:360px}.reward-field{display:flex;min-width:0;flex-direction:column;gap:6px}.reward-field>span,.reward-row label>span,.reward-item-picker label>span{color:#8a99b2;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.reward-field input,.reward-field select,.reward-field textarea,.reward-row input,.reward-row select,.reward-item-picker input{width:100%;border:1px solid #354763;border-radius:9px;background:#111827;color:#e6edf8;padding:9px 10px;outline:none;font:inherit;font-size:.75rem}.reward-field input,.reward-field select,.reward-row input,.reward-row select,.reward-item-picker input{height:40px}.reward-field textarea{min-height:142px;resize:vertical;line-height:1.55}.reward-field input:focus,.reward-field select:focus,.reward-field textarea:focus,.reward-row input:focus,.reward-row select:focus,.reward-item-picker input:focus{border-color:#b87d18;box-shadow:0 0 0 3px rgba(255,177,27,.07)}.reward-field small{color:#71809a;font-size:.75rem;line-height:1.4}.reward-recipient-list>span{display:flex;justify-content:space-between;gap:12px}.reward-recipient-list em{color:#9aa8c0;font-style:normal}.reward-recipient-tools{border:1px solid rgba(59,76,105,.72);border-radius:11px;background:transparent;overflow:hidden}.reward-recipient-tools-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid rgba(55,71,98,.6)}.reward-recipient-tools-head>span{display:flex;flex-direction:column;gap:3px}.reward-recipient-tools-head b{color:#e6edf8;font-size:.75rem}.reward-recipient-tools-head em{color:#8d9bb3;font-size:.75rem;font-style:normal;text-align:right}.reward-recipient-filter-grid label{display:flex;flex-direction:column;gap:5px}.reward-recipient-filter-grid label>span:first-child{color:#7f8da8;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.reward-recipient-filter-grid select,.reward-recipient-filter-grid input{width:100%;height:38px;border:1px solid #354763;border-radius:8px;background:#111827;color:#e6edf8;padding:8px 9px;outline:none;font:inherit;font-size:.75rem}.reward-recipient-filter-grid select:focus,.reward-recipient-filter-grid input:focus{border-color:#b87d18;box-shadow:0 0 0 3px rgba(255,177,27,.07)}.reward-recipient-online-only{justify-content:flex-end}.reward-recipient-online-only .switch-control{min-height:38px;display:flex;align-items:center}.reward-recipient-source-preview{display:flex;flex-wrap:wrap;gap:7px;padding:11px 12px;border-top:1px solid rgba(55,71,98,.55);background:transparent}.reward-recipient-source-preview>span{display:flex;min-width:180px;max-width:290px;flex:1 1 210px;flex-direction:column;gap:2px;padding:8px 9px;border:1px solid rgba(61,79,108,.65);border-radius:8px;background:transparent}.reward-recipient-source-preview b{color:#e5edf8;font-size:.75rem}.reward-recipient-source-preview small{color:#7586a1;font-size:.75rem;line-height:1.4}.reward-recipient-source-preview p{flex-basis:100%;margin:0;color:#d7a84e;font-size:.75rem;line-height:1.45}.reward-recipient-source-preview em{flex-basis:100%;color:#7c8ba5;font-size:.75rem;font-style:normal}.reward-list{display:grid;gap:10px;padding:14px 16px}.reward-row{position:relative;display:grid;grid-template-columns:30px minmax(150px,.55fr) minmax(180px,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid rgba(63,79,106,.72);border-radius:10px;background:transparent}.reward-row-number{display:grid;place-items:center;width:28px;height:28px;margin-bottom:6px;border:1px solid rgba(63,79,106,.72);border-radius:8px;color:#d9a84e;font-size:.75rem;font-weight:900}.reward-row label{display:flex;flex-direction:column;gap:5px}.reward-remove{align-self:end;min-height:40px;padding:0 13px;border:1px solid rgba(210,105,105,.28);border-radius:8px;background:transparent;color:#dc9898;cursor:pointer;font-size:.75rem;font-weight:800;line-height:1}.reward-item-picker{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) 105px 110px;gap:8px;align-items:end}.reward-item-picker>label:first-child{position:relative}.reward-item-selected{display:flex;align-items:center;justify-content:space-between;gap:8px;grid-column:1/-1;padding:7px 9px;border:1px solid rgba(83,167,139,.2);border-radius:8px;background:transparent}.reward-item-selected b{color:#a9dfca;font-size:.75rem}.reward-item-selected small{color:#7587a1;font-size:.75rem}.reward-item-results{position:static;z-index:auto;top:auto;left:auto;width:auto;max-height:220px;grid-column:1/-1;overflow:auto;border:1px solid #3a4b67;border-radius:8px;background:#101827;box-shadow:none}.reward-item-results:empty{display:none}.reward-item-results>span{display:block;padding:10px;color:#7f8da8;font-size:.75rem}.reward-item-results button{display:flex;width:100%;flex-direction:column;gap:2px;padding:9px 10px;border:0;border-bottom:1px solid rgba(58,75,103,.55);background:transparent;text-align:left;cursor:pointer}.reward-item-results button:hover{background:rgba(255,255,255,.025)}.reward-item-results b{color:#e6edf8;font-size:.75rem}.reward-item-results small{color:#71809b;font-size:.75rem}.reward-row:has(.reward-item-results:not(:empty)){z-index:2}.reward-builder-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 15px}.reward-preview-summary,.reward-campaign-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 16px}.reward-preview-summary article,.reward-campaign-status>span{padding:10px 11px;border:1px solid rgba(57,73,99,.72);border-radius:8px;background:transparent}.reward-preview-summary small,.reward-campaign-status small{display:block;color:#74839f;font-size:.75rem;text-transform:uppercase}.reward-preview-summary b,.reward-campaign-status b{display:block;margin-top:5px;color:#eef3fa;font-size:.875rem}.reward-table-wrap{width:100%;overflow:auto;border-top:1px solid rgba(48,60,85,.65)}.reward-table{width:100%;min-width:780px;border-collapse:collapse}.reward-table th{padding:10px 12px;border-bottom:1px solid rgba(48,60,85,.72);color:#74839f;font-size:.75rem;text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.reward-table td{padding:11px 12px;border-bottom:1px solid rgba(48,60,85,.42);color:#b9c5d8;font-size:.75rem;vertical-align:middle}.reward-table tr:last-child td{border-bottom:0}.reward-table td>b,.reward-table td>small{display:block}.reward-table td>b{color:#e5ecf7;font-size:.75rem}.reward-table td>small{margin-top:3px;color:#73839e;font-size:.75rem}.reward-status{display:inline-flex;align-items:center;border:1px solid #42516b;border-radius:999px;padding:4px 7px;color:#95a4bc;font-size:.75rem;font-weight:900;white-space:nowrap}.reward-status.ok{color:#69dfb9;border-color:rgba(77,213,170,.3);background:rgba(77,213,170,.05)}.reward-status.wait{color:#efbf62;border-color:rgba(239,191,98,.3);background:rgba(239,191,98,.05)}.reward-status.bad{color:#ee9393;border-color:rgba(238,147,147,.28);background:rgba(238,147,147,.05)}.reward-status.muted{color:#7d8ca6}.reward-active-panel{border-color:rgba(255,177,27,.2)}.reward-active-head{align-items:flex-start}.reward-progress{height:7px;margin:0 16px 13px;overflow:hidden;border-radius:999px;background:#111827}.reward-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ca8c20,#ffb11b);transition:width .25s ease}.reward-active-rewards{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px 13px}.reward-active-rewards>span{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border:1px solid rgba(67,83,111,.7);border-radius:8px;background:transparent}.reward-active-rewards b{color:#e5ecf7;font-size:.75rem}.reward-active-rewards small{color:#7d8da8;font-size:.75rem}.reward-grant-history{border-top:1px solid rgba(48,60,85,.72)}.reward-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.reward-subhead>span{display:flex;flex-direction:column;gap:2px}.reward-subhead b{color:#e5ecf7;font-size:.75rem}.reward-subhead em{color:#8290aa;font-size:.75rem;font-style:normal}.admin-button.danger{border-color:rgba(205,96,96,.38);background:rgba(137,52,52,.16);color:#efaaaa}.admin-button.danger:hover{background:rgba(154,57,57,.24)} @media(max-width:900px){.reward-preview-summary,.reward-campaign-status{grid-template-columns:1fr 1fr}.reward-row{grid-template-columns:28px 1fr 28px}.reward-row>label:nth-of-type(2),.reward-item-picker{grid-column:2}.reward-item-picker{grid-template-columns:1fr 1fr}.reward-item-picker>label:first-child,.reward-item-selected{grid-column:1/-1}.reward-active-head{gap:10px;flex-direction:column}.reward-active-head .admin-heading-actions{width:100%;flex-wrap:wrap}.reward-active-head .admin-button{flex:1}} @media(max-width:620px){.reward-preview-summary,.reward-campaign-status{grid-template-columns:1fr}.reward-item-picker{grid-template-columns:1fr}.reward-item-picker>label:first-child,.reward-item-selected{grid-column:auto}.reward-builder-actions{flex-direction:column}.reward-builder-actions .admin-button,.reward-admin-heading .admin-heading-actions,.reward-admin-heading .admin-heading-actions button{width:100%}.reward-recipient-tools-head{align-items:flex-start;flex-direction:column}.reward-recipient-tools-head em{text-align:left}.reward-recipient-source-preview>span{max-width:none}.reward-item-results{max-height:180px}} /* Stage57 elevated account credentials workspace */ .account-credentials-panel{margin-top:14px;overflow:hidden} .account-credentials-head{align-items:flex-start} .account-credentials-head>em{font-style:normal;color:var(--ui-muted);font-size:.75rem;font-weight:850;white-space:nowrap} .account-credential-row input{min-height:38px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-surface-soft);color:var(--ui-text);padding:0 11px;outline:none} .account-credential-row input:focus{border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 14%,transparent)} .account-credentials-grid{display:grid;gap:8px;padding:14px 16px 12px} .account-credential-row{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);align-items:center;gap:14px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface-soft);padding:11px 12px} .account-credential-row>span{display:grid;gap:2px;min-width:0} .account-credential-row>span small{color:var(--ui-dim);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .account-credential-row>span b{color:var(--ui-text);font-size:.75rem} .account-credential-row>span em{color:var(--ui-muted);font-size:.75rem;font-style:normal;line-height:1.35} .account-credential-row>div{display:grid;grid-template-columns:minmax(180px,1fr) 112px;gap:7px;align-items:center} .account-credential-row input:disabled{opacity:.55;cursor:not-allowed} .account-credentials-message{padding:0 16px 14px;color:var(--ui-muted);font-size:.75rem}.account-credentials-message:empty{display:none} @media(max-width:900px){.account-credential-row{grid-template-columns:1fr}.account-credential-row>div{grid-template-columns:minmax(0,1fr) 112px}} @media(max-width:620px){.account-credential-row>div{grid-template-columns:1fr}.account-credential-row>div .admin-button{width:100%}} .reward-recipient-filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:12px;align-items:end;grid-auto-flow:row dense} .reward-recipient-filter-grid label{min-width:0} .reward-recipient-filter-grid .reward-filter-source,.reward-recipient-filter-grid .reward-filter-guild,.reward-recipient-filter-grid .reward-filter-recent,.reward-recipient-filter-grid .reward-filter-race,.reward-recipient-filter-grid .reward-filter-min,.reward-recipient-filter-grid .reward-filter-max,.reward-recipient-filter-grid .reward-filter-online{grid-column:span 4} .reward-recipient-filter-grid[data-mode="manual"] .reward-filter-source{grid-column:1/-1} .reward-recipient-tool-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;align-items:stretch} .reward-recipient-tool-actions>span{grid-column:1/-1;margin:0;padding:1px 1px 3px;color:#7f90aa;font-size:.75rem;line-height:1.5} .reward-recipient-tool-actions .admin-button{width:100%;min-width:0} .coupon-admin-create{overflow:visible} .coupon-admin-panel-head p{max-width:760px;margin:5px 0 0;color:#7d92b2;font-size:.75rem;line-height:1.5} .coupon-admin-form{display:grid;gap:14px;padding:14px} .coupon-editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:12px} .coupon-editor-card,.coupon-reward-section{min-width:0;border:1px solid #36445f;border-radius:12px;background:var(--admin-panel-2);overflow:hidden} .coupon-editor-card-head{min-height:56px;display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(74,87,113,.55)} .coupon-editor-card-head small{display:block;color:var(--admin-gold);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em} .coupon-editor-card-head h3{margin:4px 0 0;color:#edf2f9;font-size:.875rem} .coupon-primary-fields,.coupon-policy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px} .coupon-primary-fields label,.coupon-policy-fields label{display:flex;min-width:0;flex-direction:column;gap:6px} .coupon-primary-fields label.wide{grid-column:1/-1} .coupon-primary-fields label>span:first-child,.coupon-policy-fields label>span:first-child{color:#9aa8be;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .coupon-primary-fields input,.coupon-policy-fields input{width:100%;height:42px;border:1px solid #46536d;border-radius:9px;background:var(--ui-input);color:#eef3fb;padding:0 11px;outline:none;font:inherit;font-size:.75rem} .coupon-primary-fields input:focus,.coupon-policy-fields input:focus{border-color:#b87d18;box-shadow:0 0 0 3px rgba(255,177,27,.08)} .coupon-policy-fields label>small{min-height:12px;color:#74839d;font-size:.75rem;line-height:1.35} .coupon-code-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px} .coupon-code-input .admin-button{min-height:42px;white-space:nowrap} .coupon-reward-section{padding:0} .coupon-reward-section .coupon-rewards-head{min-height:58px;padding:10px 12px;border-bottom:1px solid rgba(74,87,113,.55)} .coupon-reward-builder{display:grid;gap:9px;padding:10px} .coupon-reward-row{padding:12px;border:1px solid #46536d;border-radius:10px;background:var(--admin-panel-2)} .coupon-reward-row-head{margin-bottom:10px} .coupon-reward-fields select,.coupon-reward-fields input{height:40px;border-color:#46536d!important;border-radius:9px!important;background:var(--ui-input)!important} .coupon-admin-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:2px} .coupon-admin-footer .admin-balance-state{min-height:20px} .coupon-admin-footer .admin-button{min-width:170px} .coupon-admin-list-panel{overflow:visible} .coupon-admin-list{display:grid;gap:10px;padding:12px} .coupon-admin-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #3a4862;border-radius:12px;background:var(--admin-panel-2)} .coupon-admin-card.is-disabled{opacity:.72} .coupon-admin-card-main{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.25fr) minmax(190px,.75fr);gap:14px;align-items:center;min-width:0} .coupon-admin-card-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0} .coupon-admin-card-status{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:26px;border:1px solid rgba(98,217,174,.32);border-radius:999px;background:rgba(98,217,174,.08);color:#76dfbc;font-size:.75rem;font-weight:900;text-transform:uppercase} .coupon-admin-card.is-disabled .coupon-admin-card-status{border-color:#56627a;background:#232b3d;color:#98a5bb} .coupon-admin-card-copy{display:flex;min-width:0;flex-direction:column;gap:3px} .coupon-admin-card-copy b{overflow:hidden;color:#eef3fa;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap} .coupon-admin-card-copy code{color:#e3b45a;font-size:.75rem} .coupon-admin-card-copy small{overflow:hidden;color:#7f8fa9;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap} .coupon-admin-card-rewards{display:flex;min-width:0;flex-wrap:wrap;gap:6px} .coupon-admin-card-rewards em{padding:5px 8px;border:1px solid #46536d;border-radius:999px;background:#20283a;color:#c8d3e3;font-size:.75rem;font-style:normal} .coupon-admin-card-stats{display:grid;gap:4px;white-space:normal} .coupon-admin-card-stats small{color:#8190a9;font-size:.75rem;line-height:1.35} .coupon-admin-card>button{min-width:104px} @media(max-width:1100px){ .coupon-editor-grid{grid-template-columns:1fr} .coupon-admin-card-main{grid-template-columns:1fr 1fr}.coupon-admin-card-stats{grid-column:1/-1} .reward-recipient-filter-grid{grid-template-columns:repeat(6,minmax(0,1fr))} .reward-recipient-filter-grid .reward-filter-source,.reward-recipient-filter-grid .reward-filter-guild,.reward-recipient-filter-grid .reward-filter-recent,.reward-recipient-filter-grid .reward-filter-race,.reward-recipient-filter-grid .reward-filter-min,.reward-recipient-filter-grid .reward-filter-max,.reward-recipient-filter-grid .reward-filter-online{grid-column:span 3} .reward-recipient-filter-grid[data-mode="manual"] .reward-filter-source{grid-column:1/-1} } @media(max-width:700px){ .reward-recipient-filter-grid{grid-template-columns:1fr} .reward-recipient-filter-grid .reward-filter-source,.reward-recipient-filter-grid .reward-filter-guild,.reward-recipient-filter-grid .reward-filter-recent,.reward-recipient-filter-grid .reward-filter-race,.reward-recipient-filter-grid .reward-filter-min,.reward-recipient-filter-grid .reward-filter-max,.reward-recipient-filter-grid .reward-filter-online,.reward-recipient-filter-grid[data-mode="manual"] .reward-filter-source{grid-column:1} .reward-recipient-tool-actions{grid-template-columns:1fr}.reward-recipient-tool-actions>span{grid-column:1} .coupon-primary-fields,.coupon-policy-fields,.coupon-reward-fields{grid-template-columns:1fr}.coupon-primary-fields label.wide,.coupon-reward-fields label.wide,.coupon-selected-item,.coupon-item-results{grid-column:1} .coupon-code-input{grid-template-columns:1fr}.coupon-admin-footer{grid-template-columns:1fr}.coupon-admin-footer .admin-button{width:100%;min-width:0} .coupon-admin-card{grid-template-columns:auto minmax(0,1fr)}.coupon-admin-card-main{grid-template-columns:1fr}.coupon-admin-card-stats{grid-column:auto}.coupon-admin-card>button{width:100%} } .rankings-admin-head{margin-bottom:0} #rankingsView{--rank-forum-panel:#242c3d;--rank-forum-line:#3b455b;--rank-forum-muted:#8996aa;--rank-forum-gold:#e8b13e} #rankingsView .rankings-admin-head{padding:0 0 15px!important;border-bottom:1px solid #343d51!important} #rankingsView .rankings-admin-head small{color:#8e9aae!important;font-size:.75rem!important} #rankingsView .rankings-admin-head h1{margin:5px 0 6px!important;font-size:1.75rem!important} #rankingsView .rankings-admin-head p{color:var(--rank-forum-muted)!important;font-size:.75rem!important} #rankingsView .admin-panel.settings-section{border:1px solid var(--rank-forum-line)!important;border-radius:7px!important;background:var(--rank-forum-panel)!important;box-shadow:none!important} #rankingsView .admin-panel-head{min-height:56px!important;padding:10px 13px!important;border-bottom:1px solid #343d51!important;background:#222a3a!important} #rankingsView .admin-panel-head small{color:var(--rank-forum-gold)!important;font-size:.75rem!important;letter-spacing:.1em!important}#rankingsView .admin-panel-head h2{margin-top:3px!important;font-size:.8125rem!important} #rankingsView .setting-row{border-bottom-color:#353e52!important}#rankingsView .setting-row b{font-size:.75rem!important}#rankingsView .setting-row small{font-size:.75rem!important;color:#7c899e!important} #rankingsView .setting-row input,#rankingsView .setting-row select{border-radius:5px!important;background:#1c2332!important;border-color:#465068!important} #rankingsView .settings-form-actions{padding-top:11px!important;border-top-color:#343d51!important}#rankingsView .settings-form-actions .admin-button{min-height:36px!important;border-radius:5px!important;background:#2b3448!important;border-color:#4a556b!important;color:#edf1f7!important}#rankingsView .settings-form-actions .admin-button:hover{border-color:rgba(232,177,62,.55)!important;color:#f0c55c!important;filter:none!important} .achievement-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.achievement-admin-metrics article{padding:14px 15px;border:1px solid #33415a;border-radius:8px;background:#252d3f}.achievement-admin-metrics small{display:block;color:#7f91aa;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.achievement-admin-metrics strong{display:block;margin:6px 0 3px;font-size:1.375rem;color:#f4f6fa}.achievement-admin-metrics p{margin:0;color:#718199;font-size:.75rem}.achievement-definition-panel{margin-bottom:14px}.achievement-admin-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px 210px;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(54,68,91,.75)}.achievement-admin-toolbar input,.achievement-admin-toolbar select,.achievement-editor-card input,.achievement-editor-card select,.achievement-editor-card textarea,.achievement-tier-editor input,.achievement-tier-editor select{width:100%;border:1px solid #3c4961;border-radius:6px;background:#1d2535;color:#eef2f8;padding:9px 10px;font:inherit;font-size:.75rem;outline:none}.achievement-admin-toolbar input:focus,.achievement-admin-toolbar select:focus,.achievement-editor-card input:focus,.achievement-editor-card select:focus,.achievement-editor-card textarea:focus,.achievement-tier-editor input:focus,.achievement-tier-editor select:focus{border-color:#b57d20}.achievement-admin-table td{vertical-align:middle}.achievement-name-cell{display:grid;gap:3px}.achievement-name-cell b{font-size:.75rem;color:#eef2f8}.achievement-name-cell code{width:max-content;padding:2px 5px;border:1px solid #39465d;border-radius:4px;background:#1e2636;color:#8798b1;font-size:.75rem}.achievement-chip{display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border:1px solid #3b4860;border-radius:999px;color:#9aabc1;font-size:.75rem;font-weight:850;white-space:nowrap}.achievement-chip.support{border-color:rgba(77,207,164,.28);color:#7fddbd}.achievement-chip.off{border-color:rgba(224,102,112,.28);color:#df9da4}.achievement-chip.hidden{border-color:rgba(195,150,71,.28);color:#d7b56f}.achievement-condition{display:grid;gap:2px}.achievement-condition b{font-size:.75rem}.achievement-condition small{font-size:.75rem;color:#76879f}.achievement-edit-actions{display:flex;justify-content:flex-end}.achievement-edit-actions button{min-height:28px;padding:0 9px;border:1px solid #3b4961;border-radius:6px;background:#20283a;color:#c8d2e1;font-size:.75rem;font-weight:850;cursor:pointer}.achievement-edit-actions button:hover{border-color:#a87322;color:#fff}.achievement-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.achievement-tier-list{display:grid;gap:7px;padding:12px}.achievement-tier-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 11px;border:1px solid #36435a;border-radius:7px;background:#222a3a}.achievement-tier-row>span{min-width:0;display:grid;gap:3px}.achievement-tier-row b{font-size:.75rem}.achievement-tier-row small{color:#73849b;font-size:.75rem}.achievement-tier-row>div{display:flex;align-items:center;gap:7px}.achievement-tier-row em{padding:4px 7px;border:1px solid #435168;border-radius:999px;color:#c5d0df;font-size:.75rem;font-style:normal}.achievement-tier-row em.is-off{color:#8e9aae;opacity:.7}.achievement-tier-row button{min-height:28px;padding:0 8px;border:1px solid #3b4860;border-radius:5px;background:#1c2433;color:#c8d2e1;font-size:.75rem;cursor:pointer}.achievement-claims-panel{margin-bottom:20px}.achievement-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.achievement-editor-grid label,.achievement-tier-editor label{display:grid;gap:5px}.achievement-editor-grid label>span,.achievement-tier-editor label>span{color:#93a3b8;font-size:.75rem;font-weight:800}.achievement-editor-wide{grid-column:1/-1}.achievement-editor-check{align-items:center;gap:8px;padding-top:18px}.achievement-tier-editor{display:grid;gap:10px}.achievement-tier-editor>label{margin:0 16px}.achievement-tier-editor .account-action-actions{margin-top:4px}@media(max-width:1050px){.achievement-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-admin-grid{grid-template-columns:1fr}.achievement-admin-toolbar{grid-template-columns:1fr 1fr}.achievement-admin-toolbar input{grid-column:1/-1}}@media(max-width:680px){.achievement-admin-metrics{grid-template-columns:1fr 1fr}.achievement-admin-toolbar{grid-template-columns:1fr}.achievement-admin-toolbar input{grid-column:auto}.achievement-admin-table th:nth-child(2),.achievement-admin-table td:nth-child(2),.achievement-admin-table th:nth-child(5),.achievement-admin-table td:nth-child(5){display:none}} .account-action-modal{overscroll-behavior:contain} .account-action-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .account-action-head>span{min-width:0;display:grid;gap:4px} .account-action-head small{color:var(--admin-gold);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .account-action-head h2{margin:0;font-size:1.25rem;line-height:1.15} .account-action-head p{max-width:640px;margin:3px 0 0;color:#8292a9;font-size:.75rem;line-height:1.5} .account-action-head>button{flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #435068;border-radius:7px;background:#222a39;color:#c7d0dc;font-size:1.0625rem;line-height:1;cursor:pointer} .account-action-head>button:hover{border-color:#a67729;color:#fff;background:#293243} .account-action-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px 16px;border-top:1px solid rgba(58,70,94,.7)} .achievement-editor-card,.achievement-tier-editor{padding:0!important;max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:12px!important;background:#20283a!important} .achievement-editor-card .account-action-head,.achievement-tier-editor .account-action-head{padding:17px 18px 14px;border-bottom:1px solid rgba(58,70,94,.72);background:#232c3e} .achievement-editor-card{width:min(720px,calc(100vw - 28px))} .achievement-editor-grid{gap:10px 12px;padding:14px 18px 16px} .achievement-editor-grid label,.achievement-tier-editor>label{margin:0!important;gap:5px!important} .achievement-editor-card input,.achievement-editor-card select,.achievement-tier-editor input,.achievement-tier-editor select{min-height:38px;height:38px;padding:0 10px} .achievement-editor-card textarea{min-height:76px;max-height:140px;padding:9px 10px;resize:vertical} .achievement-editor-check{min-height:38px;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start;gap:8px!important;border:1px solid #39465d;border-radius:6px;background:#1d2535} .achievement-editor-check input{flex:0 0 auto!important;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:#d89723} .achievement-editor-check span{font-size:.75rem!important;color:#b9c5d5!important} .achievement-tier-editor{width:min(440px,calc(100vw - 28px));gap:9px!important} .achievement-tier-editor>label{margin-left:18px!important;margin-right:18px!important} .achievement-tier-editor>label:first-of-type{margin-top:14px!important} .achievement-tier-editor>.achievement-editor-check{margin:2px 18px 4px!important} .achievement-tier-editor .account-action-actions{margin-top:2px!important} @media(max-width:680px){.achievement-editor-card,.achievement-tier-editor{max-height:calc(100dvh - 18px);width:calc(100vw - 16px)!important}.achievement-editor-grid{grid-template-columns:1fr;padding:12px}.achievement-editor-wide{grid-column:auto}.account-action-actions{padding:11px 12px 14px}.account-action-head h2{font-size:1.125rem}} .achievement-manual-reward-note{margin:12px 12px 0;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(83,199,154,.26);border-radius:8px;background:linear-gradient(145deg,rgba(42,120,91,.08),rgba(32,42,58,.42))}.achievement-manual-reward-note>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(83,199,154,.35);border-radius:8px;color:#70d6ae;background:rgba(83,199,154,.08);font-weight:900}.achievement-manual-reward-note>div{display:grid;gap:3px}.achievement-manual-reward-note b{font-size:.75rem;color:#dcebe5}.achievement-manual-reward-note small{font-size:.75rem;color:#7f92a8}.achievement-reward-editor{width:min(520px,calc(100vw - 28px))!important}.achievement-reward-item-editor{margin:2px 18px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:9px;border:1px solid #3a475e;border-radius:8px;background:#1b2332}.achievement-reward-item-editor.is-hidden{display:none}.achievement-reward-item-editor label{display:grid;gap:5px}.achievement-reward-item-editor label>span{color:#93a3b8;font-size:.75rem;font-weight:800}.achievement-reward-item-editor input{width:100%;min-height:38px;height:38px;padding:0 10px;border:1px solid #3c4961;border-radius:6px;background:#171f2d;color:#eef2f8;font:inherit;font-size:.75rem;outline:none}.achievement-reward-item-editor input:focus{border-color:#b57d20}.achievement-reward-item-results{grid-column:1/-1;display:grid;gap:5px;max-height:190px;overflow:auto}.achievement-reward-item-results>span{padding:7px 8px;color:#788ba5;font-size:.75rem}.achievement-reward-item-results button{display:grid;gap:2px;padding:8px 9px;border:1px solid #35435b;border-radius:6px;background:#202a3a;color:#dbe3ef;text-align:left;cursor:pointer}.achievement-reward-item-results button:hover{border-color:#9d732c;background:#273144}.achievement-reward-item-results b{font-size:.75rem}.achievement-reward-item-results small{font-size:.75rem;color:#7d8fa9}.achievement-reward-item-selected{grid-column:1/-1;padding:9px 10px;display:grid;gap:2px;border:1px solid rgba(232,177,62,.3);border-radius:7px;background:rgba(232,177,62,.05)}.achievement-reward-item-selected.is-hidden{display:none}.achievement-reward-item-selected b{font-size:.75rem;color:#f0d493}.achievement-reward-item-selected small{font-size:.75rem;color:#7f91aa}@media(max-width:600px){.achievement-reward-item-editor{grid-template-columns:1fr}} .achievement-pagination{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 14px;border-top:1px solid rgba(54,68,91,.72);background:rgba(17,25,39,.28);color:#7f90a8;font-size:.75rem}.achievement-pagination>span{margin-right:auto}.achievement-pagination label{display:flex;align-items:center;gap:7px;color:#7f90a8}.achievement-pagination select{height:30px;min-width:58px;border:1px solid #3b4961;border-radius:6px;background:#1d2535;color:#dce5f2;padding:0 7px;font:inherit}.achievement-pagination>em{font-style:normal;color:#71849f}.achievement-pagination>div{display:flex;align-items:center;gap:5px}.achievement-pagination button{min-width:30px;height:30px;padding:0 7px;border:1px solid #3a4860;border-radius:6px;background:#20283a;color:#9cafc7;font-size:.75rem;font-weight:900;cursor:pointer}.achievement-pagination button:hover:not(:disabled){border-color:#a87322;color:#fff}.achievement-pagination button.is-active{border-color:#c68a25;background:rgba(218,151,35,.13);color:#f1bd5a}.achievement-pagination button:disabled{opacity:.35;cursor:not-allowed}.achievement-pagination.compact{min-height:44px} .achievement-reward-availability{margin:2px 16px 4px!important;min-height:58px;padding:9px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px;border:1px solid #39465d;border-radius:8px;background:linear-gradient(135deg,#1d2535,#20293a)}.achievement-reward-availability>span:first-child{display:grid;gap:3px;min-width:0}.achievement-reward-availability>span:first-child b{color:#dfe7f2;font-size:.75rem}.achievement-reward-availability>span:first-child small{color:#788aa4;font-size:.75rem;line-height:1.4}.achievement-reward-availability .switch-control{flex:0 0 auto}.achievement-reward-availability .switch-control>b{min-width:58px;color:#7e8ca1;font-size:.75rem}.achievement-reward-availability .switch-control>b.is-on{color:#5bdbb8} .character-core-mutation{margin:12px 0;border:1px solid var(--rf-line);border-radius:10px;background:var(--rf-surface);overflow:hidden;box-shadow:none}.character-core-simple{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(220px,.8fr) minmax(220px,.8fr);gap:10px;padding:12px}.character-core-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.character-core-action input{width:100%;height:38px;min-width:0;border:1px solid var(--rf-line-strong);border-radius:7px;background:var(--rf-input);color:var(--rf-text);padding:0 10px;outline:none;font:inherit;font-size:.75rem}.character-core-action input:focus{border-color:color-mix(in srgb,var(--rf-accent) 64%,var(--rf-line));box-shadow:0 0 0 2px color-mix(in srgb,var(--rf-accent) 12%,transparent)}.character-core-action input:disabled{opacity:.58;cursor:not-allowed}.character-core-action .admin-button{min-height:38px;height:38px;white-space:nowrap}@media(max-width:1100px){.character-core-simple{grid-template-columns:1fr}.character-core-action{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:620px){.character-core-action{grid-template-columns:1fr}.character-core-action .admin-button{width:100%}} .navigation-builder-heading>span p{max-width:840px}.navigation-builder-layout{display:grid;align-items:start}.navigation-builder-workspace{min-width:0;overflow:visible}.navigation-builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(54,69,93,.7)}.navigation-builder-toolbar>span{display:grid;gap:3px}.navigation-builder-toolbar small,.navigation-preview-head small{color:#c38b2e;font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.navigation-builder-toolbar h2,.navigation-preview-head h2{margin:0;color:#eef2f7;}.navigation-builder-toolbar p,.navigation-preview-head p{margin:0;color:#768aa5;line-height:1.45}.navigation-builder-toolbar .admin-button{white-space:nowrap}.navigation-builder-toolbar .ui-icon{width:14px;height:14px} .navigation-builder-categories{display:grid;}.navigation-builder-category{border:1px solid #35445c;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.navigation-builder-category.is-drop-target{border-color:#bd8429;box-shadow:0 0 0 2px rgba(189,132,41,.10)}.navigation-builder-category.is-drag-source{opacity:.62;transform:scale(.995)}.navigation-builder-category-head{display:grid;align-items:center;border-bottom:1px solid rgba(56,71,96,.7);}.navigation-category-copy{display:grid;min-width:0}.navigation-category-copy small{font-weight:850;text-transform:uppercase}.navigation-category-copy b{overflow:hidden;text-overflow:ellipsis;color:#e9eef5;white-space:nowrap}.navigation-category-copy em{font-style:normal}.navigation-category-actions{display:flex;align-items:center;}.navigation-category-actions .switch-control{transform:scale(.86);transform-origin:right center}.navigation-icon-action{display:grid;place-items:center;padding:0;border:1px solid #3e4b62;color:#9aabc1;cursor:pointer}.navigation-icon-action .ui-icon{width:14px;height:14px}.navigation-icon-action:hover:not(:disabled){border-color:#9e732c;color:#fff}.navigation-icon-action.danger:hover:not(:disabled){border-color:#a64b52;color:#ff9ea5}.navigation-icon-action:disabled{opacity:.28;cursor:not-allowed} .navigation-drag-handle{display:grid;place-items:center;padding:0;border:1px solid #3d4a61;cursor:grab;touch-action:none}.navigation-drag-handle:active{cursor:grabbing}.navigation-grip{background:radial-gradient(circle,#91a0b4 1.4px,transparent 1.7px) 0 0/7px 7px}.navigation-builder-items{display:grid;}.navigation-builder-item{display:grid;align-items:center;border:1px solid #344158;transition:border-color .15s,background .15s}.navigation-builder-item.is-drop-target{border-color:#c08a31;background:#252e3e}.navigation-builder-item.is-drag-source{opacity:.55}.navigation-item-icon{display:grid;place-items:center;border:1px solid #3c4a62;color:#d6a544}.navigation-item-copy{display:grid;min-width:0}.navigation-item-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-item-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-audience-pill{border:1px solid #3d4b62;border-radius:999px;font-style:normal;white-space:nowrap}.navigation-audience-pill.admin{border-color:rgba(210,154,46,.36);color:#d2a24c}.navigation-audience-pill.guest{border-color:rgba(106,129,164,.36);color:#8ca2c1}.navigation-system-badge{display:inline-flex;align-items:center;gap:4px;}.navigation-system-badge .ui-icon{width:10px;height:10px}.navigation-builder-add-item{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #43516a;border-radius:8px;color:#899bb3;font-weight:850;cursor:pointer}.navigation-builder-add-item:hover{border-color:#a4762d;color:#e9edf4}.navigation-builder-add-item .ui-icon{width:12px;height:12px}.navigation-builder-empty{margin:12px;padding:28px;border:1px solid #46546d;border-radius:9px;color:#8192a8;text-align:center;font-size:.75rem}.navigation-builder-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(54,68,91,.72)}.navigation-builder-footer>span{font-size:.75rem;color:#74869e}.navigation-builder-footer>span.dirty{color:#e7b457} .navigation-preview-panel{position:sticky;overflow:hidden}.navigation-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(55,69,92,.72)}.navigation-preview-head>span:first-child{display:grid;gap:3px}.navigation-preview-shell{border:1px solid #3b4961;overflow:hidden}.navigation-preview-brand{display:flex;align-items:center;gap:9px;border-bottom:1px solid #344158}.navigation-preview-brand>span:last-child{display:grid;gap:1px}.navigation-preview-brand b{font-size:.75rem;letter-spacing:.08em}.navigation-preview-brand small{font-size:.75rem;color:#778ba5}.navigation-preview-list{display:grid;}.navigation-preview-category{font-weight:900;text-transform:uppercase}.navigation-preview-item{display:flex;align-items:center;gap:9px;}.navigation-preview-item.external b{margin-left:auto;}.navigation-preview-item.external b .ui-icon{width:10px;height:10px}.navigation-preview-foot{display:flex;align-items:center;gap:8px;border-top:1px solid #344158;font-size:.75rem}.navigation-preview-foot .ui-icon{width:12px;height:12px}.navigation-editor-modal{position:fixed;z-index:1500;inset:0;display:grid;place-items:center;padding:18px}.navigation-editor-modal.is-hidden{display:none!important}.navigation-editor-backdrop{position:absolute;z-index:0;inset:0;border:0;background:rgba(6,10,17,.75);backdrop-filter:blur(5px)}.navigation-editor-card{position:relative;z-index:1;width:min(700px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #45536b;border-radius:12px;background:#20283a;box-shadow:0 24px 80px rgba(0,0,0,.46)}.navigation-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 17px 13px;border-bottom:1px solid #38465d;background:#242e40}.navigation-editor-head>span{display:grid;gap:3px}.navigation-editor-head small{color:#ce9430;font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.navigation-editor-head h2{margin:0;font-size:1.0625rem;color:#eef2f7}.navigation-editor-head p{margin:0;color:#788aa3;font-size:.75rem}.navigation-editor-head>button{width:30px;height:30px;border:1px solid #425068;border-radius:7px;background:#1e2737;color:#aeb9c8;font-size:1.125rem;cursor:pointer}.navigation-editor-body{display:grid;gap:13px;padding:14px 17px}.navigation-editor-category-fields,.navigation-editor-item-fields{display:grid;gap:12px}.navigation-editor-body label{display:grid;gap:5px}.navigation-editor-body label>span:first-child{color:#91a1b7;font-size:.75rem;font-weight:850}.navigation-editor-body input,.navigation-editor-body select{width:100%;min-height:39px;height:39px;border:1px solid #3e4c64;border-radius:7px;background:#1d2535;color:#e5ebf3;padding:0 10px;font:inherit;font-size:.75rem;outline:none}.navigation-editor-body input:focus,.navigation-editor-body select:focus{border-color:#b77d24;box-shadow:0 0 0 3px rgba(183,125,36,.07)}.navigation-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.navigation-editor-wide{grid-column:1/-1}.navigation-editor-switch{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px;padding:10px 11px;border:1px solid #39475e;border-radius:8px;background:#1c2534}.navigation-editor-switch>span:first-child{display:grid;gap:2px}.navigation-editor-switch b{font-size:.75rem;color:#dbe3ed}.navigation-editor-switch small{font-size:.75rem;color:#71849d;font-weight:400}.navigation-icon-section{display:grid;gap:9px;padding-top:3px}.navigation-icon-section>span{display:grid;gap:2px}.navigation-icon-section>span b{font-size:.75rem;color:#dbe3ed}.navigation-icon-section>span small{font-size:.75rem;color:#71849d}.navigation-icon-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.navigation-icon-picker button{display:grid;place-items:center;min-height:40px;border:1px solid #39475e;border-radius:7px;background:#1b2433;color:#8295ae;cursor:pointer}.navigation-icon-picker button:hover{border-color:#745c34;color:#d9e1ed}.navigation-icon-picker button.is-active{border-color:#c28a2e;background:rgba(194,138,46,.10);color:#e2b45d;box-shadow:inset 0 0 0 1px rgba(194,138,46,.13)}.navigation-icon-picker .ui-icon{width:16px;height:16px}.navigation-icon-preview{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 11px;border:1px solid #3c4960;border-radius:8px;background:#1b2433;color:#dce4ef;font-size:.75rem}.navigation-icon-preview .ui-icon{width:16px;height:16px;color:#d4a345}.navigation-system-note{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid rgba(82,200,159,.25);border-radius:8px;background:rgba(52,132,103,.06)}.navigation-system-note>.ui-icon{width:15px;height:15px;color:#62d2ac}.navigation-system-note>span{display:grid;gap:2px}.navigation-system-note b{font-size:.75rem;color:#c8e5da}.navigation-system-note small{font-size:.75rem;color:#758aa2;line-height:1.45}.navigation-editor-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 17px 15px;border-top:1px solid #38455c}.navigation-dragging{user-select:none;cursor:grabbing!important}.navigation-dragging *{cursor:grabbing!important} @media(max-width:1120px){.navigation-preview-panel{position:relative;top:auto}.navigation-icon-picker{grid-template-columns:repeat(10,minmax(0,1fr))}} @media(max-width:760px){.navigation-builder-toolbar{align-items:flex-start;flex-direction:column}.navigation-builder-toolbar .admin-button{width:100%}.navigation-builder-item>.switch-control{grid-column:3}.navigation-builder-item>.navigation-icon-action{grid-row:2}.navigation-editor-grid{grid-template-columns:1fr}.navigation-editor-wide{grid-column:auto}.navigation-icon-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.navigation-builder-footer{align-items:stretch;flex-direction:column}.navigation-builder-footer .admin-button{width:100%}} .navigation-builder-view{max-width:1600px} .navigation-builder-layout{grid-template-columns:minmax(0,1.78fr) minmax(330px,.72fr);gap:16px} .navigation-builder-workspace,.navigation-preview-panel{border-color:#39475f!important;background:#222c3e!important} .navigation-builder-toolbar{padding:15px 16px 13px;background:linear-gradient(180deg,rgba(43,54,75,.48),rgba(36,46,64,.12))} .navigation-builder-toolbar h2,.navigation-preview-head h2{font-size:.875rem;letter-spacing:-.01em} .navigation-builder-toolbar p,.navigation-preview-head p{font-size:.75rem;max-width:680px} .navigation-builder-categories{gap:12px;padding:13px} .navigation-builder-category{position:relative;border-color:#3b4961;border-radius:11px;background:#1d2636;box-shadow:inset 3px 0 0 rgba(194,138,46,.30)} .navigation-builder-category:hover{border-color:#46566f} .navigation-builder-category-head{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:58px;padding:9px 10px 9px 9px;border-bottom-color:#344159;background:#252f42} .navigation-category-copy{gap:1px} .navigation-category-copy small{color:#c89339;font-size:.75rem;letter-spacing:.12em} .navigation-category-copy b{font-size:.75rem;letter-spacing:.005em} .navigation-category-copy em{font-size:.75rem;color:#8292a8} .navigation-category-actions{gap:6px;padding-left:10px;border-left:1px solid rgba(74,88,113,.45)} .navigation-drag-handle{width:34px;height:34px;border-color:#414f67;border-radius:8px;background:#1a2230} .navigation-drag-handle:hover{border-color:#5b6b84;background:#202a3a} .navigation-grip{width:14px;height:16px;background-size:6px 6px;opacity:.62} .navigation-icon-action{width:30px;height:30px;border-color:#414f67;border-radius:7px;background:#1e2737} .navigation-icon-action:hover:not(:disabled){background:#293348} .navigation-icon-action.danger{color:#7e8da1} .navigation-icon-action.danger:hover:not(:disabled){background:rgba(166,75,82,.08)} .navigation-builder-items{gap:5px;padding:8px 8px 7px} .navigation-builder-item{grid-template-columns:34px 32px minmax(160px,1fr) auto auto;gap:8px;min-height:48px;padding:5px 7px;border-color:#344159;border-radius:8px;background:#1b2433;box-shadow:none} .navigation-builder-item:hover{border-color:#4b5a73;background:#202a3a} .navigation-builder-item.is-drop-target{box-shadow:inset 3px 0 0 #c08a31} .navigation-item-icon{width:30px;height:30px;border-color:#3d4b63;border-radius:7px;background:#222c3d} .navigation-item-icon .ui-icon{width:14px;height:14px} .navigation-item-copy{gap:1px} .navigation-item-copy b{font-size:.75rem;color:#e0e6ef} .navigation-item-copy small{font-size:.75rem;color:#788ba5} .navigation-system-badge{color:#70d8b6!important} .navigation-audience-pill{padding:3px 7px;border-color:#3b4961;background:rgba(29,38,54,.45);font-size:.75rem;color:#8c9bb0} .navigation-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:116px;padding-left:9px;border-left:1px solid rgba(67,81,104,.42)} .navigation-item-actions .switch-control{transform:scale(.82);transform-origin:right center;margin-right:1px} .navigation-item-actions .navigation-icon-action{opacity:.78;transition:opacity .15s,border-color .15s,background .15s,color .15s} .navigation-builder-item:hover .navigation-item-actions .navigation-icon-action{opacity:1} .navigation-builder-add-item{width:calc(100% - 16px);height:38px;min-height:38px;margin:8px 8px 10px;padding:0 12px;border-color:#435169;background:#1b2433;font-size:.75rem;line-height:1} .navigation-builder-add-item:hover{background:#222c3c} .navigation-builder-footer{padding:10px 13px;background:transparent} .navigation-preview-panel{top:82px} .navigation-preview-head{padding:14px 14px 12px;background:linear-gradient(180deg,rgba(43,54,75,.48),rgba(36,46,64,.12))} .navigation-preview-shell{margin:12px;border-color:#3d4b63;border-radius:10px;background:linear-gradient(180deg,#1b2535,#182130);box-shadow:0 12px 30px rgba(9,14,23,.16)} .navigation-preview-brand{padding:12px;border-bottom-color:#354158} .navigation-preview-list{gap:2px;padding:10px 8px 12px} .navigation-preview-category{margin-top:4px;padding:9px 8px 4px;color:#687b95;font-size:.75rem;letter-spacing:.15em} .navigation-preview-item{position:relative;min-height:36px;padding:0 9px;border:1px solid transparent;border-radius:8px;color:#9ca9bd;font-size:.75rem;font-weight:720} .navigation-preview-item .ui-icon{width:13px;height:13px;color:#8191a8} .navigation-preview-item.system{border-color:#59657b;background:#30394f;color:#fff;box-shadow:none} .navigation-preview-item.system .ui-icon{color:#9cafc7} .navigation-preview-item.external b{color:#7d8da5} .navigation-preview-foot{padding:11px 12px;border-top-color:#354158;color:#7789a2} @media(max-width:1120px){.navigation-builder-layout{grid-template-columns:1fr}.navigation-preview-shell{max-width:430px}} @media(max-width:760px){ .navigation-builder-category-head{grid-template-columns:34px minmax(0,1fr)} .navigation-category-actions{grid-column:1/-1;justify-content:flex-end;padding:7px 0 0;border-left:0;border-top:1px solid rgba(67,81,104,.38)} .navigation-builder-item{grid-template-columns:32px 30px minmax(0,1fr);gap:7px;padding:6px} .navigation-audience-pill{grid-column:3;justify-self:start;display:inline-flex} .navigation-item-actions{grid-column:1/-1;justify-content:flex-end;min-width:0;padding:6px 0 0;border-left:0;border-top:1px solid rgba(67,81,104,.34)} .navigation-item-actions .switch-control{margin-right:auto} } .admin-top-links{min-width:0;max-width:min(46vw,720px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}.admin-top-links::-webkit-scrollbar{display:none}.admin-top-links a{flex:0 0 auto} .navigation-menu-tabs{display:flex;align-items:stretch;gap:8px;margin:0 0 12px;padding:5px;border:1px solid #37455d;border-radius:11px;background:#1d2636}.navigation-menu-tabs button{display:flex;align-items:center;gap:9px;min-width:190px;min-height:48px;padding:7px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8999ae;text-align:left;cursor:pointer}.navigation-menu-tabs button:hover{background:#242f42;color:#d9e1ec}.navigation-menu-tabs button.is-active{border-color:rgba(255,177,27,.28);border-bottom-color:#ffb11b;background:rgba(255,177,27,.045);color:#eef2f7;box-shadow:inset 0 -2px 0 #ffb11b}.navigation-menu-tabs .ui-icon{width:16px;height:16px;color:#8fa0b7}.navigation-menu-tabs button>span{display:grid;gap:2px}.navigation-menu-tabs b{font-size:.75rem}.navigation-menu-tabs small{font-size:.75rem;color:#71839b}.navigation-menu-tabs button.is-active small{color:#9aa8bb} .navigation-builder-top{box-shadow:none;border-color:#3b4961;background:#1d2636}.navigation-builder-top .navigation-builder-items{padding:10px}.navigation-builder-top .navigation-builder-item{grid-template-columns:34px 32px minmax(190px,1fr) auto}.navigation-builder-top .navigation-item-copy small{max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-builder-top-empty{padding:28px 14px;text-align:center;color:#788ba4;font-size:.75rem}.navigation-preview-list.is-top-navigation{display:block;padding:0}.navigation-preview-topbar{display:flex;align-items:center;gap:17px;min-height:48px;padding:0 13px;overflow:hidden;white-space:nowrap;background:#202a3a}.navigation-preview-top-link{display:inline-flex;align-items:center;gap:4px;color:#aeb9ca;font-size:.75rem;font-weight:760}.navigation-preview-top-link:first-child{color:#e1e6ed}.navigation-preview-top-link .ui-icon{width:8px;height:8px;color:#77889f}.navigation-preview-top-empty{color:#76879e;font-size:.75rem}.navigation-preview-list.is-top-navigation+.navigation-preview-foot{display:none} /* Coupon batch generation/export and cleanup controls. */ .coupon-primary-fields label>small{color:#74839d;font-size:.72rem;line-height:1.35} .coupon-batch-export{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #3a4862;border-radius:11px;background:transparent} .coupon-batch-export>span{display:grid;gap:3px}.coupon-batch-export small{color:var(--admin-gold);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.coupon-batch-export b{color:#eaf0f8;font-size:.78rem}.coupon-batch-export>div{display:flex;gap:8px;flex-wrap:wrap} .coupon-admin-select{display:grid;width:26px;height:26px;place-items:center;align-self:center}.coupon-admin-select input,.coupon-select-page input{width:18px;height:18px;accent-color:var(--rf-accent);cursor:pointer} .coupon-admin-list-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.coupon-select-page{display:flex;align-items:center;gap:7px;color:#91a0b8;font-size:.75rem;white-space:nowrap}.coupon-delete-all{color:#ff9da3!important;border-color:rgba(255,112,122,.34)!important} .coupon-catalog-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.7fr) minmax(180px,.85fr) minmax(220px,1fr) auto;gap:10px;align-items:end;padding:12px;border-bottom:1px solid rgba(48,60,85,.6)} .coupon-catalog-filters label{display:grid;gap:6px;min-width:0}.coupon-catalog-filters label>span{color:#7d8da8;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.coupon-catalog-filters input,.coupon-catalog-filters select{width:100%;height:40px;border:1px solid #354763;border-radius:8px;background:#111827;color:#e8eef7;padding:0 11px;outline:none;font:inherit;font-size:.75rem}.coupon-catalog-filters input:focus,.coupon-catalog-filters select:focus{border-color:#486791;box-shadow:0 0 0 3px rgba(74,111,159,.12)}.coupon-filter-reset{height:40px;white-space:nowrap} .coupon-admin-list-head{align-items:center}.coupon-admin-cleanup{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.coupon-admin-cleanup>em{margin-left:4px;font-style:normal;color:#8190a9;font-size:.75rem} .coupon-admin-card-actions{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:7px;min-width:210px}.coupon-admin-card-actions .admin-button{min-width:0;width:100%;white-space:nowrap}.coupon-admin-delete{color:#ff9da3!important;border-color:rgba(255,112,122,.34)!important} @media(max-width:1100px){.coupon-admin-card{grid-template-columns:auto minmax(0,1fr)}.coupon-admin-card-actions{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}} @media(max-width:1100px){.coupon-catalog-filters{grid-template-columns:1fr 1fr}.coupon-filter-reset{width:100%}} @media(max-width:700px){.coupon-batch-export{align-items:stretch;flex-direction:column}.coupon-catalog-filters{grid-template-columns:1fr}.coupon-batch-export>div{display:grid;grid-template-columns:1fr 1fr}.coupon-admin-list-head{align-items:flex-start}.coupon-admin-list-controls{align-items:flex-start;justify-content:flex-start}.coupon-admin-cleanup{justify-content:flex-start}.coupon-admin-cleanup .admin-button{width:100%}.coupon-admin-card-actions{grid-template-columns:1fr 1fr}} .coupon-admin-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px 14px}.coupon-admin-pager>span{min-width:180px;color:#8190a9;font-size:.75rem;text-align:center}.coupon-admin-pager .admin-button{min-width:112px} @media(max-width:700px){.coupon-admin-pager{display:grid;grid-template-columns:1fr auto 1fr}.coupon-admin-pager .admin-button{min-width:0;width:100%}.coupon-admin-pager>span{min-width:0}} .navigation-builder-toolbar>#navigationAddTopItem{margin-left:auto}.navigation-builder-toolbar>#navigationAddTopItem.is-hidden{display:none} @media(max-width:760px){.navigation-menu-tabs{display:grid;grid-template-columns:1fr 1fr}.navigation-menu-tabs button{min-width:0}.navigation-builder-top .navigation-builder-item{grid-template-columns:32px 30px minmax(0,1fr)}.navigation-builder-toolbar>#navigationAddTopItem{margin-left:0}.navigation-preview-topbar{gap:12px;overflow-x:auto}} .admin-qol-targets { display: grid; gap: 10px; padding: 12px 14px; margin-bottom: 14px;} .admin-qol-targets-accounts { grid-template-columns: minmax(0, 1fr); } .admin-qol-target-group { display: grid; grid-template-columns: minmax(150px, 210px) minmax(0, 1fr); align-items: center; gap: 14px;} .admin-qol-target-group > span { display: grid; gap: 2px; } .admin-qol-target-group > span small { color: var(--rf-muted); text-transform: uppercase; font-size: .75rem; letter-spacing: .08em; } .admin-qol-target-group > span b { color: var(--rf-text); font-size: .8125rem; } .admin-qol-chips { display: flex; flex-wrap: wrap; gap: 7px; min-width: 0; } .admin-qol-chips > em { color: var(--rf-muted); font-style: normal; font-size: .75rem; } .admin-qol-chip { display: grid; gap: 1px; min-width: 128px; max-width: 230px; padding: 7px 10px; border: 1px solid var(--rf-line); border-radius: 9px; background: var(--rf-surface); color: var(--rf-text); box-shadow: none; text-align: left; cursor: pointer;} .admin-qol-chip:hover { border-color: var(--rf-line-strong); background: color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface)); } .admin-qol-chip b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--rf-text); font-size: .75rem; } .admin-qol-chip small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--rf-muted); font-size: .75rem; } .admin-button.is-favorite { border-color: rgba(245, 174, 45, .48); color: #ffc45d; background: rgba(245, 174, 45, .10); } .character-entity-audit { padding: 0 16px 14px;} .character-entity-audit .character-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0 10px;} .character-entity-audit .character-section-head > span { min-width: 0; } .character-entity-audit .character-section-head .admin-button.compact { flex: 0 0 auto; min-height: 30px; padding: 0 11px;} .character-entity-audit{overflow:hidden} .character-entity-audit .admin-entity-audit-list { min-height: 42px; padding: 8px 16px 14px;} .character-entity-audit .admin-entity-audit-empty { box-sizing: border-box; margin: 0; padding: 10px 12px; border: 1px solid rgba(143, 162, 196, .12); border-radius: 9px; background: rgba(10, 19, 34, .22); line-height: 1.45;} .admin-entity-audit-list { display: grid; gap: 8px; } .admin-entity-audit-row { display: grid; gap: 5px; padding: 10px 12px; border: 1px solid rgba(143, 162, 196, .14); border-radius: 10px; background: rgba(10, 19, 34, .28);} .admin-entity-audit-row > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } .admin-entity-audit-row b { color: #e8edf6; font-size: .75rem; } .admin-entity-audit-row time, .admin-entity-audit-row small, .admin-entity-audit-row em { color: #8c99ae; font-size: .75rem; font-style: normal; overflow-wrap: anywhere; } .admin-entity-audit-row p { margin: 0; color: #c4cddd; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .75rem; overflow-wrap: anywhere; } .admin-entity-audit-empty { margin: 0; color: #8996ad; font-size: .75rem; } .admin-entity-audit-empty.error { color: #e99797; } .admin-qol-skeleton { position: relative; overflow: hidden; min-height: 38px; padding: 11px; border-radius: 9px; color: #8c99ae; background: rgba(143,162,196,.06); } .admin-qol-skeleton::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent); animation: adminQolShimmer 1.15s infinite;} @keyframes adminQolShimmer { to { transform: translateX(100%); } } @media(max-width:820px){.character-entity-audit .admin-entity-audit-list{padding:8px 12px 12px}} @media(max-width:620px) { .character-entity-audit { padding: 0 12px 12px; } .character-entity-audit .character-section-head { align-items: flex-start; padding: 12px 0 9px; }} .admin-request-retry { position: fixed; z-index: 1200; right: 18px; bottom: 72px; display: flex; align-items: center; gap: 10px; max-width: min(560px, calc(100vw - 36px)); padding: 9px 10px 9px 13px; border: 1px solid rgba(230, 126, 126, .35); border-radius: 10px; background: rgba(22, 31, 49, .97); box-shadow: 0 12px 32px rgba(0,0,0,.28); color: #dce4f1; font-size: .75rem;} .admin-request-retry.is-hidden { display: none; } .admin-request-retry > span { min-width: 0; overflow-wrap: anywhere; } @media (max-width: 760px) { .admin-qol-target-group { grid-template-columns: 1fr; gap: 7px; } .admin-qol-chip { min-width: min(150px, 100%); flex: 1 1 150px; } .admin-request-retry { left: 10px; right: 10px; bottom: 68px; max-width: none; }} #rankingsView .settings-grid{padding:10px 18px 16px!important} #rankingsView .setting-row{padding:12px 12px!important;border:1px solid rgba(74,85,107,.36)!important;border-radius:7px!important;background:transparent!important;margin-top:7px!important} #rankingsView .setting-row>span:first-child{padding-left:2px!important} #rankingsView .setting-row b{line-height:1.35!important} #rankingsView .setting-row small{display:block!important;margin-top:4px!important;line-height:1.45!important} .module-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important} .module-summary-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:74px!important;padding:12px 12px 12px 14px!important} .module-summary-item>div{min-width:0!important} .module-summary-item small{line-height:1.4!important} .module-summary-toggle{flex:0 0 auto;min-width:78px;min-height:30px;padding:0 9px;border:1px solid #40506a;border-radius:7px;background:#202a3b;color:#c6d0de;font-size:.75rem;font-weight:900;cursor:pointer} .module-summary-toggle.is-on{border-color:rgba(76,229,189,.34);color:#79dfc0;background:rgba(55,165,132,.09)} .module-summary-toggle.is-off{border-color:rgba(245,177,27,.34);color:#f2bd59;background:rgba(197,126,13,.08)} .module-summary-toggle:hover{border-color:#9aa9bc;color:#fff} @media(max-width:1180px){.module-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:680px){.module-summary{grid-template-columns:1fr!important}.module-summary-item{min-height:68px!important}} .navigation-new-category-button{ width:auto!important; min-width:0!important; min-height:36px!important; height:36px; padding:0 13px!important; display:inline-flex!important; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; border-radius:8px!important; white-space:nowrap;} .navigation-new-category-button .ui-icon{width:13px!important;height:13px!important;flex:0 0 auto} .navigation-new-category-button span{display:inline!important;line-height:1!important} .navigation-preview-category.collapsible{ min-height:27px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 8px 5px; border-radius:6px; background:rgba(46,58,79,.24); color:#8192a9;} .navigation-preview-disclosure{ width:7px; height:7px; flex:0 0 auto; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .15s ease;} .navigation-preview-category.collapsible.is-open .navigation-preview-disclosure{transform:rotate(45deg)} .navigation-preview-category.collapsible.is-closed{color:#6f8098;background:rgba(39,49,68,.22)} #navigationCategoryDefaultExpandedField.is-hidden{display:none!important} @media(max-width:760px){ .navigation-new-category-button{width:100%!important;height:38px}} .admin-intent-progress{position:fixed;z-index:1500;left:0;right:0;top:0;height:2px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .14s ease} .admin-intent-progress.is-active{opacity:1}.admin-intent-progress i{display:block;width:34%;height:100%;background:linear-gradient(90deg,rgba(245,174,45,0),#f5ae2d,rgba(245,174,45,0));animation:adminIntentLoading .82s linear infinite} @keyframes adminIntentLoading{from{transform:translateX(-110%)}to{transform:translateX(330%)}} .admin-saved-filter-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:10px 0 4px;padding:10px 12px;border:1px solid rgba(203,166,94,.18);border-radius:12px;background:rgba(21,27,39,.54)} .admin-saved-filter-row>span{display:flex;flex-direction:column;gap:2px;min-width:128px}.admin-saved-filter-row>span small{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--admin-muted,#8993a8)}.admin-saved-filter-row>span b{font-size:.75rem;color:#e7eaf0} .admin-saved-filter-chips{display:flex;flex-wrap:wrap;gap:7px}.admin-saved-filter-chips>em{font-size:.75rem;color:var(--admin-muted,#8993a8);font-style:normal} .admin-saved-filter-chip{display:inline-flex;align-items:stretch;max-width:220px;border:1px solid rgba(203,166,94,.24);border-radius:999px;overflow:hidden;background:rgba(203,166,94,.07)}.admin-saved-filter-chip button{border:0;background:transparent;color:#dfe4ee;cursor:pointer}.admin-saved-filter-apply{padding:6px 9px 6px 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.admin-saved-filter-remove{width:27px;padding:0;color:#b3b9c6!important;border-left:1px solid rgba(203,166,94,.18)!important}.admin-saved-filter-chip:hover{border-color:rgba(222,185,109,.46);background:rgba(203,166,94,.11)} .admin-table-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px;padding:8px 10px;border:1px solid var(--rf-line);border-radius:10px;background:var(--rf-surface-raised)}.admin-table-pager.is-empty{display:none}.admin-table-pager-nav,.admin-table-pager-controls,.admin-table-pager-size{display:flex;align-items:center;min-height:34px}.admin-table-pager-nav{gap:10px}.admin-table-pager-controls{gap:5px}.admin-table-pager-controls button{width:34px;height:34px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface);color:var(--rf-text)}.admin-table-pager-controls button:disabled{opacity:.32}.admin-table-pager-controls b{display:flex;align-items:center;justify-content:center;min-width:112px;height:34px;text-align:center;font-size:.75rem}.admin-table-pager-size{gap:8px;padding-left:12px;border-left:1px solid var(--rf-line);color:var(--rf-muted)}.admin-table-pager-size>span{display:flex;align-items:center;height:34px;white-space:nowrap}.admin-table-pager-size select{height:34px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface);color:var(--rf-text)}.is-qol-page-hidden{display:none!important} .item-mutation-compare{margin:10px 0 12px;padding:12px;border:1px solid rgba(203,166,94,.2);border-radius:12px;background:rgba(17,23,33,.68)}.item-mutation-compare-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.item-mutation-compare-title small{color:#9ba4b4;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.item-mutation-compare-title b{font-size:.75rem;color:#dbc58e}.item-mutation-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:8px}.item-mutation-compare-grid article{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}.item-mutation-compare-grid article small{font-size:.75rem;color:#8993a8;text-transform:uppercase}.item-mutation-compare-grid article b{font-size:.8125rem;color:#eef1f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-mutation-compare-grid article code{min-width:0;font-size:.75rem;color:#d1b675;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-mutation-compare-grid article em,.item-mutation-compare-grid article span{font-size:.75rem;color:#8e98aa;font-style:normal;overflow-wrap:anywhere}.item-mutation-compare-arrow{display:grid;place-items:center;color:#c9a75e;font-size:1.125rem} .character-mobile-actions{display:none} @media(max-width:900px){.admin-saved-filter-row{grid-template-columns:1fr auto}.admin-saved-filter-row>span{grid-column:1/-1}.admin-saved-filter-chips{align-self:center}.admin-table-pager{flex-wrap:wrap;gap:8px}.admin-table-pager-info{width:100%}.admin-table-pager-nav{width:100%;justify-content:space-between}.item-mutation-compare-grid{grid-template-columns:1fr}.item-mutation-compare-arrow{height:18px;transform:rotate(90deg)}.character-mobile-actions:not(.is-hidden){display:grid;position:fixed;z-index:132;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);gap:5px;padding:7px;border:1px solid rgba(203,166,94,.28);border-radius:14px;background:rgba(24,30,42,.97);box-shadow:0 16px 40px rgba(0,0,0,.38);backdrop-filter:blur(12px)}.character-mobile-actions button{min-width:0;padding:8px 4px;border:0;border-radius:8px;background:rgba(255,255,255,.045);color:#e5e8ee;font-size:.75rem}.character-detail-view{padding-bottom:76px}} @media(max-width:560px){.admin-saved-filter-row{grid-template-columns:1fr}.admin-saved-filter-row .admin-button{width:100%}.admin-table-pager-nav{align-items:stretch;flex-direction:column}.admin-table-pager-controls{justify-content:space-between}.admin-table-pager-size{justify-content:space-between;padding:8px 0 0;border-left:0;border-top:1px solid var(--rf-line)}.character-mobile-actions{grid-template-columns:repeat(5,minmax(0,1fr))}} .system-health-view{display:grid;gap:14px}body.avalon-admin-ui .admin-content>#system-healthView.is-active-view:not([hidden])[aria-hidden="false"]{display:grid!important;row-gap:14px}.system-health-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);gap:14px;padding:18px;border:1px solid rgba(63,224,179,.2);border-radius:12px;background:linear-gradient(135deg,rgba(20,57,55,.34),rgba(7,17,29,.72))}.system-health-hero.is-error{border-color:rgba(255,107,114,.28);background:linear-gradient(135deg,rgba(73,28,34,.32),rgba(7,17,29,.72))}.system-health-hero-copy small{color:#76a9a0;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.system-health-hero-copy h2{margin:5px 0 7px;color:#e3edf7;font-size:1.25rem}.system-health-hero-copy p{max-width:720px;margin:0;color:var(--muted);font-size:.75rem;line-height:1.6}.system-health-hero-copy em{display:block;margin-top:10px;color:#7890aa;font-size:.75rem;font-style:normal}.system-health-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.system-health-metrics article{display:grid;align-content:center;min-height:82px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(7,14,26,.5)}.system-health-metrics small{color:var(--muted);font-size:.75rem}.system-health-metrics strong{margin-top:4px;color:#dce8f5;font-size:1.25rem}.system-health-metrics article:nth-child(1) strong{color:#63ddb9}.system-health-metrics article:nth-child(2) strong{color:#f4c367}.system-health-metrics article:nth-child(3) strong{color:#ff8f96}.system-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:14px}.system-health-panel{min-width:0}.system-health-list{display:grid;gap:7px;padding:2px 0}.system-health-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(7,14,26,.34)}.system-health-marker{width:8px;height:8px;border-radius:50%;background:#697b8f;box-shadow:0 0 0 4px rgba(105,123,143,.08)}.system-health-item.ok .system-health-marker{background:#4fdaa9;box-shadow:0 0 0 4px rgba(79,218,169,.08)}.system-health-item.warn .system-health-marker{background:#f0b94f;box-shadow:0 0 0 4px rgba(240,185,79,.08)}.system-health-item.error .system-health-marker{background:#ff717b;box-shadow:0 0 0 4px rgba(255,113,123,.08)}.system-health-item.off .system-health-marker{background:#75869a}.system-health-item>div{display:grid;gap:3px}.system-health-item b{color:#dce8f5;font-size:.75rem}.system-health-item>div small{min-width:0;overflow:hidden;color:var(--muted);font-size:.75rem;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.system-health-item>em{display:grid;justify-items:end;gap:2px;color:#8ea1b8;font-size:.75rem;font-style:normal;font-weight:700}.system-health-item.ok>em{color:#63ddb9}.system-health-item.warn>em{color:#f0c367}.system-health-item.error>em{color:#ff8f96}.system-health-item>em small{color:#64778e;font-size:.75rem;font-weight:500}.system-predeploy-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--line);border-radius:11px;background:rgba(9,20,34,.54)}.system-predeploy-copy small{color:#8d9eb1;font-size:.75rem;text-transform:uppercase}.system-predeploy-copy h2{margin:4px 0 5px;font-size:.875rem}.system-predeploy-copy p{max-width:760px;margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}.system-predeploy-result{display:none;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px}.system-predeploy-result.is-ready,.system-predeploy-result.is-blocked{display:block}.system-predeploy-result.is-ready{border-color:rgba(79,218,169,.25);background:rgba(79,218,169,.05)}.system-predeploy-result.is-blocked{border-color:rgba(255,113,123,.25);background:rgba(255,113,123,.05)}.system-predeploy-result b{display:block;font-size:.75rem}.system-predeploy-result small{display:block;margin-top:3px;color:var(--muted);font-size:.75rem;line-height:1.45}@media(max-width:980px){.system-health-hero,.system-health-grid{grid-template-columns:1fr}.system-predeploy-panel{grid-template-columns:1fr}.system-predeploy-panel .admin-button{justify-self:start}}@media(max-width:620px){.system-health-metrics{grid-template-columns:1fr 1fr 1fr}.system-health-hero{padding:13px}.system-health-item{grid-template-columns:10px minmax(0,1fr)}.system-health-item>em{grid-column:2;justify-items:start}.system-predeploy-panel{padding:13px}} .operation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px} .operation-summary article{min-width:0;padding:16px 18px;border:1px solid rgba(207,172,92,.16);border-radius:14px;background:rgba(20,25,38,.66);box-shadow:0 12px 30px rgba(0,0,0,.08)} .operation-summary small{display:block;color:var(--muted,#9298a8);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.operation-summary strong{display:block;margin-top:6px;font-size:1.75rem;line-height:1} .operation-panel{overflow:hidden}.operation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.055)} .operation-toolbar>small{max-width:600px;color:var(--muted,#9298a8);text-align:right}.operation-filters{display:flex;gap:8px;flex-wrap:wrap}.operation-filters button{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:inherit;padding:8px 11px;cursor:pointer}.operation-filters button.is-active{border-color:rgba(207,172,92,.38);background:rgba(207,172,92,.09)} .operation-list{display:grid}.operation-card{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:start;gap:13px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.045)}.operation-card:last-child{border-bottom:0}.operation-status-dot{width:9px;height:9px;border-radius:50%;margin-top:7px;background:#7d8494;box-shadow:0 0 0 4px rgba(125,132,148,.1)}.operation-card.status-pending .operation-status-dot{background:#d6ae58;box-shadow:0 0 0 4px rgba(214,174,88,.12)}.operation-card.status-success .operation-status-dot{background:#65bc86;box-shadow:0 0 0 4px rgba(101,188,134,.1)}.operation-card.status-failed .operation-status-dot,.operation-card.status-interrupted .operation-status-dot{background:#d66c6c;box-shadow:0 0 0 4px rgba(214,108,108,.1)} .operation-card.is-historical{opacity:.66}.operation-card.is-historical .operation-status-dot{background:var(--rf-dim);box-shadow:0 0 0 4px color-mix(in srgb,var(--rf-dim) 12%,transparent)} .operation-history-reason{display:block;margin-top:5px;color:var(--rf-muted);font-size:.75rem;line-height:1.4} .operation-card-copy{min-width:0}.operation-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.operation-card-title b{font-size:.875rem}.operation-card-title em{font-style:normal;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#9298a8)}.operation-card-meta{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:5px;color:var(--muted,#9298a8);font-size:.75rem}.operation-card-message{display:block;margin-top:7px;color:#c7cad2}.operation-card-actions{display:flex;align-items:center;justify-content:flex-end;min-height:34px}.operation-retry-note{display:block;max-width:245px;color:var(--muted,#9298a8);text-align:right;font-size:.75rem;line-height:1.35} @media(max-width:900px){.operation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-toolbar{align-items:flex-start;flex-direction:column}.operation-toolbar>small{text-align:left}.operation-card{grid-template-columns:12px minmax(0,1fr)}.operation-card-actions{grid-column:2;justify-content:flex-start}.operation-retry-note{text-align:left;max-width:none}} @media(max-width:560px){.operation-summary{grid-template-columns:1fr 1fr;gap:8px}.operation-summary article{padding:13px}.operation-summary strong{font-size:1.4375rem}.operation-card{padding:14px 13px}.operation-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.operation-filters button{width:100%}} .admin-bulk-bar{display:grid;gap:11px;margin:12px 0 14px;padding:13px 14px;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface);box-shadow:none} .admin-bulk-bar.is-hidden{display:none} .admin-bulk-copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:5px} .admin-bulk-copy small{grid-column:1/-1;color:var(--rf-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.09em} .admin-bulk-copy b{display:inline-flex;align-items:center;gap:5px;width:max-content;min-height:28px;padding:0 9px;border:1px solid var(--rf-line-strong);border-radius:8px;background:var(--rf-surface-raised);font-size:.75rem;color:var(--rf-text);white-space:nowrap} .admin-bulk-copy b span{color:var(--rf-accent);font-size:.875rem} .admin-bulk-copy em{font-style:normal;color:var(--rf-muted);font-size:.75rem;line-height:1.35} .admin-bulk-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--rf-line)} .admin-bulk-actions .admin-button{min-width:118px} .admin-bulk-table .admin-bulk-check-col{width:38px;min-width:38px;max-width:38px;padding-left:10px!important;padding-right:6px!important;text-align:center} .admin-bulk-check-col input{width:18px!important;height:18px!important;margin:0!important;padding:0!important;accent-color:var(--rf-accent);vertical-align:middle;cursor:pointer} .admin-bulk-check-col input:disabled{opacity:.28;cursor:not-allowed} .admin-bulk-table tbody tr.is-bulk-selected{background:color-mix(in srgb,var(--rf-accent) 7%,var(--rf-surface-soft))!important} @media(max-width:980px){.admin-bulk-actions{width:100%}} @media(max-width:640px){.admin-bulk-bar{padding:12px}.admin-bulk-copy{grid-template-columns:1fr}.admin-bulk-copy small,.admin-bulk-copy b,.admin-bulk-copy em{grid-column:1}.admin-bulk-actions{display:grid;grid-template-columns:1fr 1fr}.admin-bulk-actions .admin-button{width:100%}.admin-bulk-table .admin-bulk-check-col{position:sticky;left:0;z-index:2;background:var(--rf-surface)}}.admin-button.compact{min-height:30px;padding:6px 10px;font-size:.75rem} .module-summary-item>div{min-width:0}.module-summary-item span{min-width:0}.module-summary-version{margin-left:auto;padding:2px 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#aab3c2;background:rgba(255,255,255,.025);font-size:.75rem;font-weight:900;letter-spacing:.06em;white-space:nowrap}.module-summary-item.enabled .module-summary-version{border-color:rgba(63,224,179,.16);color:#8fd5bf;background:rgba(63,224,179,.04)} .ip-security-panel{margin-top:14px;margin-bottom:10px}.ip-security-inspector{padding:16px}.ip-security-search{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:8px}.ip-security-search input,.ip-block-list-filters input,.ip-block-list-filters select,.ip-security-block-editor textarea,.ip-security-block-editor select{width:100%;border:1px solid #3d4a61;border-radius:8px;background:#1d2535;color:#e7edf5;padding:0 11px;font:inherit;font-size:.75rem;outline:none}.ip-security-search input,.ip-block-list-filters input,.ip-block-list-filters select,.ip-security-block-editor select{height:40px}.ip-security-block-editor textarea{min-height:78px;padding-top:9px;resize:vertical;line-height:1.5}.ip-security-search input:focus,.ip-block-list-filters input:focus,.ip-block-list-filters select:focus,.ip-security-block-editor textarea:focus,.ip-security-block-editor select:focus{border-color:#b77d24;box-shadow:0 0 0 3px rgba(183,125,36,.07)}.ip-security-note{margin:9px 0 0;color:#78899f;font-size:.75rem;line-height:1.55}.ip-security-note b{color:#aeb9c8}.ip-security-meta{padding:10px 0;color:#7e8fa7;font-size:.75rem}.ip-security-detail{display:grid;gap:12px}.ip-security-detail.is-hidden{display:none!important}.ip-security-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ip-security-summary article{min-width:0;min-height:88px;padding:12px;border:1px solid #3a475d;border-radius:9px;background:#20283a}.ip-security-summary small{display:block;color:#7f8fa5;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.ip-security-summary strong{display:block;margin-top:6px;color:#eef2f7;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-security-summary p{margin:5px 0 0;color:#8998ad;font-size:.75rem;line-height:1.4;overflow-wrap:anywhere}.ip-security-summary strong.is-blocked{color:#ef9ba0}.ip-security-summary strong.is-clear{color:#75cdb0}.ip-security-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:10px;align-items:start}.ip-security-accounts,.ip-security-block-editor{min-width:0;border:1px solid #3a475d;border-radius:9px;background:#20283a}.ip-security-subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid #37445a}.ip-security-subhead span{display:grid;gap:2px}.ip-security-subhead small{color:#c58a2e;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.ip-security-subhead b{color:#e9edf4;font-size:.75rem}.ip-security-account-row{width:100%;display:grid;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.2fr) auto;gap:10px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid #354157;background:transparent;color:#dfe6ef;text-align:left;cursor:pointer}.ip-security-account-row:last-child{border-bottom:0}.ip-security-account-row:hover{background:rgba(255,255,255,.025)}.ip-security-account-row>span{display:grid;gap:2px}.ip-security-account-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.ip-security-account-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7e8ea5;font-size:.75rem}.ip-security-account-row em{color:#aeb8c6;font-size:.75rem;font-style:normal;white-space:nowrap}.ip-security-block-editor{display:grid;gap:10px;padding:12px}.ip-security-block-editor>small{color:#c58a2e;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.ip-security-block-editor label{display:grid;gap:5px}.ip-security-block-editor label>span{color:#8999af;font-size:.75rem;font-weight:800}.ip-security-block-editor>p{margin:0;padding-top:2px;color:#78899f;font-size:.75rem;line-height:1.5}.ip-security-block-editor>p b{color:#b5bfcd}.ip-security-actions{display:flex;gap:7px;flex-wrap:wrap}.ip-security-actions .admin-button{flex:1 1 150px}.ip-block-list{border-top:1px solid #37445a}.ip-block-list-filters{display:grid;grid-template-columns:minmax(220px,1fr) 210px auto;gap:8px;padding:12px}.ip-block-list>.ip-security-meta{padding:0 12px 10px}.ip-block-table{min-width:1120px}.ip-block-table td{vertical-align:middle}.ip-block-table td:nth-child(1){font-weight:850;color:#e4b75d;white-space:nowrap}.ip-block-table td:nth-child(2){max-width:190px;white-space:normal}.ip-block-table td:nth-child(6){max-width:260px;white-space:normal;overflow-wrap:anywhere}.ip-block-state{display:inline-flex;padding:4px 7px;border:1px solid #46536a;border-radius:999px;font-size:.75rem;font-weight:900;white-space:nowrap}.ip-block-state.active{color:#ed9da2;border-color:rgba(225,104,111,.34);background:rgba(225,104,111,.05)}.ip-block-state.inactive{color:#8d9bae}.ip-block-row-action{border:1px solid #46536a;border-radius:7px;background:#1d2535;color:#aab6c7;padding:5px 8px;font-size:.75rem;font-weight:850;cursor:pointer;white-space:nowrap}.ip-block-row-action:hover{color:#fff;border-color:#6a778c}.audit-table td{max-width:460px;overflow-wrap:anywhere}.audit-table td code{max-width:min(420px,34vw);white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.navigation-icon-search{width:100%;height:38px;border:1px solid #3e4c64;border-radius:7px;background:#1d2535;color:#e5ebf3;padding:0 10px;font:inherit;font-size:.75rem;outline:none}.navigation-icon-search:focus{border-color:#b77d24;box-shadow:0 0 0 3px rgba(183,125,36,.07)}.navigation-icon-picker{max-height:320px;overflow:auto;padding-right:2px}.navigation-icon-picker button{min-width:0;grid-template-rows:18px auto;gap:4px;align-content:center;padding:5px 3px;overflow:hidden}.navigation-icon-picker button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#66788f;font-size:.75rem;line-height:1}.navigation-icon-picker button:hover small,.navigation-icon-picker button.is-active small{color:currentColor} @media(max-width:1050px){.ip-security-workspace{grid-template-columns:1fr}.ip-security-summary{grid-template-columns:1fr 1fr 1fr}.ip-block-list-filters{grid-template-columns:1fr 1fr}.ip-block-list-filters .admin-button{grid-column:1/-1}} @media(max-width:720px){.ip-security-search{grid-template-columns:1fr}.ip-security-summary{grid-template-columns:1fr}.ip-block-list-filters{grid-template-columns:1fr}.ip-block-list-filters .admin-button{grid-column:auto}.ip-security-account-row{grid-template-columns:1fr}.ip-security-account-row em{white-space:normal}.audit-table td code{max-width:260px}} .account-entity-audit{overflow:hidden} .account-entity-audit .admin-entity-audit-list{min-height:42px;padding:0 16px 14px} .account-entity-audit .admin-entity-audit-empty{box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid rgba(143,162,196,.12);border-radius:9px;background:rgba(32,40,58,.68);line-height:1.45} @media(max-width:820px){.account-entity-audit .admin-entity-audit-list{padding:0 12px 12px}} .auth-season-admin .admin-panel-head p{margin:5px 0 0;color:#7086a5;font-size:.75rem;line-height:1.45}.auth-season-admin select{min-width:170px} .auth-season-admin .season-calendar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 18px 14px}.season-calendar-card{appearance:none;text-align:left;border:1px solid #2c415d;border-radius:11px;background:rgba(8,20,35,.55);color:#dce8f8;padding:13px 14px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.season-calendar-card:hover{transform:translateY(-1px);border-color:#536b8b}.season-calendar-card b,.season-calendar-card span,.season-calendar-card small{display:block}.season-calendar-card b{font-size:.75rem}.season-calendar-card span{margin-top:6px;color:#8ea1bd;font-size:.75rem;line-height:1.45}.season-calendar-card small{margin-top:7px;color:#7d91ad;font-size:.75rem}.season-calendar-card.is-active{border-color:#d69a24;background:linear-gradient(135deg,rgba(195,128,27,.22),rgba(103,70,24,.14));box-shadow:inset 0 0 0 1px rgba(255,190,60,.08),0 8px 24px rgba(0,0,0,.08)}.season-calendar-card.is-active b{color:#ffc247}@media(max-width:820px){.auth-season-admin .season-calendar{grid-template-columns:1fr}} .site-brand-preview-set{display:grid;grid-template-rows:1.35fr .75fr;gap:10px} .site-brand-preview{position:relative} .site-brand-controls .setting-row input[type="range"]{width:min(100%,520px)} .site-brand-actions .file-button, .site-brand-actions .site-brand-reset{ border-color:#3d4b63!important;} .site-brand-actions .file-button:hover, .site-brand-actions .site-brand-reset:hover{ color:#fff!important;} .auth-season-admin select:disabled, .auth-season-admin input:disabled{opacity:.48;cursor:not-allowed} @media(max-width:980px){ .site-brand-preview-set{grid-template-rows:auto}} .site-brand-scale-state{ display:flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid var(--avalon-line-soft); border-radius:9px;background:color-mix(in srgb,var(--avalon-surface-soft) 80%,transparent); color:var(--avalon-muted);font-size:.75rem;font-weight:700} .auth-season-admin .season-calendar{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important; padding:2px 18px 18px!important} .auth-season-admin .season-calendar-card{ position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center; min-height:86px!important;padding:13px 14px!important;border:1px solid var(--avalon-line)!important; border-radius:11px!important;background:color-mix(in srgb,var(--avalon-surface-soft) 88%,transparent)!important; color:var(--avalon-text)!important;box-shadow:none!important;overflow:hidden} .auth-season-admin .season-calendar-card::after{ content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:99px; background:transparent;transition:background .18s ease,box-shadow .18s ease} .auth-season-admin .season-calendar-card:hover{ transform:translateY(-1px)!important;border-color:var(--avalon-line-strong)!important; background:color-mix(in srgb,var(--avalon-surface-raised) 92%,transparent)!important} .auth-season-admin .season-calendar-card .season-card-tag{ display:block;margin:0 0 6px!important;color:var(--avalon-dim)!important;font-size:.75rem!important; font-weight:850;text-transform:uppercase;letter-spacing:.08em} .auth-season-admin .season-calendar-card b{font-size:.75rem!important;color:var(--avalon-text)!important;line-height:1.25} .auth-season-admin .season-calendar-card small{margin-top:6px!important;color:var(--avalon-muted)!important;font-size:.75rem!important;line-height:1.25} .auth-season-admin .season-calendar-card.is-active{ border-color:color-mix(in srgb,var(--avalon-gold) 75%,var(--avalon-line))!important; background:color-mix(in srgb,var(--avalon-gold) 8%,var(--avalon-surface-soft))!important; box-shadow:0 0 0 1px color-mix(in srgb,var(--avalon-gold) 12%,transparent)!important} .auth-season-admin .season-calendar-card.is-active::after{ background:linear-gradient(90deg,var(--avalon-gold),var(--avalon-orange)); box-shadow:0 0 10px color-mix(in srgb,var(--avalon-gold) 35%,transparent)} .auth-season-admin .season-calendar-card.is-active .season-card-tag{color:var(--avalon-gold)!important} .auth-season-admin .season-calendar-card.is-auto-current:not(.is-active)::after{ background:color-mix(in srgb,var(--avalon-green) 70%,transparent)} .auth-season-admin .season-calendar-card.is-auto-current:not(.is-active){ border-color:color-mix(in srgb,var(--avalon-green) 32%,var(--avalon-line))!important} @media(max-width:980px){.auth-season-admin .season-calendar{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:620px){.auth-season-admin .season-calendar{grid-template-columns:1fr!important}} .site-brand-actions .file-button,.site-brand-actions .site-brand-reset{border-color:var(--avalon-line)!important;background:var(--avalon-surface-soft)!important;color:var(--avalon-text)!important} .site-brand-actions .file-button:hover,.site-brand-actions .site-brand-reset:hover{border-color:color-mix(in srgb,var(--avalon-accent) 36%,var(--avalon-line))!important;background:color-mix(in srgb,var(--avalon-surface-raised) 88%,var(--avalon-accent) 12%)!important;color:var(--avalon-text)!important} .system-request-diagnostics-panel{min-width:0;overflow:hidden} .system-request-diagnostics-head{align-items:flex-start}.system-request-diagnostics-head>span{max-width:780px}.system-request-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.system-request-overall{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--rf-line);border-radius:var(--rf-radius-control);background:var(--rf-surface-raised);color:var(--rf-muted);font-size:.75rem;font-weight:900;white-space:nowrap}.system-request-overall.ok{border-color:color-mix(in srgb,var(--rf-success) 32%,var(--rf-line));color:var(--rf-success)}.system-request-overall.warn{border-color:color-mix(in srgb,var(--rf-accent) 38%,var(--rf-line));color:var(--rf-accent)} .system-request-diagnostics-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 14px 0}.system-request-diagnostics-summary>article{display:grid;align-content:center;min-height:72px;padding:11px 13px;border:1px solid var(--rf-line);border-radius:var(--rf-radius);background:var(--rf-surface-soft)}.system-request-diagnostics-summary small{color:var(--rf-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.system-request-diagnostics-summary strong{margin-top:4px;color:var(--rf-text);font-size:1.25rem;line-height:1}.system-request-diagnostics-summary em{margin-top:6px;color:var(--rf-dim);font-size:.75rem;font-style:normal} .system-request-diagnostics-note{margin:10px 14px 0;padding:9px 11px;border:1px solid var(--rf-line);border-radius:var(--rf-radius-control);background:var(--rf-surface-deep);color:var(--rf-muted);font-size:.75rem;line-height:1.5}.system-request-diagnostics-note.ok{border-color:color-mix(in srgb,var(--rf-success) 26%,var(--rf-line));color:color-mix(in srgb,var(--rf-success) 82%,var(--rf-text))}.system-request-diagnostics-note.warn{border-color:color-mix(in srgb,var(--rf-accent) 30%,var(--rf-line));color:color-mix(in srgb,var(--rf-accent) 78%,var(--rf-text))}.system-request-diagnostics-note.error{border-color:color-mix(in srgb,var(--rf-danger) 34%,var(--rf-line));color:var(--rf-danger)} .system-request-attention,.system-request-endpoints,.system-request-log,.system-request-forensics{margin:10px 14px 0;border:1px solid var(--rf-line);border-radius:var(--rf-radius);background:var(--rf-surface);overflow:hidden}.system-request-log{margin-bottom:14px}.system-request-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-bottom:1px solid var(--rf-line);background:var(--rf-surface-soft)}.system-request-section-head>span{min-width:0}.system-request-section-head small{display:block;color:var(--rf-accent);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.system-request-section-head h3{margin:3px 0 0;color:var(--rf-text);font-size:.75rem}.system-request-section-head p{margin:4px 0 0;color:var(--rf-muted);font-size:.75rem;line-height:1.45}.system-request-attention.is-clear .system-request-section-head small{color:var(--rf-success)} .system-request-forensics-verdict{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid var(--rf-line);border-radius:var(--rf-radius-control);background:var(--rf-surface-deep);color:var(--rf-muted);font-size:.75rem;font-weight:900;white-space:nowrap}.system-request-forensics-verdict.ok{border-color:color-mix(in srgb,var(--rf-success) 30%,var(--rf-line));color:var(--rf-success)}.system-request-forensics-verdict.warn{border-color:color-mix(in srgb,var(--rf-accent) 34%,var(--rf-line));color:var(--rf-accent)}.system-request-forensics-verdict.error{border-color:color-mix(in srgb,var(--rf-danger) 34%,var(--rf-line));color:var(--rf-danger)} .system-request-forensics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px}.system-request-forensics-summary>article{display:grid;min-width:0;gap:4px;padding:9px 10px;border:1px solid var(--rf-line);border-radius:var(--rf-radius-control);background:var(--rf-surface-soft)}.system-request-forensics-summary small{color:var(--rf-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.system-request-forensics-summary strong{overflow:hidden;color:var(--rf-text);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.system-request-forensics-summary em{overflow:hidden;color:var(--rf-dim);font-size:.75rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.system-request-forensics-table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0}.system-request-forensics-table th,.system-request-forensics-table td{padding:8px 11px;border-top:1px solid var(--rf-line);text-align:left;font-size:.75rem;white-space:nowrap}.system-request-forensics-table th{color:var(--rf-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.system-request-forensics-table td{color:color-mix(in srgb,var(--rf-text) 78%,var(--rf-muted))}.system-request-forensics-table code{color:var(--rf-info);background:transparent;border:0;padding:0} .system-request-attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.system-request-attention-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:11px 12px;border-bottom:1px solid var(--rf-line)}.system-request-attention-item:nth-child(odd){border-right:1px solid var(--rf-line)}.system-request-attention-item:nth-last-child(-n+2){border-bottom:0}.system-request-attention-item>span{display:grid;min-width:0;gap:4px}.system-request-attention-item b{overflow:hidden;color:var(--rf-text);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.system-request-attention-item small{color:var(--rf-muted);font-size:.75rem}.system-request-attention-item>em{display:grid;justify-items:end;gap:3px;color:var(--rf-accent);font-size:.75rem;font-style:normal;font-weight:900;text-transform:uppercase;white-space:nowrap}.system-request-attention-item>em small{font-weight:700;text-transform:none}.system-request-attention-item.db>em{color:var(--rf-info)}.system-request-attention-item.sql>em{color:var(--rf-violet)}.system-request-attention-item.error>em,.system-request-attention-item.timeout>em{color:var(--rf-danger)} .system-request-table-wrap{overflow:auto}.system-request-endpoint-table,.system-request-diagnostics-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.system-request-endpoint-table th,.system-request-endpoint-table td,.system-request-diagnostics-table th,.system-request-diagnostics-table td{padding:9px 11px;border-bottom:1px solid var(--rf-line);text-align:left;font-size:.75rem;white-space:nowrap}.system-request-endpoint-table tr:last-child td,.system-request-diagnostics-table tr:last-child td{border-bottom:0}.system-request-endpoint-table th,.system-request-diagnostics-table th{color:var(--rf-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.system-request-endpoint-table td,.system-request-diagnostics-table td{color:color-mix(in srgb,var(--rf-text) 78%,var(--rf-muted))}.system-request-endpoint-table code,.system-request-diagnostics-table code{display:inline-flex;align-items:center;gap:7px;max-width:320px;overflow:hidden;color:var(--rf-text);background:transparent;border:0;padding:0}.system-request-endpoint-table code{display:inline-block;text-overflow:ellipsis;white-space:nowrap}.system-request-diagnostics-table code b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-request-method{flex:0 0 auto;color:var(--rf-info);font-size:.75rem;font-weight:900} .system-request-state{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid var(--rf-line);border-radius:999px;color:var(--rf-muted);font-size:.75rem;font-weight:900;white-space:nowrap}.system-request-state.ok{color:var(--rf-success);border-color:color-mix(in srgb,var(--rf-success) 28%,var(--rf-line))}.system-request-state.slow{color:var(--rf-accent);border-color:color-mix(in srgb,var(--rf-accent) 30%,var(--rf-line))}.system-request-state.db{color:var(--rf-info);border-color:color-mix(in srgb,var(--rf-info) 30%,var(--rf-line))}.system-request-state.sql{color:var(--rf-violet);border-color:color-mix(in srgb,var(--rf-violet) 30%,var(--rf-line))}.system-request-state.php{color:color-mix(in srgb,var(--rf-accent) 70%,var(--rf-info));border-color:color-mix(in srgb,var(--rf-accent) 22%,var(--rf-line))}.system-request-state.timeout,.system-request-state.error{color:var(--rf-danger);border-color:color-mix(in srgb,var(--rf-danger) 32%,var(--rf-line))}.system-request-state.open{color:var(--rf-info);border-color:color-mix(in srgb,var(--rf-info) 28%,var(--rf-line))} .system-request-log-head{align-items:flex-end}.system-request-log-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.system-request-filters{display:flex;gap:5px;flex-wrap:wrap}.system-request-filters button{min-height:30px;padding:0 9px;border:1px solid var(--rf-line);border-radius:var(--rf-radius-control);background:var(--rf-surface-raised);color:var(--rf-muted);font:inherit;font-size:.75rem;font-weight:850;cursor:pointer}.system-request-filters button:hover{border-color:var(--rf-line-strong);color:var(--rf-text)}.system-request-filters button.is-active{border-color:color-mix(in srgb,var(--rf-accent) 40%,var(--rf-line));background:color-mix(in srgb,var(--rf-accent) 8%,var(--rf-surface-raised));color:var(--rf-accent)}#systemRequestSearch{width:190px;height:30px;border:1px solid var(--rf-line);border-radius:var(--rf-radius-control);background:var(--rf-input);color:var(--rf-text);padding:0 9px;font:inherit;font-size:.75rem;outline:none}#systemRequestSearch:focus{border-color:var(--rf-line-strong)} .system-request-id-copy{border:0;background:transparent;color:var(--rf-info);padding:0;font:inherit;font-family:monospace;font-size:.75rem;cursor:pointer}.system-request-id-copy:hover{color:var(--rf-text);text-decoration:underline}.system-request-log-more{display:flex;justify-content:center;padding:10px 12px;border-top:1px solid var(--rf-line)}.system-request-empty{text-align:center!important;color:var(--rf-muted)!important;padding:26px!important} @media(max-width:980px){.system-request-forensics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.system-request-diagnostics-head{align-items:flex-start;flex-direction:column}.system-request-head-actions{width:100%;justify-content:space-between}.system-request-diagnostics-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.system-request-attention-list{grid-template-columns:1fr}.system-request-attention-item:nth-child(odd){border-right:0}.system-request-attention-item:nth-last-child(-n+2){border-bottom:1px solid var(--rf-line)}.system-request-attention-item:last-child{border-bottom:0}.system-request-log-head{align-items:flex-start;flex-direction:column}.system-request-log-tools{width:100%;justify-content:flex-start}} @media(max-width:620px){.system-request-forensics-summary{grid-template-columns:1fr}.system-request-diagnostics-summary{grid-template-columns:1fr}.system-request-head-actions{align-items:stretch;flex-direction:column}.system-request-head-actions .admin-button{width:100%}.system-request-log-tools{align-items:stretch;flex-direction:column}.system-request-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.system-request-filters button{width:100%}#systemRequestSearch{width:100%}.system-request-attention-item{grid-template-columns:1fr}.system-request-attention-item>em{justify-items:start}}.admin-access-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.admin-access-summary .admin-panel{padding:16px}.admin-access-summary small{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.admin-access-summary strong{display:block;margin-top:7px;font-size:1.625rem}.admin-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.admin-access-form{display:grid;gap:12px}.admin-access-form label>span:first-child{display:block;margin-bottom:6px;color:var(--text-muted);font-size:.75rem}.admin-access-form input,.admin-access-form select{width:100%}.admin-access-form small{display:block;margin-top:5px;color:var(--text-muted);font-size:.75rem}.admin-access-divider{height:1px;background:var(--border-color);margin:18px 0}.admin-table-subline{display:block;margin-top:4px;color:var(--text-muted);font-size:.75rem}.admin-access-detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.admin-access-detail-columns h3{margin:0 0 10px}.admin-access-list{display:grid;gap:8px}.admin-access-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-soft)}.admin-access-list-copy{display:grid;gap:3px;min-width:0}.admin-access-list-copy small{color:var(--text-muted);font-size:.75rem}.admin-access-ua{max-width:760px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.75rem}.status-pill.is-success{background:rgba(67,209,154,.12);color:var(--success)}.status-pill.is-muted{background:var(--surface-soft);color:var(--text-muted)}@media(max-width:980px){.admin-access-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-access-grid,.admin-access-detail-columns{grid-template-columns:1fr}}@media(max-width:560px){.admin-access-summary{grid-template-columns:1fr}.admin-access-list-row{align-items:flex-start;flex-direction:column}} .admin-totp-panel{display:grid;gap:13px}.admin-totp-head{padding:0}.admin-totp-secret-card .admin-button{justify-self:start;text-decoration:none}@media(max-width:620px){.admin-totp-secret-card .admin-button{width:100%}} .admin-access-self-grid{display:grid;gap:14px;margin-top:14px}.admin-access-self-panel>.admin-access-list{padding:12px 14px 14px}.admin-access-users-table :is(th,td){text-align:center}.admin-access-users-table :first-child{text-align:left} /* ========================================================================== 04 LEGACY MARKET SKIN / market-skin.css ========================================================================== */ html, body, .admin-body { background: var(--market-bg) !important; } /* ---------- Shared RF-AVALON chrome ---------- */ .topbar, .admin-topbar { padding-left: clamp(18px, 3vw, 48px); padding-right: clamp(18px, 3vw, 48px); backdrop-filter: none !important; } .topbar .brand, .admin-brand { gap: 13px; } .topbar .brand b, .admin-brand b { color: #f4f6fa; font-size: 1.0625rem; letter-spacing: .055em; } .topbar .brand small, .admin-brand small { color: #8d9ab0; font-size: .75rem; } .brand-glyph, .admin-brand .brand-glyph { border-radius: 8px; border-color: rgba(255, 177, 27, .52); background: linear-gradient(145deg, rgba(255,177,27,.15), rgba(255,121,0,.055)); box-shadow: none; } .project-links, .admin-top-links { align-self: stretch; align-items: stretch; gap: 6px; } .project-links a, .admin-top-links a { min-width: 84px; padding: 0 15px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 5px; color: #aab3c4 !important; font-size: .75rem; font-weight: 750; transition: color .16s, background .16s; } .project-links a::after, .admin-top-links a::after { content: ""; height: 3px; position: absolute; left: 15px; right: 15px; bottom: 0; border-radius: 4px 4px 0 0; background: linear-gradient(90deg, var(--market-gold), var(--market-orange)); opacity: 0; transform: scaleX(.55); transition: opacity .16s, transform .16s; } .project-links a:hover, .admin-top-links a:hover { color: #fff !important; background: rgba(255,255,255,.025); } .project-links a:hover::after, .admin-top-links a:hover::after { opacity: 1; transform: scaleX(1); } .top-profile, .admin-profile { border-left-color: rgba(93, 105, 131, .35) !important; } .profile-avatar, .admin-profile-avatar{ border-color: rgba(255, 177, 27, .48) !important; background: #242c40 !important; box-shadow: inset 0 0 0 1px rgba(255,177,27,.04); } /* ---------- Player shell ---------- */ .workspace { grid-template-columns: 252px minmax(0, 1fr); } .sidebar { padding-top: 22px; border-right-color: var(--market-line) !important; background: #1c2332 !important; } .nav-label { color: #6f7d95 !important; } .side-nav button, .side-nav a { min-height: 43px; border-radius: 6px !important; color: #9da9bd !important; } .side-nav button:hover, .side-nav a:hover { color: #f7f8fb !important; background: #252d42 !important; } .side-nav .is-active { color: #fff !important; border-color: rgba(255, 177, 27, .42) !important; background: linear-gradient(90deg, rgba(255,177,27,.12), rgba(255,121,0,.025)) !important; box-shadow: inset 3px 0 0 var(--market-orange) !important; } .logout-action { border-radius: 6px !important; } .content { padding-top: 34px; background: var(--market-bg); } .content > .app-view { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; } .page-heading { margin-bottom: 22px; } .page-heading small, .panel-head small, .overline small{ color: var(--market-gold) !important; } .page-heading h1, .panel-head h2{ color: #f7f8fb; } .page-heading p, .panel-head p{ color: var(--market-muted) !important; } /* Market-like hero: lighter blue-grey surface, thin gold top rule, no sci-fi grid. */ .welcome-panel { min-height: 238px; border-color: var(--market-line) !important; } .welcome-panel::before { width: auto !important; height: 3px !important; left: 0 !important; right: 0 !important; top: 0 !important; background: linear-gradient(90deg, var(--market-gold), var(--market-orange), rgba(255,121,0,0)) !important; box-shadow: none !important; } .welcome-panel::after { display: none !important; } .welcome-copy p { color: #a1aec2 !important; } /* ---------- Shared player surfaces ---------- */ .metric-card, .panel, .character-card, .account-services-section, .account-service-card, .service-history-panel, .premium-status-panel, .premium-purchase-box, .payment-provider-card, .payment-history-panel, .payment-bonus-showcase{ border-color: var(--market-line) !important; border-radius: 8px !important; background: var(--market-panel) !important; box-shadow: none !important; } .metric-card { min-height: 130px; } .metric-card::before { width: 3px; background: currentColor !important; } .payment-provider-card::before{ opacity: .35 !important; } .panel-head, .account-services-head, .service-history-head, .vote-history-head { border-bottom-color: var(--market-line-soft) !important; background: rgba(28, 35, 51, .18); } .preview-row, .character-stats div, .account-service-card, .service-history-row, .vote-history-row, .premium-status-facts div{ border-color: rgba(75, 89, 117, .46) !important; background: #222a3d !important; } .preview-row:hover, .service-history-row:hover:not(#securityView *), .vote-history-row:hover{ background: #2b354d !important; border-color: rgba(255,177,27,.32) !important; } .security-card-icon, .metric-icon, .payment-provider-icon, .vote-provider-icon, .voting-note-icon, .premium-status-icon{ border-radius: 8px !important; background: rgba(255,177,27,.055) !important; } /* ---------- Buttons / controls ---------- */ .primary-action, .payment-submit, button.primary-action { border-color: #ff9d00 !important; border-radius: 6px !important; color: #1b160c !important; background: linear-gradient(135deg, #ffb31a 0%, #ff7900 100%) !important; box-shadow: 0 8px 20px rgba(255, 121, 0, .14) !important; } .primary-action:hover, .payment-submit:hover { filter: brightness(1.055) !important; } .ghost-action, .secondary-action, .payment-quick-button{ border-color: #44516d !important; border-radius: 6px !important; color: #d4dbea !important; background: #303a53 !important; } .ghost-action:hover, .secondary-action:hover:not(:disabled), .payment-quick-button:hover{ border-color: rgba(255,177,27,.46) !important; color: #fff !important; background: #35405b !important; } .payment-quick-button.is-active{ border-color: #d88b00 !important; color: #fff !important; background: linear-gradient(180deg, rgba(255,177,27,.18), rgba(255,121,0,.08)) !important; box-shadow: inset 0 -2px 0 var(--market-orange) !important; } .input-wrap, .account-service-card input, .premium-password-field input { border-color: #3c4964 !important; border-radius: 6px !important; background: var(--market-input) !important; } .input-wrap:focus-within, .account-service-card input:focus, .premium-password-field input:focus { border-color: rgba(255,177,27,.72) !important; box-shadow: 0 0 0 3px rgba(255, 158, 0, .075) !important; } /* ---------- Payments ---------- */ .payment-layout { gap: 18px; } /* ---------- Login / registration ---------- */ .login-card{ border-color: var(--market-line) !important; border-radius: 8px !important; background: #252d42 !important; box-shadow: var(--market-shadow) !important; position: relative; overflow: hidden; } .login-card::before{ content: ""; height: 3px; position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(90deg, var(--market-gold), var(--market-orange)); } /* ---------- Admin shell ---------- */ .admin-layout { grid-template-columns: 252px minmax(0, 1fr); } .admin-sidebar { border-right-color: var(--market-line) !important; background: #1c2332 !important; } .admin-nav button { border-radius: 6px !important; color: #9eabc0 !important; } .admin-nav button:hover { color: #fff !important; background: #252d42 !important; } .admin-nav button.is-active{ border-color: rgba(255,177,27,.42) !important; color: #fff !important; background: linear-gradient(90deg, rgba(255,177,27,.12), rgba(255,121,0,.025)) !important; box-shadow: inset 3px 0 0 var(--market-orange) !important; } .admin-nav button em { color: #aab6ca !important; background: #303a52 !important; } .admin-content { padding-top: 34px; background: var(--market-bg); } .admin-view { max-width: 1440px; } .admin-heading h1, .admin-panel-head h2 { color: #f7f8fb; } .admin-heading p, .admin-status-hero p { color: var(--market-muted) !important; } .admin-button { min-height: 40px; border-color: #ff9d00 !important; color: #1b160c !important; background: linear-gradient(135deg, #ffb31a, #ff7900) !important; box-shadow: none !important; } .admin-button.danger { border-color: #d96269 !important; color: #fff !important; background: #9d3f47 !important; } .admin-status-hero, .admin-panel, .voting-admin-metrics article, .voting-source-field, .character-module-metrics article, .character-detail-identity, .character-detail-facts > div, .character-resource-grid article, .payment-admin-metrics article, .payment-bonus-admin-row, .funpay-admin-row, .admin-balance-target-card, .admin-balance-action-panel, .admin-balance-history-panel{ border-color: var(--market-line) !important; border-radius: 8px !important; background: var(--market-panel) !important; box-shadow: none !important; } .admin-status-hero, .premium-admin-heading { border-left-width: 1px !important; border-top: 3px solid var(--market-orange) !important; background: radial-gradient(circle at 92% 15%, rgba(255,121,0,.075), transparent 28%), #252d42 !important; } .admin-metrics article { border-color: var(--market-line) !important; border-radius: 8px !important; background: linear-gradient(145deg, #293249, #252d42) !important; } .admin-metrics article::after, .admin-balance-target-card::after{ opacity: .28 !important; } .admin-panel-head, .character-list-filters, .character-list-meta{ border-bottom-color: var(--market-line-soft) !important; } .module-toggle-button, .module-inline-link, .admin-balance-action-switch button, .table-action{ border-radius: 6px !important; } .module-inline-link, .table-action{ border-color: #44516d !important; color: #d3dcea !important; background: #303a53 !important; } .module-inline-link:hover, .table-action:hover{ border-color: rgba(255,177,27,.44) !important; color: #fff !important; background: #35405b !important; } .module-toggle-button.is-disable { border-color: rgba(241,123,130,.38) !important; color: #ff9da3 !important; background: rgba(137,52,59,.18) !important; } .module-toggle-button.is-enable { border-color: rgba(97,215,170,.34) !important; color: #7ce4bd !important; background: rgba(36,122,92,.16) !important; } .voting-import-panel > p, .voting-source-state, .admin-balance-preview{ border-color: rgba(78,92,120,.46) !important; background: #20283a !important; } /* Admin inputs and selects — use the same graphite field seen in Market. */ .admin-body input:not([type="checkbox"]):not([type="radio"]), .admin-body select, .admin-body textarea, .payment-bonus-admin-row input, .funpay-admin-row input, .admin-balance-fields input, .character-list-filters input, .character-list-filters select, .voting-source-field input { border-color: #3c4964 !important; border-radius: 6px !important; color: #f0f3f8 !important; background: var(--market-input) !important; } .admin-body input:not([type="checkbox"]):not([type="radio"]):focus, .admin-body select:focus, .admin-body textarea:focus, .payment-bonus-admin-row input:focus, .funpay-admin-row input:focus, .admin-balance-fields input:focus, .character-list-filters input:focus, .character-list-filters select:focus, .voting-source-field input:focus { border-color: rgba(255,177,27,.68) !important; box-shadow: 0 0 0 3px rgba(255,158,0,.07) !important; outline: 0; } /* Tables and audit ledgers */ .admin-body table, .admin-table, .voting-table, .payment-ledger-table, .admin-balance-table, .character-table { color: #e9edf5; } .admin-body thead, .admin-table thead { background: #20283a !important; } .admin-body th { color: #9daac0 !important; border-bottom-color: var(--market-line) !important; } .admin-body td { border-bottom-color: rgba(74,87,114,.36) !important; } .admin-body tbody tr:hover { background: rgba(47,58,82,.54) !important; } /* ---------- Mobile / tablet ---------- */ @media (max-width: 820px) { .topbar, .admin-topbar { height: 72px; padding-left: 14px; padding-right: 14px; } .workspace, .admin-layout { min-height: calc(100vh - 72px); } .sidebar, .admin-sidebar { top: 72px; height: calc(100vh - 72px); } .content, .admin-content { padding: 22px 14px 86px; } .welcome-panel, .admin-status-hero, .premium-admin-heading { border-radius: 8px !important; } .project-links, .admin-top-links { gap: 2px; } .project-links a, .admin-top-links a { min-width: auto; padding: 0 8px; } } @media (max-width: 580px) { .metric-card, .panel, .character-card, .account-services-section, .account-service-card, .service-history-panel, .premium-status-panel, .premium-purchase-box, .payment-provider-card, .payment-history-panel, .payment-bonus-showcase, .payment-summary-card, .admin-panel{ border-radius: 7px !important; } .login-card{ border-radius: 7px !important; } } /* Login is intentionally closer to the Market auth modal: project header + centered form card. */ .login-screen { display: block; } .login-form-side { min-height: calc(100vh - 84px); padding: 44px 20px 60px; place-items: start center; } .login-card { width: min(100%, 520px) !important; margin: auto; padding: 34px 36px 32px; } .login-heading h2 { font-size: 1.75rem; } .login-heading p { font-size: .75rem; } .auth-link-button:hover { color: var(--market-gold) !important; } .registration-agreement, .registration-result-row, .registration-save-warning, .registration-activation-state { border-color: var(--market-line-soft) !important; background: #222a3d !important; } @media (max-width: 820px) { .login-form-side { min-height: calc(100vh - 72px); padding: 28px 14px 46px; } } @media (max-width: 520px) { .login-card { padding: 26px 20px 24px; } } /* Agreement page */ .agreement-screen { min-height: 100vh; padding: 30px 18px 50px !important; color: var(--market-text) !important; } .agreement-shell { width: min(1040px, 100%); margin: 0 auto; } .agreement-brand { margin-bottom: 20px !important; align-items: center; gap: 13px; color: #f4f6fa !important; text-decoration: none !important; } .agreement-brand span:last-child { display: flex; flex-direction: column; } .agreement-brand b { font-size: 1rem; letter-spacing: .05em; } .agreement-brand small { color: #8d9ab0 !important; font-size: .75rem; } .agreement-card { border: 1px solid var(--market-line) !important; background: var(--market-panel) !important; box-shadow: var(--market-shadow) !important; } .agreement-head { padding: 28px 32px 24px !important; border-bottom: 1px solid var(--market-line-soft) !important; background: rgba(28, 35, 51, .16) !important; position: relative; } .agreement-head::before { content: ""; height: 3px; position: absolute; left: 0; right: 0; top: 0; background: linear-gradient(90deg, var(--market-gold), var(--market-orange), rgba(255,121,0,0)); } .agreement-head h1 { margin: 0; color: #f7f8fb !important; font-size: clamp(32px, 3vw, 52px) !important; line-height: 1.05; } .agreement-head p { margin: 12px 0 0; color: var(--market-muted) !important; font-size: .75rem !important; } .agreement-body, .agreement-empty { padding: 28px 32px !important; color: #d7dfeb !important; font-size: .75rem !important; line-height: 1.85 !important; } .agreement-markdown { white-space: normal !important; overflow-wrap: anywhere; } .agreement-markdown > :first-child { margin-top: 0 !important; } .agreement-markdown > :last-child { margin-bottom: 0 !important; } .agreement-markdown h2, .agreement-markdown h3, .agreement-markdown h4, .agreement-markdown h5 { margin: 28px 0 12px; color: #f4f7fb; font-weight: 850; line-height: 1.25; } .agreement-markdown h2 { font-size: 1.25rem; } .agreement-markdown h3 { padding-top: 18px; border-top: 1px solid rgba(75,89,117,.32); font-size: 1rem; } .agreement-markdown h4, .agreement-markdown h5 { font-size: .875rem; } .agreement-markdown p { margin: 0 0 14px; color: #c9d3e1; } .agreement-markdown strong { color: #f3f6fb; font-weight: 800; } .agreement-markdown ul { margin: 6px 0 18px; padding-left: 22px; } .agreement-markdown li { margin: 5px 0; color: #c9d3e1; } .agreement-markdown li::marker { color: var(--market-gold); } .agreement-actions { padding: 0 32px 28px !important; gap: 12px !important; } .agreement-back { min-height: 42px !important; padding: 0 18px !important; border: 1px solid #44516d !important; border-radius: 6px !important; font-size: .75rem !important; font-weight: 850 !important; } .agreement-back:hover, .agreement-back:focus-visible { border-color: rgba(255,177,27,.46) !important; color: #fff !important; background: #35405b !important; } .agreement-note { color: #93a1b6 !important; } /* Shared micro-surfaces left from older skin */ .registration-result-card, .registration-save-warning, .registration-activation-state, .registration-result-row, .activity-card, .game-history-card{ border-color: var(--market-line) !important; border-radius: 8px !important; background: var(--market-panel) !important; box-shadow: none !important; } .registration-result-row, .registration-save-warning, .registration-activation-state, .activity-row, .activity-empty, .game-history-card, .game-login-row, .activity-panel-toolbar, .security-service-status, .ban-target-card, .ban-selected-target, .ban-table-wrap, .online-table-wrap { border-color: rgba(75, 89, 117, .46) !important; } /* Player security/activity */ .activity-tabs { padding: 0 16px !important; border-bottom-color: var(--market-line-soft) !important; background: #20283a !important; } .activity-tabs button { color: #94a3b8 !important; } .activity-tabs button:hover { color: #ffffff !important; } .activity-tabs button.is-active { border-bottom-color: var(--market-orange) !important; color: #ffffff !important; } .activity-panel-toolbar { padding: 12px 16px 0 !important; background: transparent !important; } .activity-panel-toolbar > span { color: #7d8ca3 !important; } .activity-list { gap: 9px !important; } .activity-row { padding: 12px 13px !important; border-radius: 8px !important; } .activity-row:hover { background: #2b354d !important; } .activity-row.is-current { border-color: var(--market-line) !important; background: #222a3d !important; } .activity-badge { border-color: #44516d !important; background: #303a53 !important; color: #d4dbea !important; } .activity-badge.ok { border-color: rgba(97,215,170,.34) !important; color: #7ce4bd !important; background: rgba(36,122,92,.16) !important; } .activity-badge.warning { border-color: rgba(255,177,27,.34) !important; color: #f5c86e !important; background: rgba(146,101,26,.16) !important; } .activity-badge.neutral { color: #b4c0d1 !important; } .activity-empty, .activity-loading { border-style: solid !important; background: #222a3d !important; color: #93a2b7 !important; } .activity-empty.error { color: #ff9da3 !important; border-color: rgba(241,123,130,.28) !important; background: rgba(137,52,59,.10) !important; } .game-history-wrap, .security-operation-history { margin-top: 0 !important; padding: 16px !important; } .game-history-list { max-height: 560px; } .security-policy-card > p, .account-service-card > p { color: #9fb0c6 !important; } .security-service-status { background: #20283a !important; } .security-service-status.ok {border-color: rgba(97,215,170,.34) !important;background: rgba(36,122,92,.16) !important;color: #7ce4bd !important;}.security-service-status.error {border-color: rgba(241,123,130,.30) !important;background: rgba(137,52,59,.14) !important;color: #ffabb0 !important;}.security-service-status.disabled {border-color: rgba(255,177,27,.30) !important;background: rgba(146,101,26,.12) !important;color: #f5c86e !important;}.security-service-status.neutral {color: #b8c3d4 !important;}.character-card,.character-card-v170 {border-radius: 8px !important;border-color: var(--market-line) !important;background: var(--market-panel) !important;box-shadow: none !important;}.character-card-v170:hover {border-color: rgba(255,177,27,.30) !important;box-shadow: none !important;}.character-visual,.character-visual-v170 {border-bottom: 1px solid rgba(77, 91, 119, .38) !important;}.character-card-v170.bellato .character-visual-v170,.character-card.bellato .character-visual {background: radial-gradient(circle at 50% 55%, rgba(107,168,236,.22), transparent 42%), linear-gradient(145deg, #1e3555, #1c2741) !important;}.character-card-v170.acc .character-visual-v170,.character-card.acc .character-visual {background: radial-gradient(circle at 50% 55%, rgba(245,148,98,.22), transparent 42%), linear-gradient(145deg, #4a2c25, #1f2231) !important;}.character-card-v170.cora .character-visual-v170,.character-card.cora .character-visual {background: radial-gradient(circle at 50% 55%, rgba(143,128,255,.22), transparent 42%), linear-gradient(145deg, #35294f, #1f2234) !important;}.character-overview article, .character-detail-panel, .character-stats div, .preview-row{border-color: rgba(75, 89, 117, .46) !important;background: #222a3d !important;}.character-detail-toggle {border-radius: 6px !important;background: #20283a !important;}.character-detail-toggle:hover {background: #2b354d !important;}.account-page-heading,.payment-page-heading {align-items: start;}.admin-alert {border-color: var(--market-line) !important;border-radius: 8px !important;}.admin-heading-actions {flex-wrap: wrap;}.admin-race-online-panel {display: grid;grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);gap: 12px;margin-bottom: 18px;}.admin-race-online-total {min-height: 120px;padding: 18px;display: flex;align-items: center;gap: 14px;}.admin-race-online-total > span:last-child {display: flex;flex-direction: column;}.admin-race-online-total small,.admin-race-online-list article small,.admin-race-online-unresolved {color: #8d9ab0 !important;}.admin-race-online-total strong {margin-top: 4px;font-size: 2.75rem;line-height: 1;}.admin-race-online-total p {margin: 7px 0 0;font-size: .75rem;}.admin-race-online-list {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px;}.admin-race-online-list article {min-height: 120px;padding: 18px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}.admin-race-online-list .race-label {display: flex;flex-direction: column;gap: 7px;}.admin-race-online-list .race-emblem {width: 28px;height: 28px;display: block;background: currentColor;-webkit-mask: center/contain no-repeat;mask: center/contain no-repeat;}.admin-race-online-list article.bellato .race-emblem { color: #f6c85d; -webkit-mask-image: url(/assets/races/bellato.svg); mask-image: url(/assets/races/bellato.svg); }.admin-race-online-list article.cora .race-emblem { color: #8f9cff; -webkit-mask-image: url(/assets/races/cora.svg); mask-image: url(/assets/races/cora.svg); }.admin-race-online-list article.accretia .race-emblem { color: #f08f73; -webkit-mask-image: url(/assets/races/accretia.svg); mask-image: url(/assets/races/accretia.svg); }.race-values {display: flex;flex-direction: column;align-items: flex-end;}.race-values strong {font-size: 2.375rem;line-height: 1;}.race-values em {margin-top: 7px;color: #93a1b6 !important;font-style: normal;font-size: .75rem;}.metric-symbol-svg, .admin-nav-icon-svg{width: 22px;height: 22px;}.metric-symbol-svg {width: 42px;height: 42px;display: grid;place-items: center;border: 1px solid #44516d;border-radius: 8px;color: #7faedc;background: #20283a;}.metric-symbol-svg.online { color: #61d7aa; }.metric-symbol-svg.guilds { color: #ffb11b; }.metric-symbol-svg.deleted { color: #f17b82; }.module-summary-item,.security-summary div {border-color: rgba(75, 89, 117, .46) !important;border-radius: 8px !important;background: #222a3d !important;}.security-summary {padding: 14px 16px 18px !important;}.security-summary div {padding: 14px 14px !important;margin-top: 8px;}.security-summary div:first-child {margin-top: 0;}.ban-module-metrics article, .ban-create-panel, .ban-list-panel, .online-list-panel, .account-result-match, .account-result-card{border-color: var(--market-line) !important;border-radius: 8px !important;background: var(--market-panel) !important;box-shadow: none !important;}.ban-module-metrics article{background: linear-gradient(145deg, #293249, #252d42) !important;}.ban-create-layout {gap: 12px !important;padding: 16px !important;}.ban-target-search,.ban-list-filters,.online-list-filters,.character-list-filters {gap: 10px !important;}.ban-target-search input,.ban-list-filters input,.ban-list-filters select,.online-list-filters input,.online-list-filters select {border-color: #3c4964 !important;border-radius: 6px !important;background: var(--market-input) !important;color: #f0f3f8 !important;}.ban-target-search input:focus,.ban-list-filters input:focus,.ban-list-filters select:focus,.online-list-filters input:focus,.online-list-filters select:focus {border-color: rgba(255,177,27,.68) !important;box-shadow: 0 0 0 3px rgba(255,158,0,.07) !important;}.ban-target-meta, .ban-list-meta, .online-list-meta{color: #8d9ab0 !important;}.ban-target-results {gap: 9px !important;}.ban-target-card {padding: 12px 13px !important;border-radius: 8px !important;background: #222a3d !important;}.ban-target-card:hover,.ban-target-card.is-selected {border-color: rgba(255,177,27,.30) !important;background: #2b354d !important;}.ban-target-avatar,.ban-selected-avatar {border-color: rgba(255,177,27,.38) !important;border-radius: 8px !important;background: #303a53 !important;color: #ffe2a0 !important;}.ban-selected-target {padding: 16px !important;background: #222a3d !important;}.ban-selected-note {border-top-color: rgba(75, 89, 117, .46) !important;}.ban-table-wrap,.online-table-wrap {padding: 0 14px 14px !important;}.ban-kind-badge,.ban-state-badge,.online-race-badge,.online-ban-badge,.online-staff-badge {border-radius: 999px !important;}.ban-row-button,.table-action {border-color: #44516d !important;border-radius: 6px !important;color: #d4dbea !important;background: #303a53 !important;}.ban-row-button:hover,.table-action:hover {border-color: rgba(255,177,27,.46) !important;color: #fff !important;background: #35405b !important;}.ban-row-button.warning {border-color: rgba(255,177,27,.38) !important;color: #f0c56f !important;}.admin-body table,.admin-body thead,.admin-body tbody,.admin-body tr,.admin-body td,.admin-body th {background-clip: padding-box;}.module-inline-link, .table-action, .ban-row-button, .funpay-offer-action{text-decoration: none !important;}@media (max-width: 1200px) {.admin-race-online-panel {grid-template-columns: 1fr;}}@media (max-width: 820px) {.agreement-head,.agreement-body,.agreement-empty,.agreement-actions {padding-left: 20px !important;padding-right: 20px !important;}.agreement-head h1 {font-size: 1.75rem !important;}.admin-race-online-list {grid-template-columns: 1fr;}} .player-activity-section, .service-history-panel, .account-services-staff, .character-card, .character-card-v170{border-radius: 8px !important;border-color: var(--market-line) !important;background: var(--market-panel) !important;box-shadow: none !important;} .account-service-card, .security-policy-card, .service-history-summary{ border-color: rgba(75, 89, 117, .46) !important; border-radius: 8px !important; background: #222a3d !important; } .account-service-card label > span, .payment-form label > span, .payment-summary-card small{ color: #8fa0b7 !important; } .account-service-card h3, .payment-provider-head h2, .payment-summary-card b, .service-history-copy b{ color: #f4f6fb !important; } .account-service-card > p, .payment-summary-card p, .payment-provider-head p{ color: #9aa8bc !important; } .account-services-staff { margin: 0 !important; } .payment-provider-head{ gap: 12px !important; } .payment-provider-head > em{ border-radius: 999px !important; } .player-activity-section { overflow: hidden !important; } .player-activity-head, .service-history-head{ padding: 18px 20px !important; border-bottom-color: var(--market-line-soft) !important; } .player-activity-head, .service-history-head{ background: rgba(28, 35, 51, .16) !important; position: relative; } .player-activity-head::before, .service-history-head::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--market-gold), var(--market-orange), rgba(255,121,0,0)); } .player-activity-grid, .game-history-wrap, .security-operation-history, .service-history-list { padding: 16px !important; gap: 10px !important; } .activity-tab-panel { padding: 0 !important; background: transparent !important; } .activity-card, .game-history-card, .service-history-row { border: 1px solid rgba(75, 89, 117, .46) !important; border-radius: 8px !important; background: #222a3d !important; } .activity-card { padding: 16px !important; } .activity-card-head { margin-bottom: 12px !important; padding-bottom: 12px !important; } .activity-card-head h3{ color: #f4f6fb !important; } .activity-card-head p, .player-activity-head p p{ color: #9aa8bc !important; } .activity-row, .game-login-row, .service-history-row { padding: 13px 14px !important; } .activity-row small, .game-login-row small, .service-history-copy small, .service-history-summary{ color: #8fa0b7 !important; } .activity-row b, .game-login-row b { color: #f4f6fb !important; } .activity-list, .game-history-list, .service-history-list { display: grid !important; gap: 10px !important; } .security-services-player { gap: 12px !important; padding: 16px !important; } .security-policy-card, .account-service-card { min-height: 100% !important; } .secondary-action.compact, .secondary-action, .primary-action{ border-radius: 6px !important; } .account-page-heading { gap: 18px !important; margin-bottom: 18px !important; } .metric-card, .welcome-panel{ border-color: var(--market-line) !important; } .admin-heading { align-items: flex-start !important; } .admin-heading-actions { row-gap: 10px !important; } .admin-button { border-radius: 6px !important; min-height: 42px !important; padding: 0 18px !important; } .admin-button.secondary { border-color: #44516d !important; background: #303a53 !important; color: #d4dbea !important; } .admin-button.secondary:hover { border-color: rgba(255,177,27,.46) !important; color: #fff !important; background: #35405b !important; } .admin-panel, .database-warning, .audit-panel, .payment-ledger-panel, .account-result-card, .account-activity-panel, .ban-create-panel, .ban-list-panel, .online-list-panel, .database-config-panel, .database-status-panel{ border-radius: 8px !important; border-color: var(--market-line) !important; background: var(--market-panel) !important; box-shadow: none !important; } .admin-panel-head, .audit-toolbar, .payment-ledger-panel .admin-panel-head{ min-height: auto !important; padding: 16px 18px !important; border-bottom-color: var(--market-line-soft) !important; background: rgba(28, 35, 51, .16) !important; } .admin-panel-head h2, .audit-toolbar span{ color: #f4f6fb !important; } .admin-panel-head p, .audit-toolbar small, .admin-heading p { color: #9aa8bc !important; } .settings-grid, .database-form, .payment-bonus-admin-grid, .funpay-admin-grid, .admin-balance-form, .ban-create-layout{ gap: 12px !important; } .setting-row, .database-field-grid > label, .database-names-grid > label, .payment-bonus-admin-row, .funpay-admin-row, .admin-balance-fields label{ border-color: rgba(75, 89, 117, .40) !important; } .setting-row input, .setting-row select, .setting-row textarea, .database-form input, .database-form select, .database-form textarea, .online-list-filters input, .online-list-filters select, .ban-list-filters input, .ban-list-filters select, .ban-target-search input, .payment-bonus-admin-row input, .funpay-admin-row input, .admin-balance-fields input, .audit-toolbar select{ border-color: #3c4964 !important; border-radius: 6px !important; background: var(--market-input) !important; color: #f0f3f8 !important; } .setting-row input:focus, .setting-row select:focus, .setting-row textarea:focus, .database-form input:focus, .database-form select:focus, .database-form textarea:focus, .online-list-filters input:focus, .online-list-filters select:focus, .ban-list-filters input:focus, .ban-list-filters select:focus, .ban-target-search input:focus, .payment-bonus-admin-row input:focus, .funpay-admin-row input:focus, .admin-balance-fields input:focus, .audit-toolbar select:focus{ border-color: rgba(255,177,27,.68) !important; box-shadow: 0 0 0 3px rgba(255,158,0,.07) !important; outline: 0 !important; } .database-warning, .account-result-match, .admin-balance-target-card{ background: linear-gradient(145deg, #293249, #252d42) !important; } .database-field-grid, .database-names-grid { gap: 0 !important; } .database-field-grid > label, .database-names-grid > label { padding: 14px 16px !important; } .database-form-foot { padding: 16px !important; border-top-color: rgba(75, 89, 117, .46) !important; } .payment-admin-state, .database-status-list article em{ border-radius: 999px !important; } .database-status-list article { padding: 14px 2px !important; } .database-status-list article b, .database-status-list article em, .payment-bonus-admin-row b, .funpay-admin-row b{ font-size: .75rem !important; } .database-status-list article small, .payment-bonus-admin-row label > span, .funpay-admin-row label > span{ font-size: .75rem !important; } .online-module-metrics article { border-color: var(--market-line) !important; } .online-list-filters, .ban-list-filters, .character-list-filters, .audit-toolbar{ gap: 10px !important; padding: 14px 16px !important; } .online-list-meta, .ban-list-meta, .character-list-meta{ font-size: .75rem !important; color: #8d9ab0 !important; } .table-scroll, .audit-table-wrap { overflow-x: auto !important; } .audit-table, .admin-table, .online-table, .character-table, .ban-table, .voting-table, .account-activity-table, .admin-balance-table, .payment-ledger-table { width: 100% !important; min-width: 1200px; border-collapse: separate !important; border-spacing: 0 !important; } .audit-table thead th, .admin-table thead th, .online-table thead th, .character-table thead th, .ban-table thead th, .voting-table thead th, .account-activity-table thead th, .admin-balance-table thead th, .payment-ledger-table thead th { padding: 12px 14px !important; border-bottom: 1px solid rgba(75, 89, 117, .46) !important; background: #20283a !important; color: #8ea0b8 !important; font-size: .75rem !important; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; position: sticky; top: 0; z-index: 1; } .audit-table tbody td, .admin-table tbody td, .online-table tbody td, .character-table tbody td, .ban-table tbody td, .voting-table tbody td, .account-activity-table tbody td, .admin-balance-table tbody td, .payment-ledger-table tbody td { padding: 12px 14px !important; border-bottom: 1px solid rgba(75, 89, 117, .28) !important; color: #d8e0ec !important; font-size: .75rem !important; line-height: 1.45 !important; vertical-align: top !important; } .audit-table tbody tr:nth-child(odd), .admin-table tbody tr:nth-child(odd), .online-table tbody tr:nth-child(odd), .character-table tbody tr:nth-child(odd), .ban-table tbody tr:nth-child(odd), .voting-table tbody tr:nth-child(odd), .account-activity-table tbody tr:nth-child(odd), .admin-balance-table tbody tr:nth-child(odd), .payment-ledger-table tbody tr:nth-child(odd) { background: rgba(36, 42, 61, .46) !important; } .audit-table tbody tr:hover, .admin-table tbody tr:hover, .online-table tbody tr:hover, .character-table tbody tr:hover, .ban-table tbody tr:hover, .voting-table tbody tr:hover, .account-activity-table tbody tr:hover, .admin-balance-table tbody tr:hover, .payment-ledger-table tbody tr:hover { background: rgba(47, 56, 79, .70) !important; } .audit-table code, .admin-table code, .online-table code, .character-table code, .ban-table code, .voting-table code, .account-activity-table code, .admin-balance-table code, .payment-ledger-table code { display: inline-block; max-width: 100%; padding: 4px 8px !important; border: 1px solid #3d4a61 !important; border-radius: 6px !important; background: #0f1828 !important; color: #dce4ef !important; font-size: .75rem !important; white-space: nowrap; } .audit-empty, .table-empty, .account-empty { margin: 0 16px 16px !important; padding: 16px !important; border: 1px dashed rgba(75, 89, 117, .46) !important; border-radius: 8px !important; background: #222a3d !important; color: #93a2b7 !important; text-align: center; } .admin-balance-workspace, .admin-dashboard-grid, .account-service-settings-grid, .ban-module-metrics{ gap: 14px !important; } .admin-balance-target-card, .admin-balance-action-panel { border-radius: 8px !important; } .admin-balance-current, .admin-balance-preview{ border-color: rgba(75, 89, 117, .46) !important; border-radius: 8px !important; background: #222a3d !important; } .admin-balance-preview { gap: 12px !important; } @media (max-width: 1100px) { .admin-dashboard-grid, .database-layout, .admin-balance-workspace{ grid-template-columns: 1fr !important; } } @media (max-width: 820px) { .security-services-player, .online-module-metrics { grid-template-columns: 1fr !important; } .online-list-filters, .ban-list-filters, .character-list-filters, .audit-toolbar{ grid-template-columns: 1fr !important; display: grid !important; } .player-activity-grid{ grid-template-columns: 1fr !important; } } @media (max-width: 640px) { .funpay-provider-card, .player-activity-section, .service-history-panel, .database-warning, .admin-panel { padding-left: 0 !important; padding-right: 0 !important; } .security-services-player, .player-activity-grid, .service-history-list { padding: 12px !important; } } .database-warning { border-radius: 8px !important; color: #d8e1ed !important; } .database-warning > .ui-icon { width: 22px !important; height: 22px !important; flex: 0 0 22px; color: #7db8ff !important; margin-top: 0 !important; } .database-warning b { margin-bottom: 4px !important; color: #f3f6fb !important; font-size: .9375rem !important; font-weight: 800 !important; } .database-warning p { color: #9aa8bc !important; font-size: .75rem !important; line-height: 1.55 !important; } .database-warning code { border-radius: 999px !important; padding: 4px 9px !important; } .online-table tbody td { vertical-align: middle !important; } .online-module-metrics { grid-template-columns: minmax(240px, 1.45fr) repeat(3, minmax(170px, 1fr)) !important; gap: 12px !important; margin-bottom: 16px !important; } .online-module-metrics article { min-height: 132px !important; padding: 20px 18px 18px 20px !important; display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; gap: 14px !important; border: 1px solid var(--market-line) !important; border-radius: 8px !important; background: linear-gradient(145deg, rgba(39,48,69,.96), rgba(34,42,61,.96)) !important; } .online-module-metrics article::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; border-radius: 999px; background: linear-gradient(180deg, rgba(73,222,187,.95), rgba(73,222,187,.18)); opacity: .95; } .online-module-metrics article:nth-child(2)::before { background: linear-gradient(180deg, rgba(240,195,106,.95), rgba(240,195,106,.18)); } .online-module-metrics article:nth-child(3)::before { background: linear-gradient(180deg, rgba(124,140,255,.95), rgba(124,140,255,.18)); } .online-module-metrics article:nth-child(4)::before { background: linear-gradient(180deg, rgba(246,144,107,.95), rgba(246,144,107,.18)); } .online-metric-icon { position: static !important; width: 42px !important; height: 42px !important; border-radius: 11px !important; box-shadow: none !important; } .online-metric-icon .ui-icon { width: 26px !important; height: 26px !important; } .online-metric-icon:not(.all)::before { width: 32px !important; height: 32px !important; } .online-module-metrics small { display: block !important; margin: 0 !important; align-self: center !important; color: #97a6bb !important; font-size: .75rem !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .11em !important; } .online-module-metrics strong { margin-top: 0 !important; align-self: center !important; color: #f4f6fb !important; font-size: 2.125rem !important; font-weight: 900 !important; line-height: 1 !important; } .online-module-metrics p { margin: 4px 0 0 !important; color: #9aa8bc !important; font-size: .75rem !important; line-height: 1.45 !important; } .online-module-metrics article > div { min-width: 0; } .online-module-metrics article > div:last-child { justify-self: end; text-align: right; } #settings-paymentsView .payment-admin-provider-tabs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px; width:100%; } #settings-paymentsView .payment-admin-provider-tab{ width:100%; min-width:0; min-height:76px!important; padding:12px 14px!important; display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:10px; text-align:left; } #settings-paymentsView .payment-admin-provider-tab .payment-provider-tab-icon{ width:36px; height:36px; border:1px solid var(--avalon-line); border-radius:9px; display:grid; place-items:center; background:var(--avalon-surface-soft); color:var(--avalon-muted); } #settings-paymentsView .payment-admin-provider-tab .payment-provider-tab-icon .ui-icon{width:16px;height:16px} #settings-paymentsView .payment-admin-provider-tab>span:nth-child(2){display:grid;gap:3px;min-width:0} #settings-paymentsView .payment-admin-provider-tab b, #settings-paymentsView .payment-admin-provider-tab small{display:block;min-width:0} #settings-paymentsView .payment-admin-provider-tab b{color:var(--avalon-text);font-size:.8125rem;line-height:1.15} #settings-paymentsView .payment-admin-provider-tab small{color:var(--avalon-muted);font-size:.75rem;line-height:1.2;white-space:normal} #settings-paymentsView .payment-admin-provider-tab em{ align-self:center; padding:3px 7px; border-radius:999px; background:var(--avalon-surface-raised); color:var(--avalon-muted); font-size:.75rem; font-style:normal; font-weight:800; line-height:1; white-space:nowrap; } #settings-paymentsView .payment-admin-provider-tab.active .payment-provider-tab-icon, #settings-paymentsView .payment-admin-provider-tab.active em{color:var(--avalon-gold)} #settings-paymentsView .payment-bonus-admin-grid{grid-template-columns:1fr;gap:10px} #settings-paymentsView .payment-bonus-admin-row{ grid-template-columns:86px minmax(180px,.55fr) minmax(180px,.55fr); align-items:end; gap:10px 12px; padding:12px 14px; } #settings-paymentsView .payment-bonus-admin-row>b{align-self:center;font-size:.8125rem} #settings-paymentsView .payment-bonus-item-editor{ grid-column:1/-1; display:grid; grid-template-columns:minmax(240px,1fr) minmax(280px,1fr) minmax(120px,.38fr) auto; align-items:end; gap:9px 10px; padding-top:2px; } #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-search{grid-column:1/3} #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-selected{grid-column:1/3;margin:0} #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-media{grid-column:3/5;grid-row:1} #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-qty{grid-column:3;grid-row:2} #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-clear{grid-column:4;grid-row:2;min-height:40px;align-self:end;white-space:nowrap} #settings-paymentsView .payment-bonus-item-editor .coupon-item-results{grid-column:1/-1} #settings-paymentsView .payment-ledger-account-cell{white-space:nowrap} #settings-paymentsView .payment-ledger-account-link{ padding:0; border:0; background:transparent; color:var(--avalon-text); font:inherit; font-weight:800; text-align:left; cursor:pointer; text-decoration:none; } #settings-paymentsView .payment-ledger-account-link:hover, #settings-paymentsView .payment-ledger-account-link:focus-visible{color:var(--avalon-gold);text-decoration:underline;text-underline-offset:3px;outline:none} @media(max-width:1180px){ #settings-paymentsView .payment-bonus-item-editor{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)} #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-search, #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-selected, #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-media{grid-column:1/-1;grid-row:auto} #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-qty{grid-column:1;grid-row:auto} #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-clear{grid-column:2;grid-row:auto} } @media(max-width:700px){ #settings-paymentsView .payment-bonus-admin-row{grid-template-columns:1fr 1fr} #settings-paymentsView .payment-bonus-admin-row>b{grid-column:1/-1} #settings-paymentsView .payment-bonus-item-editor{grid-template-columns:1fr} #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-search, #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-selected, #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-media, #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-qty, #settings-paymentsView .payment-bonus-item-editor .payment-bonus-item-clear{grid-column:1;grid-row:auto} } .payment-readonly-value{width:100%!important;background:rgba(7,14,26,.45)!important;color:#d7dfeb!important;overflow-wrap:anywhere}.payment-ledger-meta{align-self:center} #settings-paymentsView .payment-ledger-table{table-layout:fixed!important;min-width:1280px!important}#settings-paymentsView .payment-ledger-table col:nth-child(1){width:5%}#settings-paymentsView .payment-ledger-table col:nth-child(2){width:10%}#settings-paymentsView .payment-ledger-table col:nth-child(3){width:9%}#settings-paymentsView .payment-ledger-table col:nth-child(4){width:18%}#settings-paymentsView .payment-ledger-table col:nth-child(5){width:15%}#settings-paymentsView .payment-ledger-table col:nth-child(6){width:17%}#settings-paymentsView .payment-ledger-table col:nth-child(7){width:14%}#settings-paymentsView .payment-ledger-table col:nth-child(8){width:12%}#settings-paymentsView .payment-ledger-table :is(thead th,tbody td){height:58px!important;padding:0 14px!important;vertical-align:middle!important;text-align:left!important;line-height:1.25!important}#settings-paymentsView .payment-ledger-table thead th{height:40px!important}#settings-paymentsView .payment-ledger-table tbody tr,#settings-paymentsView .payment-ledger-table tbody td{background:transparent!important}.payment-ledger-inline{display:flex;align-items:center;gap:8px;min-height:38px;white-space:nowrap}.payment-ledger-credit-details{display:grid;gap:1px;min-width:0;line-height:1.15}.payment-ledger-credit-amount{color:var(--avalon-text);font-size:.75rem;font-weight:850;white-space:nowrap}.payment-ledger-credit-balance{margin:0;color:var(--avalon-muted);font-size:.7rem;white-space:nowrap}.payment-ledger-created-cell{white-space:nowrap}.payment-ledger-action-cell{text-align:center!important;white-space:nowrap}.payment-ledger-action-cell .admin-button,.payment-ledger-action-cell .payment-ledger-done{display:inline-flex;align-items:center;justify-content:center;width:112px;min-height:38px;margin:0 auto}.payment-ledger-action-cell .payment-ledger-done{color:#7f8ca3}.payment-ledger-table thead th:last-child{text-align:center!important}@media(max-width:980px){#settings-paymentsView .payment-admin-provider-tabs{grid-template-columns:1fr!important}} /* Race donut: replace old glossy sci-fi look with calmer market widget */ @media (max-width: 1100px) { .online-module-metrics { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } } @media (max-width: 820px) { .online-module-metrics { grid-template-columns: 1fr !important; } .online-module-metrics article { grid-template-columns: auto 1fr auto !important; min-height: 110px !important; } } @media (max-width: 580px) { .database-warning { align-items: flex-start !important; } .database-warning b { font-size: .875rem !important; } .database-warning p { font-size: .75rem !important; } } /* Admin dashboard: remove the remaining dark-blue outer slab. */ .admin-race-online-panel { padding: 0 !important; grid-template-columns: minmax(280px, .95fr) minmax(0, 1.65fr) !important; gap: 12px !important; align-items: stretch !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } .admin-race-online-panel::before { display: none !important; } .admin-race-online-total, .admin-race-online-list article { border: 1px solid var(--market-line) !important; border-radius: 8px !important; background: linear-gradient(145deg, #293249, #252d42) !important; box-shadow: none !important; } .admin-race-online-total { min-height: 126px !important; padding: 20px 22px !important; display: grid !important; grid-template-columns: 48px minmax(0,1fr) !important; gap: 16px !important; align-items: center !important; position: relative; overflow: hidden; } .admin-race-online-total::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; border-radius: 999px; background: linear-gradient(180deg, #61d7aa, rgba(97,215,170,.12)); } .admin-race-online-total .metric-symbol-svg { width: 46px !important; height: 46px !important; border-color: rgba(97,215,170,.38) !important; background: rgba(31,91,74,.18) !important; color: #61d7aa !important; } .admin-race-online-total small { color: #9aa8bc !important; font-size: .75rem !important; letter-spacing: .10em !important; } .admin-race-online-total strong { margin-top: 5px !important; font-size: 2.375rem !important; color: #f5f7fb !important; line-height: .96 !important; } .admin-race-online-total p { margin-top: 8px !important; color: #a0adbf !important; font-size: .75rem !important; } .admin-race-online-list { gap: 12px !important; align-items: stretch !important; } .admin-race-online-list article { min-height: 126px !important; padding: 20px 18px !important; position: relative; overflow: hidden; } .admin-race-online-list article::after { content: ""; position: absolute; width: 74px; height: 74px; right: -24px; top: -28px; border-radius: 50%; background: radial-gradient(circle, currentColor 0%, transparent 68%); opacity: .035; pointer-events: none; } .admin-race-online-list article > span:first-child { gap: 9px !important; } .admin-race-online-list article > span:first-child i { width: 9px !important; height: 9px !important; box-shadow: 0 0 12px currentColor !important; } .admin-race-online-list small { color: #9aa8bc !important; font-size: .75rem !important; } .admin-race-online-list .race-values strong { font-size: 2.25rem !important; color: #f5f7fb !important; } .admin-race-online-list .race-values em { margin-top: 8px !important; color: #8fa0b7 !important; font-size: .75rem !important; } .admin-race-online-unresolved { position: static !important; grid-column: 1 / -1; margin-top: -3px; padding-left: 2px; color: #8fa0b7 !important; font-size: .75rem !important; } /* Player dashboard: implement the cleaner donut concept in actual CSS. */ @media (max-width: 1240px) { .admin-race-online-panel { grid-template-columns: 1fr !important; } } @media (max-width: 820px) { .admin-race-online-list { grid-template-columns: repeat(3, minmax(0,1fr)) !important; } } @media (max-width: 620px) { .admin-race-online-list { grid-template-columns: 1fr !important; } .admin-race-online-total, .admin-race-online-list article { min-height: 104px !important; } } /* Dashboard hero: compact, non-chart online block. */ .welcome-panel { min-height: 250px !important; padding: 36px 40px !important; gap: 36px !important; } .welcome-copy { max-width: 760px; } .welcome-copy h1 { margin-bottom: 12px !important; } .welcome-copy p { max-width: 680px; line-height: 1.65 !important; } .welcome-actions { margin-top: 26px !important; gap: 10px !important; } .online-summary-unresolved { margin: -2px 2px 0; color: #8f9eb3; font-size: .75rem; } /* Dashboard rhythm. */ /* A little more breathing room for the other dense player views too. */ .player-activity-section + .account-services-section { margin-top: 26px !important; } .account-services-section, .player-activity-section, .service-history-panel { margin-bottom: 4px; } @media (max-width: 1180px) { .welcome-panel { padding: 30px !important; } } @media (max-width: 900px) { .welcome-panel { align-items: stretch !important; flex-direction: column !important; } } @media (max-width: 620px) { .welcome-panel { padding: 22px 18px !important; gap: 24px !important; } } /* Persistent wallet next to the account identity. */ .top-wallet { margin-left: auto; display: flex; align-items: center; gap: 8px; flex: 0 0 auto; } .top-wallet-card { min-width: 126px; height: 54px; padding: 7px 11px; border: 1px solid rgba(255,177,27,.30); border-radius: 7px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; color: #f5f7fb; background: linear-gradient(145deg, #2d354a, #252d42); text-align: left; transition: border-color .16s, background .16s, transform .16s; } .top-wallet-card:hover { border-color: rgba(255,177,27,.52); background: linear-gradient(145deg, #333c54, #293249); } .top-wallet-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,198,81,.36); border-radius: 7px; color: #ffd36d; background: rgba(255,177,27,.075); } .top-wallet-icon .ui-icon { width: 19px; height: 19px; } .top-wallet-copy { min-width: 0; display: grid; gap: 2px; } .top-wallet-copy small { overflow: hidden; color: #a89773; font-size: .75rem; font-weight: 900; letter-spacing: .10em; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; } .top-wallet-copy b { overflow: hidden; color: #fff2cf; font-size: .9375rem; line-height: 1.05; font-weight: 900; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; } .top-wallet-card.tokens { border-color: rgba(177,145,240,.30); } .top-wallet-card.tokens:hover { border-color: rgba(192,163,248,.52); } .top-wallet-card.tokens .top-wallet-icon { border-color: rgba(192,163,248,.36); color: #cfb8ff; background: rgba(143,100,218,.085); } .top-wallet-card.tokens .top-wallet-copy small { color: #a99ac5; } .top-wallet-card.tokens .top-wallet-copy b { color: #eee7ff; } .top-profile { padding-left: 14px !important; } /* With currencies moved to the topbar, overview becomes a clean status row. */ /* Page headings no longer reserve a second wallet column. */ .account-page-heading, .premium-page-heading{ display: block !important; min-height: 0 !important; margin-bottom: 30px !important; } .account-page-heading > span:first-child, .premium-page-heading > span:first-child > span:first-child > span:first-child{ max-width: 820px; } /* Stronger vertical rhythm between independent surfaces. */ .app-view > .page-heading + section, .app-view > .page-heading + div, .app-view > .page-heading + form { margin-top: 0; } .account-services-section + .service-history-panel, .player-activity-section + .account-services-section, .account-services-section + .security-operation-history{ margin-top: 30px !important; } /* Prevent large blank header gaps after the old page-wallet blocks disappear. */ .page-heading h1 { margin-bottom: 7px !important; } .page-heading p { margin-top: 0 !important; } @media (max-width: 1180px) { .top-wallet-card { min-width: 112px; } .top-wallet-copy b { font-size: .875rem; } } @media (max-width: 900px) { .top-wallet { gap: 6px; } .top-wallet-card { min-width: 94px; height: 46px; padding: 5px 8px; grid-template-columns: 28px minmax(0,1fr); gap: 7px; } .top-wallet-icon { width: 28px; height: 28px; } .top-wallet-icon .ui-icon { width: 16px; height: 16px; } .top-wallet-copy small { display: none; } .top-wallet-copy b { font-size: .8125rem; } .top-profile { margin-left: 8px !important; padding-left: 8px !important; } } @media (max-width: 700px) { .topbar .brand { margin-right: 6px; } .top-wallet-card { min-width: 78px; height: 44px; padding: 5px 7px; grid-template-columns: 26px minmax(0,1fr); gap: 6px; } .top-wallet-icon { width: 26px; height: 26px; } .top-wallet-copy b { font-size: .75rem; } } @media (max-width: 520px) { .topbar .brand > span:last-child { display: none !important; } .topbar .brand { min-width: 34px !important; width: 34px; } .top-wallet { margin-left: auto; } .top-wallet-card { min-width: 64px; padding: 5px 6px; grid-template-columns: 22px minmax(0,1fr); gap: 5px; } .top-wallet-icon { width: 22px; height: 22px; border: 0; background: transparent; } .top-wallet-icon .ui-icon { width: 15px; height: 15px; } .top-wallet-copy b { font-size: .75rem; } .top-profile { border-left: 0 !important; } } .top-wallet-card { cursor: default; } .top-wallet-card:hover { transform: none; } /* The old "Безопасная архитектура" dashboard callout was removed. */ .top-wallet-card.cashshop{border-color:rgba(91,165,217,.30);background:linear-gradient(145deg,#2a354b,#232d42)} .top-wallet-card.cashshop:hover{border-color:rgba(111,187,235,.52);background:linear-gradient(145deg,#303d55,#273249)} .top-wallet-card.cashshop .top-wallet-icon{border-color:rgba(96,174,224,.36);color:#8ccaf0;background:rgba(55,135,188,.085)} .top-wallet-card.cashshop .top-wallet-copy small{color:#8daec5} .top-wallet-card.cashshop .top-wallet-copy b{color:#e3f4ff} /* ========================================================================== 05 LEGACY UNIFIED UI / unified-ui.css ========================================================================== */ /* ---------- Global rhythm ---------- */ body,.admin-body{background:var(--ui-bg)!important;color:var(--ui-text)} .content,.admin-content{padding-top:32px!important;padding-bottom:72px!important} .content>.app-view,.admin-content>.admin-view{width:100%;max-width:1480px;margin:0 auto} .page-heading,.admin-heading{min-height:0!important;margin:0 0 20px!important;padding:2px 0!important;align-items:flex-end!important} .page-heading h1,.admin-heading h1{margin:5px 0 5px!important;font-size:1.875rem!important;line-height:1.08!important;letter-spacing:-.035em!important;color:var(--ui-text)!important} .page-heading p,.admin-heading p{max-width:820px;margin:0!important;color:var(--ui-muted)!important;font-size:.75rem!important;line-height:1.55!important} .page-heading small, .admin-heading small, .panel-head small, .admin-panel-head small{text-transform:uppercase!important} .panel-head h2, .admin-panel-head h2{margin:4px 0 0!important;line-height:1.25!important} /* ---------- Unified surfaces ---------- */ .panel, .account-services-section, .character-overview article, .character-card, .character-card-v170, .player-activity-section, .activity-card, .premium-status-panel, .premium-purchase-box, .service-history-panel, .admin-panel, .admin-status-hero, .admin-race-online-panel, .admin-metrics article, .online-module-metrics article, .character-module-metrics article, .ban-module-metrics article, .database-warning, .account-detail-hero, .account-character-card{ border:1px solid var(--ui-line)!important; border-radius:var(--ui-radius)!important; background:var(--ui-surface)!important; box-shadow:none!important; } .panel-head,.account-services-head,.service-history-head,.admin-panel-head{ min-height:60px!important; padding:14px 16px!important; border-bottom:1px solid var(--ui-line-soft)!important; background:transparent!important; } .panel-head:before, .service-history-head:before, .vote-history-head:before{display:none!important} /* ---------- Buttons and controls ---------- */ .primary-action,.admin-button:not(.secondary){ min-height:40px!important; border:1px solid #d88700!important; border-radius:9px!important; color:#18130a!important; background:linear-gradient(180deg,#ffc142,#f39a16)!important; box-shadow:none!important; font-weight:900!important; } .primary-action:hover,.admin-button:not(.secondary):hover{filter:brightness(1.04)!important;transform:none!important} .secondary-action, .ghost-action, .admin-button.secondary, .module-toggle-button, .module-inline-link{ min-height:38px!important; border:1px solid #46536d!important; border-radius:9px!important; color:#dbe3ef!important; background:#30394f!important; box-shadow:none!important; } .secondary-action:hover, .ghost-action:hover, .admin-button.secondary:hover, .module-inline-link:hover{ border-color:#65728d!important;color:#fff!important;background:#374158!important;transform:none!important } input,select,textarea,.input-wrap{ border-color:#46536d!important; border-radius:9px!important; background:var(--ui-input)!important; color:var(--ui-text)!important; box-shadow:none!important; } input:focus,select:focus,textarea:focus,.input-wrap:focus-within{ border-color:rgba(255,177,27,.66)!important; box-shadow:0 0 0 3px rgba(255,177,27,.08)!important; } /* ---------- Player dashboard / common ---------- */ .welcome-panel{border:1px solid var(--ui-line)!important;border-top:3px solid var(--ui-orange)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;box-shadow:none!important} .welcome-panel:before, .welcome-panel:after{display:none!important} .metric-card{border:1px solid var(--ui-line)!important;border-radius:12px!important;background:var(--ui-surface)!important;box-shadow:none!important} /* ---------- Account ---------- */ .admin-facts>div,.security-summary>div{border-color:var(--ui-line-soft)!important} .account-service-card{border:1px solid var(--ui-line)!important;border-radius:12px!important;background:var(--ui-surface-soft)!important;box-shadow:none!important} .account-service-card:hover{border-color:#53617c!important;transform:none!important} .account-service-state, .security-service-status{border-radius:8px!important;background:var(--ui-surface-soft)!important} /* ---------- Characters ---------- */ .character-overview{gap:10px!important} .character-overview article{min-height:90px!important;padding:15px!important} .character-card,.character-card-v170{overflow:hidden!important;transition:border-color .15s!important;transform:none!important} .character-card:hover,.character-card-v170:hover{border-color:#586883!important;transform:none!important;box-shadow:none!important} .character-visual,.character-visual-v170{box-shadow:none!important} .character-detail-panel{border-color:transparent!important;background:transparent!important} /* ---------- Security ---------- */ .security-card-icon{margin-bottom:16px!important;box-shadow:none!important} .activity-card{overflow:hidden!important} .activity-card-head{border-bottom:1px solid var(--ui-line-soft)!important} .activity-row{border-color:var(--ui-line-soft)!important;background:transparent!important} /* ---------- Premium / voting / services / payments ---------- */ .premium-status-panel,.premium-purchase-box,.service-history-panel{overflow:hidden!important} .premium-status-panel:before{display:none!important} .service-history-row{border:1px solid transparent!important;border-bottom-color:var(--ui-line-soft)!important;background:transparent!important;border-radius:0!important} .service-history-row:hover{background:rgba(255,255,255,.018)!important} /* ---------- Converter: rebuilt, single visual language ---------- */ .converter-view{max-width:1320px!important} .converter-history-row{border:1px solid var(--ui-line-soft)!important;border-radius:9px!important;background:var(--ui-surface-soft)!important} /* ---------- Admin shared ---------- */ .admin-content{padding-left:clamp(22px,3.2vw,52px)!important;padding-right:clamp(22px,3.2vw,52px)!important} .admin-heading-actions{gap:7px!important;flex-wrap:wrap!important;justify-content:flex-end!important} .admin-status-hero{margin-bottom:12px!important;padding:18px!important;border-left:1px solid var(--ui-line)!important;border-top:3px solid var(--ui-orange)!important;background:var(--ui-surface)!important} .admin-status-hero:before,.admin-status-hero:after{display:none!important} .admin-race-online-panel{margin-bottom:12px!important;background:var(--ui-surface)!important} .admin-metrics,.online-module-metrics,.character-module-metrics,.ban-module-metrics{gap:9px!important;margin-bottom:12px!important} .admin-metrics article,.online-module-metrics article,.character-module-metrics article,.ban-module-metrics article{min-height:110px!important;padding:15px!important;overflow:hidden!important} .admin-metrics article:after,.online-module-metrics article:after,.character-module-metrics article:after,.ban-module-metrics article:after{display:none!important} .admin-panel{overflow:hidden!important} .admin-panel-head button{color:#d6dfed!important} .admin-panel-head button:hover{color:#fff!important} /* Admin settings become cards instead of legacy horizontal rows. */ .settings-section{margin-bottom:12px!important} .settings-grid,.settings-grid.two-columns{padding:12px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} .setting-row,.setting-row.full,.setting-row.switch-row,.readonly-setting,.policy-explainer{ min-width:0!important;min-height:78px!important;margin:0!important;padding:13px!important; display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,.72fr)!important;gap:12px!important;align-items:center!important; border:1px solid var(--ui-line)!important;border-radius:10px!important;background:var(--ui-surface-soft)!important } .setting-row.full{grid-column:1/-1!important} .setting-row.switch-row{grid-template-columns:minmax(0,1fr) auto!important} .setting-row.policy-explainer{grid-template-columns:minmax(0,1fr) auto!important} .setting-row>span:first-child,.readonly-setting>span:first-child{min-width:0!important} .setting-row b,.readonly-setting b{color:#e8edf5!important;font-size:.75rem!important} .setting-row small,.readonly-setting small{color:var(--ui-muted)!important;font-size:.75rem!important;line-height:1.45!important} .setting-row input,.setting-row select,.setting-row textarea,.readonly-setting input{min-height:40px!important;padding:0 11px!important} .setting-row textarea{padding:10px 11px!important;min-height:120px!important} .settings-actions{padding:0!important;margin-top:10px!important;justify-content:flex-end!important} /* Switches: one canonical implementation everywhere. */ .switch-control{position:relative!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:42px!important;margin:0!important;padding:0!important;cursor:pointer!important} .switch-control input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important} .switch-control>span{position:relative!important;display:block!important;flex:0 0 42px!important;width:42px!important;height:23px!important;min-width:42px!important;min-height:23px!important;margin:0!important;padding:0!important;border:1px solid #59667d!important;border-radius:999px!important;background:#343d51!important;box-shadow:none!important} .switch-control>span:after{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:15px!important;height:15px!important;border-radius:50%!important;background:#98a5b9!important;box-shadow:none!important;transition:left .16s,background .16s!important} .switch-control input:checked+span{border-color:rgba(97,215,170,.62)!important;background:rgba(97,215,170,.15)!important} .switch-control input:checked+span:after{left:22px!important;background:var(--ui-green)!important;box-shadow:0 0 0 3px rgba(97,215,170,.08)!important} .switch-control b{color:#dce5f1!important;font-size:.75rem!important} .hero-switch{padding:8px 10px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:var(--ui-surface-soft)!important} .converter-route-switch,.converter-route-switch .switch-control{width:auto!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} .converter-route-switch .switch-control>span{display:block!important;width:42px!important;height:23px!important;min-width:42px!important;min-height:23px!important} /* Module center: cards, not old table rows. */ /* Admin converter adopts same component system. */ .converter-security-grid{padding:12px!important;gap:8px!important} .converter-security-card,.converter-policy-card,.converter-source-card{border-color:var(--ui-line)!important;background:var(--ui-surface-soft)!important;box-shadow:none!important} .converter-source-head{background:transparent!important;border-bottom-color:var(--ui-line-soft)!important} .converter-policy-cards{padding:10px!important;gap:8px!important} .converter-policy-card[data-converter-admin-route$=":cashshop"]{background:rgba(255,177,27,.04)!important} .converter-policy-card.is-enabled{border-color:rgba(97,215,170,.42)!important;background:rgba(97,215,170,.035)!important} .converter-policy-rate-fields input[type="number"]{background:var(--ui-input)!important;border-color:#46536d!important} .converter-admin-history-v120 .converter-audit-table{border-spacing:0 7px!important} .converter-admin-history-v120 .converter-audit-table tbody tr{background:transparent!important} .converter-admin-history-v120 .converter-audit-table tbody td{background:var(--ui-surface-soft)!important;border-color:var(--ui-line)!important;height:50px!important} /* Tables: one compact modern language. */ .audit-table-wrap:not(.audit-log-wrap),.table-scroll{padding:0 12px 12px!important;overflow:auto!important} .audit-table:not(.audit-log-table),.admin-table{width:100%!important;border-collapse:separate!important;border-spacing:0 6px!important;background:transparent!important} .audit-table:not(.audit-log-table) thead th,.admin-table thead th{height:34px!important;padding:0 10px!important;border:0!important;background:transparent!important;color:#7f8da4!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.07em!important;vertical-align:middle!important} .audit-table:not(.audit-log-table) tbody tr,.admin-table tbody tr{background:transparent!important} .audit-table:not(.audit-log-table) tbody td,.admin-table tbody td{padding:10px!important;border-top:1px solid var(--ui-line)!important;border-bottom:1px solid var(--ui-line)!important;background:var(--ui-surface-soft)!important;color:#d2dbea!important;font-size:.75rem!important;vertical-align:middle!important} .audit-table:not(.audit-log-table) tbody td:first-child,.admin-table tbody td:first-child{border-left:1px solid var(--ui-line)!important;border-radius:9px 0 0 9px!important} .audit-table:not(.audit-log-table) tbody td:last-child,.admin-table tbody td:last-child{border-right:1px solid var(--ui-line)!important;border-radius:0 9px 9px 0!important} .audit-table:not(.audit-log-table) tbody tr:hover td,.admin-table tbody tr:hover td{background:var(--ui-surface-raised)!important;border-color:#4d5a73!important} .audit-toolbar{margin:0!important;padding:12px 14px!important;border-bottom:1px solid var(--ui-line-soft)!important;background:transparent!important} .audit-empty,.table-empty,.account-empty{border:1px solid var(--ui-line)!important;border-radius:10px!important;background:var(--ui-surface-soft)!important;color:var(--ui-muted)!important} /* Search/filter/data modules. */ .account-search-panel,.online-list-panel,.character-list-panel,.ban-list-panel,.ban-create-panel{overflow:hidden!important} .account-search-form{gap:8px!important} .account-search-form input,.account-search-form select,.online-list-panel input,.online-list-panel select,.character-list-panel input,.character-list-panel select,.ban-create-panel input,.ban-create-panel select,.ban-create-panel textarea{background:var(--ui-input)!important;border-color:#46536d!important} .account-character-card, .module-summary-item, .database-status-item, .voting-source-field, .payment-bonus-admin-row, .funpay-admin-row{border:1px solid var(--ui-line)!important;border-radius:10px!important;background:var(--ui-surface-soft)!important;box-shadow:none!important} .account-character-card:hover{border-color:#56647d!important;background:var(--ui-surface-raised)!important;transform:none!important} /* Auth and public agreement: same surfaces as the cabinet. */ .login-card,.registration-result-card,.registration-activation-card{border-color:var(--ui-line)!important;border-radius:16px!important;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow)!important} .agreement-shell,.agreement-card{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:none!important} /* ---------- Cabinet-wide chrome and remaining legacy cleanup ---------- */ .boot-screen .brand-glyph{box-shadow:none!important} .topbar,.admin-topbar{ border-bottom:1px solid var(--ui-line)!important; background:rgba(35,42,61,.98)!important; backdrop-filter:none!important; box-shadow:none!important } .sidebar,.admin-sidebar{ border-right:1px solid var(--ui-line)!important; background:#202738!important; box-shadow:none!important } .top-wallet-card{ border:1px solid var(--ui-line)!important; border-radius:11px!important; background:var(--ui-surface-soft)!important; box-shadow:none!important } .profile-avatar, .admin-profile-avatar, .race-avatar{ border-color:#4a5871!important; background:#30394f!important; box-shadow:none!important } .project-links a,.admin-top-links a{color:#aab5c7!important} .project-links a:hover,.admin-top-links a:hover{color:#fff!important} .top-profile,.admin-profile{border-left-color:var(--ui-line)!important} .side-nav button,.side-nav a,.admin-nav button{ border-radius:9px!important; color:#9ca9bd!important; box-shadow:none!important; transform:none!important } .side-nav button:hover,.side-nav a:hover,.admin-nav button:hover{ color:#fff!important; background:#2b3449!important; transform:none!important } .side-nav .is-active,.admin-nav button.is-active,.admin-nav button.admin-nav-subitem.is-active{ border-color:#59657b!important; color:#fff!important; background:#30394f!important; box-shadow:inset 3px 0 0 var(--ui-gold)!important } .side-nav button>em,.admin-nav button>em{border:1px solid var(--ui-line)!important;background:var(--ui-surface-raised)!important;color:var(--ui-muted)!important;box-shadow:none!important} .admin-nav button.admin-nav-subitem>i{box-shadow:none!important} .admin-side-foot,.sidebar-foot{border-top-color:var(--ui-line)!important} .mobile-nav{border-top:1px solid var(--ui-line)!important;background:rgba(35,42,61,.98)!important;box-shadow:none!important;backdrop-filter:none!important} /* Remove residual decorative glows/gradients from common cards and avatars. */ .metric-icon, .character-overview-icon, .security-card-icon, .converter-security-icon, .converter-source-icon, .database-status-icon, .admin-balance-diamond{ box-shadow:none!important; background:var(--ui-surface-soft)!important } .character-preview, .character-visual, .character-visual-v170{filter:none!important} /* Player tabs, toolbars and secondary data blocks. */ .activity-tabs, .game-history-wrap, .character-preview-panel, .security-policy-card, .premium-status-facts, .registration-save-warning, .registration-agreement, .credential-copy{ border-color:var(--ui-line)!important; background:var(--ui-surface-soft)!important; box-shadow:none!important } .activity-tabs button,.activity-tabs [role="tab"]{ border-color:transparent!important; background:transparent!important; box-shadow:none!important; transform:none!important } .activity-tabs button.is-active,.activity-tabs button.active,.activity-tabs [aria-selected="true"]:hover{ border-color:#56647e!important; background:var(--ui-surface-raised)!important; box-shadow:none!important } .character-preview-panel, .security-policy-card, .funpay-manual-notice, .registration-save-warning{border-radius:11px!important} .premium-status-facts>div, .registration-result-row{border-color:var(--ui-line-soft)!important} .empty-state,.activity-loading,.registration-activation-state{ border:1px solid var(--ui-line)!important; border-radius:11px!important; background:var(--ui-surface-soft)!important; box-shadow:none!important } /* Player histories use separated rows instead of legacy continuous strips. */ .activity-list,.service-history-list,.game-history-list{ display:grid!important; gap:7px!important; padding:10px 12px 12px!important } .activity-row, .service-history-row{ margin:0!important; padding:10px 12px!important; border:1px solid var(--ui-line)!important; border-radius:9px!important; background:var(--ui-surface-soft)!important; box-shadow:none!important } .activity-row:hover, .service-history-row:hover:hover:hover{ border-color:#4f5c75!important; background:var(--ui-surface-raised)!important } /* Forms, captcha and authentication share the same control geometry. */ .auth-card,.login-card{box-shadow:none!important} .auth-card input,.auth-card select,.auth-card textarea,.login-card input,.login-card select,.login-card textarea{ border-color:#46536d!important; border-radius:9px!important; background:var(--ui-input)!important; box-shadow:none!important } .reveal-button,.auth-link-button,.registration-copy-all,.credential-copy button{ border-color:#46536d!important; border-radius:8px!important; background:#30394f!important; color:#dce4ef!important; box-shadow:none!important } /* Modal / toast language. */ .account-action-modal>div{ border:1px solid var(--ui-line)!important; border-radius:14px!important; background:var(--ui-surface)!important; box-shadow:0 20px 60px rgba(4,7,12,.30)!important } .toast,.admin-toast{ border:1px solid #4b5870!important; border-radius:10px!important; background:#2b3448!important; color:#edf2f8!important; box-shadow:0 14px 38px rgba(6,9,15,.22)!important } /* Admin dashboard/settings hub: remove remaining one-off legacy cards. */ .account-service-settings-grid{gap:10px!important} .account-service-setting-card, .registration-policy-panel, .payment-admin-master, .voting-master-panel, .voting-source-panel, .voting-import-panel, .voting-provider-settings, .ip-policy-card{ border:1px solid var(--ui-line)!important; border-radius:12px!important; background:var(--ui-surface)!important; box-shadow:none!important; transform:none!important } .admin-balance-target-card:after{display:none!important} .policy-explainer em{ border-color:#4a5871!important; background:var(--ui-surface-soft)!important; box-shadow:none!important } /* Admin balance, payment and voting workspaces. */ .admin-balance-workspace,.payment-bonus-admin-grid,.voting-admin-provider-grid,.voting-source-grid,.funpay-admin-grid{ gap:10px!important } .admin-balance-target-card,.admin-balance-action-panel,.admin-balance-search-panel,.admin-balance-history-panel, .payment-ledger-panel,.voting-ledger-panel{ border:1px solid var(--ui-line)!important; border-radius:12px!important; background:var(--ui-surface)!important; box-shadow:none!important } .admin-balance-current,.admin-balance-preview,.admin-balance-action-switch, .ban-selected-target,.account-action-target,.account-action-warning{ border-color:var(--ui-line)!important; background:var(--ui-surface-soft)!important; box-shadow:none!important } .admin-balance-action-switch button{ border-color:transparent!important; border-radius:8px!important; background:transparent!important; box-shadow:none!important; transform:none!important } .admin-balance-action-switch button.is-active{ border-color:#59667d!important; background:var(--ui-surface-raised)!important; box-shadow:none!important } .admin-balance-fields input{border-color:#46536d!important;background:var(--ui-input)!important;box-shadow:none!important} .payment-admin-state, .voting-feed-badge, .account-status-pill{ box-shadow:none!important } /* Admin filters/results/details. */ .account-search-head,.online-list-filters,.character-list-filters,.ban-list-filters,.ban-target-search, .account-detail-grid,.character-detail-layout{gap:10px!important} .account-detail-hero,.character-detail-panel,.account-characters-panel,.account-activity-panel, .account-facts-panel,.account-cabinet-panel{box-shadow:none!important} .account-cabinet-metrics>div,.character-resource-grid>div,.character-detail-facts>div, .account-action-card{ border:1px solid var(--ui-line)!important; border-radius:9px!important; background:var(--ui-surface-soft)!important; box-shadow:none!important } .account-character-card:before{box-shadow:none!important} /* Database / diagnostics. */ .database-layout{gap:10px!important} .database-status-list{display:grid!important;} .database-status-item{margin:0!important} .mail-state, .read-only-badge{ border-color:#4a5871!important; background:var(--ui-surface-soft)!important; box-shadow:none!important } .database-field-grid,.database-names-grid{gap:9px!important} /* Danger/warning controls fit the same shape without legacy gradients. */ .admin-button.danger,.primary-action.danger{ border-color:#b85d64!important; background:#9b454d!important; color:#fff!important; box-shadow:none!important } .admin-button.warning{ border-color:#987235!important; background:#74582c!important; color:#fff1ce!important; box-shadow:none!important } /* Agreement page is visually identical to cabinet surfaces. */ .agreement-screen{background:var(--ui-bg)!important} .agreement-card{border-radius:16px!important} .agreement-head,.agreement-note,.agreement-actions{border-color:var(--ui-line)!important} .agreement-back{border-color:#46536d!important;background:#30394f!important;color:#dce4ef!important;box-shadow:none!important} /* ---------- Responsive ---------- */ @media(max-width:1180px){ .settings-grid,.settings-grid.two-columns{grid-template-columns:1fr!important} .setting-row.full{grid-column:1!important} } @media(max-width:900px){ .content,.admin-content{padding-top:22px!important} .page-heading,.admin-heading{align-items:flex-start!important;flex-direction:column!important} .admin-heading-actions{width:100%!important;justify-content:flex-start!important} } @media(max-width:700px){ .content,.admin-content{padding-left:14px!important;padding-right:14px!important;padding-bottom:92px!important} .page-heading h1,.admin-heading h1{font-size:1.5625rem!important} .setting-row,.setting-row.full,.setting-row.switch-row,.setting-row.policy-explainer,.readonly-setting{grid-template-columns:1fr!important;align-items:start!important} .setting-row.switch-row .switch-control{justify-self:start!important} .admin-heading-actions .admin-button{flex:1 1 auto!important} .character-overview{grid-template-columns:1fr!important} } .database-warning{ min-height:108px!important; display:flex!important; align-items:center!important; gap:18px!important; padding:20px 22px!important; border-left:3px solid var(--ui-gold)!important; background:var(--ui-surface)!important; } .database-warning-icon{ flex:0 0 48px!important; width:48px!important; height:48px!important; display:grid!important; place-items:center!important; border:1px solid rgba(255,177,27,.36)!important; border-radius:12px!important; background:rgba(255,177,27,.07)!important; color:var(--ui-gold)!important; } .database-warning-icon .ui-icon{width:23px!important;height:23px!important;margin:0!important;color:inherit!important} .database-warning-copy{min-width:0!important} .database-warning-copy small{ display:block!important; margin:0 0 5px!important; color:var(--ui-gold)!important; font-size:.75rem!important; font-weight:900!important; letter-spacing:.12em!important; text-transform:uppercase!important; } .database-warning-copy h2{margin:0!important;color:var(--ui-text)!important;font-size:1rem!important;line-height:1.25!important} .database-warning-copy p{max-width:880px!important;margin:7px 0 0!important;color:var(--ui-muted)!important;font-size:.75rem!important;line-height:1.55!important} .password-field{align-items:stretch!important;gap:8px!important} .password-field .database-password-toggle{ flex:0 0 auto!important; min-width:92px!important; min-height:42px!important; height:42px!important; padding:0 14px!important; border:1px solid #46536d!important; border-radius:9px!important; background:#30394f!important; color:#dbe3ef!important; font-size:.75rem!important; font-weight:900!important; box-shadow:none!important; } .password-field .database-password-toggle:hover{border-color:#65728d!important;background:#374158!important;color:#fff!important} .database-status-head{gap:14px!important} .database-status-head>span{padding:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important} .database-status-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-width:0!important} .database-check-summary{ display:inline-flex!important; align-items:center!important; min-height:30px!important; padding:0 10px!important; border:1px solid #46536d!important; border-radius:999px!important; background:var(--ui-surface-soft)!important; color:var(--ui-muted)!important; font-size:.75rem!important; font-style:normal!important; font-weight:900!important; white-space:nowrap!important; } .database-check-summary.ok{border-color:rgba(97,215,170,.38)!important;background:rgba(97,215,170,.07)!important;color:var(--ui-green)!important} .database-check-summary.failed{border-color:rgba(241,123,130,.4)!important;background:rgba(241,123,130,.07)!important;color:var(--ui-red)!important} .database-check-button{ min-height:36px!important; height:36px!important; padding:0 13px!important; font-size:.75rem!important; white-space:nowrap!important; } .database-status-list{gap:8px!important;padding:12px!important} .database-status-list .database-status-item{ min-height:60px!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) auto!important; gap:12px!important; align-items:center!important; margin:0!important; padding:10px 12px!important; border:1px solid var(--ui-line)!important; border-radius:10px!important; background:var(--ui-surface-soft)!important; box-shadow:none!important; } .database-status-list .database-status-item:last-child{border-bottom:1px solid var(--ui-line)!important} .database-status-list .database-status-item>em{ min-width:72px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:30px!important; padding:0 10px!important; border:1px solid #46536d!important; border-radius:999px!important; background:#30394f!important; color:var(--ui-muted)!important; font-size:.75rem!important; font-style:normal!important; font-weight:900!important; letter-spacing:.03em!important; text-align:center!important; } .database-status-list .database-status-item.ok>em{border-color:rgba(97,215,170,.4)!important;background:rgba(97,215,170,.08)!important;color:var(--ui-green)!important} .database-status-list .database-status-item.failed>em{border-color:rgba(241,123,130,.4)!important;background:rgba(241,123,130,.08)!important;color:var(--ui-red)!important} .database-status-list .database-status-item.idle>em{color:var(--ui-muted)!important} .database-status-list .database-status-item.ok .database-status-icon{color:var(--ui-green)!important;border-color:rgba(97,215,170,.38)!important;background:rgba(97,215,170,.06)!important} .database-status-list .database-status-item.failed .database-status-icon{color:var(--ui-red)!important;border-color:rgba(241,123,130,.4)!important;background:rgba(241,123,130,.06)!important} @media(max-width:760px){ .database-warning{align-items:flex-start!important;padding:17px!important} .database-warning-icon{flex-basis:42px!important;width:42px!important;height:42px!important} .database-status-head{align-items:flex-start!important;flex-direction:column!important} .database-status-actions{width:100%!important;justify-content:space-between!important} .database-check-button{flex:0 1 auto!important} .password-field{flex-direction:column!important} .password-field .database-password-toggle{width:100%!important} .database-status-list .database-status-item{grid-template-columns:38px minmax(0,1fr) auto!important} .database-status-list .database-status-item>em{grid-column:auto!important;text-align:center!important} } @media(max-width:520px){ .database-warning{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important} .database-status-actions{display:grid!important;grid-template-columns:1fr!important} .database-check-summary,.database-check-button{width:100%!important;justify-content:center!important} .database-status-list .database-status-item{grid-template-columns:34px minmax(0,1fr)!important} .database-status-list .database-status-item>em{grid-column:2!important;justify-self:start!important;margin-top:2px!important} } .database-warning{ width:100%!important; max-width:none!important; box-sizing:border-box!important; margin:0 0 18px!important; border:1px solid rgba(255,177,27,.42)!important; box-shadow:inset 3px 0 0 var(--ui-gold)!important; } .database-form-foot{ justify-content:flex-end!important; align-items:center!important; } .database-form-actions .admin-button{min-height:42px!important} .database-form-actions #saveDatabase{min-width:170px!important} .database-form-actions #resetDatabase{min-width:190px!important} @media(max-width:720px){ .database-form-foot{width:100%!important} .database-form-actions{grid-template-columns:1fr!important;width:100%!important} .database-form-actions .admin-button{width:100%!important;min-width:0!important} } .database-form-foot{ width:100%!important; } .database-form-actions{ width:100%!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; } .database-form-actions #resetDatabase, .database-form-actions #saveDatabase{ width:auto!important; margin:0!important; } @media(max-width:720px){ .database-form-actions{ display:flex!important; flex-direction:column!important; align-items:stretch!important; } .database-form-actions #saveDatabase{order:-1!important} .database-form-actions #resetDatabase, .database-form-actions #saveDatabase{ width:100%!important; min-width:0!important; } } /* Provider workspaces are router-owned by selectPaymentProvider(). Never allow layout styling to override the shared is-hidden state. */ .payments-view .payment-layout.is-hidden{ display:none!important; } #accountView>.page-heading, #charactersView>.page-heading, #securityView>.page-heading, #premiumView>.page-heading, #votingView>.page-heading{margin-bottom:16px!important} #accountView>.page-heading h1, #charactersView>.page-heading h1, #securityView>.page-heading h1, #premiumView>.page-heading h1, #votingView>.page-heading h1{font-size:1.75rem!important} #charactersView .character-overview{margin-bottom:12px!important;gap:9px!important} #charactersView .character-overview article{min-height:76px!important;padding:11px 13px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important} #charactersView .character-overview-icon{width:36px!important;height:36px!important} #charactersView .character-overview b{font-size:1.25rem!important} #charactersView .character-overview small,#charactersView .character-overview em{font-size:.75rem!important} #charactersView .character-detail-toggle{margin-top:9px!important;} #securityView .player-activity-section{margin-top:12px!important} #securityView .player-activity-head{padding:13px 15px!important} #securityView .player-activity-head h2{font-size:1rem!important} #securityView .player-activity-head p{font-size:.75rem!important} #securityView .activity-panel-toolbar{min-height:46px!important;padding:8px 12px!important} #securityView .player-activity-grid{gap:9px!important;padding:10px!important} #securityView .activity-card-head{min-height:50px!important;padding:11px 12px!important} #securityView .activity-list{padding:8px 10px 10px!important;gap:6px!important} #securityView .account-services-section{margin-top:12px!important} #securityView .security-services-player{padding:12px!important} #securityView .security-policy-card{min-height:0!important;padding:14px!important} #securityView .security-operation-history{margin-top:12px!important} #premiumView .premium-status-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:16px!important;margin-bottom:12px!important} #premiumView .premium-status-main, #premiumView .premium-status-facts{grid-column:1/-1!important} #premiumView .premium-status-main{gap:11px!important} #premiumView .premium-status-icon{width:44px!important;height:44px!important} #premiumView .premium-status-copy h2{font-size:1.125rem!important} #premiumView .premium-status-copy p{font-size:.75rem!important} #premiumView .premium-status-facts{margin:2px 0 0!important;gap:8px!important} #premiumView .premium-status-facts div{min-height:56px!important;padding:10px 12px!important} #premiumView .premium-status-facts dd{font-size:.75rem!important} #premiumView .premium-purchase-box{margin:0!important;padding:13px!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;background:var(--ui-surface-soft)!important} #premiumView .premium-purchase-head h3{font-size:.875rem!important;margin:4px 0!important} #premiumView .premium-purchase-head p{font-size:.75rem!important;line-height:1.45!important} #premiumView .premium-tariff-grid{gap:7px!important} #premiumView .premium-password-field input{min-height:42px!important;height:42px!important} #premiumView .premium-purchase-box .primary-service-action{min-height:42px!important;margin-top:9px!important} #dashboardView .admin-heading,#settings-siteView .admin-heading,#settings-authView .admin-heading,#settings-votingView .admin-heading,#settings-premiumView .admin-heading,#settings-mailView .admin-heading,#settings-charactersView .admin-heading,#onlineView .admin-heading,#charactersView .admin-heading,#bansView .admin-heading,.account-scope .admin-heading,#auditView .admin-heading{margin-bottom:16px!important;gap:16px!important;align-items:center!important} #dashboardView .admin-heading h1,#settings-siteView .admin-heading h1,#settings-authView .admin-heading h1,#settings-votingView .admin-heading h1,#settings-premiumView .admin-heading h1,#settings-mailView .admin-heading h1,#settings-charactersView .admin-heading h1,#onlineView .admin-heading h1,#charactersView .admin-heading h1,#bansView .admin-heading h1,.account-scope .admin-heading h1,#auditView .admin-heading h1{font-size:1.75rem!important;margin:5px 0!important} #dashboardView .admin-heading p,#settings-siteView .admin-heading p,#settings-authView .admin-heading p,#settings-votingView .admin-heading p,#settings-premiumView .admin-heading p,#settings-mailView .admin-heading p,#settings-charactersView .admin-heading p,#onlineView .admin-heading p,#charactersView .admin-heading p,#bansView .admin-heading p,.account-scope .admin-heading p,#auditView .admin-heading p{font-size:.75rem!important;line-height:1.45!important} #dashboardView .admin-heading-actions,#settings-siteView .admin-heading-actions,#settings-authView .admin-heading-actions,#settings-votingView .admin-heading-actions,#settings-premiumView .admin-heading-actions,#settings-mailView .admin-heading-actions,#settings-charactersView .admin-heading-actions,#onlineView .admin-heading-actions,#charactersView .admin-heading-actions,#bansView .admin-heading-actions,.account-scope .admin-heading-actions{flex-wrap:wrap!important;justify-content:flex-end!important} #dashboardView .admin-status-hero{padding:15px 17px!important;margin-bottom:10px!important;min-height:0!important;box-shadow:none!important} #dashboardView .admin-status-hero h2{font-size:1.125rem!important} #dashboardView .admin-metrics{gap:8px!important;margin-bottom:10px!important} #dashboardView .admin-metrics article{min-height:92px!important;padding:12px!important} #dashboardView .admin-metrics small{margin:5px 0!important} #dashboardView .admin-metrics strong{font-size:1.3125rem!important} #dashboardView .admin-dashboard-grid{gap:10px!important} #dashboardView .admin-panel-head{min-height:54px!important;padding:11px 14px!important} #dashboardView .module-summary{padding:10px!important;gap:7px!important} #dashboardView .module-summary-item{padding:10px!important} #settings-siteView .admin-settings-form,#settings-authView .admin-settings-form,#settings-votingView .admin-settings-form,#settings-premiumView .admin-settings-form,#settings-mailView .admin-settings-form,#settings-charactersView .admin-settings-form{display:grid!important;gap:10px!important} #settings-siteView .settings-section,#settings-authView .settings-section,#settings-votingView .settings-section,#settings-premiumView .settings-section,#settings-mailView .settings-section,#settings-charactersView .settings-section{margin:0!important} #settings-siteView .admin-panel-head,#settings-authView .admin-panel-head,#settings-votingView .admin-panel-head,#settings-premiumView .admin-panel-head,#settings-mailView .admin-panel-head,#settings-charactersView .admin-panel-head{min-height:52px!important;padding:10px 13px!important} #settings-siteView .settings-grid,#settings-authView .settings-grid,#settings-votingView .settings-grid,#settings-premiumView .settings-grid,#settings-mailView .settings-grid,#settings-charactersView .settings-grid{padding:10px!important;gap:8px!important} #settings-siteView .setting-row,#settings-authView .setting-row,#settings-votingView .setting-row,#settings-premiumView .setting-row,#settings-mailView .setting-row,#settings-charactersView .setting-row{min-height:58px!important;padding:10px!important;border-radius:9px!important} #settings-siteView .setting-row b,#settings-authView .setting-row b,#settings-votingView .setting-row b,#settings-premiumView .setting-row b,#settings-mailView .setting-row b,#settings-charactersView .setting-row b{font-size:.75rem!important} #settings-siteView .setting-row small,#settings-authView .setting-row small,#settings-votingView .setting-row small,#settings-premiumView .setting-row small,#settings-mailView .setting-row small,#settings-charactersView .setting-row small{font-size:.75rem!important;line-height:1.4!important} #settings-siteView .setting-row input,#settings-authView .setting-row input,#settings-votingView .setting-row input,#settings-premiumView .setting-row input,#settings-mailView .setting-row input,#settings-charactersView .setting-row input{min-height:38px!important;height:38px!important} #settings-authView .module-tabs{margin-bottom:10px!important;min-height:44px!important;padding:5px!important} #settings-authView .module-tabs button{min-height:34px!important} #settings-authView .account-service-settings-grid,#settings-premiumView .account-service-settings-grid{gap:9px!important} #settings-premiumView .premium-admin-heading{padding:0!important;border:0!important;background:transparent!important} #settings-premiumView .account-service-setting-card .admin-panel-head{min-height:48px!important} #settings-premiumView .account-service-setting-card .settings-grid{padding:9px!important} #settings-votingView .voting-admin-metrics{margin:10px 0!important;gap:8px!important} #settings-votingView .voting-admin-metrics article{min-height:78px!important;padding:11px!important} #settings-votingView .voting-admin-metrics strong{font-size:1.1875rem!important;margin:6px 0 3px!important} #settings-votingView .voting-import-panel,#settings-votingView .voting-ledger-panel{margin-top:10px!important} #settings-votingView .voting-import-actions{padding:10px 13px!important;gap:8px!important} #settings-votingView #votingImportState{margin:0 13px 12px!important} #onlineView .online-module-metrics,#charactersView .character-module-metrics,#bansView .ban-module-metrics{gap:8px!important;margin-bottom:10px!important} #onlineView .online-module-metrics article,#charactersView .character-module-metrics article,#bansView .ban-module-metrics article{min-height:74px!important;padding:11px 12px!important} #onlineView .online-module-metrics strong,#charactersView .character-module-metrics strong,#bansView .ban-module-metrics strong{font-size:1.1875rem!important;margin-top:5px!important} #onlineView .online-list-filters,#charactersView .character-list-filters,#bansView .ban-list-filters,.account-scope .account-search-form{padding:10px 12px!important;gap:7px!important} #onlineView .online-list-filters input,#onlineView .online-list-filters select,#charactersView .character-list-filters input,#charactersView .character-list-filters select,#bansView .ban-list-filters input,#bansView .ban-list-filters select,.account-scope .account-search-form input{height:38px!important;min-height:38px!important} #onlineView .admin-panel-head,#charactersView .admin-panel-head,#bansView .admin-panel-head,.account-scope .admin-panel-head,#auditView .admin-panel-head{min-height:52px!important;padding:10px 13px!important} #onlineView .admin-table th,#charactersView .admin-table th,#bansView .admin-table th,.account-scope .admin-table th,#auditView .admin-table th{height:34px!important;padding:0 10px!important} #onlineView .admin-table td,#charactersView .admin-table td,#bansView .admin-table td,.account-scope .admin-table td,#auditView .admin-table td{height:44px!important;padding:8px 10px!important} #bansView .ban-create-panel{margin-bottom:10px!important} .account-scope .account-search-panel{margin-bottom:10px!important} #auditView .audit-table-wrap:not(.audit-log-wrap){padding:8px 10px 10px!important} .account-scope .account-panel-count{border-color:var(--ui-line)!important;background:var(--ui-surface-raised)!important;color:var(--ui-muted)!important;box-shadow:none!important} @media(max-width:1100px){ #premiumView .premium-status-panel{grid-template-columns:1fr!important} #premiumView .premium-status-main, #premiumView .premium-status-facts{grid-column:auto!important} #premiumView .premium-status-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:760px){ #charactersView .character-overview{grid-template-columns:1fr!important} #premiumView .premium-status-facts{grid-template-columns:1fr!important} #dashboardView .admin-heading,#settings-siteView .admin-heading,#settings-authView .admin-heading,#settings-votingView .admin-heading,#settings-premiumView .admin-heading,#settings-mailView .admin-heading,#settings-charactersView .admin-heading,#onlineView .admin-heading,#charactersView .admin-heading,#bansView .admin-heading,.account-scope .admin-heading,#auditView .admin-heading{align-items:flex-start!important;flex-direction:column!important} #dashboardView .admin-heading-actions,#settings-siteView .admin-heading-actions,#settings-authView .admin-heading-actions,#settings-votingView .admin-heading-actions,#settings-premiumView .admin-heading-actions,#settings-mailView .admin-heading-actions,#settings-charactersView .admin-heading-actions,#onlineView .admin-heading-actions,#charactersView .admin-heading-actions,#bansView .admin-heading-actions,.account-scope .admin-heading-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important} } #premiumView .premium-tariff-option>span{ box-shadow:0 8px 18px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.03)!important; } #premiumView .premium-tariff-option:hover>span{ background:linear-gradient(180deg,rgba(27,48,77,.98),rgba(17,33,54,.96))!important; border-color:rgba(122,154,194,.62)!important; } #premiumView .premium-tariff-option small{color:#8ea9ca!important} #premiumView .premium-tariff-option b{color:#f4f8ff!important} #premiumView .premium-tariff-option em{color:#ffd36d!important} #premiumView .premium-tariff-option>input:checked+span b{color:#f6fbff!important} #premiumView .premium-tariff-option>input:checked+span em{color:#ffcf68!important} #premiumView .premium-token-purchase-box .token-action{ border:1px solid #d88700!important; color:#18130a!important; background:linear-gradient(180deg,#ffc142,#f39a16)!important; box-shadow:none!important; } #premiumView .premium-token-purchase-box .token-action:disabled{ border-color:#5b657c!important; color:#dce4ef!important; background:#6c6c6c!important; opacity:.78!important; } #premiumView .premium-tariff-option>span{ background:linear-gradient(180deg,rgba(39,47,67,.98),rgba(34,42,61,.98))!important; border-color:rgba(77,91,119,.55)!important; } #premiumView .premium-tariff-option>input:checked+span{ background:linear-gradient(180deg,rgba(52,58,76,.98),rgba(38,46,66,.98))!important; border-color:rgba(245,177,50,.56)!important; box-shadow:0 0 0 1px rgba(245,177,50,.08) inset!important; } #premiumView .premium-token-purchase-box, #premiumView #premiumView .premium-token-purchase-box .premium-purchase-head>b, #premiumView .premium-token-purchase-box .premium-purchase-head small{ background:linear-gradient(180deg,rgba(39,47,67,.98),rgba(34,42,61,.98))!important; } #premiumView #premiumView .premium-token-purchase-box .premium-purchase-head>b, #premiumView .premium-token-purchase-box .premium-purchase-head small{ border-color:rgba(77,91,119,.52)!important; } #premiumView .premium-token-purchase-box{ background:var(--ui-surface-soft)!important; border-color:var(--ui-line)!important; box-shadow:none!important; } #premiumView .premium-token-purchase-box .premium-purchase-head>b, #premiumView .premium-token-purchase-box .premium-purchase-head small{ background:transparent!important; border-color:transparent!important; color:#8ea9ca!important; box-shadow:none!important; } #premiumView .premium-purchase-box .primary-service-action, #premiumView .premium-token-purchase-box .token-action{ border:1px solid #d88700!important; box-shadow:none!important; } #premiumView .premium-purchase-box .primary-service-action:disabled, #premiumView .premium-token-purchase-box .token-action:disabled{ border:1px solid #d88700!important; cursor:not-allowed!important; } #premiumView .premium-purchase-box:not(.is-hidden){display:flex!important;flex-direction:column!important} #premiumView .premium-purchase-box.is-hidden, #premiumView .premium-token-purchase-box.is-hidden{display:none!important} #premiumView :is(.premium-purchase-box,.premium-token-purchase-box).is-only-purchase{grid-column:1/-1!important} #premiumView .premium-purchase-box form{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important} #premiumView .premium-tariff-grid{margin-top:10px!important} #premiumView .premium-tariff-option>span{min-height:82px!important;padding:11px 12px!important} #premiumView .premium-purchase-box .primary-service-action, #premiumView .premium-token-purchase-box .token-action{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;margin-top:12px!important;position:static!important;visibility:visible!important;opacity:1!important} #premiumView .premium-password-field{margin-top:12px!important} #premiumView .account-service-state{margin-top:10px!important} #premiumView .premium-tariff-option.is-placeholder{cursor:default!important;pointer-events:none!important} #premiumView .premium-tariff-option.is-placeholder>span{opacity:.92!important} #premiumView .premium-tariff-option.is-placeholder:hover>span{transform:none!important;border-color:rgba(48,77,111,.5)!important} #premiumView #premiumPurchaseState:empty, #premiumView #premiumTokenPurchaseState:empty{display:none!important} #premiumView .premium-token-purchase-box.is-loading{opacity:1!important} #premiumView .premium-token-purchase-box .token-action.is-loading:disabled{ border:1px solid #d88700!important; color:#18130a!important; background:linear-gradient(180deg,#ffc142,#f39a16)!important; opacity:1!important; filter:none!important; cursor:wait!important; } .account-scope .account-module-metrics{ gap:8px!important; margin-bottom:10px!important; } .account-scope .account-module-metrics article{ min-height:74px!important; padding:11px 12px!important; border:1px solid var(--ui-line)!important; border-radius:10px!important; background:var(--ui-surface)!important; box-shadow:none!important; } .account-scope .account-module-metrics strong{font-size:1.1875rem!important;margin-top:5px!important;color:var(--ui-text)!important} .account-scope .account-module-metrics small{font-size:.75rem!important;color:var(--ui-dim)!important} .account-scope .account-module-metrics p{font-size:.75rem!important;color:var(--ui-dim)!important;margin-top:5px!important} .account-scope .account-list-panel{margin-bottom:10px!important;overflow:hidden!important} .account-scope .account-list-filters{ padding:10px 12px!important; gap:7px!important; border-bottom:1px solid var(--ui-line-soft)!important; background:transparent!important; } .account-scope .account-list-filters input, .account-scope .account-list-filters select{ height:38px!important; min-height:38px!important; border:1px solid #46536d!important; border-radius:8px!important; background:var(--ui-input)!important; color:var(--ui-text)!important; box-shadow:none!important; } .account-scope .account-search-meta{ padding:9px 12px!important; border-bottom:1px solid var(--ui-line-soft)!important; color:var(--ui-dim)!important; font-size:.75rem!important; } .account-scope .account-table-wrap{padding:8px 10px 10px!important;margin:0!important} .account-scope .account-table{min-width:1050px!important} .account-scope .account-table thead th{height:34px!important;padding:0 10px!important} .account-scope .account-table tbody td{height:44px!important;padding:8px 10px!important;vertical-align:middle!important} .account-scope .account-table tbody tr{background:transparent!important} .account-scope .account-table tbody tr:nth-child(odd){background:rgba(32,40,58,.34)!important} .account-scope .account-table tbody tr:hover{background:var(--ui-surface-raised)!important} .account-scope .account-list-match-hint{color:var(--rf-muted)!important} .account-scope .account-detail{display:grid;gap:10px!important} .account-scope .account-detail.is-hidden{display:none!important} .account-scope .account-detail-hero, .account-scope .account-workspace-panel, .account-scope .account-facts-panel, .account-scope .account-cabinet-panel, .account-scope .account-characters-panel, .account-scope .account-history-panel{ margin:0!important; border:1px solid var(--ui-line)!important; border-radius:12px!important; background:var(--ui-surface)!important; box-shadow:none!important; } .account-scope .account-detail-hero{padding:12px 14px!important;min-height:74px!important} .account-scope .account-detail-avatar{box-shadow:none!important} .account-scope .account-status-pill{background:var(--ui-surface-soft)!important;border-color:#46536d!important} .account-scope .account-workspace-head, .account-scope .account-facts-panel>.admin-panel-head, .account-scope .account-cabinet-panel>.admin-panel-head, .account-scope .account-characters-panel>.admin-panel-head, .account-scope .account-history-panel>.admin-panel-head{ min-height:52px!important; padding:10px 13px!important; } .account-scope .account-detail-grid{gap:10px!important;align-items:stretch!important} .account-scope .account-facts{padding:2px 13px 12px!important;gap:0 16px!important} .account-scope .account-facts>div{padding:10px 0!important;border-color:var(--ui-line-soft)!important} .account-scope .account-cabinet-metrics{padding:10px 12px 12px!important;gap:7px!important} .account-scope .account-cabinet-metrics>div{ min-height:58px!important; padding:9px 10px!important; border:1px solid var(--ui-line)!important; border-radius:8px!important; background:var(--ui-surface-soft)!important; } .account-scope .account-cabinet-metrics b{font-size:.75rem!important;margin-top:4px!important} .account-scope .account-character-grid{gap:8px!important;padding:10px 12px 12px!important} .account-scope .account-character-card{ padding:11px 12px!important; border:1px solid var(--ui-line)!important; border-radius:9px!important; background:var(--ui-surface-soft)!important; box-shadow:none!important; } .account-scope .account-character-card:before{width:2px!important;box-shadow:none!important} .account-scope .account-character-card dl>div{padding:7px 0!important;border-color:var(--ui-line-soft)!important} .account-scope .account-character-grid.single .account-character-card{grid-template-columns:minmax(220px,.58fr) minmax(0,1.42fr)!important;column-gap:22px!important} .account-scope .account-history-tabs{display:flex!important;align-items:center!important;gap:6px!important;padding:10px 12px 10px!important} .account-scope .account-history-tabs button{ min-height:30px!important; padding:0 10px!important; border:1px solid #46536d!important; border-radius:8px!important; background:var(--ui-surface-soft)!important; color:var(--ui-muted)!important; font-size:.75rem!important; } .account-scope .account-history-tabs button.is-active{border-color:color-mix(in srgb,var(--rf-info) 48%,var(--ui-line))!important;background:color-mix(in srgb,var(--rf-info) 8%,var(--ui-surface-raised))!important;color:var(--ui-text)!important;box-shadow:inset 0 -2px 0 var(--rf-info)!important} .account-scope .account-history-table-wrap{margin:0!important;padding:0 10px 10px!important} .account-scope .account-history-table{border-spacing:0 6px!important} .account-scope .account-history-table tbody tr{background:var(--ui-surface-soft)!important} .account-scope .account-history-table tbody td{padding:9px 10px!important;border-top:1px solid var(--ui-line)!important;border-bottom:1px solid var(--ui-line)!important} .account-scope .account-history-table tbody td:first-child{border-left:1px solid var(--ui-line)!important;border-radius:8px 0 0 8px!important} .account-scope .account-history-table tbody td:last-child{border-right:1px solid var(--ui-line)!important;border-radius:0 8px 8px 0!important} @media(max-width:1100px){ .account-scope .account-detail-grid{grid-template-columns:1fr!important} .account-scope .account-character-grid.single .account-character-card{grid-template-columns:1fr!important;display:block!important} .account-scope .account-character-grid.single .account-character-card>dl{margin-top:10px!important} } #auditView .audit-panel-redesign{min-height:0} #auditView .audit-panel-head{min-height:62px;padding:12px 16px} #auditView .audit-panel-head em{color:var(--ui-muted);font-size:.75rem;font-style:normal} #auditView .audit-log-wrap{padding:0 14px 6px;overflow-x:auto} #auditView .audit-log-table{width:100%;min-width:1160px;border-collapse:separate;border-spacing:0 7px;table-layout:fixed;background:transparent} #auditView .audit-log-table thead th{height:34px;padding:0 11px;border:0;background:transparent;color:var(--ui-muted);font-size:.6875rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;vertical-align:middle;white-space:nowrap} #auditView .audit-log-table tbody tr{background:transparent;cursor:help} #auditView .audit-log-table tbody td{height:48px;padding:9px 11px;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);background:var(--ui-surface-soft);color:var(--ui-text);font-size:.75rem;font-weight:600;line-height:1.25;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #auditView .audit-log-table tbody td:first-child{border-left:1px solid var(--ui-line);border-radius:9px 0 0 9px} #auditView .audit-log-table tbody td:last-child{border-right:1px solid var(--ui-line);border-radius:0 9px 9px 0} #auditView .audit-log-table tbody tr:hover td{background:var(--ui-surface-raised);border-color:#4d5a73} #auditView .audit-log-table .audit-action{color:#eef3fa;font-weight:850} #auditView .audit-log-table .audit-target{color:#c7d2e1;font-weight:700} #auditView .audit-log-table .audit-before,#auditView .audit-log-table .audit-after{color:var(--ui-muted);font-weight:600} #auditView .audit-log-table .audit-date,#auditView .audit-log-table .audit-ip{font-variant-numeric:tabular-nums;white-space:nowrap} #auditView .audit-log-table .audit-actor{font-weight:800} #auditView .audit-col-date{width:145px} #auditView .audit-col-actor{width:135px} #auditView .audit-col-action{width:210px} #auditView .audit-col-target{width:220px} #auditView .audit-col-before{width:220px} #auditView .audit-col-after{width:270px} #auditView .audit-col-ip{width:125px} #auditView .admin-table-pager{margin:10px 14px 14px} #auditView #auditEmpty{margin:0 14px 14px;padding:28px 14px;border:1px dashed var(--ui-line);border-radius:10px;background:transparent} @media(max-width:760px){#auditView .audit-panel-head{align-items:flex-start;gap:8px;flex-direction:column}#auditView .audit-panel-head em{padding-top:0}} .admin-nav button.admin-nav-subitem{min-height:34px!important;height:34px!important;padding:0 10px!important;border-radius:8px!important} .admin-nav button.admin-nav-subitem>i{width:5px!important;height:5px!important;flex:0 0 5px!important;margin-right:2px!important} #dashboardView .security-summary{padding:8px 18px 16px!important} #dashboardView .security-summary div{padding:12px 2px!important} #dashboardView .admin-panel-head{padding-left:20px!important;padding-right:20px!important} #dashboardView .admin-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important} #dashboardView .admin-metrics .revenue-today strong{font-size:1.375rem!important} @media(max-width:1200px){#dashboardView .admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:700px){#dashboardView .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}} .player-profile-panel{ margin-top:14px; padding:18px; border:1px solid rgba(64,82,115,.72); border-radius:14px; background:#242f46; } .player-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px} .player-profile-head small{display:block;color:#ffb51f;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase} .player-profile-head h2{margin:5px 0 3px;font-size:1.25rem} .player-profile-head p{margin:0;color:#91a6c5;font-size:.75rem} .player-profile-head>em{color:#8197b8;font-size:.75rem;font-style:normal;white-space:nowrap} .player-profile-form{display:grid;gap:14px} .player-profile-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .player-profile-form label{display:grid;gap:7px;min-width:0} .player-profile-form label>span{color:#8298b9;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase} .player-profile-form input,.player-profile-form textarea{ width:100%;box-sizing:border-box;border:1px solid #405170;border-radius:10px;background:#202a3d;color:#f4f7fb; font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease } .player-profile-form input{height:42px;padding:0 12px} .player-profile-form textarea{min-height:82px;padding:11px 12px;resize:vertical;line-height:1.45} .player-profile-form input:focus,.player-profile-form textarea:focus{border-color:#6a82ab;box-shadow:0 0 0 2px rgba(106,130,171,.14)} .player-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:36px} .player-profile-state{margin-right:auto;color:#8197b8;font-size:.75rem} .player-profile-state.ok{color:#45d5b1}.player-profile-state.error{color:#ff7d88} .player-profile-actions .primary-action{min-width:190px} @media(max-width:820px){.player-profile-fields{grid-template-columns:1fr}.player-profile-head{display:grid}.player-profile-head>em{white-space:normal}.player-profile-actions{align-items:stretch;flex-direction:column}.player-profile-actions .primary-action{width:100%}.player-profile-state{margin-right:0}} .account-player-profile-panel{margin-top:14px} .account-player-profile-panel .admin-panel-head>em{color:#8197b8;font-size:.75rem;font-style:normal} .account-player-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px 16px} .account-player-profile-grid>span{min-width:0;padding:12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface-soft)} .account-player-profile-grid>span.wide{grid-column:1/-1} .account-player-profile-grid small{display:block;color:var(--ui-muted);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase} .account-player-profile-grid b{display:block;margin-top:6px;color:var(--ui-text);font-size:.75rem;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap} @media(max-width:900px){.account-player-profile-grid{grid-template-columns:1fr}.account-player-profile-grid>span.wide{grid-column:auto}} .itemdb-import-panel{overflow:hidden} .itemdb-import-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px} .itemdb-file-box{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:1px solid var(--ui-line-soft);border-radius:12px;background:var(--ui-surface-deep)} .itemdb-file-box input{position:absolute;inset:0;opacity:0;cursor:pointer} .itemdb-file-box div{min-width:0;pointer-events:none}.itemdb-file-box b,.itemdb-file-box small{display:block}.itemdb-file-box b{font-size:.75rem}.itemdb-file-box small{margin-top:4px;color:#7890b2;font-size:.75rem} .itemdb-actions{display:flex;gap:8px}.itemdb-state{margin:12px 16px 16px;padding:10px 12px;border:1px solid var(--ui-line-soft);border-radius:10px;background:var(--ui-surface-deep);color:#91a6c5;font-size:.75rem} .itemdb-preview{padding:0 16px 16px}.itemdb-preview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.itemdb-preview-facts>div{padding:10px 12px;border:1px solid var(--ui-line-soft);border-radius:10px;background:var(--ui-surface-deep)}.itemdb-preview-facts dt{color:#7890b2;font-size:.75rem;text-transform:uppercase}.itemdb-preview-facts dd{margin:5px 0 0;font-size:.75rem;font-weight:800;overflow-wrap:anywhere}.itemdb-sample-table td:nth-child(1){width:90px}.itemdb-sample-table td:nth-child(2){width:180px} .character-bag-tabs button{border:1px solid var(--rf-line-strong);border-radius:9px;background:var(--rf-surface-raised);color:var(--rf-muted);font-size:.75rem;font-weight:850;padding:9px 12px;cursor:pointer;white-space:nowrap}.character-bag-tabs button.is-active{border-color:color-mix(in srgb,var(--rf-accent) 58%,var(--rf-line));background:color-mix(in srgb,var(--rf-accent) 7%,var(--rf-surface-raised));color:var(--rf-text)} .character-tab-panel{min-width:0}.character-storage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}.character-storage-head small{display:block;color:var(--rf-accent);font-size:.75rem;font-weight:900;text-transform:uppercase}.character-storage-head h3{margin:4px 0 0;font-size:.875rem}.character-storage-head em{color:var(--rf-muted);font-size:.75rem;font-style:normal} .character-slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 16px 16px}.character-bag-tabs{display:flex;gap:6px;padding:0 16px 12px;overflow:auto} .character-item-card{min-height:92px;padding:11px;border:1px solid var(--ui-line-soft);border-radius:10px;background:var(--ui-surface-deep);min-width:0}.character-item-card.empty{display:flex;align-items:center;justify-content:center;color:var(--rf-muted)}.character-item-card-top small{display:block;color:var(--rf-muted);font-size:.75rem;text-transform:uppercase}.character-item-card-top b{display:block;margin-top:5px;font-size:.75rem;line-height:1.35;overflow-wrap:anywhere}.character-item-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:8px}.character-item-meta code{color:var(--rf-info);font:8px ui-monospace,SFMono-Regular,Consolas,monospace}.character-item-meta em{color:var(--rf-accent);font-size:.75rem;font-style:normal}.character-storage-unavailable,.character-storage-empty{grid-column:1/-1;margin:0;padding:20px;text-align:center;color:var(--rf-muted);font-size:.75rem} @media(max-width:1100px){.character-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.itemdb-preview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.itemdb-import-layout{grid-template-columns:1fr}.itemdb-actions{display:grid;grid-template-columns:1fr 1fr}.itemdb-preview-facts{grid-template-columns:1fr}.character-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}.character-bag-tabs{padding-left:12px;padding-right:12px}.character-storage-head{padding:12px}} #charactersView .character-module-metrics{gap:8px!important;margin-bottom:10px!important} #charactersView .character-module-metrics article{min-height:72px!important;padding:10px 12px!important;border-radius:10px!important;background:var(--ui-surface-soft)!important;box-shadow:none!important} #charactersView .character-module-metrics small{font-size:.75rem!important} #charactersView .character-module-metrics strong{margin-top:5px!important;font-size:1.1875rem!important} #charactersView .character-module-metrics p{margin-top:4px!important;font-size:.75rem!important} #charactersView .character-list-panel{margin-top:0!important} @media(max-width:720px){#charactersView .character-module-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:480px){#charactersView .character-module-metrics{grid-template-columns:1fr!important}} #character-detailView .character-storage-launcher{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 12px 18px;padding:10px 12px;border:1px solid var(--rf-line);border-radius:10px;background:var(--rf-surface)} #character-detailView .character-storage-launcher>span{display:grid;gap:2px;min-width:0} #character-detailView .character-storage-launcher>span small{color:var(--rf-accent);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em} #character-detailView .character-storage-launcher>span h3{margin:0;color:var(--rf-text);font-size:.75rem} #character-detailView .character-storage-launcher>span p{margin:0;color:var(--rf-muted);font-size:.75rem} #character-detailView .character-storage-launcher>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end} #character-detailView .character-storage-launcher button{display:grid;gap:2px;min-width:112px;min-height:42px;padding:6px 11px;border:1px solid var(--rf-line-strong);border-radius:8px;background:var(--rf-surface-raised);color:var(--rf-text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease} #character-detailView .character-storage-launcher button:hover{border-color:color-mix(in srgb,var(--rf-accent) 48%,var(--rf-line));background:color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface-raised));transform:translateY(-1px)} #character-detailView .character-storage-launcher button b{font-size:.75rem} #character-detailView .character-storage-launcher button small{color:var(--rf-muted);font-size:.75rem} @media(max-width:760px){#character-detailView .character-storage-launcher{align-items:stretch;flex-direction:column}#character-detailView .character-storage-launcher>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#character-detailView .character-storage-launcher button{min-width:0}} @media(max-width:520px){#character-detailView .character-storage-launcher>div{grid-template-columns:1fr}} #character-detailView .character-module-metrics{gap:8px!important;margin-bottom:10px!important} #character-detailView .character-module-metrics article{min-height:72px!important;padding:10px 12px!important;border-radius:10px!important;background:var(--ui-surface-soft)!important;box-shadow:none!important} #character-detailView .character-module-metrics small{font-size:.75rem!important} #character-detailView .character-module-metrics strong{margin-top:5px!important;font-size:1.1875rem!important} #character-detailView .character-module-metrics p{margin-top:4px!important;font-size:.75rem!important} body.avalon-admin-ui #character-detailView .admin-character-detail-panel>.admin-panel-head.character-workspace-head{min-height:58px!important;padding:11px 14px!important;background:var(--rf-surface)!important} body.avalon-admin-ui #character-detailView .admin-character-detail-panel>.admin-panel-head.character-workspace-head h2{font-size:1rem!important} body.avalon-admin-ui #character-detailView .character-workspace-title{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important} body.avalon-admin-ui #character-detailView .character-workspace-title>span{display:grid!important;gap:3px!important;flex:0 0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} body.avalon-admin-ui #character-detailView .character-workspace-title small,body.avalon-admin-ui #character-detailView .character-workspace-title h2{background:transparent!important} #character-detailView .character-sibling-switch{grid-column:1/-1;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-width:0!important;width:100%;margin-top:1px;padding-top:9px;border-top:1px solid var(--rf-line)} #character-detailView .character-sibling-switch.is-hidden{display:none!important} #character-detailView .character-sibling-switch>span{color:var(--rf-muted)!important;font-size:.75rem!important;white-space:nowrap} #character-detailView .character-sibling-switch select{width:100%;min-width:0!important;max-width:none;min-height:34px!important;border:1px solid var(--rf-line)!important;border-radius:7px!important;background:var(--rf-surface-soft)!important;color:var(--rf-text)!important;padding:0 28px 0 9px!important;font-size:.75rem!important} #character-detailView .character-detail-actions{gap:6px!important} #character-detailView .character-detail-actions .admin-button{min-height:32px!important;padding:0 11px!important;font-size:.75rem!important} #character-detailView .character-detail-layout{grid-template-columns:minmax(290px,350px) minmax(0,1fr)!important;gap:8px!important;padding:10px 12px!important} #character-detailView .character-detail-identity{grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important;align-self:start!important;min-height:0!important;padding:10px 11px!important;border:1px solid var(--rf-line)!important;border-radius:9px!important;background:var(--rf-surface)!important} #character-detailView .character-detail-avatar{width:42px!important;height:42px!important;border:1px solid var(--rf-line-strong)!important;border-radius:10px!important;background:var(--rf-surface-raised)!important;color:var(--rf-accent)!important;font-size:.9375rem!important} #character-detailView .character-detail-identity b{color:var(--rf-text)!important;font-size:.875rem!important} #character-detailView .character-detail-identity small,#character-detailView .character-detail-identity em{color:var(--rf-muted)!important;font-size:.75rem!important} #character-detailView .character-detail-status{padding:4px 7px!important;border-color:var(--rf-line-strong)!important;background:var(--rf-surface-soft)!important;color:var(--rf-muted)!important;font-size:.75rem!important}#character-detailView .character-detail-status.online{border-color:color-mix(in srgb,var(--rf-success) 44%,var(--rf-line))!important;background:color-mix(in srgb,var(--rf-success) 7%,var(--rf-surface))!important;color:color-mix(in srgb,var(--rf-success) 74%,var(--rf-text))!important} #character-detailView .character-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} #character-detailView .character-detail-facts>div{min-height:52px!important;padding:8px 10px!important;border-color:var(--rf-line)!important;border-radius:8px!important;background:var(--rf-surface-soft)!important} #character-detailView .character-detail-facts dt{font-size:.75rem!important;color:var(--rf-muted)!important} #character-detailView .character-detail-facts dd{margin:5px 0 0!important;color:var(--rf-text)!important;font-size:.75rem!important;font-weight:850!important} #character-detailView .character-bag-tabs button{border-radius:8px!important} #character-detailView .character-section-head{padding:10px 12px 0!important} #character-detailView .character-section-head h3{font-size:.8125rem!important} /* Match the existing race/class section kicker for all character-section headings. */ #character-detailView .character-section-head>span>small{ display:block; color:var(--rf-accent); font-size:.75rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; } #character-detailView .character-resource-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;padding:8px 12px 10px!important} #character-detailView .character-resource-top{border-bottom:1px solid var(--ui-line-soft)!important;background:transparent!important} #character-detailView .character-resource-grid article{min-height:54px!important;padding:8px 9px!important;border-radius:7px!important} #character-detailView .character-resource-grid article small{display:block!important;color:color-mix(in srgb,var(--rf-accent) 18%,var(--rf-text) 82%)!important;font-size:.6875rem!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important} #character-detailView .character-resource-grid article strong{margin-top:5px!important;color:var(--rf-text)!important;font-size:.75rem!important} #character-detailView .character-slot-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:6px!important;padding:0 12px 12px!important} #character-detailView .character-slot-grid.bank{grid-template-columns:repeat(6,minmax(0,1fr))!important} #character-detailView .character-item-card.empty{color:var(--rf-muted)!important;} #character-detailView .character-list-panel{margin-top:0!important} @media(max-width:1280px){#character-detailView .character-detail-layout{grid-template-columns:1fr!important}#character-detailView .character-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}#character-detailView .character-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}#character-detailView .character-slot-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}#character-detailView .character-slot-grid.bank{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:720px){body.avalon-admin-ui #character-detailView .admin-character-detail-panel>.admin-panel-head.character-workspace-head{align-items:flex-start!important}body.avalon-admin-ui #character-detailView .character-workspace-title{width:100%!important}#character-detailView .character-sibling-switch{grid-template-columns:1fr!important;width:100%!important}#character-detailView .character-module-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}#character-detailView .character-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}#character-detailView .character-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#character-detailView .character-slot-grid, #character-detailView .character-slot-grid.bank{grid-template-columns:repeat(2,minmax(0,1fr))!important}#character-detailView .character-detail-actions{flex-wrap:wrap!important}body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit .character-section-head{padding:12px 12px 9px!important}body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit .admin-entity-audit-list{padding:8px 0 12px!important}body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit .admin-entity-audit-row{margin:0 12px!important}body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit .admin-table-pager{padding:0 12px 12px!important}} @media(max-width:480px){#character-detailView .character-module-metrics{grid-template-columns:1fr!important}#character-detailView .character-detail-identity{grid-template-columns:42px minmax(0,1fr)!important}#character-detailView .character-detail-status{grid-column:2!important;justify-self:start!important}#character-detailView .character-detail-facts{grid-template-columns:1fr!important}} #character-detailView .character-storage-head{padding:14px 16px 10px!important} #character-detailView .character-storage-head small{color:var(--rf-accent)!important;font-size:.75rem!important;letter-spacing:.05em!important} #character-detailView .character-storage-head h3{margin-top:4px!important;font-size:.9375rem!important} #character-detailView .character-storage-head em{font-size:.75rem!important} #character-detailView .character-storage-workbench{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:12px!important;align-items:start!important;padding:0 16px 16px!important} #character-detailView .character-storage-main{min-width:0!important} #character-detailView .character-equipment-items{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important} #character-detailView .character-equipment-items.accessories{grid-template-columns:repeat(4,minmax(0,1fr))!important} #character-detailView .character-bag-tabs{gap:7px!important;padding:0 0 9px!important} #character-detailView .character-bag-tabs button{min-height:33px!important;padding:7px 11px!important;font-size:.75rem!important} #character-detailView .character-slot-grid,#character-detailView .character-slot-grid.bank{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:0!important} #character-detailView .character-item-card{position:relative!important;transition:border-color .15s ease,background .15s ease,transform .15s ease!important} #character-detailView .character-item-card.is-clickable{cursor:pointer!important} #character-detailView .character-item-card.is-clickable:focus-visible{outline:2px solid var(--rf-accent)!important;outline-offset:2px!important} #character-detailView .character-item-card.empty{padding:8px!important;} #character-detailView .character-item-card.empty small{font-size:.75rem!important} #character-detailView .character-item-card-top small{letter-spacing:.03em!important} #character-detailView .character-item-card-top b{display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-top:5px!important;line-height:1.38!important;overflow-wrap:normal!important;word-break:normal!important} #character-detailView .character-item-meta{margin-top:7px!important;min-height:15px!important} #character-detailView .character-item-meta code{max-width:70%!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.75rem!important;white-space:nowrap!important} #character-detailView .character-item-meta em{font-size:.75rem!important;white-space:nowrap!important} #character-detailView .character-item-upgrade-badge,#character-detailView .character-item-warning-badge{display:inline-flex!important;align-items:center!important;margin-top:7px!important;padding:3px 6px!important;border-radius:999px!important;font-size:.75rem!important;font-weight:850!important;line-height:1!important} #character-detailView .character-item-upgrade-badge{background:rgba(156,105,210,.14)!important;color:#c9a4ef!important} #character-detailView .character-item-warning-badge{background:rgba(210,105,112,.12)!important;color:#e5969c!important} #character-detailView .character-item-inspector{position:sticky!important;top:14px!important;min-height:190px!important;padding:14px!important;border-radius:10px!important;} #character-detailView .character-item-inspector.is-empty{display:flex!important;align-items:center!important;justify-content:center!important;border-style:dashed!important;background:var(--rf-surface-soft)!important} #character-detailView .character-item-inspector-empty{text-align:center!important;color:var(--rf-muted)!important} #character-detailView .character-item-inspector-empty b{display:block!important;color:var(--rf-text)!important;font-size:.75rem!important} #character-detailView .character-item-inspector-empty p{margin:7px 0 0!important;font-size:.75rem!important;line-height:1.5!important} #character-detailView .character-item-inspector-head small{display:block!important;color:var(--rf-accent)!important;font-size:.75rem!important;font-weight:900!important;text-transform:uppercase!important} #character-detailView .character-item-inspector-head h4{margin:6px 0 0!important;font-size:.8125rem!important;line-height:1.35!important} #character-detailView .character-item-inspector-head code{display:block!important;margin-top:7px!important;color:var(--rf-info)!important;font:9px ui-monospace,SFMono-Regular,Consolas,monospace!important} #character-detailView .character-item-inspector-facts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:12px 0 0!important} #character-detailView .character-item-inspector-facts>div{min-width:0!important;padding:8px!important;border:1px solid var(--rf-line)!important;border-radius:7px!important;background:var(--rf-surface-soft)!important} #character-detailView .character-item-inspector-facts dt{color:var(--rf-muted)!important;font-size:.75rem!important;text-transform:uppercase!important} #character-detailView .character-item-inspector-facts dd{margin:4px 0 0!important;font-size:.75rem!important;font-weight:800!important;overflow-wrap:anywhere!important} #character-detailView .character-item-inspector-talics{margin-top:10px!important;padding-top:10px!important;border-top:1px solid var(--ui-line-soft)!important} #character-detailView .character-item-inspector-talics>small{color:#8c75aa!important;font-size:.75rem!important;font-weight:850!important;text-transform:uppercase!important} #character-detailView .character-item-inspector-talics>div{display:grid!important;gap:4px!important;margin-top:7px!important} #character-detailView .character-item-inspector-talics span{padding:5px 7px!important;border-radius:6px!important;background:rgba(129,82,170,.11)!important;color:#c7a5e8!important;font-size:.75rem!important;line-height:1.35!important} #character-detailView .character-item-inspector-warning{margin:10px 0 0!important;color:#e5969c!important;font-size:.75rem!important;line-height:1.4!important} #character-detailView .character-bank-toolbar{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important;padding:0 16px 10px!important} #character-detailView .character-bank-toolbar label{display:grid!important;gap:4px!important;min-width:260px!important;max-width:440px!important;flex:1 1 360px!important} #character-detailView .character-bank-toolbar label span{color:var(--rf-muted)!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important} #character-detailView .character-bank-toolbar input{width:100%!important;min-height:36px!important;padding:0 10px!important;border:1px solid var(--rf-line-strong)!important;border-radius:8px!important;background:var(--rf-input)!important;color:var(--rf-text)!important;font-size:.75rem!important;outline:none!important} #character-detailView .character-bank-toolbar input:focus{border-color:var(--rf-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--rf-accent) 12%,transparent)!important} #character-detailView .character-bank-pager{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important} #character-detailView .character-bank-pager button{width:36px!important;height:36px!important;border:1px solid var(--rf-line-strong)!important;border-radius:8px!important;background:var(--rf-surface-raised)!important;color:var(--rf-text)!important;font-size:1.125rem!important;cursor:pointer!important} #character-detailView .character-bank-pager button:disabled{opacity:.35!important;cursor:default!important} #character-detailView .character-bank-pager span{min-width:100px!important;text-align:center!important;color:var(--rf-muted)!important;font-size:.75rem!important} #character-detailView .character-storage-unavailable,#character-detailView .character-storage-empty{min-height:110px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px dashed var(--rf-line)!important;border-radius:9px!important;background:var(--rf-surface-soft)!important;color:var(--rf-muted)!important} @media(max-width:1500px){#character-detailView .character-storage-workbench{grid-template-columns:minmax(0,1fr) 280px!important}#character-detailView .character-equipment-items{grid-template-columns:repeat(3,minmax(0,1fr))!important}#character-detailView .character-slot-grid,#character-detailView .character-slot-grid.bank{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:1180px){#character-detailView .character-storage-workbench{grid-template-columns:1fr!important}#character-detailView .character-item-inspector{position:relative!important;top:auto!important}#character-detailView .character-equipment-items{grid-template-columns:repeat(4,minmax(0,1fr))!important}#character-detailView .character-slot-grid,#character-detailView .character-slot-grid.bank{grid-template-columns:repeat(5,minmax(0,1fr))!important}} @media(max-width:820px){#character-detailView .character-storage-workbench{padding:0 12px 12px!important}#character-detailView .character-storage-head{padding:12px!important}#character-detailView .character-bank-toolbar{align-items:stretch!important;flex-direction:column!important;padding:0 12px 10px!important}#character-detailView .character-bank-toolbar label{min-width:0!important;max-width:none!important;flex:auto!important}#character-detailView .character-bank-pager{justify-content:space-between!important}#character-detailView .character-equipment-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}#character-detailView .character-slot-grid,#character-detailView .character-slot-grid.bank{grid-template-columns:repeat(2,minmax(0,1fr))!important}} #character-detailView .character-page-heading{margin-bottom:12px!important} #character-detailView .character-page-heading .admin-heading-actions{display:flex!important;align-items:center;justify-content:flex-end!important;gap:8px;min-width:0} #character-detailView #characterStoragePageBack{display:none;align-items:center;justify-content:center;width:max-content!important;max-width:100%;flex:0 0 auto!important;min-width:0;min-height:42px;height:42px;padding:0 16px;white-space:nowrap;border-radius:9px;font-size:.8125rem;font-weight:750;line-height:1.2} body.character-storage-page #character-detailView #characterStoragePageBack{display:inline-flex!important} #character-detailView .admin-character-detail-panel{display:grid;gap:20px;margin-bottom:0;border-radius:0;overflow:visible;box-shadow:none} /* Layout-only shell: the global route-panel rule must not paint the gaps between child cards. */ body.avalon-admin-ui #character-detailView .admin-character-detail-panel{border:0!important;background:transparent!important} #character-detailView .admin-character-detail-panel>.admin-panel-head, #character-detailView .character-detail-layout, #character-detailView .character-resource-editor-section, #character-detailView .character-core-mutation, #character-detailView .character-identity-mutation, #character-detailView .character-storage-launcher, #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit{box-sizing:border-box;width:100%;margin:0;border:1px solid var(--rf-line);border-radius:12px;box-shadow:none} #character-detailView .admin-character-detail-panel>.admin-panel-head{background:var(--rf-surface)!important} #character-detailView .character-detail-layout, #character-detailView .character-resource-editor-section, #character-detailView .character-core-mutation, #character-detailView .character-identity-mutation, #character-detailView .character-storage-launcher, #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit{background:var(--rf-surface)!important} @media(max-width:720px){#character-detailView .admin-character-detail-panel{gap:14px}} #character-detailView .admin-character-detail-panel>.admin-panel-head{overflow:hidden} #character-detailView .character-detail-layout{padding:12px;border-bottom:1px solid var(--rf-line)!important} #character-detailView .character-resource-editor-section{overflow:hidden;border-bottom:1px solid var(--rf-line)!important} #character-detailView .character-core-mutation{overflow:hidden} #character-detailView .character-storage-main{min-height:180px!important} body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]{width:100%!important;max-width:none!important;padding:0!important;background:transparent!important} body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit{display:block!important;width:100%!important;max-width:none!important;padding:0!important} body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit .character-section-head{padding:13px 16px 10px!important} body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit .admin-entity-audit-list{padding:8px 0 14px!important} body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit .admin-entity-audit-row{margin:0 16px!important} body.avalon-admin-ui #character-detailView .character-tab-panel[data-character-panel="overview"]>.character-entity-audit .admin-table-pager{padding:0 16px 14px!important} @media(max-width:1180px){#character-detailView .character-equipment-items.main-equipment{grid-template-columns:repeat(4,minmax(0,1fr))!important}#character-detailView .character-equipment-items.accessory-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:820px){#character-detailView .character-equipment-items.ammo-slots{max-width:none!important}} #character-detailView .character-loadout-head{padding-bottom:10px!important} #character-detailView .character-loadout-workbench{display:grid!important;align-items:start!important;padding:0 16px 16px!important} #character-detailView .character-loadout-groups{min-width:0;} #character-detailView .character-loadout-group-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:9px!important} #character-detailView .character-loadout-group-head>span{min-width:0!important} #character-detailView .character-loadout-group-head small{display:block!important;color:#7088aa!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.07em!important} #character-detailView .character-loadout-group-head h4{margin:4px 0 0!important;color:var(--rf-text)!important;font-size:.75rem!important} #character-detailView .character-loadout-group-head em{font-style:normal!important;color:#8399b7!important;font-size:.75rem!important;white-space:nowrap!important} #character-detailView .character-loadout-workbench>.character-item-inspector{position:sticky!important;top:14px!important;min-height:210px!important} #character-detailView .character-equipment-items.main-equipment{grid-template-columns:repeat(4,minmax(0,1fr))!important} #character-detailView .character-equipment-items.accessory-slots{grid-template-columns:repeat(4,minmax(0,1fr))!important} #character-detailView .character-equipment-items.ammo-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important} @media(max-width:1500px){#character-detailView .character-loadout-workbench{grid-template-columns:minmax(0,1fr) 280px!important}} @media(max-width:1180px){#character-detailView .character-loadout-workbench>.character-item-inspector{position:relative!important;top:auto!important}#character-detailView .character-equipment-items.main-equipment,#character-detailView .character-equipment-items.accessory-slots{grid-template-columns:repeat(4,minmax(0,1fr))!important}#character-detailView .character-equipment-items.ammo-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:820px){#character-detailView .character-loadout-workbench{padding:0 12px 12px!important}#character-detailView .character-loadout-group{padding:11px!important}#character-detailView .character-equipment-items.main-equipment,#character-detailView .character-equipment-items.accessory-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}#character-detailView .character-equipment-items.ammo-slots{grid-template-columns:1fr!important}} #character-detailView .character-storage-head-actions{display:flex!important;align-items:center!important;gap:8px!important} #character-detailView .character-storage-head-actions .admin-button{min-height:32px!important;padding:0 11px!important;border-radius:8px!important;font-size:.75rem!important} #character-detailView .item-action-primary{border-color:rgba(223,164,48,.4)!important;background:rgba(223,164,48,.08)!important;color:#f0bf60!important} #character-detailView .item-action-primary:hover{border-color:rgba(240,190,90,.65)!important;background:rgba(223,164,48,.14)!important;color:#ffe2a4!important} #character-detailView .character-item-inspector-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:12px!important;padding-top:11px!important;border-top:1px solid var(--ui-line-soft)!important} #character-detailView .character-item-inspector-actions .admin-button{min-height:34px!important;padding:0 10px!important;font-size:.75rem!important} #character-detailView .character-item-inspector-actions .item-action-delete{background:rgba(197,65,73,.14)!important;border-color:rgba(225,92,101,.38)!important;color:#f1979c!important} @media(max-width:620px){#character-detailView .character-storage-head{align-items:flex-start!important;gap:8px!important}#character-detailView .character-storage-head-actions{align-items:flex-end!important;flex-direction:column!important}#character-detailView .character-item-inspector-actions{grid-template-columns:1fr!important}} #character-detailView .character-loadout-workbench{gap:12px!important} #character-detailView .character-loadout-group{box-shadow:none!important} #character-detailView .character-equipment-items.main-equipment,#character-detailView .character-equipment-items.accessory-slots,#character-detailView .character-equipment-items.ammo-slots{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;max-width:none!important} #character-detailView .character-item-card{min-height:58px!important;padding:9px 11px!important;border:1px solid var(--rf-line)!important;border-radius:8px!important;background:var(--rf-surface-raised)!important;color:var(--rf-text)!important;box-shadow:none!important} #character-detailView .character-item-card.is-clickable:hover{border-color:var(--rf-line-strong)!important;background:var(--rf-surface-soft)!important;transform:none!important} #character-detailView .character-item-card.is-selected{border-color:color-mix(in srgb,var(--rf-accent) 62%,var(--rf-line))!important;background:color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface-raised))!important;box-shadow:inset 3px 0 0 var(--rf-accent)!important} #character-detailView .character-item-card.empty{min-height:52px!important;background:var(--rf-surface-soft)!important;border-style:dashed!important} #character-detailView .character-item-card-top{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;align-items:center!important;gap:10px!important} #character-detailView .character-item-card-top small{margin:0!important;font-size:.75rem!important} #character-detailView .character-item-card-top b{margin:0!important;min-height:0!important;-webkit-line-clamp:1!important;font-size:.75rem!important} #character-detailView .character-item-meta{margin:5px 0 0 128px!important;justify-content:flex-start!important} #character-detailView .character-item-upgrade-badge,#character-detailView .character-item-warning-badge{margin-left:128px!important} #character-detailView .character-item-inspector{background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important} @media(max-width:1180px){#character-detailView .character-identity-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}#character-detailView .character-identity-actions{margin-top:0!important;align-self:end!important}#character-detailView .character-loadout-workbench{grid-template-columns:1fr!important}} @media(max-width:720px){#character-detailView .character-identity-controls{grid-template-columns:1fr!important}#character-detailView .character-identity-actions{margin-top:0!important}#character-detailView .character-item-card-top{grid-template-columns:90px minmax(0,1fr)!important}#character-detailView .character-item-meta{margin-left:100px!important}#character-detailView .character-item-upgrade-badge,#character-detailView .character-item-warning-badge{margin-left:100px!important}} #character-detailView .character-loadout-groups{display:grid!important;gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important} #character-detailView .character-loadout-group{margin:0!important;padding:13px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:var(--ui-surface)!important} #character-detailView .character-loadout-group+.character-loadout-group{border-top:1px solid var(--ui-line)!important} #character-detailView .character-loadout-batch-error{min-height:0!important;color:#ef9b9f!important;font-size:.75rem!important} #character-detailView .character-item-card.has-pending-change{border-color:color-mix(in srgb,var(--rf-accent) 58%,var(--rf-line))!important;background:color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface-raised))!important;box-shadow:inset 3px 0 0 var(--rf-accent)!important} #character-detailView .character-item-pending-badge{display:block!important;margin:6px 0 0 128px!important;padding:4px 7px!important;border-radius:6px!important;background:rgba(199,133,18,.12)!important;color:#f2bf5d!important;font-size:.75rem!important;font-weight:800!important;line-height:1.35!important} #character-detailView .character-loadout-workbench{grid-template-columns:minmax(0,1fr)!important} #character-detailView .character-loadout-workbench>.character-item-inspector{display:none!important} #character-detailView .character-loadout-inline-row{display:grid!important;grid-template-columns:minmax(220px,.85fr) minmax(420px,1.6fr)!important;gap:12px!important;align-items:end!important;padding:10px!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;background:transparent!important} #character-detailView .character-loadout-inline-row.empty{min-height:54px!important;align-items:center!important;background:transparent!important;border-style:dashed!important} #character-detailView .character-loadout-inline-current{min-width:0!important;display:grid!important;gap:3px!important;background:transparent!important;box-shadow:none!important} #character-detailView .character-loadout-inline-current small{color:#7990b2!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important} #character-detailView .character-loadout-inline-current b{justify-self:start!important;width:auto!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ui-text)!important;font-size:.75rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #character-detailView .character-loadout-inline-current code{color:#70a2d5!important;font-size:.75rem!important;background:transparent!important;padding:0!important} #character-detailView .character-loadout-inline-empty{display:inline-block!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ui-text-muted)!important;font-size:.75rem!important} #character-detailView .character-loadout-inline-editor{display:grid!important;gap:8px!important;align-items:end!important;background:transparent!important;box-shadow:none!important} #character-detailView .character-loadout-inline-editor label{position:relative!important;display:grid!important;gap:4px!important;min-width:0!important;background:transparent!important;box-shadow:none!important} #character-detailView .character-loadout-inline-editor label>span{color:#8296b4!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important} #character-detailView .character-loadout-inline-editor input{height:36px!important;min-width:0!important;padding:0 10px!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;background:transparent!important;color:var(--ui-text)!important;outline:none!important} #character-detailView .character-loadout-inline-editor input:focus{border-color:#b87a12!important;box-shadow:0 0 0 2px rgba(184,122,18,.12)!important} #character-detailView .character-loadout-inline-editor input.is-invalid{border-color:#d85e66!important} #character-detailView .character-loadout-inline-reset{height:36px!important;padding:0 10px!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;background:transparent!important;color:var(--ui-text-muted)!important;cursor:pointer!important} #character-detailView .character-loadout-inline-reset:hover{border-color:#697a96!important;color:var(--ui-text)!important} #character-detailView .character-loadout-inline-results{position:absolute!important;z-index:25!important;left:0!important;right:0!important;top:100%!important;margin-top:4px!important;max-height:min(520px,60vh)!important;overflow:auto!important;padding:5px!important;border:1px solid var(--rf-line)!important;border-radius:8px!important;background:var(--rf-surface-raised)!important;box-shadow:var(--rf-shadow)!important} #character-detailView .character-loadout-inline-result{width:100%!important;display:flex!important;justify-content:space-between!important;gap:10px!important;padding:8px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--ui-text)!important;text-align:left!important;cursor:pointer!important} #character-detailView .character-loadout-inline-result:hover{background:var(--rf-surface-soft)!important} #character-detailView .character-loadout-inline-result b{font-size:.75rem!important} #character-detailView .character-loadout-inline-result code{color:#78a7d6!important;font-size:.75rem!important} #character-detailView .character-loadout-inline-error{margin:4px!important;color:#e8969b!important;font-size:.75rem!important} @media(max-width:980px){#character-detailView .character-loadout-inline-row{grid-template-columns:1fr!important}} @media(max-width:650px){#character-detailView .character-loadout-inline-reset{width:100%!important}} #character-detailView .character-loadout-inline-editor{grid-template-columns:minmax(260px,1fr) minmax(135px,.35fr) auto auto!important} #character-detailView .character-loadout-inline-delete{height:36px!important;padding:0 10px!important;border:1px solid rgba(220,92,100,.48)!important;border-radius:7px!important;background:rgba(130,35,42,.12)!important;color:#e7a0a5!important;cursor:pointer!important} #character-detailView .character-loadout-inline-delete:hover,#character-detailView .character-loadout-inline-delete.is-active{border-color:#d85e66!important;background:rgba(180,57,66,.18)!important;color:#ffd0d3!important} #character-detailView .character-loadout-inline-delete:disabled{opacity:.35!important;cursor:not-allowed!important} @media(max-width:980px){#character-detailView .character-loadout-inline-editor{grid-template-columns:minmax(0,1fr) 150px auto auto!important}} @media(max-width:650px){#character-detailView .character-loadout-inline-editor{grid-template-columns:1fr!important}#character-detailView .character-loadout-inline-delete{width:100%!important}} #character-detailView .character-storage-page-nav{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0;margin:16px 0 14px;padding:10px;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-surface-soft);box-sizing:border-box;justify-self:stretch} #character-detailView .character-storage-page-nav button{min-width:0;width:100%;min-height:44px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--rf-muted);font-size:.8125rem;font-weight:800;cursor:pointer} #character-detailView .character-storage-page-nav button:hover{border-color:var(--rf-line);background:var(--rf-surface);color:var(--rf-text)} #character-detailView .character-storage-page-nav button.is-active{border-color:color-mix(in srgb,var(--rf-accent) 50%,var(--rf-line));background:color-mix(in srgb,var(--rf-accent) 7%,var(--rf-surface));color:var(--rf-text);box-shadow:inset 3px 0 0 var(--rf-accent)} body.character-storage-page #character-detailView .character-main-only{display:none!important} body.character-storage-page #character-detailView .character-storage-page-only{display:inline-flex!important} body.character-storage-page #character-detailView .character-storage-page-nav{display:grid!important} body.character-storage-page #character-detailView .admin-character-detail-panel{overflow:visible!important} body.character-storage-page #character-detailView .admin-character-detail-panel>.admin-panel-head, body.character-storage-page #character-detailView .character-detail-layout, body.character-storage-page #character-detailView .character-core-mutation, body.character-storage-page #character-detailView .character-identity-mutation, body.character-storage-page #character-detailView .character-storage-launcher, body.character-storage-page #character-detailView [data-character-panel="overview"]{display:none!important} body.character-storage-page #character-detailView .character-tab-panel:not(.is-hidden){display:block!important;padding:0 0 16px!important} body.character-storage-page #character-detailView .character-storage-head{padding:16px 18px 12px!important;border-top:1px solid var(--rf-line)!important} body.character-storage-page #character-detailView .character-storage-workbench{grid-template-columns:minmax(0,1fr) 340px!important;gap:16px!important;padding:0 18px 18px!important} body.character-storage-page #character-detailView .character-loadout-workbench{padding:0 18px 18px!important} body.character-storage-page #character-detailView .character-bank-toolbar{padding:0 18px 12px!important} body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-slot-grid, body.character-storage-page #character-detailView [data-character-panel="bank"] .character-slot-grid.bank{grid-template-columns:1fr!important;gap:6px!important} body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-card, body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:16px!important;min-height:56px!important;padding:9px 12px!important} body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-card.empty, body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-card.empty{display:flex!important;min-height:48px!important;justify-content:flex-start!important} body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-meta, body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-meta{grid-column:2!important;margin:0!important;justify-content:flex-end!important;min-width:130px!important} body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-upgrade-badge, body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-warning-badge, body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-upgrade-badge, body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-warning-badge{grid-column:1/-1!important;margin-left:128px!important} body.character-storage-page #character-detailView .character-item-inspector{top:14px!important;min-height:220px!important} @media(max-width:1180px){body.character-storage-page #character-detailView .character-storage-workbench{grid-template-columns:1fr!important}body.character-storage-page #character-detailView .character-item-inspector{position:relative!important;top:auto!important}} @media(max-width:820px){#character-detailView .character-storage-page-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:14px 0 12px!important;padding:8px!important;gap:6px!important}body.character-storage-page #character-detailView .character-storage-head{padding:12px!important}body.character-storage-page #character-detailView .character-storage-workbench,body.character-storage-page #character-detailView .character-loadout-workbench{padding:0 12px 12px!important}body.character-storage-page #character-detailView .character-bank-toolbar{padding:0 12px 10px!important}} @media(max-width:720px){body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-card,body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-card{grid-template-columns:1fr!important}body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-meta,body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-meta{grid-column:1!important;margin:5px 0 0 100px!important;justify-content:flex-start!important;min-width:0!important}body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-upgrade-badge,body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-item-warning-badge,body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-upgrade-badge,body.character-storage-page #character-detailView [data-character-panel="bank"] .character-item-warning-badge{margin-left:100px!important}} #premiumView .premium-purchase-box .primary-service-action, #premiumView .premium-token-purchase-box .token-action{color:#141922!important;background:linear-gradient(180deg,#ffc142,#f39a16)!important;border-color:#d88700!important;font-weight:900!important} #premiumView .premium-purchase-box .primary-service-action:disabled, #premiumView .premium-token-purchase-box .token-action:disabled{color:#b8c3d2!important;background:#30394c!important;border-color:#46556e!important;opacity:1!important;filter:none!important} body.character-storage-page #character-detailView [data-character-panel="inventory"] .character-storage-workbench, body.character-storage-page #character-detailView [data-character-panel="bank"] .character-storage-workbench{grid-template-columns:minmax(0,1fr)!important} #character-detailView .character-storage-managed-row{display:grid!important;grid-template-columns:minmax(250px,.8fr) minmax(0,2fr)!important;gap:12px!important;align-items:end!important;min-width:0!important;padding:10px!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;background:transparent!important} #character-detailView .character-storage-managed-info{min-width:0!important;display:grid!important;gap:4px!important} #character-detailView .character-storage-managed-info>small{color:#7990b2!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important} #character-detailView .character-storage-managed-info>b{min-width:0!important;color:var(--ui-text)!important;font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #character-detailView .character-storage-managed-meta{display:flex!important;min-width:0!important;flex-wrap:wrap!important;gap:6px 12px!important;align-items:center!important} #character-detailView .character-storage-managed-meta code{padding:0!important;background:transparent!important;color:#70a2d5!important;font-size:.75rem!important} #character-detailView .character-storage-managed-meta em{color:var(--ui-text-muted)!important;font-size:.75rem!important;font-style:normal!important} #character-detailView .character-storage-managed-editor{display:grid!important;grid-template-columns:minmax(210px,1.25fr) minmax(115px,.45fr) minmax(145px,.58fr) auto auto!important;gap:8px!important;align-items:end!important;min-width:0!important;background:transparent!important;box-shadow:none!important} #character-detailView .character-storage-managed-editor label{display:grid!important;gap:4px!important;min-width:0!important;background:transparent!important;box-shadow:none!important} #character-detailView .character-storage-managed-editor .character-storage-managed-replace{position:relative!important} #character-detailView .character-storage-managed-editor label>span{color:#8296b4!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important} #character-detailView .character-storage-managed-editor input{width:100%!important;height:36px!important;min-width:0!important;padding:0 10px!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;background:transparent!important;color:var(--ui-text)!important;outline:none!important} #character-detailView .character-storage-managed-editor input:focus{border-color:#b87a12!important;box-shadow:0 0 0 2px rgba(184,122,18,.12)!important} #character-detailView .character-storage-managed-editor input.is-invalid{border-color:#d85e66!important} #character-detailView .character-storage-managed-editor input:disabled,#character-detailView .character-storage-managed-editor button:disabled{opacity:.35!important;cursor:not-allowed!important} #character-detailView .character-storage-managed-error{grid-column:1/-1!important;min-height:0!important;color:#ef9b9f!important;font-size:.75rem!important} @media(max-width:1280px){#character-detailView .character-storage-managed-row{grid-template-columns:1fr!important}} @media(max-width:900px){#character-detailView .character-storage-managed-editor{grid-template-columns:minmax(0,1fr) minmax(115px,.45fr) minmax(145px,.58fr)!important}#character-detailView .character-storage-managed-editor .admin-button{width:100%!important}} @media(max-width:620px){#character-detailView .character-storage-managed-row{padding:9px!important}#character-detailView .character-storage-managed-editor{grid-template-columns:1fr!important}#character-detailView .character-storage-managed-meta{display:grid!important;gap:4px!important}#character-detailView .character-storage-managed-error{grid-column:1!important}} @media(max-width:480px){#character-detailView .character-page-heading .admin-heading-actions{justify-content:flex-end!important;width:100%!important}#character-detailView #characterStoragePageBack{min-height:40px;height:40px;padding:0 12px}#character-detailView .character-storage-page-nav button{padding:0 5px!important;font-size:.75rem!important}} html { min-width: 320px; scroll-padding-top: 84px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body, .admin-body { min-width: 320px; color: var(--cab-text); background: radial-gradient(circle at 76% -18%, rgba(95, 130, 190, .14), transparent 34%), var(--cab-bg) !important; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-synthesis: none; text-rendering: optimizeLegibility; } button, a, input, select, textarea, summary { touch-action: manipulation; } button, input, select, textarea { font: inherit; } img, svg { max-width: 100%; } .workspace > *, .admin-layout > *, .app-view > *, .admin-view > *, .panel > *, .admin-panel > * { min-width: 0; } :where(button, a, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--cab-gold) !important; outline-offset: 2px; box-shadow: var(--cab-focus) !important; } ::selection { color: #17120a; background: var(--cab-gold); } /* Compound fields own the focus ring. The inner input must stay transparent. */ .auth-card .input-wrap > input, .login-card .input-wrap > input { border: 0 !important; border-radius: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; } .auth-card .input-wrap > input:focus, .auth-card .input-wrap > input:focus-visible, .login-card .input-wrap > input:focus, .login-card .input-wrap > input:focus-visible { border: 0 !important; outline: 0 !important; box-shadow: none !important; } .auth-card .input-wrap:focus-within, .login-card .input-wrap:focus-within { border-color: rgba(255, 183, 43, .78) !important; box-shadow: var(--cab-focus) !important; } .login-links { align-items: center; gap: 12px; } .auth-link-button { min-height: 44px !important; padding: 0 2px !important; border: 0 !important; background: transparent !important; color: var(--cab-muted) !important; text-decoration: underline; text-decoration-color: rgba(167, 177, 197, .38); text-underline-offset: 3px; } .auth-link-button:hover, .auth-link-button:focus-visible { color: var(--cab-gold) !important; text-decoration-color: currentColor; } .auth-availability { margin: 0 0 18px; padding: 12px 14px; border: 1px solid rgba(255, 183, 43, .34); border-radius: var(--cab-radius-sm); background: rgba(255, 183, 43, .08); color: #f4d18d; font-size: .75rem; line-height: 1.55; } /* Account actions live in the top profile; staff entry no longer occupies the sidebar. */ .top-profile-shell { position: relative; z-index: 55; margin-left: 12px; } .top-profile { min-height: 48px; margin-left: 0 !important; border-left-color: var(--cab-line-soft) !important; border-radius: 11px; color: var(--cab-text); cursor: pointer; } .top-profile:hover, .top-profile[aria-expanded="true"] { border-color: var(--cab-line) !important; background: var(--cab-surface-soft) !important; } .top-profile .top-profile-copy { min-width: 0; display: grid; text-align: left; } .top-profile-disclosure { width: 9px; height: 9px; margin: 0 5px 3px 2px; flex: 0 0 auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; color: var(--cab-dim); transform: rotate(45deg); transform-origin: 55% 55%; transition: transform .16s ease, color .16s ease; } .top-profile[aria-expanded="true"] .top-profile-disclosure { color: var(--cab-muted); transform: rotate(225deg); } .top-profile-menu { position: absolute; top: calc(100% + 9px); right: 0; border: 1px solid var(--cab-line); } .top-profile-menu > button, .top-profile-menu > a { width: 100%; border: 1px solid transparent; display: grid; align-items: center; color: var(--cab-text); background: transparent; text-align: left; text-decoration: none; cursor: pointer; } .top-profile-menu .ui-icon { color: var(--cab-dim); } .top-profile-menu span { min-width: 0; display: grid; } .top-profile-menu b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .top-profile-menu small { margin-top: 3px; color: var(--cab-muted); } .top-profile-menu .top-profile-logout:hover { color: #ffdadd; } .sidebar > .side-nav { margin-top: 0 !important; } .sidebar-foot .logout-action { margin-top: 0; } /* Replace legacy near-black Archon rows with the shared raised surface. */ .archon-history-filters select, .archon-history-filters input { background: var(--cab-input) !important; } .archon-history-entry { border-color: var(--cab-line) !important; background: transparent !important; box-shadow: none !important; } .archon-snapshot-card { border-color: var(--cab-line) !important; background: var(--cab-surface-raised) !important; box-shadow: 0 8px 22px rgba(8, 11, 18, .1); } .archon-history-changes { border-top-color: var(--cab-line-soft) !important; background: transparent !important; } /* Shared chrome and readable hierarchy. */ .topbar, .admin-topbar { border-bottom: 1px solid var(--cab-line-soft) !important; background: rgba(34, 41, 59, .94) !important; box-shadow: 0 8px 28px rgba(8, 11, 18, .12); backdrop-filter: blur(18px); } .sidebar, .admin-sidebar { border-right: 1px solid var(--cab-line-soft) !important; background: linear-gradient(180deg, #242c40, #1d2434) !important; scrollbar-width: thin; scrollbar-color: #56627a transparent; } .content, .admin-content { width: 100%; padding: 32px clamp(22px, 3.4vw, 58px) 76px !important; } .content > .app-view, .admin-content > .admin-view { width: min(100%, var(--cab-content)); max-width: var(--cab-content) !important; margin-inline: auto; } .page-heading, .admin-heading{ min-height: 0 !important; margin: 0 0 22px !important; padding: 4px 0 !important; align-items: flex-end !important; gap: 18px !important; } .page-heading h1, .admin-heading h1{ margin: 6px 0 !important; color: var(--cab-text) !important; font-size: clamp(27px, 2.6vw, 36px) !important; line-height: 1.08 !important; letter-spacing: -.035em !important; } .page-heading p, .admin-heading p, .admin-panel-head p{ max-width: 900px; color: var(--cab-muted) !important; font-size: .75rem !important; line-height: 1.6 !important; } .page-heading small, .admin-heading small, .panel-head small, .admin-panel-head small{ color: var(--cab-gold) !important; font-size: .75rem !important; font-weight: 850 !important; letter-spacing: .12em !important; text-transform: uppercase; } .panel-head h2, .admin-panel-head h2{ color: var(--cab-text) !important; font-size: 1.0625rem !important; line-height: 1.25; } /* One surface language for all modules. */ .panel-head, .admin-panel-head{ min-height: 68px; padding: 16px 18px !important; border-bottom: 1px solid var(--cab-line-soft) !important; } .metric-card, .admin-metrics article, .economy-stock-grid article, .economy-flow-grid article, .metric-card { min-height: 126px !important; } .admin-dashboard-grid{ gap: 14px !important; } .admin-metrics { grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)) !important; gap: 10px !important; } .admin-heading-actions, .reward-builder-actions, .character-detail-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; } /* Controls share size, radius and states. */ :where(.primary-action, .secondary-action, .ghost-action, .admin-button) { min-height: 44px !important; border-radius: 10px !important; padding-inline: 16px !important; font-size: .75rem !important; font-weight: 800 !important; line-height: 1.2; } :where(.primary-action, .admin-button:not(.secondary):not(.danger):not(.warning)) { border-color: #e79b13 !important; color: #1b160d !important; background: linear-gradient(135deg, #ffc84a, #f3a018) !important; box-shadow: 0 8px 20px rgba(191, 119, 14, .16) !important; } :where(.secondary-action, .ghost-action, .admin-button.secondary) { border: 1px solid #4a5871 !important; color: #dce4f0 !important; background: var(--cab-surface-soft) !important; box-shadow: none !important; } :where(.primary-action, .secondary-action, .ghost-action, .admin-button):hover:not(:disabled) { filter: brightness(1.06); } :where(input, select, textarea) { max-width: 100%; border-color: #46536b !important; border-radius: 10px !important; color: var(--cab-text) !important; background: var(--cab-input) !important; font-size: .8125rem !important; } :where(input, select):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height: 44px; } textarea { min-height: 96px; line-height: 1.55; resize: vertical; } :where(input, select, textarea):focus { border-color: rgba(255, 183, 43, .72) !important; box-shadow: var(--cab-focus) !important; } :where(input, select, textarea)::placeholder { color: #78859c !important; opacity: 1; } /* Tables stay readable and become intentional scroll regions on narrow screens. */ :where(.admin-table-wrap, .audit-table-wrap, .reward-table-wrap, .economy-table-wrap, .ban-table-wrap, .guild-table-wrap) { width: 100%; max-width: 100%; overflow: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #59657d var(--cab-surface-soft); } :where(.admin-table, .audit-table, .reward-table, .economy-table, .ban-table, .guild-table) th { color: #99a6ba !important; background: var(--cab-surface-soft) !important; font-size: .75rem !important; letter-spacing: .055em; } :where(.admin-table, .audit-table, .reward-table, .economy-table, .ban-table, .guild-table) td { color: #d1d9e6 !important; font-size: .75rem !important; line-height: 1.45; } .converter-audit-date { width: 15%; } .converter-audit-account { width: 13%; } .converter-audit-recipient { width: 14%; } .converter-audit-route { width: 20%; } .converter-audit-spent { width: 14%; } .converter-audit-awarded, .converter-audit-after { width: 12%; } .toast, .admin-toast { right: max(18px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); min-height: 48px; border-radius: 12px; font-size: .75rem; } /* Tablet: turn both sidebars into the same accessible drawer pattern. */ @media (max-width: 980px) { .topbar, .admin-topbar { height: 64px !important; min-height: 64px !important; padding-inline: 16px !important; gap: 12px !important; } .project-links, .admin-top-links { display: none !important; } .menu-button, .admin-menu-button { width: 44px !important; height: 44px !important; min-width: 44px; display: grid !important; place-content: center; border: 1px solid var(--cab-line) !important; border-radius: 10px !important; background: var(--cab-surface-soft) !important; } .workspace, .admin-layout { min-height: calc(100vh - var(--stage26-header-height, 64px)) !important; grid-template-columns: minmax(0, 1fr) !important; } .sidebar, .admin-sidebar { width: min(330px, 88vw) !important; height: calc(100dvh - var(--stage26-header-height, 64px)) !important; top: var(--stage26-header-height, 64px) !important; left: 0; position: fixed !important; z-index: 70 !important; padding-bottom: max(18px, env(safe-area-inset-bottom)) !important; overflow-y: auto; transform: translateX(-104%); transition: transform .2s ease; box-shadow: 28px 0 70px rgba(4, 7, 13, .42) !important; } .sidebar.is-open, .admin-sidebar.is-open { transform: translateX(0) !important; } .sidebar-backdrop, .admin-backdrop { inset: var(--stage26-header-height, 64px) 0 0 !important; position: fixed !important; z-index: 65 !important; display: block !important; visibility: hidden; border: 0; background: rgba(7, 10, 17, .66) !important; opacity: 0; transition: opacity .2s ease, visibility .2s ease; } .sidebar-backdrop.is-open, .admin-backdrop.is-open { visibility: visible; opacity: 1; } body.mobile-menu-open { overflow: hidden; } .content, .admin-content { padding: 26px 20px 84px !important; } .admin-dashboard-grid, .database-layout, .account-detail-grid, .character-detail-layout, .guild-detail-hero{ grid-template-columns: minmax(0, 1fr) !important; } } /* Phone: one-column reading flow, native-size inputs and large touch targets. */ @media (max-width: 700px) { html { scroll-padding-top: 72px; } .topbar, .admin-topbar { padding-left: max(10px, env(safe-area-inset-left)) !important; padding-right: max(10px, env(safe-area-inset-right)) !important; } .topbar .brand, .admin-brand { min-width: 0 !important; gap: 9px !important; } .brand b, .admin-brand b { font-size: .75rem !important; } .top-profile, .admin-profile { padding-left: 8px !important; border-left: 0 !important; } .top-profile .top-profile-copy, .admin-profile > span:last-child { display: none !important; } .top-profile-shell { margin-left: 4px; } .top-profile { min-width: 46px; min-height: 46px; padding: 5px !important; justify-content: center; } .top-profile-disclosure { display: none !important; } .top-profile-menu { width: min(286px, calc(100vw - 20px)); right: 0; } .top-wallet { min-width: 0; margin-left: auto !important; gap: 5px !important; } .top-wallet-card { min-width: 48px !important; padding: 6px 7px !important; } .top-wallet-card .top-wallet-copy small { display: none !important; } .top-wallet-card .top-wallet-copy b { min-width: 0; max-width: 62px; overflow: hidden; font-size: .75rem !important; white-space: nowrap; text-overflow: ellipsis; } .content, .admin-content { padding: 20px 14px calc(86px + env(safe-area-inset-bottom)) !important; } .page-heading, .admin-heading, .admin-panel-head, .panel-head{ align-items: stretch !important; flex-direction: column !important; } .page-heading h1, .admin-heading h1{ font-size: clamp(25px, 8vw, 32px) !important; } .page-heading p, .admin-heading p, .admin-panel-head p{ font-size: .75rem !important; } .admin-heading-actions, .welcome-actions, .reward-builder-actions, .account-action-buttons, .database-form-foot, .reward-recipient-tool-actions { width: 100%; align-items: stretch !important; flex-direction: column !important; } .admin-heading-actions > *, .welcome-actions > *, .reward-builder-actions > *, .account-action-buttons > *, .database-form-foot .admin-button, .reward-recipient-tool-actions .admin-button { width: 100% !important; } .welcome-panel { padding: 22px 18px !important; } .character-overview, .character-grid-detailed, .player-profile-fields, .premium-status-facts, .payment-admin-metrics, .admin-metrics, .module-summary, .settings-grid.two-columns, .database-field-grid, .database-names-grid, .reward-preview-summary, .reward-campaign-status, .reward-recipient-filter-grid, .economy-stock-grid, .economy-flow-grid, .economy-population-grid, .guild-module-metrics, .character-resource-grid{ grid-template-columns: minmax(0, 1fr) !important; } .metric-card, .admin-metrics article{ min-height: 0 !important; } .panel-head, .admin-panel-head, .reward-list, .settings-grid, .database-form, .character-resource-grid, .account-character-grid{ padding-left: 14px !important; padding-right: 14px !important; } :where(input, select, textarea) { font-size: 1rem !important; } :where(button, .primary-action, .secondary-action, .ghost-action, .admin-button, .side-nav button, .side-nav a, .admin-nav button) { min-height: 44px !important; } .converter-flow-targets, .converter-flow-exchange, .reward-row, .reward-item-picker, .funpay-admin-row, .converter-policy-list article, .guild-mutation-grid, .ban-list-filters, .character-list-filters, .online-list-filters, .account-list-filters { grid-template-columns: minmax(0, 1fr) !important; } .converter-flow-submit { width: 100% !important; min-width: 0 !important; } .converter-flow-amount-control { grid-template-columns: minmax(0, 1fr) auto !important; } .converter-flow-amount-unit { display: none !important; } .reward-row > *, .reward-item-picker > *, .reward-item-selected { grid-column: auto !important; } .reward-row-number, .reward-remove { justify-self: start; } .reward-remove { width: 44px !important; height: 44px !important; } .mobile-nav { min-height: 68px; height: auto !important; padding-bottom: max(6px, env(safe-area-inset-bottom)) !important; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; } .mobile-nav::-webkit-scrollbar { display: none; } .mobile-nav button, .mobile-nav a { min-width: 68px; } .account-action-modal, .item-mutation-modal, .archon-modal { align-items: flex-end !important; padding: 0 !important; } .account-action-card, .item-mutation-card, .archon-modal-card { width: 100% !important; max-width: none !important; max-height: calc(100dvh - 24px) !important; overflow-y: auto; padding: 20px 16px max(18px, env(safe-area-inset-bottom)) !important; border-radius: 18px 18px 0 0 !important; } .toast, .admin-toast { left: 12px; right: 12px; bottom: calc(78px + env(safe-area-inset-bottom)); width: auto; } } @media (max-width: 420px) { .content, .admin-content { padding-inline: 10px !important; } .brand small, .admin-brand small, .top-wallet-card .top-wallet-icon { display: none !important; } .top-wallet-card { min-width: 38px !important; padding-inline: 5px !important; } .top-wallet-card .top-wallet-copy b { max-width: 48px; font-size: .75rem !important; } .welcome-panel, .converter-flow-card { padding: 16px 12px !important; } .converter-flow-amount-control { grid-template-columns: minmax(0, 1fr) !important; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } @media (prefers-contrast: more) { :root { --cab-line: #69758d; --cab-line-soft: rgba(157, 170, 196, .58); --cab-muted: #c4ccda; } } .admin-sidebar .admin-nav { min-height: 0; flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; padding-right: 3px; overscroll-behavior: contain; scrollbar-gutter: stable; } .admin-nav-group { display: flex; flex-direction: column; gap: 2px; } .admin-nav button.admin-nav-group-toggle { min-height: 44px; height: 44px; margin: 0; } .admin-nav-group-children { display: flex; flex-direction: column; gap: 2px; padding: 2px 0 4px; } .admin-nav-group-children.is-collapsed { display: none; } /* Desktop navigation rail. The sidebar itself stays fixed to the viewport; only the navigation body scrolls, so the version footer remains anchored and long groups never stretch the page shell. */ .admin-sidebar { min-height: 0; } .admin-sidebar .admin-nav { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--rf-line-strong) 74%, transparent) transparent; } .admin-sidebar .admin-nav::-webkit-scrollbar { width: 6px; } .admin-sidebar .admin-nav::-webkit-scrollbar-track { background: transparent; } .admin-sidebar .admin-nav::-webkit-scrollbar-thumb { border-radius: 999px; background: color-mix(in srgb, var(--rf-line-strong) 72%, transparent); } .admin-sidebar .admin-nav > span { display: flex; align-items: center; gap: 9px; white-space: nowrap; } .admin-sidebar .admin-nav > span::after { content: ""; height: 1px; flex: 1 1 auto; background: linear-gradient(90deg, color-mix(in srgb, var(--rf-line) 82%, transparent), transparent); } .admin-nav button.admin-nav-group-toggle::after { content: ""; width: 7px; height: 7px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; opacity: .48; transform: rotate(45deg) translate(-1px, 1px); transform-origin: center; transition: transform .16s ease, opacity .16s ease, color .16s ease; } .admin-nav button.admin-nav-group-toggle.is-open::after, .admin-nav-group.is-open > .admin-nav-group-toggle::after { opacity: .82; transform: rotate(225deg) translate(-1px, 1px); } .admin-nav-group-children { position: relative; } .admin-nav-group.is-open .admin-nav-group-children::before { content: ""; position: absolute; left: 10px; top: 7px; bottom: 7px; width: 1px; background: linear-gradient(180deg, color-mix(in srgb, var(--rf-info) 42%, transparent), color-mix(in srgb, var(--rf-line) 55%, transparent) 44%, transparent); pointer-events: none; } .admin-nav-group.is-open .admin-nav-subitem { position: relative; } .admin-nav-group.is-open .admin-nav-subitem > i { position: relative; z-index: 1; outline: 3px solid color-mix(in srgb, var(--rf-surface-deep) 92%, transparent); } @media (prefers-reduced-motion: reduce) { .admin-nav button.admin-nav-group-toggle::after { transition: none; } } /* ADMIN_TOP is DB-driven. Keep the static emergency fallback out of paint until hydration settles. */ body.avalon-admin-ui .admin-top-links[data-navigation-hydrated="false"]{visibility:hidden;pointer-events:none} .admin-nav-group .admin-nav-subitem { width: calc(100% - 18px); min-height: 38px; height: auto; margin-left: 18px; padding: 7px 10px 7px 12px; border-radius: 8px; } .admin-nav-group .admin-nav-subitem b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-nav-group .admin-nav-subitem em { min-width: 0; max-width: 62px; padding: 2px 6px; white-space: nowrap; } .admin-nav-group .admin-nav-subitem em:empty { display: none; } .admin-heading-toggle { min-height: 40px; padding: 0 15px; } @media (max-width: 700px) { .admin-nav button.admin-nav-group-toggle, .admin-nav-group .admin-nav-subitem { min-height: 44px !important; } .admin-nav-group .admin-nav-subitem { width: calc(100% - 14px); margin-left: 14px; } } .admin-nav button.admin-nav-group-toggle { position: relative; isolation: isolate; overflow: hidden; border-color: transparent; background: transparent; box-shadow: none; transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; } .admin-nav button.admin-nav-group-toggle:hover { color: #dbe7f7; border-color: rgba(106, 132, 172, .18); background: rgba(50, 66, 91, .24); } .admin-nav-group-toggle.has-active:not(.is-open) { color: #afbed2; border-color: transparent; background: transparent; box-shadow: inset 2px 0 0 color-mix(in srgb,var(--rf-info) 58%,transparent); } .admin-nav-group-toggle.has-active:not(.is-open) .admin-nav-icon-svg { color: var(--rf-info); } .admin-nav-group-toggle.is-open { color: #eef4fd; border-color: rgba(105, 142, 201, .32); background: linear-gradient(100deg, rgba(58, 86, 132, .34), rgba(36, 50, 76, .42) 62%, rgba(31, 43, 64, .24)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), inset 3px 0 0 rgba(111, 157, 225, .62), 0 7px 18px rgba(7, 12, 21, .12); } .admin-nav-group-toggle.is-open:hover { border-color: rgba(120, 158, 216, .42); background: linear-gradient(100deg, rgba(65, 96, 147, .40), rgba(39, 55, 82, .48) 62%, rgba(32, 44, 66, .28)); } .admin-nav-group-toggle.is-open.has-active { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), inset 3px 0 0 color-mix(in srgb,var(--rf-info) 72%,transparent), 0 8px 20px rgba(7, 12, 21, .14); } .admin-nav-group-toggle.is-open .admin-nav-icon-svg { color: #b9cef0; filter: drop-shadow(0 0 7px rgba(110, 160, 231, .18)); } .admin-nav-group-toggle.is-open.has-active .admin-nav-icon-svg { color: var(--rf-info); filter: drop-shadow(0 0 8px color-mix(in srgb,var(--rf-info) 18%,transparent)); } .admin-nav-group .admin-nav-subitem.is-active { color: var(--rf-text); border-color: color-mix(in srgb,var(--rf-info) 24%,transparent); background: color-mix(in srgb,var(--rf-info) 7%,transparent); box-shadow: inset 3px 0 0 color-mix(in srgb,var(--rf-info) 72%,transparent); } .admin-nav-group .admin-nav-subitem.is-active > i { background: var(--rf-info); box-shadow: none; } .admin-nav-group .admin-nav-subitem:not(.is-active):hover { border-color: rgba(102, 130, 171, .16); background: rgba(45, 61, 86, .22); } html { overflow-x: hidden; background-color: var(--cab-bg); } body.admin-body { width: 100%; min-height: 100dvh; overflow-x: hidden !important; background-color: var(--cab-bg) !important; } .admin-layout { min-height: calc(100dvh - var(--stage26-header-height, 64px)) !important; } .admin-content { min-height: calc(100dvh - var(--stage26-header-height, 64px)); overflow-x: hidden; padding-bottom: max(76px, calc(env(safe-area-inset-bottom) + 32px)) !important; } /* Top-level admin views are deny-by-default: only the single active view may render. */ body.avalon-admin-ui .admin-content > .admin-view { display: none !important; } body.avalon-admin-ui .admin-content > .admin-view.is-active-view:not([hidden])[aria-hidden="false"] { display: var(--admin-view-display, block) !important; } .admin-content > .admin-view, .admin-coupons-view, .coupon-admin-create, .coupon-admin-form, .coupon-editor-grid, .coupon-reward-section, .coupon-admin-list-panel { min-width: 0; max-width: 100%; } @media (max-width: 980px) { .admin-content { min-height: calc(100dvh - var(--stage26-header-height, 64px)); padding-bottom: max(84px, calc(env(safe-area-inset-bottom) + 40px)) !important; } } @media (prefers-reduced-motion: reduce) { .admin-nav button.admin-nav-group-toggle { transition: none; } } .admin-nav-group { position: relative; border: 1px solid transparent; border-radius: 12px; padding: 2px; transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; } .admin-nav-group.is-open { padding: 3px 3px 5px; border-color: rgba(105, 142, 201, .26); background: linear-gradient(145deg, rgba(48, 69, 104, .22), rgba(29, 40, 61, .12)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 20px rgba(7, 12, 21, .10); } .admin-nav-group.is-open > .admin-nav-group-toggle { min-height: 44px; border-color: rgba(112, 150, 207, .22); background: linear-gradient(100deg, rgba(59, 87, 133, .37), rgba(38, 53, 79, .46) 62%, rgba(31, 43, 64, .26)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), inset 3px 0 0 rgba(111, 157, 225, .68); } .admin-nav-group.is-open.has-active > .admin-nav-group-toggle { border-color: rgba(255, 183, 43, .20); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), inset 3px 0 0 rgba(255, 183, 43, .88); } .admin-nav-group.is-open .admin-nav-group-children { padding: 4px 1px 2px; } .admin-nav-group.is-open .admin-nav-subitem { width: calc(100% - 14px); margin-left: 14px; } .admin-nav-group.has-active:not(.is-open) > .admin-nav-group-toggle { color: #b9c6d8; border-color: transparent; background: transparent; box-shadow: inset 2px 0 0 rgba(255, 183, 43, .62); } .admin-nav-group.has-active:not(.is-open) > .admin-nav-group-toggle .admin-nav-icon-svg { color: #d8b76f; } html, body.admin-body { max-width: 100%; } .admin-layout { width: 100%; max-width: 100%; } .admin-content, .admin-content > .admin-view, .admin-coupons-view { width: 100%; max-width: 100%; min-width: 0; } html::-webkit-scrollbar:horizontal, body.admin-body::-webkit-scrollbar:horizontal { height: 0; } .admin-coupons-view { padding-bottom: clamp(32px, 5vh, 64px); } .coupon-admin-list-panel { margin-bottom: 0; } @media (max-width: 700px) { .admin-nav-group.is-open { padding-inline: 2px; } .admin-nav-group.is-open .admin-nav-subitem { width: calc(100% - 12px); margin-left: 12px; } } @media (prefers-reduced-motion: reduce) { .admin-nav-group { transition: none; } } .admin-coupons-view > .coupon-admin-create + .coupon-admin-list-panel { margin-top: 18px; } @media (max-width: 700px) { .admin-coupons-view > .coupon-admin-create + .coupon-admin-list-panel { margin-top: 14px; } } .top-notification-button { width: 44px; height: 44px; flex: 0 0 44px; display: inline-grid; place-items: center; border: 1px solid rgba(125, 154, 210, .2); border-radius: 13px; background: rgba(24, 35, 57, .82); color: #9fb4d6; cursor: pointer; transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease; } .top-notification-button:hover, .top-notification-button.is-active { border-color: rgba(255, 177, 36, .5); background: linear-gradient(145deg, rgba(39, 54, 82, .96), rgba(26, 37, 60, .96)); color: #ffbc45; } .top-notification-button:active { transform: translateY(1px); } .top-notification-button .ui-icon { width: 20px; height: 20px; } .side-nav .nav-notification-count { min-width: 20px; padding: 2px 6px; border-radius: 999px; background: rgba(255, 177, 36, .15); color: #ffc45e; font-style: normal; text-align: center; } .coupons-view { width: min(100%, 1180px); margin-inline: auto; padding-bottom: max(28px, env(safe-area-inset-bottom)); } .coupon-hero-card { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); gap: 28px; padding: 30px; margin-bottom: 18px; border: 1px solid rgba(117, 145, 198, .22); border-radius: 22px; background: radial-gradient(circle at 86% 10%, rgba(255, 177, 36, .11), transparent 36%), linear-gradient(145deg, rgba(39, 52, 80, .97), rgba(31, 43, 68, .97)); box-shadow: 0 18px 44px rgba(8, 14, 28, .18); } .coupon-hero-card::after { content: ""; position: absolute; inset: auto 24px 0 24px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 177, 36, .36), transparent); } .coupon-hero-copy { min-width: 0; } .coupon-hero-copy .overline, .coupon-card-head small, .coupon-history-head small, .notification-page-heading small { color: #ffb129; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .coupon-hero-copy h1 { margin: 7px 0 9px; font-size: clamp(30px, 4vw, 44px); line-height: 1; } .coupon-hero-copy p { max-width: 720px; margin: 0; color: #9eacc6; line-height: 1.65; } .coupon-history-refresh { margin-top: 18px; display: inline-flex; align-items: center; gap: 8px; } .coupon-history-refresh .ui-icon { width: 16px; height: 16px; } .coupon-hero-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-self: stretch; } .coupon-hero-metrics article { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 16px 14px; border: 1px solid rgba(129, 157, 210, .18); border-radius: 16px; background: rgba(17, 27, 45, .42); } .coupon-metric-icon { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 10px; background: rgba(255, 177, 36, .1); color: #ffbd47; } .coupon-metric-icon .ui-icon { width: 18px; height: 18px; } .coupon-hero-metrics small { color: #7e93b6; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; } .coupon-hero-metrics strong { margin: 4px 0; font-size: 1.375rem; color: #f4f7ff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .coupon-hero-metrics em { color: #7f8fab; font-size: .75rem; font-style: normal; } .coupon-redeem-workspace { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 18px; align-items: stretch; } .coupon-redeem-card, .coupon-reward-guide-card, .coupon-history-card { border: 1px solid rgba(118, 147, 201, .2); border-radius: 20px; background: linear-gradient(160deg, rgba(39, 52, 80, .96), rgba(33, 45, 70, .96)); box-shadow: 0 16px 34px rgba(8, 14, 28, .12); } .coupon-redeem-card, .coupon-reward-guide-card { padding: 22px; } .coupon-card-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; } .coupon-card-head.compact { margin-bottom: 16px; } .coupon-card-head > span:last-child { min-width: 0; } .coupon-card-head h2 { margin: 3px 0 6px; font-size: 1.3125rem; } .coupon-card-head p { margin: 0; color: #8ea0bd; line-height: 1.5; } .coupon-card-icon { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border: 1px solid rgba(255, 177, 36, .28); border-radius: 13px; background: rgba(255, 177, 36, .08); color: #ffbd45; } .coupon-card-icon.reward { border-color: rgba(151, 114, 231, .28); background: rgba(151, 114, 231, .08); color: #c8a9ff; } .coupon-card-icon .ui-icon { width: 21px; height: 21px; } .coupon-redeem-form-v69 { display: grid; gap: 15px; } .coupon-redeem-form-v69 label { display: grid; gap: 7px; color: #9eb0cf; font-size: .75rem; font-weight: 700; } .coupon-redeem-form-v69 label > small { color: #7688a8; font-weight: 500; line-height: 1.4; } .coupon-redeem-form-v69 input, .coupon-redeem-form-v69 select { width: 100%; min-height: 48px; border-radius: 11px; } .coupon-code-control { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; border: 1px solid rgba(121, 151, 206, .26); border-radius: 12px; background: rgba(19, 29, 48, .72); transition: border-color .15s ease, box-shadow .15s ease; } .coupon-code-control:focus-within { border-color: rgba(255, 177, 36, .68); box-shadow: 0 0 0 3px rgba(255, 177, 36, .08); } .coupon-code-control .ui-icon { width: 18px; height: 18px; margin-inline: auto; color: #8094b7; } .coupon-code-control input { border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; padding-left: 0 !important; } .coupon-submit-row { display: flex; gap: 14px; align-items: stretch; margin-top: 2px; } .coupon-submit-note { min-width: 0; flex: 1 1 auto; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(18, 29, 48, .5); color: #86a1c7; } .coupon-submit-note > .ui-icon { width: 20px; height: 20px; flex: 0 0 20px; color: #6ed0b1; } .coupon-submit-note span { min-width: 0; display: grid; gap: 2px; } .coupon-submit-note b { color: #d7e1f2; font-size: .75rem; } .coupon-submit-note small { color: #7f90ac; font-size: .75rem; } .coupon-redeem-action { min-width: 220px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .coupon-redeem-action .ui-icon { width: 16px; height: 16px; } .coupon-state:empty { display: none; } .coupon-state:not(:empty) { padding: 10px 12px; border: 1px solid rgba(118, 147, 201, .18); border-radius: 10px; background: rgba(17, 27, 45, .45); color: #a8b7ce; } .coupon-reward-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .coupon-reward-guide-grid article { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); grid-template-areas: "icon title" "icon detail"; column-gap: 9px; align-items: center; padding: 10px; border: 1px solid rgba(122, 151, 205, .14); border-radius: 12px; background: rgba(18, 29, 48, .42); } .coupon-reward-guide-grid article > span { grid-area: icon; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(255, 177, 36, .08); color: #ffbd45; } .coupon-reward-guide-grid article .ui-icon { width: 17px; height: 17px; } .coupon-reward-guide-grid b { grid-area: title; min-width: 0; color: #e8eef8; font-size: .75rem; } .coupon-reward-guide-grid small { grid-area: detail; min-width: 0; color: #7587a6; font-size: .75rem; } .coupon-safety-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; padding: 12px; border: 1px solid rgba(76, 185, 151, .18); border-radius: 12px; background: rgba(28, 75, 66, .12); } .coupon-safety-note > .ui-icon { width: 19px; height: 19px; flex: 0 0 19px; color: #6dd0b0; margin-top: 2px; } .coupon-safety-note p { margin: 0; display: grid; gap: 3px; } .coupon-safety-note b { color: #cbe9df; font-size: .75rem; } .coupon-safety-note small { color: #779d94; line-height: 1.45; } .coupon-history-card { margin-top: 18px; overflow: hidden; } .coupon-history-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 22px; border-bottom: 1px solid rgba(118, 147, 201, .16); } .coupon-history-head h2 { margin: 3px 0 5px; font-size: 1.25rem; } .coupon-history-head p { margin: 0; color: #8193af; } .coupon-history-head em { padding: 6px 10px; border-radius: 999px; background: rgba(15, 25, 42, .5); color: #a9b9d0; font-style: normal; white-space: nowrap; } .coupon-history { display: grid; gap: 0; } .coupon-history-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 22px; border-top: 1px solid rgba(118, 147, 201, .11); } .coupon-history-row:first-child { border-top: 0; } .coupon-history-main { min-width: 0; display: grid; gap: 4px; } .coupon-history-main b { color: #eef3fb; } .coupon-history-main small { color: #7f91ae; } .coupon-history-rewards { min-width: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; } .coupon-history-rewards em { padding: 5px 8px; border: 1px solid rgba(255, 177, 36, .18); border-radius: 999px; background: rgba(255, 177, 36, .07); color: #efc36f; font-size: .75rem; font-style: normal; } .coupon-history-empty { display: grid; justify-items: center; gap: 6px; padding: 32px 20px; color: #8395b3; text-align: center; } .coupon-history-empty > span { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 4px; border-radius: 14px; background: rgba(255, 177, 36, .07); color: #ca9845; } .coupon-history-empty > span .ui-icon { width: 22px; height: 22px; } .coupon-history-empty b { color: #c9d4e6; } .coupon-history-empty small { max-width: 520px; } @media (max-width: 980px) { .coupon-hero-card { grid-template-columns: 1fr; } .coupon-redeem-workspace { grid-template-columns: 1fr; } } @media (max-width: 700px) { .top-notification-button { width: 44px; height: 44px; flex-basis: 44px; } .coupons-view { width: 100%; } .coupon-hero-card { padding: 20px; border-radius: 18px; gap: 20px; } .coupon-hero-metrics { grid-template-columns: 1fr; } .coupon-hero-metrics article { display: grid; grid-template-columns: 38px 1fr auto; grid-template-rows: auto auto; column-gap: 9px; align-items: center; } .coupon-metric-icon { grid-row: 1 / 3; margin: 0; } .coupon-hero-metrics small { grid-column: 2; } .coupon-hero-metrics strong { grid-column: 3; grid-row: 1 / 3; font-size: 1.1875rem; } .coupon-hero-metrics em { grid-column: 2; } .coupon-redeem-workspace { gap: 14px; } .coupon-redeem-card, .coupon-reward-guide-card { padding: 17px; border-radius: 17px; } .coupon-submit-row { flex-direction: column; } .coupon-redeem-action { width: 100%; min-width: 0; min-height: 48px; } .coupon-reward-guide-grid { grid-template-columns: 1fr; } .coupon-history-card { margin-top: 14px; border-radius: 17px; } .coupon-history-head { flex-direction: column; padding: 17px; } .coupon-history-row { flex-direction: column; align-items: stretch; padding: 15px 17px; } .coupon-history-rewards { justify-content: flex-start; } } .notification-admin-view { width: min(100%, 1360px); margin-inline: auto; padding-bottom: max(36px, env(safe-area-inset-bottom)); } .notification-admin-safety { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0 16px; } .notification-admin-safety > span { min-width: 0; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid rgba(117, 146, 201, .12); border-radius: 11px; background: rgba(19, 30, 49, .42); } .notification-admin-safety > span > i { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid rgba(255, 177, 36, .22); border-radius: 9px; background: rgba(255, 177, 36, .06); color: #dfaa45; font-size: .75rem; font-style: normal; font-weight: 900; letter-spacing: .04em; } .notification-admin-safety > span > span { min-width: 0; display: grid; gap: 2px; } .notification-admin-safety b { color: #dce6f5; font-size: .75rem; line-height: 1.3; } .notification-admin-safety small { color: #7185a5; font-size: .75rem; line-height: 1.35; } .notification-compose-panel, .notification-campaigns-panel, .notification-detail-panel { margin-top: 14px; } .notification-compose-panel { overflow: visible; } .notification-compose-head { align-items: center; } .notification-mail-status { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(117, 146, 201, .14); border-radius: 999px; background: rgba(18, 29, 48, .55); color: #8da0bd; font-size: .75rem; font-style: normal; font-weight: 800; white-space: nowrap; } .notification-compose-panel #notificationMailState.is-ready { border-color: rgba(92, 207, 166, .22); background: rgba(69, 164, 132, .08); color: #72d9b5; } .notification-admin-form { display: grid; gap: 0; padding: 0; } .notification-form-section, .notification-preview-panel { min-width: 0; padding: 12px 14px; border: 0; border-top: 1px solid rgba(117, 146, 201, .13); border-radius: 0; background: transparent; } .notification-content-section { border-top: 0; } .notification-section-head { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; } .notification-section-head > span:last-child { min-width: 0; display: grid; gap: 2px; } .notification-section-head small { color: #7489aa; font-size: .75rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; } .notification-section-head b { color: #edf3fb; font-size: .75rem; } .notification-section-head p { margin: 1px 0 0; color: #7185a5; font-size: .75rem; line-height: 1.4; } .notification-step { display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 27px; border: 1px solid rgba(255, 177, 36, .22); border-radius: 8px; background: rgba(255, 177, 36, .06); color: #e4ad45; font-size: .75rem; font-weight: 900; } .notification-message-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: start; } .notification-admin-form label:not(.notification-guild-option), .notification-channel-field { min-width: 0; } .notification-admin-form label:not(.notification-guild-option) { display: grid; gap: 7px; align-content: start; } .notification-admin-form label:not(.notification-guild-option) > span, .notification-channel-field legend { color: #8ba0c0; font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .notification-admin-form input[type="text"], .notification-admin-form textarea, .notification-admin-form select { width: 100%; border: 1px solid #30445f; border-radius: 9px; background: #172237; color: #f5f7fb; padding: 10px 11px; outline: 0; resize: vertical; } #notificationTitle { height: 46px; min-height: 46px; resize: none; } #notificationMessage { min-height: 132px; max-height: 300px; } #notificationAudienceType { height: 46px; min-height: 46px; } #notificationTarget { min-height: 46px; max-height: 180px; } .notification-admin-form input[type="text"]:focus, .notification-admin-form textarea:focus, .notification-admin-form select:focus { border-color: rgba(255, 177, 36, .68); box-shadow: 0 0 0 3px rgba(255, 177, 36, .07); } .notification-message-body { position: relative; display: grid; gap: 6px; min-width: 0; } .notification-rich-label { color: #8ba0c0; font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .notification-rich-editor { position: relative; min-width: 0; overflow: visible; border: 1px solid #30445f; border-radius: 10px; background: #151f31; box-shadow: inset 0 1px 0 rgba(255,255,255,.018); } .notification-rich-editor:focus-within { border-color: rgba(255,177,36,.52); box-shadow: 0 0 0 3px rgba(255,177,36,.055); } .notification-rich-toolbar { min-height: 42px; display: flex; align-items: center; flex-wrap: nowrap; gap: 2px; padding: 5px 7px; overflow-x: auto; overflow-y: visible; scrollbar-width: thin; border-top: 2px solid #f0a11a; border-bottom: 1px solid rgba(117,146,201,.15); border-radius: 9px 9px 0 0; background: #202b3f; } .notification-rich-tools { position: relative; display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; padding-right: 5px; margin-right: 1px; border-right: 1px solid rgba(142,165,199,.14); } .notification-rich-tools:last-child { padding-right: 0; margin-right: 0; border-right: 0; } .notification-rich-toolbar button { width: 30px; height: 30px; display: inline-grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #9bb0d0; font: 800 .8125rem/1 var(--ui-font); cursor: pointer; } .notification-rich-toolbar button:hover,.notification-rich-toolbar button:focus-visible { border-color: rgba(126,155,199,.22); background: rgba(106,132,172,.12); color: #e8eef8; outline: 0; } .notification-rich-toolbar button .ui-icon { width: 16px; height: 16px; } .notification-rich-toolbar button[data-rich-command="italic"] i { font-family: Georgia,serif; font-size: 1.12rem; } .notification-rich-toolbar button[data-rich-command="justifyLeft"] span { width: 18px; text-align: left; } .notification-rich-toolbar button[data-rich-command="justifyCenter"] span { width: 18px; text-align: center; } .notification-rich-toolbar button[data-rich-command="justifyRight"] span { width: 18px; text-align: right; } .notification-rich-toolbar select { width: auto; min-width: 108px; height: 30px; padding: 0 24px 0 8px; border: 1px solid transparent; border-radius: 6px; background: rgba(16,27,45,.34); color: #aebbd0; font-size: .75rem; } .notification-rich-toolbar select:focus { border-color: rgba(255,177,36,.36); box-shadow: none; } .notification-rich-color-a { position: relative; padding-bottom: 3px; } .notification-rich-color-a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: linear-gradient(90deg,#f0a11a,#5aa9f8,#63c69b,#a88fe2); } .notification-rich-popover-wrap { position: relative; display: inline-flex; } .notification-rich-popover { position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; display: grid; grid-template-columns: repeat(6, 26px); gap: 5px; padding: 7px; border: 1px solid #354a67; border-radius: 9px; background: #172337; box-shadow: 0 16px 40px rgba(0,0,0,.38); } .notification-rich-popover.is-hidden { display: none!important; } .notification-rich-popover button { width: 26px; height: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; } .notification-rich-popover button.tone-orange { background:#f0a11a; }.notification-rich-popover button.tone-blue { background:#5aa9f8; }.notification-rich-popover button.tone-green { background:#63c69b; }.notification-rich-popover button.tone-red { background:#e87878; }.notification-rich-popover button.tone-purple { background:#a88fe2; }.notification-rich-popover button.tone-muted { background:#91a0b4; } .notification-rich-emoji-grid { grid-template-columns: repeat(6, 32px); } .notification-rich-emoji-grid button { width: 32px; height: 32px; border: 0; background: transparent; font-size: 1.05rem; } .notification-rich-canvas { min-height: 210px; max-height: 420px; overflow: auto; padding: 14px 16px 18px; color: #dce4ef; font-size: .875rem; line-height: 1.65; outline: 0; overflow-wrap: anywhere; } .notification-rich-canvas:empty::before { content: attr(data-placeholder); color: #64758f; pointer-events: none; } .notification-rich-canvas p { margin: 0 0 .75em; }.notification-rich-canvas p:last-child { margin-bottom: 0; } .notification-rich-canvas h2 { margin: .25em 0 .55em; color:#f2f5f9; font-size:1.3rem; line-height:1.3; }.notification-rich-canvas h3 { margin: .25em 0 .5em; color:#e8edf5; font-size:1.05rem; line-height:1.35; } .notification-rich-canvas blockquote { margin: .9em 0; padding: 10px 13px; border-left: 3px solid #f0a11a; border-radius: 0 7px 7px 0; background: rgba(240,161,26,.055); color:#b9c5d5; } .notification-rich-canvas ul,.notification-rich-canvas ol { margin: .65em 0; padding-left: 1.6em; }.notification-rich-canvas li+li { margin-top:.25em; } .notification-rich-canvas a { color:#7db8f5; text-decoration:none; border-bottom:1px solid rgba(125,184,245,.32); }.notification-rich-canvas a[data-media="1"] { display:inline-flex; align-items:center; padding:7px 10px; border:1px solid #334b6b; border-radius:8px; background:#19283f; } .notification-rich-canvas img { display:block; max-width:100%; height:auto; margin:10px auto; border-radius:9px; } .notification-rich-canvas table { width:100%; margin:10px 0; border-collapse:collapse; table-layout:fixed; }.notification-rich-canvas td,.notification-rich-canvas th { min-width:70px; padding:7px 9px; border:1px solid #344861; vertical-align:top; } .notification-rich-canvas [data-align="center"] { text-align:center; }.notification-rich-canvas [data-align="right"] { text-align:right; }.notification-rich-canvas [data-align="left"] { text-align:left; } .notification-rich-canvas [data-tone="orange"] { color:#f0a11a; }.notification-rich-canvas [data-tone="blue"] { color:#5aa9f8; }.notification-rich-canvas [data-tone="green"] { color:#63c69b; }.notification-rich-canvas [data-tone="red"] { color:#e87878; }.notification-rich-canvas [data-tone="purple"] { color:#a88fe2; }.notification-rich-canvas [data-tone="muted"] { color:#91a0b4; } .notification-rich-footer { min-height: 30px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:5px 10px; border-top:1px solid rgba(117,146,201,.12); color:#697d9b; font-size:.75rem; } .notification-rich-footer small { color:#7185a5; font-size:.75rem; white-space:nowrap; }.notification-rich-editor.is-over-limit .notification-rich-footer small { color:#e87878; font-weight:800; } .notification-setup-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(330px, .70fr); gap: 0; align-items: start; border-top: 1px solid rgba(117, 146, 201, .13); } .notification-audience-fields { display: grid; grid-template-columns: minmax(190px, .42fr) minmax(360px, 1fr); gap: 10px; align-items: start; } .notification-target-field.is-all-audience textarea { opacity: .45; cursor: not-allowed; resize: none; } .notification-target-field > small { color: #6d82a3; font-size: .75rem; line-height: 1.4; } .notification-guild-field { min-width: 0; display: grid; gap: 8px; margin: 0; padding: 0; border: 0; } .notification-guild-field > legend { color: #8ba0c0; font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .notification-guild-field > small { color: #6d82a3; font-size: .75rem; line-height: 1.35; } .notification-guild-picker-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; } .notification-guild-picker-head > small { color: #7b8fad; font-size: .75rem; white-space: nowrap; } .notification-guild-options { min-height: 0; max-height: 164px; overflow: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); gap: 5px; padding: 5px; border: 1px solid rgba(117, 146, 201, .13); border-radius: 9px; background: rgba(13, 23, 39, .28); } .notification-guild-option { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; column-gap: 10px; min-width: 0; min-height: 44px; padding: 7px 9px; border: 1px solid rgba(117, 146, 201, .12); border-radius: 8px; background: rgba(22, 34, 54, .44); cursor: pointer; } .notification-guild-option:has(input:checked) { border-color: rgba(255, 177, 36, .30); background: rgba(255, 177, 36, .06); } .notification-guild-option input { width: 16px; height: 16px; flex: 0 0 16px; accent-color: #ffb129; } .notification-guild-option > span { min-width: 0; display: grid; gap: 1px; color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: normal; text-transform: none; } .notification-guild-option b { overflow: hidden; color: #dfe7f4; font-size: .75rem; line-height: 1.25; letter-spacing: normal; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .notification-guild-option small { color: #7185a5; font-size: .75rem; line-height: 1.3; letter-spacing: normal; text-transform: none; } .notification-guild-empty { grid-column: 1 / -1; align-self: center; color: #7186a6; font-size: .75rem; } .notification-channel-section { display: grid; align-content: start; border-left: 1px solid rgba(117, 146, 201, .13); } .notification-channel-field { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 0; border: 0; } .notification-channel-field legend { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .notification-channel-field label { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 9px; border: 1px solid rgba(117, 146, 201, .13); border-radius: 10px; background: rgba(13, 23, 39, .42); cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; } .notification-channel-field label:hover { border-color: rgba(117, 146, 201, .28); background: rgba(24, 38, 60, .52); } .notification-channel-field label:has(input:checked) { border-color: rgba(255, 177, 36, .28); background: linear-gradient(135deg, rgba(255, 177, 36, .075), rgba(24, 38, 60, .54)); } .notification-channel-field input { width: 17px; height: 17px; flex: 0 0 17px; accent-color: #ffb129; } .notification-channel-field label > span { display: grid; gap: 2px; } .notification-channel-field b { color: #e5ecf7; font-size: .75rem; } .notification-channel-field small { color: #7185a5; font-size: .75rem; line-height: 1.35; } .notification-preview-panel { display: grid; grid-template-columns: minmax(240px, .72fr) minmax(300px, .74fr) minmax(320px, 1.25fr); gap: 12px; align-items: center; border-top: 1px solid rgba(117, 146, 201, .13); border-right: 0; border-bottom: 0; border-left: 0; background: transparent; box-shadow: none; transition: border-color .18s ease; } .notification-preview-panel .notification-section-head { margin: 0; } .notification-preview-panel.is-ready { border-top-color: rgba(85, 202, 160, .28); background: transparent; box-shadow: none; } .notification-preview-panel.is-ready .notification-step { border-color: rgba(85, 202, 160, .28); background: rgba(85, 202, 160, .08); color: #6fd2af; } .notification-preview-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .notification-preview-stats > span { display: grid; gap: 1px; min-width: 0; padding: 7px 8px; border: 1px solid rgba(117, 146, 201, .10); border-radius: 8px; background: rgba(12, 22, 37, .28); } .notification-preview-stats small { color: #7187a8; font-size: .75rem; text-transform: uppercase; } .notification-preview-stats strong { color: #f1f5fb; font-size: .9375rem; line-height: 1.1; } .notification-preview-sample { min-width: 0; min-height: 0; display: flex; flex-wrap: wrap; gap: 6px; align-content: center; padding: 0; border: 0; background: transparent; box-shadow: none; } .notification-preview-person { display: grid; gap: 1px; padding: 5px 7px; border: 1px solid rgba(117, 146, 201, .12); border-radius: 8px; background: rgba(18, 29, 48, .40); } .notification-preview-person b { color: #dce6f5; font-size: .75rem; } .notification-preview-person small { color: #7186a7; font-size: .75rem; } #notificationsView .notification-preview-sample.is-empty { display: block; padding: 0; border: 0; background: transparent; box-shadow: none; color: #7186a6; font-size: .75rem; line-height: 1.4; } .notification-preview-missing { width: 100%; color: #e08989; font-size: .75rem; } .notification-compose-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 14px 12px; border-top: 1px solid rgba(117, 146, 201, .13); } .notification-compose-actions { display: flex; justify-content: flex-end; gap: 8px; } .notification-compose-actions .admin-button { min-width: 170px; min-height: 38px; } .notification-compose-actions #notificationCreateButton:disabled { opacity: .38; filter: saturate(.35); cursor: not-allowed; } .notification-admin-state { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #7d91b1; font-size: .75rem; line-height: 1.4; } .notification-campaign-list { display: grid; gap: 10px; padding: 14px; } .notification-campaign-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; align-items: stretch; padding: 14px 16px; border: 1px solid rgba(117, 146, 201, .15); border-radius: 11px; background: rgba(22, 34, 54, .58); } .notification-campaign-card.status-delivering { border-color: rgba(255, 177, 36, .3); } .notification-campaign-card.status-complete { border-color: rgba(89, 196, 158, .22); } .notification-campaign-heading { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; border: 0; background: transparent; box-shadow: none; } .notification-campaign-identity { min-width: 0; display: flex; align-items: center; gap: 9px; border: 0; background: transparent; box-shadow: none; } .notification-campaign-title { min-width: 0; color: #edf3fb; font-size: .8125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; background: transparent; box-shadow: none; } .notification-campaign-status { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; background: rgba(255, 177, 36, .09); color: #e5af4d; font-size: .75rem; font-weight: 900; text-transform: uppercase; } .status-complete .notification-campaign-status { background: rgba(83, 195, 155, .1); color: #73d4b2; } .notification-campaign-message { margin: 0; max-width: none; padding: 0; color: #91a3bf; font-size: .75rem; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; border: 0; background: transparent; box-shadow: none; } .notification-campaign-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; color: #6f83a4; font-size: .75rem; } .notification-campaign-actions { flex: 0 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; max-width: none; } .notification-campaign-actions .admin-button { min-height: 36px; white-space: nowrap; } .notification-detail-panel { scroll-margin-top: 88px; } .notification-recipient-table { min-width: 940px; } .notification-email-state { font-weight: 800; font-size: .75rem; } .notification-email-state.sent { color: #6fd1af; } .notification-email-state.failed { color: #e98585; } .notification-email-state.pending, .notification-email-state.sending { color: #e8b14d; } .notification-error-cell { max-width: 260px; overflow-wrap: anywhere; } @media (max-width: 1320px) { .notification-rich-toolbar { flex-wrap: wrap; overflow-x: visible; } } @media (max-width: 1100px) { .notification-admin-safety { grid-template-columns: repeat(2, minmax(0, 1fr)); } .notification-message-grid, .notification-setup-grid, .notification-preview-panel { grid-template-columns: 1fr; } .notification-audience-fields { grid-template-columns: minmax(200px, .55fr) minmax(0, 1fr); } .notification-channel-section { border-left: 0; border-top: 1px solid rgba(117, 146, 201, .13); } .notification-channel-field { grid-template-columns: 1fr 1fr; } .notification-compose-footer { grid-template-columns: 1fr; } } @media (max-width: 700px) { .notification-admin-view { padding-bottom: max(28px, env(safe-area-inset-bottom)); } .notification-admin-safety { grid-template-columns: 1fr; } .notification-admin-safety > span { min-height: 48px; } .notification-form-section, .notification-preview-panel { padding: 11px 12px; } .notification-message-grid, .notification-setup-grid, .notification-audience-fields, .notification-preview-panel { grid-template-columns: 1fr; } .notification-guild-options { grid-template-columns: 1fr; } .notification-guild-picker-head { grid-template-columns: 1fr; } .notification-admin-form input[type="text"], .notification-admin-form textarea, .notification-admin-form select { font-size: 1rem; } #notificationMessage { min-height: 150px; } .notification-channel-field { grid-template-columns: 1fr; } .notification-preview-stats { grid-template-columns: repeat(3, 1fr); } .notification-compose-actions { flex-direction: column; } .notification-compose-actions .admin-button { width: 100%; min-width: 0; min-height: 44px; } .notification-campaign-heading { flex-direction: column; align-items: stretch; } .notification-campaign-actions { justify-content: stretch; max-width: none; } .notification-campaign-actions .admin-button { flex: 1 1 100%; min-height: 44px; } } /* ========================================================================== */ /* ========================================================================== */ /* Grid/flex descendants must be allowed to shrink before any text strategy can work. This is intentionally global inside Admin because URL/token/value fields are reused across Site, Payments, Mail, DB and future system pages. */ .admin-view, .admin-view .admin-panel, .admin-view .admin-panel-head, .admin-view .settings-section, .admin-view .settings-grid, .admin-view .setting-row, .admin-view .readonly-setting, .admin-view .admin-facts, .admin-view .admin-heading, .admin-view .admin-heading > *, .admin-view .admin-panel-head > *, .admin-view .settings-grid > *, .admin-view .setting-row > *, .admin-view .readonly-setting > *, .admin-view .admin-facts > * { min-width: 0 !important; max-width: 100%; } /* Legacy settings cards used a hard minimum for the value column. It was harmless on short values but let technical URLs/tokens force a card wider than its grid track. */ .admin-view .setting-row, .admin-view .setting-row.full { grid-template-columns: minmax(0, 1fr) minmax(0, .82fr) !important; } .admin-view .setting-row.switch-row, .admin-view .setting-row.policy-explainer { grid-template-columns: minmax(0, 1fr) auto !important; } /* Human-readable copy wraps inside its own card instead of expanding layout. */ .admin-view :where( .setting-row, .readonly-setting, .admin-panel-head, .admin-heading, .admin-facts, .economy-table-note, .policy-explainer ) :where(b, small, p, em, dd, code) { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } /* Inputs are single-line viewports: long URL/token values stay inside the control. Focus returns normal caret scrolling so the full value remains editable/copyable without changing the surrounding layout. */ .admin-view :where(.setting-row, .readonly-setting) :where( input:not([type="checkbox"]):not([type="radio"]), select, textarea ) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } .admin-view :where(.setting-row, .readonly-setting) input:not([type="checkbox"]):not([type="radio"]) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-view :where(.setting-row, .readonly-setting) input:not([type="checkbox"]):not([type="radio"]):focus { text-overflow: clip; } .admin-view :where(.setting-row, .readonly-setting) textarea { overflow-wrap: anywhere; word-break: break-word; } /* Canonical bottom action bar for settings cards. The previous standalone orange button looked detached from the panel and dominated the content. */ .admin-view .settings-section > .settings-actions, .admin-view .account-service-setting-card > .settings-actions { width: 100%; min-width: 0; margin: 0 !important; padding: 12px 14px !important; display: flex !important; align-items: center; justify-content: flex-end !important; gap: 8px; border-top: 1px solid rgba(91, 111, 145, .22); background: linear-gradient(180deg, rgba(11, 20, 35, .18), rgba(8, 15, 27, .38)); } .admin-view .settings-section > .settings-actions .admin-button, .admin-view .account-service-setting-card > .settings-actions .admin-button { width: auto !important; min-width: 156px; max-width: 100%; min-height: 40px !important; padding: 0 16px !important; border-radius: 9px !important; border-color: rgba(230, 158, 35, .72) !important; background: linear-gradient(180deg, #f8bd42, #e99a19) !important; box-shadow: 0 4px 12px rgba(191, 119, 14, .12) !important; color: #18130b !important; font-size: .75rem !important; letter-spacing: .01em; white-space: normal; text-align: center; } .admin-view .settings-section > .settings-actions .admin-button:hover:not(:disabled), .admin-view .account-service-setting-card > .settings-actions .admin-button:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.035); box-shadow: 0 7px 16px rgba(191, 119, 14, .16) !important; } .admin-view .settings-section > .settings-actions .admin-button:active:not(:disabled), .admin-view .account-service-setting-card > .settings-actions .admin-button:active:not(:disabled) { transform: translateY(0); box-shadow: 0 2px 7px rgba(191, 119, 14, .1) !important; } /* Long labels on any admin action must wrap inside the button rather than forcing a horizontal overflow. */ .admin-view :where( .admin-heading-actions, .settings-actions, .database-form-foot, .reward-builder-actions, .reward-recipient-tool-actions, .notification-compose-actions, .notification-campaign-actions ) .admin-button { max-width: 100%; overflow-wrap: anywhere; } @media (max-width: 900px) { .admin-view .setting-row, .admin-view .setting-row.full { grid-template-columns: minmax(0, 1fr) !important; gap: 9px !important; align-items: stretch !important; } .admin-view .setting-row.switch-row, .admin-view .setting-row.policy-explainer { grid-template-columns: minmax(0, 1fr) auto !important; } } @media (max-width: 700px) { .admin-view .settings-section > .settings-actions, .admin-view .account-service-setting-card > .settings-actions { padding: 10px !important; } .admin-view .settings-section > .settings-actions .admin-button, .admin-view .account-service-setting-card > .settings-actions .admin-button { width: 100% !important; min-width: 0; min-height: 44px !important; } } .notification-recipient-table .notification-recipient-email { max-width: 300px; overflow-wrap: anywhere; word-break: break-word; } .notification-recipient-more-wrap { display: flex; justify-content: center; padding-top: 14px; } .notification-message-meta-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,.24fr) minmax(190px,.32fr); gap:10px; align-items:end; } .notification-message-meta-grid select{height:46px;min-height:46px} @media(max-width:980px){.notification-message-meta-grid{grid-template-columns:1fr 1fr}.notification-message-meta-grid .notification-title-field{grid-column:1/-1}} @media(max-width:620px){.notification-message-meta-grid{grid-template-columns:1fr}.notification-message-meta-grid .notification-title-field{grid-column:auto}} /* Top messages: make the inbox a real quick-access card instead of a loose icon squeezed between Wallet and Profile. */ .topbar { gap: 10px !important; } .top-wallet { gap: 8px !important; } .top-notification-button { position: relative; width: auto !important; min-width: 154px; height: 56px !important; flex: 0 0 auto !important; margin-left: 7px; padding: 7px 13px 7px 8px; display: grid !important; grid-template-columns: 40px minmax(0, 1fr); align-items: center; column-gap: 10px; place-items: initial !important; overflow: visible; border: 1px solid rgba(126, 153, 205, .24) !important; border-radius: 15px !important; background: radial-gradient(circle at 18% 35%, rgba(73, 132, 204, .12), transparent 42%), linear-gradient(145deg, rgba(37, 49, 75, .98), rgba(29, 39, 61, .98)) !important; color: #a9bedf !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 22px rgba(4, 9, 18, .08); } .top-notification-button::before { content: ""; position: absolute; left: -9px; top: 11px; bottom: 11px; width: 1px; background: linear-gradient(180deg, transparent, rgba(132, 154, 198, .28), transparent); } .top-notification-button:hover, .top-notification-button.is-active { border-color: rgba(255, 177, 36, .46) !important; background: radial-gradient(circle at 18% 35%, rgba(255, 177, 36, .11), transparent 42%), linear-gradient(145deg, rgba(41, 53, 80, .99), rgba(29, 39, 61, .99)) !important; box-shadow: 0 0 0 1px rgba(255,177,36,.04), 0 10px 28px rgba(4, 9, 18, .13); } .top-notification-icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(126, 153, 205, .22); border-radius: 12px; background: rgba(21, 31, 51, .62); color: #a8bddf; } .top-notification-button:hover .top-notification-icon, .top-notification-button.is-active .top-notification-icon { border-color: rgba(255,177,36,.28); color: #ffc04d; } .top-notification-icon .ui-icon { width: 19px; height: 19px; } .top-notification-copy { min-width: 0; display: grid; gap: 3px; text-align: left; } .top-notification-copy small { color: #8fa2c1; font-size: .75rem; font-weight: 800; line-height: 1; letter-spacing: .075em; text-transform: uppercase; } .top-notification-copy b { overflow: hidden; color: #dbe5f4; font-size: .75rem; font-weight: 700; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; } .top-profile-shell { margin-left: 0 !important; } /* Auth shell: restore a branded split composition and add a proper Login/Register switcher. All decoration is CSS-only so auth keeps the same CSP and payload. */ .login-screen { min-height: 100vh; display: grid !important; grid-template-columns: minmax(340px, .82fr) minmax(520px, 1.18fr) !important; background: radial-gradient(circle at 18% 55%, rgba(45, 91, 158, .16), transparent 27%), radial-gradient(circle at 78% 18%, rgba(46, 82, 139, .12), transparent 28%), linear-gradient(145deg, #0b1321 0%, #101a2b 54%, #0b1320 100%) !important; } .login-screen.is-hidden { display: none !important; } .login-form-side { min-height: 100vh !important; padding: clamp(28px, 4vw, 64px) clamp(22px, 6vw, 96px) !important; position: relative; display: grid !important; place-items: center !important; background: radial-gradient(circle at 50% 12%, rgba(75, 117, 181, .14), transparent 31%), linear-gradient(160deg, rgba(15, 24, 40, .92), rgba(12, 20, 34, .98)) !important; } .auth-stage { width: min(100%, 620px); position: relative; display: grid; border: 1px solid rgba(114, 143, 193, .25); border-radius: 22px; overflow: hidden; background: radial-gradient(circle at 50% 0, rgba(55, 105, 172, .10), transparent 34%), linear-gradient(155deg, rgba(27, 39, 62, .98), rgba(18, 28, 46, .99)); box-shadow: 0 28px 70px rgba(2, 7, 15, .30), inset 0 1px 0 rgba(255,255,255,.025); } .auth-stage::before { content: ""; position: absolute; z-index: 3; top: -1px; left: 18%; right: 18%; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,177,36,.9), transparent); box-shadow: 0 0 18px rgba(255,177,36,.28); pointer-events: none; } .auth-switcher { min-height: 64px; display: grid; grid-template-columns: 1fr 1fr; position: relative; border-bottom: 1px solid rgba(111, 139, 186, .17); background: rgba(13, 22, 38, .28); } .auth-switcher.is-hidden { display: none !important; } .auth-switcher-button { min-height: 64px; position: relative; border: 0; background: transparent; color: #7f91ae; font: inherit; font-size: .75rem; font-weight: 800; letter-spacing: .035em; cursor: pointer; transition: color .16s ease, background .16s ease; } .auth-switcher-button:hover { color: #d9e4f5; background: rgba(62, 87, 129, .08); } .auth-switcher-button.is-active { color: #ffc04c; } .auth-switcher-button.is-active::after { content: ""; position: absolute; left: 18%; right: 18%; bottom: -1px; height: 2px; background: linear-gradient(90deg, transparent, #ffb129, transparent); box-shadow: 0 0 12px rgba(255,177,36,.25); } .auth-stage > .login-card, .auth-stage > .registration-result-card, .auth-stage > .registration-activation-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: clamp(28px, 4vw, 42px) clamp(24px, 4.3vw, 46px) !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } .auth-stage > .login-card::before, .auth-stage > .registration-result-card::before, .auth-stage > .registration-activation-card::before { display: none !important; } .login-heading { margin-bottom: 6px; } .login-heading h2 { margin: 9px 0 7px !important; color: #f2f6fc; font-size: 1.75rem !important; letter-spacing: -.035em; } .login-heading:not(.registration-result-heading) p { margin-bottom: 26px !important; color: #8ea0bc !important; font-size: .75rem !important; line-height: 1.55; } .auth-card .field { gap: 7px; } .auth-card .field > span:first-child, .auth-card .captcha-title { color: #a9b7cb; font-size: .75rem; font-weight: 800; } .auth-card .input-wrap { min-height: 48px; border-radius: 11px !important; background: rgba(13, 23, 39, .58) !important; } .auth-card .input-wrap:focus-within { border-color: rgba(255, 177, 36, .62) !important; box-shadow: 0 0 0 3px rgba(255,177,36,.07) !important; } .auth-card .primary-action { min-height: 50px; margin-top: 5px; border-radius: 11px !important; box-shadow: 0 12px 30px rgba(238, 118, 0, .14) !important; } .auth-card .login-links { margin-top: 15px; padding-top: 14px; border-top: 1px solid rgba(110, 138, 185, .12); justify-content: center; } @media (max-width: 1180px) { .top-notification-button { min-width: 48px; width: 48px !important; height: 48px !important; padding: 0 !important; grid-template-columns: 1fr; place-items: center !important; } .top-notification-copy { display: none; } .top-notification-icon { width: 38px; height: 38px; border: 0; background: transparent; } .top-notification-button::before { left: -7px; } } @media (max-width: 900px) { .login-screen { grid-template-columns: 1fr !important; } .login-form-side { min-height: calc(100vh - 120px) !important; padding: 24px 16px 46px !important; place-items: start center !important; } .auth-stage { border-radius: 18px; } } @media (max-width: 700px) { .top-notification-button { min-width: 44px !important; width: 44px !important; height: 44px !important; margin-left: 2px; border-radius: 12px !important; } .top-notification-button::before { display: none; } .top-notification-icon { width: 42px; height: 42px; } .auth-switcher, .auth-switcher-button { min-height: 54px; } .auth-stage > .login-card, .auth-stage > .registration-result-card, .auth-stage > .registration-activation-card { padding: 24px 18px 26px !important; } .login-heading h2 { font-size: 1.5rem !important; } } .admin-sidebar .admin-nav { padding-right: 0 !important; scrollbar-gutter: auto !important; } .admin-nav-group, .admin-nav-group.is-open { width: 100%; } .admin-nav-group .admin-nav-subitem, .admin-nav-group.is-open .admin-nav-subitem { width: calc(100% - 8px) !important; margin-left: 8px !important; padding-left: 12px !important; padding-right: 10px !important; } /* Unread state lives in the existing text line, not a duplicate corner badge. */ body.avalon-player-ui .top-notification-copy b.has-unread{ color:var(--rf-accent); font-weight:850; } body.avalon-player-ui .top-notification-button.has-unread .top-notification-icon{ border-color:color-mix(in srgb,var(--rf-accent) 26%,var(--rf-line) 74%); color:var(--rf-accent); } /* Messages now belongs to the same wallet cluster in markup and uses the exact wallet-card language. Blue mail accents distinguish the function without inventing a second visual system. */ .top-wallet > .top-notification-button { min-width: 138px !important; width: auto !important; height: 54px !important; margin: 0 !important; padding: 7px 11px !important; grid-template-columns: 34px minmax(0, 1fr) !important; gap: 9px !important; place-items: initial !important; align-items: center !important; overflow: visible !important; border: 1px solid rgba(91, 165, 217, .30) !important; border-radius: 7px !important; background: linear-gradient(145deg, #2a354b, #232d42) !important; color: #e3f4ff !important; box-shadow: none !important; } .top-wallet > .top-notification-button::before { display: none !important; } .top-wallet > .top-notification-button:hover, .top-wallet > .top-notification-button.is-active { transform: none !important; border-color: rgba(111, 187, 235, .52) !important; background: linear-gradient(145deg, #303d55, #273249) !important; box-shadow: none !important; } .top-wallet > .top-notification-button .top-notification-icon { width: 34px !important; height: 34px !important; border: 1px solid rgba(96, 174, 224, .36) !important; border-radius: 7px !important; background: rgba(55, 135, 188, .085) !important; color: #8ccaf0 !important; } .top-wallet > .top-notification-button .top-notification-copy { display: grid; gap: 2px; } .top-wallet > .top-notification-button .top-notification-copy small { color: #8daec5 !important; font-size: .75rem !important; font-weight: 900 !important; letter-spacing: .10em !important; } .top-wallet > .top-notification-button .top-notification-copy b { color: #e3f4ff !important; font-size: .75rem !important; line-height: 1.05 !important; font-weight: 850 !important; } @media (max-width: 1180px) { .top-wallet > .top-notification-button { min-width: 48px !important; width: 48px !important; height: 48px !important; padding: 0 !important; grid-template-columns: 1fr !important; place-items: center !important; border-radius: 11px !important; } .top-wallet > .top-notification-button .top-notification-copy { display: none !important; } .top-wallet > .top-notification-button .top-notification-icon { width: 38px !important; height: 38px !important; border: 0 !important; background: transparent !important; } } @media (max-width: 700px) { .admin-nav-group .admin-nav-subitem, .admin-nav-group.is-open .admin-nav-subitem { width: calc(100% - 6px) !important; margin-left: 6px !important; } .top-wallet > .top-notification-button { min-width: 44px !important; width: 44px !important; height: 44px !important; } .top-wallet > .top-notification-button .top-notification-icon { width: 40px !important; height: 40px !important; } } #account-detailView .account-character-card{display:flex;flex-direction:column;min-width:0} #account-detailView .account-character-card dl{flex:1 1 auto} #account-detailView .account-character-open{margin-top:12px;min-height:38px;width:100%;border:1px solid color-mix(in srgb,var(--rf-accent) 40%,var(--rf-line));border-radius:9px;background:var(--rf-surface-raised);color:var(--rf-text);font:800 9px/1 var(--ui-font);cursor:pointer;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--rf-accent) 75%,transparent);transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease} #account-detailView .account-character-open:hover{border-color:color-mix(in srgb,var(--rf-accent) 70%,var(--rf-line));background:color-mix(in srgb,var(--rf-accent) 8%,var(--rf-surface-raised));color:var(--rf-text);transform:translateY(-1px)} #account-detailView .account-character-grid.single .account-character-open{width:auto;align-self:flex-start;padding-inline:16px} #character-detailView .character-detail-error{margin:0 0 14px;padding:13px 15px;border:1px solid rgba(235,104,111,.42);border-radius:10px;background:rgba(107,34,43,.16);color:#ffb5ba;font-size:.75rem;line-height:1.55} #character-detailView .character-identity-mutation{margin:0;padding:12px;border:1px solid var(--rf-line);border-radius:10px;background:var(--rf-surface);box-shadow:none} #character-detailView .character-identity-mutation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} #character-detailView .character-identity-mutation-head small{display:block;color:var(--rf-accent);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em} #character-detailView .character-identity-mutation-head h3{margin:3px 0 0;color:var(--rf-text);font-size:.75rem} #character-detailView .character-identity-mutation-head em{flex:0 0 auto;padding:5px 8px;border:1px solid color-mix(in srgb,var(--rf-accent) 34%,var(--rf-line));border-radius:999px;background:color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface-raised));color:color-mix(in srgb,var(--rf-accent) 76%,var(--rf-text));font-size:.75rem;font-style:normal;font-weight:400} #character-detailView .character-identity-mutation-head em.ready{border-color:color-mix(in srgb,var(--rf-success) 42%,var(--rf-line));background:color-mix(in srgb,var(--rf-success) 7%,var(--rf-surface-raised));color:color-mix(in srgb,var(--rf-success) 76%,var(--rf-text))} #character-detailView .character-identity-controls{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(190px,.8fr) minmax(220px,1fr) auto;align-items:end;gap:9px;margin-top:10px} #character-detailView .character-identity-current{display:grid;gap:4px;min-height:38px;padding:7px 10px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface-soft)} #character-detailView .character-identity-current>small{color:var(--rf-muted);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em} #character-detailView .character-identity-current>b{display:flex;align-items:center;gap:6px;color:var(--rf-text);font-size:.75rem;white-space:nowrap} #character-detailView .character-identity-current>b i{color:var(--rf-dim);font-style:normal;font-weight:500} #character-detailView .character-identity-controls label{display:grid;gap:4px;min-width:0} #character-detailView .character-identity-controls label>span{color:var(--rf-muted);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em} #character-detailView .character-identity-controls select{width:100%;min-width:0;height:38px;border:1px solid var(--rf-line-strong);border-radius:8px;background:var(--rf-input);color:var(--rf-text);padding:0 10px;font:700 9px/1 var(--ui-font);outline:none} #character-detailView .character-identity-controls select:focus{border-color:color-mix(in srgb,var(--rf-accent) 64%,var(--rf-line));box-shadow:0 0 0 2px color-mix(in srgb,var(--rf-accent) 12%,transparent)} #character-detailView .character-identity-controls select:disabled,#character-detailView .character-identity-controls .admin-button:disabled{opacity:.52;cursor:not-allowed} #character-detailView .character-identity-actions{display:flex;align-items:center;gap:7px} #character-detailView .character-identity-actions .admin-button{min-height:38px;white-space:nowrap} #character-detailView .character-identity-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;margin-top:9px;padding:10px 11px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface-soft);color:var(--rf-muted)} #character-detailView .character-identity-preview.is-hidden{display:none!important} #character-detailView .character-identity-preview b{color:var(--rf-text);font-size:.75rem} #character-detailView .character-identity-preview span{grid-column:1;color:var(--rf-text);font-size:.75rem} #character-detailView .character-identity-preview em{grid-column:2;grid-row:1/3;align-self:center;color:var(--rf-muted);font-size:.75rem;font-style:normal;text-align:right} #character-detailView .character-identity-preview small{grid-column:1/-1;padding-top:5px;border-top:1px solid var(--rf-line);font-size:.75rem;line-height:1.45} #character-detailView .character-identity-preview.ready{border-color:color-mix(in srgb,var(--rf-success) 38%,var(--rf-line));background:color-mix(in srgb,var(--rf-success) 6%,var(--rf-surface-soft))} #character-detailView .character-identity-preview.ready small{color:color-mix(in srgb,var(--rf-success) 74%,var(--rf-text))} #character-detailView .character-identity-preview.blocked{border-color:color-mix(in srgb,var(--rf-accent) 42%,var(--rf-line));background:color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface-soft))} #character-detailView .character-identity-preview.blocked small{color:color-mix(in srgb,var(--rf-accent) 74%,var(--rf-text))} @media(max-width:1080px){#character-detailView .character-identity-controls{grid-template-columns:1fr 1fr}#character-detailView .character-identity-actions{justify-content:flex-end}} @media(max-width:700px){#character-detailView .character-identity-mutation-head{flex-direction:column}#character-detailView .character-identity-controls{grid-template-columns:1fr}#character-detailView .character-identity-actions{flex-direction:column}#character-detailView .character-identity-actions .admin-button{width:100%}#character-detailView .character-identity-preview{grid-template-columns:1fr}#character-detailView .character-identity-preview em{grid-column:1;grid-row:auto;text-align:left}} #character-detailView .character-resource-grid article, #character-detailView .character-detail-facts>div{ border-color:var(--ui-line-soft)!important; background:var(--ui-surface-soft)!important; box-shadow:none!important; } #charactersView .character-detail-identity, #charactersView .character-detail-facts>div, #charactersView .character-resource-grid article{ border-color:var(--ui-line-soft)!important; background:var(--ui-surface-soft)!important; box-shadow:none!important; } #charactersView .character-grid-detailed{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; align-items:start!important; } #charactersView .character-card-v170{ min-width:0!important; } #charactersView .character-card-v170:hover{ transform:none!important; } #charactersView .character-card-v170.is-locked{border-color:rgba(255,107,107,.34)!important} #charactersView .character-visual-v170{ height:78px!important; min-height:78px!important; border-bottom-color:rgba(75,89,117,.42)!important; } #charactersView .character-visual-v170::before{width:58px!important;height:58px!important} #charactersView .character-visual-v170::after{width:38px!important;height:38px!important} #charactersView .character-visual-v170 .character-monogram{font-size:1.5625rem!important} #charactersView .character-visual-v170 .character-visual-line{width:68%!important;opacity:.78!important} #charactersView .character-live-status{ left:9px!important; top:9px!important; gap:5px!important; padding:5px 8px!important; } #charactersView .character-live-status i{width:5px!important;height:5px!important} #charactersView .character-live-status b{font-size:.75rem!important;letter-spacing:.07em!important} #charactersView .character-level-badge{ min-width:48px!important; right:9px!important; top:9px!important; padding:5px 7px!important; border-radius:8px!important; } #charactersView .character-level-badge small{font-size:.75rem!important} #charactersView .character-level-badge b{font-size:.8125rem!important} #charactersView .character-body-v170{ display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(132px,.85fr)!important; column-gap:8px!important; padding:11px 12px 12px!important; } #charactersView .character-body-v170>.character-identity, #charactersView .character-body-v170>.character-flags, #charactersView .character-body-v170>.character-summary-stats, #charactersView .character-body-v170>.character-detail-panel{ grid-column:1/-1!important; } #charactersView .character-kicker{font-size:.75rem!important;letter-spacing:.075em!important} #charactersView .character-body-v170 .character-identity h2{ margin:4px 0 2px!important; font-size:1rem!important; line-height:1.1!important; } #charactersView .character-body-v170 .character-identity p{ font-size:.75rem!important; line-height:1.3!important; } #charactersView .character-flags{ min-height:20px!important; margin-top:7px!important; gap:5px!important; } #charactersView .character-flags span{ padding:4px 7px!important; font-size:.75rem!important; } #charactersView .character-summary-stats{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:5px!important; margin-top:8px!important; padding-top:8px!important; } #charactersView .character-summary-stats .character-metric{ min-height:42px!important; padding:6px 7px!important; border-radius:7px!important; } #charactersView .character-summary-stats dt{font-size:.75rem!important;line-height:1.15!important} #charactersView .character-summary-stats dd{ margin-top:4px!important; font-size:.75rem!important; line-height:1.1!important; } #charactersView .character-card-actions-toolbar{ grid-column:1!important; min-width:0!important; margin:8px 0 0!important; } #charactersView .character-manage-button{ min-height:36px!important; padding:0 9px!important; gap:7px!important; border-radius:8px!important; font-size:.75rem!important; } #charactersView .character-detail-toggle{ grid-column:2!important; align-self:end!important; min-height:36px!important; margin:8px 0 0!important; padding:0 9px!important; gap:8px!important; border-radius:8px!important; font-size:.75rem!important; } #charactersView .character-detail-chevron{flex:0 0 auto!important} #charactersView .character-detail-head{ margin-top:10px!important; padding-top:10px!important; } #charactersView .character-detail-head span{font-size:.75rem!important} @media(max-width:1220px){ #charactersView .character-grid-detailed{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:760px){ #charactersView .character-grid-detailed{grid-template-columns:minmax(0,1fr)!important} #charactersView .character-visual-v170{height:74px!important;min-height:74px!important} #charactersView .character-body-v170{grid-template-columns:minmax(0,1fr) minmax(128px,.8fr)!important} } @media(max-width:520px){ #charactersView .character-body-v170{grid-template-columns:minmax(0,1fr)!important} #charactersView .character-card-actions-toolbar, #charactersView .character-detail-toggle{grid-column:1!important} #charactersView .character-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important} #charactersView .character-manage-button, #charactersView .character-detail-toggle{min-height:42px!important} } #charactersView .character-card-v170{ --roster-accent:#55b5ff; --roster-accent-soft:rgba(85,181,255,.16); --roster-accent-line:rgba(85,181,255,.34); overflow:hidden!important; border-radius:14px!important; border-color:#3a4962!important; background:#232c40!important; box-shadow:0 12px 30px rgba(8,12,20,.12)!important; } #charactersView .character-card-v170.acc{ --roster-accent:#ff9b72; --roster-accent-soft:rgba(255,155,114,.14); --roster-accent-line:rgba(255,155,114,.32); } #charactersView .character-card-v170.cora{ --roster-accent:#b58cff; --roster-accent-soft:rgba(181,140,255,.14); --roster-accent-line:rgba(181,140,255,.32); } #charactersView .character-card-v170:hover{ border-color:#62718b!important; box-shadow:0 16px 36px rgba(6,10,17,.18)!important; } #charactersView .character-card-v170.is-online{ border-color:rgba(73,210,160,.46)!important; box-shadow:0 14px 34px rgba(31,156,119,.08)!important; } #charactersView .character-roster-hero{ display:grid!important; place-items:unset!important; gap:12px!important; background: radial-gradient(circle at 11% 52%,var(--roster-accent-soft),transparent 31%), linear-gradient(115deg,#18283d 0%,#252e43 62%,#20283a 100%)!important; border-bottom:0!important; } #charactersView .character-card-v170.acc .character-roster-hero{ background: radial-gradient(circle at 11% 52%,rgba(255,139,93,.17),transparent 31%), linear-gradient(115deg,#38241f 0%,#352a2d 60%,#252a3b 100%)!important; } #charactersView .character-card-v170.cora .character-roster-hero{ background: radial-gradient(circle at 11% 52%,rgba(174,119,255,.17),transparent 31%), linear-gradient(115deg,#2e2445 0%,#302a46 60%,#252a3d 100%)!important; } #charactersView .character-roster-hero::before, #charactersView .character-roster-hero::after{display:none!important} #charactersView .character-roster-hero>.character-monogram{ position:relative!important; z-index:2!important; display:grid!important; place-items:center!important; border:1px solid var(--roster-accent-line)!important; color:#f5f7fb!important; background:linear-gradient(145deg,var(--roster-accent-soft),rgba(13,21,34,.38))!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 18px rgba(7,11,19,.18)!important; font-weight:850!important; line-height:1!important; text-shadow:none!important; } #charactersView .character-roster-hero>.character-monogram::after{ content:""; width:7px; height:7px; position:absolute; right:-4px; top:50%; border:1px solid var(--roster-accent-line); background:#202a3c; transform:translateY(-50%) rotate(45deg); } #charactersView .character-roster-identity{ min-width:0!important; } #charactersView .character-roster-identity .character-kicker{ color:var(--roster-accent)!important; font-size:.75rem!important; letter-spacing:.085em!important; line-height:1.15!important; } #charactersView .character-roster-identity h2{ overflow:hidden!important; color:#f5f7fb!important; letter-spacing:-.015em!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #charactersView .character-roster-identity>p{ overflow:hidden!important; color:#bac6d7!important; font-size:.75rem!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #charactersView .character-roster-flags{ margin:5px 0 0!important; gap:4px!important; flex-wrap:nowrap!important; overflow:hidden!important; } #charactersView .character-roster-flags span{ max-width:100%!important; position:static!important; z-index:auto!important; overflow:hidden!important; padding:0!important; border:0!important; border-radius:0!important; color:#8fa2bb!important; background:transparent!important; font-size:.75rem!important; font-weight:700!important; line-height:1.25!important; text-overflow:ellipsis!important; text-shadow:none!important; white-space:nowrap!important; } #charactersView .character-roster-flags .archon{color:#9eb3cf!important} #charactersView .character-roster-flags .locked{color:#ff949b!important} #charactersView .character-roster-side{ align-content:center!important; justify-items:end!important; } #charactersView .character-roster-side .character-live-status, #charactersView .character-roster-side .character-level-badge{ position:static!important; inset:auto!important; backdrop-filter:none!important; } #charactersView .character-roster-hero .character-visual-line{display:none!important} #charactersView .character-roster-body{ display:grid!important; } #charactersView .character-roster-body>.character-summary-stats, #charactersView .character-roster-body>.character-detail-panel{grid-column:1/-1!important} #charactersView .character-roster-body>.character-identity, #charactersView .character-roster-body>.character-flags{display:none!important} @media(max-width:1380px){ #charactersView .character-roster-hero{grid-template-columns:46px minmax(0,1fr) auto!important;gap:9px!important;padding:12px!important} #charactersView .character-roster-hero>.character-monogram{width:43px!important;height:43px!important;font-size:1.25rem!important} #charactersView .character-roster-identity h2{font-size:1rem!important} } @media(max-width:1220px){ #charactersView .character-roster-hero{height:90px!important;min-height:90px!important} } @media(max-width:760px){ #charactersView .character-roster-identity h2{font-size:1.125rem!important} } @media(max-width:520px){ #charactersView .character-roster-side .character-live-status,#charactersView .character-roster-side .character-level-badge{width:auto!important} } #charactersView .character-roster-meta{ min-width:0!important; align-items:center!important; gap:7px!important; } #charactersView .character-roster-meta .character-kicker{ min-width:0!important; flex:1 1 auto!important; } #charactersView .character-roster-meta .character-live-status{ flex:0 0 auto!important; position:static!important; inset:auto!important; gap:4px!important; margin:0!important; padding:3px 6px!important; border-color:rgba(116,135,161,.25)!important; color:#99a9be!important; background:rgba(9,16,28,.33)!important; backdrop-filter:none!important; } #charactersView .character-roster-meta .character-live-status.online{ border-color:rgba(73,210,160,.30)!important; color:#56ddb3!important; background:rgba(20,65,56,.30)!important; } #charactersView .character-roster-meta .character-live-status b{ font-size:.75rem!important; letter-spacing:.065em!important; } #charactersView .character-roster-meta .character-live-status i{ width:4px!important; height:4px!important; } /* Level already lives in the hero, so the compact strip carries only the three values that matter at a glance. */ #charactersView .character-roster-body .character-summary-stats .character-metric{ padding-left:12px!important; padding-right:12px!important; } /* Expanded resources: one light two-column strip instead of boxed tiles. */ #charactersView .character-detail-resource-grid{ margin:8px 0 0!important; display:grid!important; grid-template-columns:minmax(0,1.55fr) minmax(90px,.8fr)!important; border-bottom:1px solid rgba(83,99,126,.26)!important; } #charactersView .character-detail-resource-grid .character-metric{ min-width:0!important; min-height:48px!important; padding:8px 10px!important; border:0!important; border-left:1px solid rgba(83,99,126,.24)!important; border-radius:0!important; background:transparent!important; text-align:left!important; } #charactersView .character-detail-resource-grid .character-metric:first-child{ border-left:0!important; padding-left:1px!important; } #charactersView .character-detail-resource-grid dt{ color:#788da8!important; font-size:.75rem!important; font-weight:760!important; letter-spacing:.02em!important; } #charactersView .character-detail-resource-grid dd{ margin:5px 0 0!important; color:#f1f4f8!important; font-size:.75rem!important; font-weight:850!important; line-height:1!important; } /* Expanded points: compact score ledger, no heavy mini-cards. */ #charactersView .character-detail-score-grid{ margin:0!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } #charactersView .character-detail-score-grid .character-metric{ min-width:0!important; min-height:37px!important; position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:8px!important; padding:7px 10px 7px 15px!important; border:0!important; border-top:1px solid rgba(83,99,126,.18)!important; border-left:1px solid rgba(83,99,126,.20)!important; border-radius:0!important; background:transparent!important; text-align:left!important; } #charactersView .character-detail-score-grid .character-metric:nth-child(odd){ border-left:0!important; padding-left:6px!important; } #charactersView .character-detail-score-grid .character-metric::before{ content:""; width:4px; height:4px; position:absolute; left:6px; top:50%; border-radius:50%; background:var(--roster-accent); box-shadow:0 0 7px var(--roster-accent-soft); transform:translateY(-50%); opacity:.78; } #charactersView .character-detail-score-grid .character-metric:nth-child(odd)::before{ left:0; } #charactersView .character-detail-score-grid dt{ min-width:0!important; overflow:hidden!important; color:#91a2b8!important; font-size:.75rem!important; font-weight:720!important; line-height:1.2!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #charactersView .character-detail-score-grid dd{ min-width:0!important; margin:0!important; color:#eef3f8!important; font-size:.75rem!important; font-weight:850!important; line-height:1!important; text-align:right!important; white-space:nowrap!important; } @media(max-width:520px){ #charactersView .character-roster-side{ justify-items:end!important; } #charactersView .character-roster-meta{gap:5px!important} #charactersView .character-roster-meta .character-live-status{padding:3px 5px!important} #charactersView .character-roster-body .character-summary-stats{ grid-template-columns:repeat(3,minmax(0,1fr))!important; row-gap:0!important; } #charactersView .character-roster-body .character-summary-stats .character-metric:nth-child(3){ border-left:1px solid rgba(83,99,126,.28)!important; padding-left:12px!important; } #charactersView .character-detail-resource-grid{grid-template-columns:minmax(0,1fr) minmax(74px,.7fr)!important} #charactersView .character-detail-score-grid{grid-template-columns:1fr!important} #charactersView .character-detail-score-grid .character-metric{ border-left:0!important; padding-left:15px!important; } #charactersView .character-detail-score-grid .character-metric:nth-child(odd){padding-left:15px!important} #charactersView .character-detail-score-grid .character-metric::before, #charactersView .character-detail-score-grid .character-metric:nth-child(odd)::before{left:5px!important} } /* The old diamond connector reads as a notch/cutout at compact roster size. */ #charactersView .character-roster-hero>.character-monogram::after{ content:none!important; display:none!important; } #charactersView .character-roster-body>.character-detail-panel{ margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } #charactersView .character-roster-hero{ height:108px!important; min-height:108px!important; padding:14px 15px!important; grid-template-columns:56px minmax(0,1fr) 92px!important; grid-template-rows:1fr!important; align-items:center!important; column-gap:12px!important; } #charactersView .character-roster-hero>.character-monogram{ width:52px!important; height:52px!important; align-self:center!important; border-radius:13px!important; font-size:1.5rem!important; } #charactersView .character-roster-identity{ align-self:center!important; } #charactersView .character-roster-meta{ display:block!important; } #charactersView .character-roster-meta .character-kicker{ display:block!important; overflow:hidden!important; max-width:100%!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #charactersView .character-roster-flags{ align-items:center!important; } #charactersView .character-roster-side{ width:92px!important; min-width:92px!important; display:flex!important; flex-direction:column!important; align-items:flex-end!important; } #charactersView .character-roster-side .character-live-status, #charactersView .character-roster-side .character-level-badge{ width:92px!important; min-width:92px!important; min-height:28px!important; height:28px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; margin:0!important; padding:4px 9px!important; overflow:hidden!important; box-sizing:border-box!important; border:1px solid rgba(116,135,161,.27)!important; border-radius:8px!important; color:#9eafc5!important; background:rgba(9,16,28,.38)!important; } #charactersView .character-roster-side .character-live-status.online{ border-color:rgba(73,210,160,.34)!important; color:#59dfb6!important; background:rgba(20,65,56,.32)!important; } #charactersView .character-roster-side .character-live-status b, #charactersView .character-roster-side .character-level-badge small, #charactersView .character-roster-side .character-level-badge b{ margin:0!important; line-height:1!important; white-space:nowrap!important; } #charactersView .character-roster-side .character-live-status b, #charactersView .character-roster-side .character-level-badge small{ color:inherit!important; font-size:.75rem!important; letter-spacing:.07em!important; } #charactersView .character-roster-side .character-level-badge b{ color:#edf3fa!important; font-size:.8125rem!important; } #charactersView .character-roster-side .character-live-status i{ width:5px!important; height:5px!important; } /* Three primary facts use one immutable geometry across every card. */ #charactersView .character-roster-body{ grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:9px!important; padding:0 13px 12px!important; background:transparent!important; background-image:none!important; } #charactersView .character-roster-body .character-summary-stats{ grid-template-columns:repeat(3,minmax(0,1fr))!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; background-image:none!important; } #charactersView .character-roster-body .character-summary-stats .character-metric{ min-height:52px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; padding:8px 13px!important; background:transparent!important; background-image:none!important; box-shadow:none!important; } #charactersView .character-roster-body .character-summary-stats .character-metric:first-child{ padding-left:2px!important; } #charactersView .character-roster-body .character-summary-stats dt{ min-height:9px!important; font-size:.75rem!important; line-height:1.2!important; } #charactersView .character-roster-body .character-summary-stats dd{ min-height:13px!important; margin-top:6px!important; font-size:.75rem!important; line-height:1!important; } /* Footer controls are equal-height peers, not two unrelated widgets. */ #charactersView .character-roster-body .character-card-actions-toolbar{ grid-column:1!important; width:100%!important; margin:9px 0 0!important; } #charactersView .character-roster-body .character-manage-button, #charactersView .character-roster-body .character-detail-toggle{ width:100%!important; min-width:0!important; min-height:38px!important; height:38px!important; margin:9px 0 0!important; padding:0 11px!important; display:flex!important; align-items:center!important; gap:8px!important; border:1px solid var(--rf-line)!important; border-radius:8px!important; background:var(--rf-surface)!important; background-image:none!important; color:var(--rf-text)!important; box-shadow:none!important; box-sizing:border-box!important; font-size:.75rem!important; font-weight:780!important; } #charactersView .character-roster-body .character-card-actions-toolbar .character-manage-button{ margin:0!important; } #charactersView .character-roster-body .character-manage-button:hover:not(:disabled), #charactersView .character-roster-body .character-detail-toggle:hover:not(:disabled){ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important; } #charactersView .character-roster-body .character-detail-toggle{ grid-column:2!important; justify-content:space-between!important; padding:0 10px!important; overflow:hidden!important; } #charactersView .character-roster-body .character-detail-toggle>span{ min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Expanded metrics form one continuous two-column ledger. */ #charactersView .character-roster-body>.character-detail-panel{ grid-column:1/-1!important; width:100%!important; } #charactersView .character-roster-body .character-detail-head{ min-height:42px!important; display:flex!important; align-items:flex-end!important; margin:10px 0 0!important; padding:11px 0 8px!important; border-top:0!important; } #charactersView .character-roster-body .character-detail-head span{ font-size:.75rem!important; line-height:1.1!important; } #charactersView .character-detail-resource-grid, #charactersView .character-detail-score-grid{ width:100%!important; margin:0!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; border:0!important; background:transparent!important; } #charactersView .character-detail-resource-grid{border-top:0!important} #charactersView .character-detail-score-grid{border-bottom:0!important} #charactersView .character-detail-resource-grid .character-metric, #charactersView .character-detail-score-grid .character-metric{ min-width:0!important; min-height:45px!important; position:relative!important; display:grid!important; align-items:center!important; gap:10px!important; padding:8px 11px 8px 18px!important; border:0!important; border-top:0!important; border-left:1px solid rgba(83,99,126,.20)!important; border-radius:0!important; background:transparent!important; text-align:left!important; box-sizing:border-box!important; } #charactersView .character-detail-resource-grid .character-metric{ border-top:0!important; } #charactersView .character-detail-resource-grid .character-metric:nth-child(odd), #charactersView .character-detail-score-grid .character-metric:nth-child(odd){ border-left:0!important; } #charactersView .character-detail-resource-grid .character-metric::before, #charactersView .character-detail-score-grid .character-metric::before{ content:""!important; width:5px!important; height:5px!important; position:absolute!important; left:7px!important; top:50%!important; border-radius:50%!important; background:var(--roster-accent)!important; box-shadow:0 0 7px var(--roster-accent-soft)!important; transform:translateY(-50%)!important; opacity:.82!important; } #charactersView .character-detail-resource-grid dt, #charactersView .character-detail-score-grid dt{ min-width:0!important; color:#91a4bd!important; font-size:.75rem!important; font-weight:720!important; line-height:1.15!important; white-space:nowrap!important; } #charactersView .character-detail-resource-grid dd, #charactersView .character-detail-score-grid dd{ min-width:0!important; margin:0!important; color:#f2f5f9!important; font-size:.75rem!important; font-weight:850!important; line-height:1!important; text-align:right!important; white-space:nowrap!important; } #charactersView .character-detail-resource-grid .character-metric:first-child dd{ color:#f2f5f9!important; font-size:.75rem!important; } @media(max-width:760px){ #charactersView .character-roster-hero{ height:104px!important; min-height:104px!important; grid-template-columns:50px minmax(0,1fr) 92px!important; padding:13px!important; } } @media(max-width:520px){ #charactersView .character-roster-hero{ height:104px!important; min-height:104px!important; grid-template-columns:46px minmax(0,1fr) 92px!important; grid-template-rows:1fr!important; align-items:center!important; } #charactersView .character-roster-hero>.character-monogram{width:44px!important;height:44px!important;font-size:1.25rem!important} #charactersView .character-roster-side{ grid-column:3!important; grid-row:1!important; display:flex!important; flex-direction:column!important; align-items:flex-end!important; } #charactersView .character-roster-side .character-live-status{padding:4px 5px!important} #charactersView .character-roster-body{grid-template-columns:1fr!important} #charactersView .character-roster-body .character-card-actions-toolbar, #charactersView .character-roster-body .character-detail-toggle{grid-column:1!important} #charactersView .character-roster-body .character-detail-toggle{margin-top:7px!important} #charactersView .character-detail-resource-grid, #charactersView .character-detail-score-grid{grid-template-columns:1fr!important} #charactersView .character-detail-resource-grid .character-metric, #charactersView .character-detail-score-grid .character-metric{ border-left:0!important; border-top:0!important; } #charactersView .character-detail-resource-grid .character-metric:first-child{border-top:0!important} } #charactersView .character-roster-identity{ min-height:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; gap:0!important; padding:1px 0!important; } #charactersView .character-roster-meta{ min-height:0!important; margin:0 0 4px!important; line-height:1!important; } #charactersView .character-roster-meta .character-kicker{ line-height:1.05!important; } #charactersView .character-roster-identity h2{ margin:0!important; min-height:0!important; font-size:1.125rem!important; line-height:1.04!important; } #charactersView .character-roster-identity>p{ margin:3px 0 0!important; min-height:0!important; line-height:1.08!important; } #charactersView .character-roster-flags{ height:auto!important; min-height:0!important; margin-top:5px!important; line-height:1!important; } /* Status and level are one compact centered group instead of opposite ends. */ #charactersView .character-roster-side{ height:auto!important; align-self:center!important; justify-content:center!important; gap:8px!important; } #charactersView .character-roster-side .character-live-status{ flex:0 0 auto!important; } #charactersView .character-roster-side .character-level-badge{ flex:0 0 auto!important; text-align:center!important; line-height:1!important; } #charactersView .character-roster-side .character-level-badge small, #charactersView .character-roster-side .character-level-badge b{ width:auto!important; text-align:center!important; } /* Give every marker a real gutter: dot | gap | label | value. */ #charactersView .character-detail-resource-grid .character-metric, #charactersView .character-detail-score-grid .character-metric{ padding-left:27px!important; padding-right:12px!important; grid-template-columns:minmax(0,1fr) auto!important; column-gap:12px!important; } #charactersView .character-detail-resource-grid .character-metric:nth-child(odd), #charactersView .character-detail-score-grid .character-metric:nth-child(odd){ padding-left:27px!important; } #charactersView .character-detail-resource-grid .character-metric::before, #charactersView .character-detail-score-grid .character-metric::before, #charactersView .character-detail-resource-grid .character-metric:nth-child(odd)::before, #charactersView .character-detail-score-grid .character-metric:nth-child(odd)::before{ left:11px!important; width:5px!important; height:5px!important; } #charactersView .character-detail-resource-grid dt, #charactersView .character-detail-score-grid dt{ padding:0!important; text-indent:0!important; overflow:visible!important; text-overflow:clip!important; } @media(max-width:520px){ #charactersView .character-roster-side{ height:auto!important; align-self:center!important; justify-content:center!important; gap:7px!important; } #charactersView .character-detail-resource-grid .character-metric, #charactersView .character-detail-score-grid .character-metric, #charactersView .character-detail-resource-grid .character-metric:nth-child(odd), #charactersView .character-detail-score-grid .character-metric:nth-child(odd){ padding-left:27px!important; } } .top-profile-menu { border-color: rgba(73, 102, 145, .46); border-radius: 18px; background: radial-gradient(circle at 88% 8%, rgba(255, 183, 43, .12), transparent 26%), linear-gradient(180deg, rgba(14, 27, 46, .98), rgba(9, 18, 33, .98)); box-shadow: 0 24px 64px rgba(5, 8, 14, .45); } .top-profile-menu-hero { display: grid; align-items: center; border: 1px solid rgba(65, 91, 128, .42); border-radius: 14px; background: linear-gradient(135deg, rgba(31, 49, 77, .88), rgba(17, 27, 47, .94)); } .top-profile-menu-avatar { display: grid; place-items: center; border: 1px solid rgba(255, 183, 43, .42); background: linear-gradient(145deg, rgba(100, 71, 28, .92), rgba(43, 32, 18, .96)); color: #ffe0a3; font-weight: 900; } .top-profile-menu-copy { min-width: 0; display: grid; } .top-profile-menu-copy > small { color: var(--cab-dim); text-transform: uppercase; letter-spacing: .12em; font-size: .75rem; } .top-profile-menu-copy > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .top-profile-menu-role { justify-self: start; border: 1px solid rgba(92, 121, 159, .34); border-radius: 999px; background: rgba(67, 93, 128, .15); color: #dce8f8; font-style: normal; font-weight: 800; letter-spacing: .03em; } .top-profile-menu-role.is-staff { border-color: rgba(255, 183, 43, .36); background: rgba(255, 183, 43, .1); color: #ffd78a; } .top-profile-menu > button, .top-profile-menu > a { grid-template-columns: 24px minmax(0, 1fr); gap: 12px; } .top-profile-menu > button + button, .top-profile-menu > button + a, .top-profile-menu > a + button, .top-profile-menu > a + a { margin-top: 6px; } .top-profile-menu > button:hover, .top-profile-menu > a:hover { border-color: rgba(78, 107, 145, .52); background: rgba(25, 39, 62, .92); } .top-profile-menu .ui-icon { width: 19px; height: 19px; } .top-profile-menu .top-profile-logout:hover { border-color: rgba(242, 130, 137, .34); background: rgba(242, 130, 137, .1); } @media (max-width: 640px) { } .top-profile-menu { width: 340px; padding: 9px; } .top-profile-menu-hero { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; margin-bottom: 8px; padding: 10px 11px; } .top-profile-menu-avatar { width: 44px; height: 44px; border-radius: 12px; font-size: 1.0625rem; } .top-profile-menu-copy { gap: 3px; } .top-profile-menu-copy > b { font-size: .875rem; } .top-profile-menu-role { padding: 3px 8px; font-size: .75rem; } .top-profile-menu > button, .top-profile-menu > a { min-height: 55px; padding: 9px 10px; border-radius: 11px; } .top-profile-menu b { font-size: .8125rem; } .top-profile-menu small { font-size: .75rem; } @media (max-width: 640px) { .top-profile-menu { width: min(340px, calc(100vw - 20px)); } } .top-profile{ min-height:52px!important;padding:0 11px!important;border:0!important; border-left:1px solid rgba(82,94,119,.48)!important;border-radius:0!important; background:transparent!important;box-shadow:none!important; } .top-profile:hover,.top-profile[aria-expanded="true"]{background:rgba(255,255,255,.025)!important} .top-profile .profile-avatar{width:36px!important;height:36px!important;border-radius:8px!important;border-color:rgba(255,177,27,.54)!important;background:#242c40!important} .top-profile-copy{gap:2px!important}.top-profile-copy b{font-size:.75rem!important}.top-profile-copy small{font-size:.75rem!important;color:#8d99ad!important}.top-profile-disclosure{margin-left:5px!important;color:#78859a!important} .top-profile-menu{ width:310px!important;padding:7px!important;top:calc(100% + 7px)!important; border:1px solid #3b455b!important;border-radius:7px!important;background:#1c2332!important; box-shadow:0 14px 34px rgba(7,10,17,.38)!important; } .top-profile-menu-hero{ grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;margin:0 0 6px!important; padding:8px 9px 10px!important;border:0!important;border-bottom:1px solid #343d51!important; border-radius:0!important;background:transparent!important; } .top-profile-menu-avatar{width:40px!important;height:40px!important;border-radius:8px!important;border:1px solid rgba(255,177,27,.46)!important;background:#242c40!important;color:#f1c56a!important;font-size:.9375rem!important} .top-profile-menu-copy{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:3px 7px!important} .top-profile-menu-copy>small{flex-basis:100%;font-size:.75rem!important;color:#77849a!important;letter-spacing:.1em!important} .top-profile-menu-copy>b{font-size:.75rem!important;color:#f0f3f8!important} .top-profile-menu-role{padding:2px 6px!important;border-radius:4px!important;font-size:.75rem!important;background:#252e40!important;border-color:#414c63!important;color:#aeb9ca!important} .top-profile-menu-role.is-staff{background:rgba(255,177,27,.07)!important;border-color:rgba(255,177,27,.35)!important;color:#e9b84f!important} .top-profile-menu>button,.top-profile-menu>a{min-height:46px!important;padding:7px 9px!important;border-radius:5px!important;grid-template-columns:20px minmax(0,1fr)!important;gap:9px!important} .top-profile-menu>button+button,.top-profile-menu>button+a,.top-profile-menu>a+button,.top-profile-menu>a+a{margin-top:2px!important} .top-profile-menu>button:hover,.top-profile-menu>a:hover{border-color:#46526a!important;background:#242c3d!important} .top-profile-menu .ui-icon{width:16px!important;height:16px!important;color:#8f9cb1!important} .top-profile-menu b{font-size:.75rem!important}.top-profile-menu small{font-size:.75rem!important;color:#7f8ca2!important} .rankings-own-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid #414d66;border-radius:11px;background:#272f43} .rankings-own-strip-head{min-width:132px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:12px;border-right:1px solid rgba(76,89,115,.7)} .rankings-own-strip-head>span{display:grid;gap:2px}.rankings-own-strip-head small{color:#8f9fb5;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.rankings-own-strip-head b{color:#f2f5fa;font-size:.75rem}.rankings-own-strip-head em{display:none;color:#8495ab;font-size:.75rem;font-style:normal;white-space:nowrap} .rankings-own-list{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .rankings-own-row{min-width:0;min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;border:1px solid #46536d;border-left:2px solid var(--race-accent,#71849d);border-radius:9px;background:#2d364b} .rankings-own-row.bellato{--race-accent:#61b8ff}.rankings-own-row.cora{--race-accent:#d39bff}.rankings-own-row.accretia{--race-accent:#ff967d}.rankings-own-row.is-best{background:#30394e}.rankings-own-row.is-podium .rankings-own-place{border-color:#b88932;color:#ffc95c} .rankings-own-place{display:grid;min-width:42px;height:30px;padding:0 7px;place-items:center;border:1px solid #59677f;border-radius:8px;color:#dce5ef;font-size:.75rem;font-weight:950;font-variant-numeric:tabular-nums} .rankings-own-identity{min-width:0;display:grid;gap:2px}.rankings-own-identity b,.rankings-own-identity a{overflow:hidden;color:#f2f5fa;font-size:.75rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.rankings-own-identity small{overflow:hidden;color:#8999ae;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap} .rankings-own-value{display:grid;justify-items:end;gap:2px;white-space:nowrap}.rankings-own-value small{color:#7e8fa6;font-size:.75rem;text-transform:uppercase}.rankings-own-value strong{color:#fff;font-size:.75rem;font-variant-numeric:tabular-nums} .rankings-own-empty{display:flex;min-height:48px;align-items:center;padding:0 6px;color:#8e9db2;font-size:.75rem} @media(max-width:1100px){.rankings-own-strip{grid-template-columns:1fr}.rankings-own-strip-head{padding:0 0 8px;border-right:0;border-bottom:1px solid rgba(76,89,115,.7)}.rankings-own-strip-head em{display:block}.rankings-own-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.rankings-own-list{grid-template-columns:1fr}.rankings-own-row{min-height:44px}.rankings-own-strip{padding:9px}.rankings-own-strip-head{min-width:0}} .rankings-own-empty.is-error{color:#d8a0a5} /* ========================================================================== 07 PUBLIC CHARACTER / character-profile.css ========================================================================== */ .public-character-page{min-height:100vh;margin:0;background:var(--avalon-bg,#1f2535);color:var(--avalon-text,#f4f6fa)} .public-character-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:14px 0 40px} .public-character-top{margin-bottom:18px} .public-character-profile{display:grid;gap:12px} .public-character-page-heading{margin-bottom:0} .public-character-page-heading h1{font-size:2.125rem} .public-character-state{padding:20px} .public-character-state h1{margin:7px 0 8px;font-size:1.5rem} .public-character-state p{margin:0 0 16px;color:var(--avalon-muted)} .public-character-hero{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;position:relative;overflow:hidden;border-top:2px solid var(--avalon-gold)} .public-character-identity-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,177,27,.36);border-radius:11px;background:rgba(255,177,27,.08);color:var(--avalon-gold);font-size:.75rem;font-weight:900;letter-spacing:.08em} .public-character-identity{min-width:0;display:grid;gap:3px} .public-character-race{color:var(--avalon-gold);font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .public-character-identity strong{min-width:0;color:var(--avalon-text);font-size:1.0625rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .public-character-identity>span:last-child{color:var(--avalon-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .public-character-level{min-width:94px;padding:9px 13px;border:1px solid var(--avalon-line);border-radius:10px;background:var(--avalon-surface-soft);text-align:center} .public-character-level small{display:block;color:var(--avalon-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .public-character-level strong{display:block;margin-top:2px;color:var(--avalon-text);font-size:1.625rem;line-height:1.05} .public-character-section{padding:15px 16px} .public-character-section-head{display:flex;align-items:baseline;gap:10px;margin:0 0 11px} .public-character-section-head small{color:var(--avalon-gold);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap} .public-character-section-head h2{margin:0;color:var(--avalon-text);font-size:1rem;line-height:1.2} .public-character-stat-grid,.public-character-rank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--avalon-line);border-radius:11px;overflow:hidden;background:var(--avalon-surface-soft)} .public-character-stat-grid>div,.public-character-rank-grid>div{min-width:0;padding:11px 13px;background:transparent} .public-character-stat-grid>div:not(:nth-child(4n/**/+1)),.public-character-rank-grid>div:not(:nth-child(4n/**/+1)){border-left:1px solid var(--avalon-line-soft)} .public-character-stat-grid>div:nth-child(n/**/+5){border-top:1px solid var(--avalon-line-soft)} .public-character-stat-grid small,.public-character-rank-grid small{display:block;color:var(--avalon-muted);font-size:.75rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .public-character-stat-grid strong,.public-character-rank-grid strong{display:block;margin-top:5px;color:var(--avalon-text);font-size:1.125rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .public-character-rank-grid>div.is-top-rank{background:linear-gradient(180deg,rgba(255,177,27,.08),rgba(255,177,27,.02))} .public-character-rank-grid>div.is-top-rank strong{color:var(--avalon-gold)} .public-character-achievements{padding:16px;overflow:hidden} .public-character-achievements .public-character-section-head{margin:0} .public-character-footer{padding:9px 14px;color:var(--avalon-dim);font-size:.75rem} .ranking-character-link{color:inherit;text-decoration:none;border-bottom:1px dashed rgba(156,168,188,.38);transition:border-color .15s ease,color .15s ease} .ranking-character-link:hover{border-bottom-color:var(--avalon-gold);color:var(--avalon-gold)} @media(max-width:760px){ .public-character-shell{width:min(100% - 18px,1180px);padding-top:10px} .public-character-hero{grid-template-columns:44px minmax(0,1fr) auto;padding:13px} .public-character-identity-icon{width:42px;height:42px} .public-character-level{min-width:78px;padding:8px 10px} .public-character-level strong{font-size:1.4375rem} .public-character-stat-grid,.public-character-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .public-character-stat-grid>div:not(:nth-child(4n/**/+1)),.public-character-rank-grid>div:not(:nth-child(4n/**/+1)){border-left:0} .public-character-stat-grid>div:nth-child(even),.public-character-rank-grid>div:nth-child(even){border-left:1px solid var(--avalon-line-soft)} .public-character-stat-grid>div:nth-child(n/**/+3),.public-character-rank-grid>div:nth-child(n/**/+3){border-top:1px solid var(--avalon-line-soft)} } @media(max-width:470px){ .public-character-page-heading h1{font-size:1.8125rem} .public-character-hero{grid-template-columns:42px minmax(0,1fr)} .public-character-level{grid-column:1/-1;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;text-align:left} .public-character-level strong{margin:0} .public-character-section-head{display:block}.public-character-section-head h2{margin-top:4px} } .achievement-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .achievement-prestige{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border:1px solid rgba(255,177,27,.32);border-radius:999px;background:linear-gradient(180deg,rgba(255,177,27,.12),rgba(255,177,27,.05));color:#ffd36e;font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 18px rgba(255,177,27,.035)} .achievement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--avalon-line);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.005))} .achievement-summary article{min-height:76px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;position:relative} .achievement-summary article+article{border-left:1px solid var(--avalon-line-soft)} .achievement-summary small{color:var(--avalon-muted);font-size:.75rem;font-weight:900;letter-spacing:.085em;text-transform:uppercase} .achievement-summary strong{margin-top:4px;color:#f7f9fc;font-size:1.25rem;line-height:1.05;font-variant-numeric:tabular-nums} .achievement-summary span{margin-top:4px;color:var(--avalon-dim);font-size:.75rem} .achievement-summary-progress{gap:5px} .achievement-total-progress{height:8px;margin-top:4px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#151c2a;overflow:hidden} .achievement-total-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d98e16,#ffbd42,#ffe8a5);box-shadow:0 0 14px rgba(255,177,27,.28);transition:width .45s ease} .achievement-collection-wrap{margin-top:15px;border:0;background:transparent;background-image:none;box-shadow:none} .achievement-subhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px} .achievement-subhead>span{display:grid;gap:2px} .achievement-subhead small{color:var(--avalon-gold);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .achievement-subhead h3{margin:0;color:#edf2f8;font-size:.8125rem} .achievement-subhead>em{color:var(--avalon-dim);font-size:.75rem;font-style:normal} .achievement-collection-head{align-items:center} .achievement-filters{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap} .achievement-filters button{min-height:28px;padding:0 9px;border:1px solid #344059;border-radius:8px;background:#20283a;color:#8ea0b8;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer} .achievement-filters button:hover{border-color:#53627c;color:#e5ebf3} .achievement-filters button.is-active{border-color:rgba(255,177,27,.62);background:rgba(255,177,27,.08);color:#ffc24f} .achievement-grid{display:grid;} .achievement-empty{grid-column:1/-1;margin:0;padding:18px;border:1px dashed #35415a;border-radius:10px;color:#7f8da3;text-align:center;font-size:.75rem} @media(max-width:760px){ .achievement-summary{grid-template-columns:repeat(2,minmax(0,1fr))} .achievement-summary article:nth-child(3){border-left:0;border-top:1px solid var(--avalon-line-soft)} .achievement-summary article:nth-child(4){border-top:1px solid var(--avalon-line-soft)} .achievement-subhead{align-items:flex-start;flex-direction:column} .achievement-filters{justify-content:flex-start} } @media(max-width:470px){ .achievement-head{align-items:flex-start;flex-direction:column} .achievement-summary{grid-template-columns:1fr 1fr} } .achievement-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} @media(max-width:1280px){.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:1060px){.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:470px){.achievement-grid{grid-template-columns:1fr}} /* ========================================================================== 08 CANONICAL DESIGN SYSTEM / avalon-design-system.css ========================================================================== */ html { background: var(--avalon-bg); } body.avalon-ui-v2 { --bg: var(--avalon-bg); --line: var(--avalon-line); --line-soft: var(--avalon-line-soft); --text: var(--avalon-text); --muted: var(--avalon-muted); --dim: var(--avalon-dim); --gold: var(--avalon-gold); --orange: var(--avalon-orange); --blue: var(--avalon-blue); --green: var(--avalon-green); --shadow: var(--avalon-shadow); --ui-bg: var(--avalon-bg); --ui-surface: var(--avalon-surface); --ui-surface-raised: var(--avalon-surface-raised); --ui-surface-soft: var(--avalon-surface-soft); --ui-surface-deep: var(--avalon-surface-deep); --ui-input: var(--avalon-input); --ui-line: var(--avalon-line); --ui-line-soft: var(--avalon-line-soft); --ui-text: var(--avalon-text); --ui-text-muted: var(--avalon-muted); --ui-muted: var(--avalon-muted); --ui-dim: var(--avalon-dim); --ui-gold: var(--avalon-gold); --ui-orange: var(--avalon-orange); --ui-green: var(--avalon-green); --ui-red: var(--avalon-red); --ui-radius: var(--avalon-radius); --ui-shadow: var(--avalon-shadow); --cab-bg: var(--avalon-bg); --cab-surface: var(--avalon-surface); --cab-surface-raised: var(--avalon-surface-raised); --cab-surface-soft: var(--avalon-surface-soft); --cab-input: var(--avalon-input); --cab-line: var(--avalon-line); --cab-line-soft: var(--avalon-line-soft); --cab-text: var(--avalon-text); --cab-muted: var(--avalon-muted); --cab-dim: var(--avalon-dim); --cab-gold: var(--avalon-gold); --cab-focus: var(--avalon-focus); --cab-radius: var(--avalon-radius); --cab-radius-sm: var(--avalon-radius-sm); --cab-content: var(--avalon-content); --market-bg: var(--avalon-bg); --market-panel: var(--avalon-surface); --market-input: var(--avalon-input); --market-line: var(--avalon-line); --market-line-soft: var(--avalon-line-soft); --market-text: var(--avalon-text); --market-muted: var(--avalon-muted); --market-gold: var(--avalon-gold); --market-orange: var(--avalon-orange); --market-shadow: var(--avalon-shadow); --admin-bg: var(--avalon-bg); --admin-panel: var(--avalon-surface); --admin-panel-2: var(--avalon-surface-raised); --admin-line: var(--avalon-line); --admin-text: var(--avalon-text); --admin-muted: var(--avalon-muted); --admin-gold: var(--avalon-gold); --admin-green: var(--avalon-green); --admin-blue: var(--avalon-blue); min-width: 320px; min-height: 100vh; margin: 0; color: var(--avalon-text); background: var(--avalon-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } body.avalon-ui-v2 *, body.avalon-ui-v2 *::before, body.avalon-ui-v2 *::after { box-sizing: border-box; } body.avalon-ui-v2 :focus-visible { outline: 2px solid var(--avalon-gold); outline-offset: 2px; } body.avalon-ui-v2 :disabled { cursor: not-allowed; } body.avalon-ui-v2 { scrollbar-color: #55627a var(--avalon-surface-deep); scrollbar-width: thin; } body.avalon-ui-v2 ::-webkit-scrollbar { width: 10px; height: 10px; } body.avalon-ui-v2 ::-webkit-scrollbar-track { background: var(--avalon-surface-deep); } body.avalon-ui-v2 ::-webkit-scrollbar-thumb { border: 2px solid var(--avalon-surface-deep); border-radius: 999px; background: #55627a; } /* Shared primitives for standalone/public pages. */ .avalon-product-bar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 18px; } .avalon-product-brand { min-width: 0; display: flex; align-items: center; gap: 11px; color: var(--avalon-text); text-decoration: none; } .avalon-product-brand .brand-glyph { flex: 0 0 auto; } .avalon-product-brand strong { display: block; font-size: .875rem; line-height: 1.1; letter-spacing: .02em; } .avalon-product-brand small { display: block; margin-top: 3px; color: var(--avalon-dim); font-size: .75rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .avalon-product-nav { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; } .avalon-product-nav a { min-height: 36px; padding: 0 12px; border: 1px solid transparent; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; color: #c8d1df; text-decoration: none; font-size: .75rem; font-weight: 800; transition: border-color .15s ease, background-color .15s ease, color .15s ease; } .avalon-product-nav a:hover { border-color: var(--avalon-line); color: #fff; background: var(--avalon-surface-soft); } .avalon-product-nav a.is-current { border-color: rgba(255, 177, 27, .42); color: var(--avalon-gold); background: rgba(255, 177, 27, .08); } .avalon-product-nav a.is-action { border-color: var(--avalon-line-strong); color: #eef3fb; background: #30394f; } .avalon-page-heading { margin: 7px 0 18px; } .avalon-page-heading .eyebrow, .avalon-section-kicker { display: block; color: var(--avalon-gold); font-size: .75rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; } .avalon-page-heading h1 { margin: 5px 0 6px; color: var(--avalon-text); font-size: 1.875rem; line-height: 1.05; letter-spacing: -.035em; } .avalon-page-heading p { max-width: 780px; margin: 0; color: var(--avalon-muted); font-size: .75rem; line-height: 1.55; } .avalon-panel { border: 1px solid var(--avalon-line); border-radius: var(--avalon-radius); background: var(--avalon-surface); box-shadow: none; } .avalon-panel-soft { border: 1px solid var(--avalon-line-soft); border-radius: var(--avalon-radius-sm); background: var(--avalon-surface-soft); } /* Product chrome: one dense shell for player and Admin. */ body.avalon-ui-v2 :where(.boot-screen) { background: var(--avalon-bg) !important; } body.avalon-ui-v2 :where(.topbar, .admin-topbar) { min-height: 68px !important; height: 68px !important; padding-inline: clamp(16px, 2.4vw, 32px) !important; border-bottom: 1px solid var(--avalon-line) !important; color: var(--avalon-text); background: var(--avalon-header) !important; box-shadow: none !important; backdrop-filter: none !important; } body.avalon-ui-v2 :where(.brand-glyph) { border-color: rgba(255, 177, 27, .58) !important; background: rgba(255, 177, 27, .08) !important; box-shadow: none !important; } body.avalon-ui-v2 :where(.brand-glyph)::after { background: var(--avalon-gold); box-shadow: none !important; } body.avalon-ui-v2 :where(.brand, .admin-brand) b { color: var(--avalon-text); } body.avalon-ui-v2 :where(.brand, .admin-brand) small { color: var(--avalon-muted) !important; } body.avalon-ui-v2 :where(.project-links, .admin-top-links) a { color: #aab5c7 !important; } body.avalon-ui-v2 :where(.project-links, .admin-top-links) a:hover { color: #fff !important; } body.avalon-ui-v2 :where(.top-profile, .admin-profile) { border-left-color: var(--avalon-line) !important; } body.avalon-ui-v2 :where(.profile-avatar, .admin-profile-avatar, .top-profile-menu-avatar) { border-color: #536078 !important; color: #fff1ca !important; background: #30394f !important; box-shadow: none !important; } body.avalon-ui-v2 :where(.workspace, .admin-layout) { min-height: calc(100dvh - 68px); } body.avalon-ui-v2 :where(.sidebar, .admin-sidebar) { top: 68px !important; height: calc(100dvh - 68px) !important; border-right: 1px solid var(--avalon-line) !important; background: var(--avalon-surface-deep) !important; box-shadow: none !important; scrollbar-color: #55627a transparent; } body.avalon-ui-v2 :where(.sidebar) { padding: 20px 14px 16px !important; } body.avalon-ui-v2 :where(.admin-sidebar) { padding-top: 18px !important; } body.avalon-ui-v2 :where(.side-nav, .admin-nav) { gap: 4px;} body.avalon-ui-v2 :where(.nav-label, .admin-nav > span) { color: #68758c !important; font-size: .75rem !important; font-weight: 900 !important; letter-spacing: .13em !important; text-transform: uppercase;} body.avalon-ui-v2 :where(.side-nav button, .side-nav a, .admin-nav button) { min-height: 42px; border: 1px solid transparent !important; border-radius: 9px !important; color: #9da9bb !important; background: transparent !important; box-shadow: none !important; transform: none !important;} body.avalon-ui-v2 :where(.side-nav button, .side-nav a, .admin-nav button):hover { border-color: var(--avalon-line-soft) !important; color: #fff !important; background: var(--avalon-surface-soft) !important;} body.avalon-ui-v2 :where( .side-nav .is-active, .admin-nav button.is-active, .admin-nav button.admin-nav-subitem.is-active ) { border-color: rgba(255, 177, 27, .25) !important; color: #fff !important; background: rgba(255, 177, 27, .09) !important; box-shadow: inset 3px 0 0 var(--avalon-gold) !important;} body.avalon-ui-v2 :where(.side-nav .is-active .ui-icon, .admin-nav button.is-active .ui-icon) { color: var(--avalon-gold) !important;} body.avalon-ui-v2 :where(.side-nav button > em, .admin-nav button > em) { color: #dbe3ef !important; background: #30394f !important; box-shadow: none !important;} body.avalon-ui-v2 :where(.admin-nav-group-children) { margin-block: 3px 8px; padding-left: 7px; border-left-color: var(--avalon-line-soft) !important;} body.avalon-ui-v2 :where(.admin-nav-subitem) { min-height: 36px !important;} body.avalon-ui-v2 :where(.sidebar-foot, .admin-side-foot) { border-top-color: var(--avalon-line) !important;} body.avalon-ui-v2 :where(.logout-action, .admin-side-foot a) { color: #8e9bb0 !important;} body.avalon-ui-v2 :where(.logout-action):hover { color: #ffc0c4 !important; background: rgba(241, 123, 130, .07) !important;} body.avalon-ui-v2 :where(.content, .admin-content) { width: 100%; min-width: 0; padding: 30px clamp(20px, 3.25vw, 54px) 72px !important; background: var(--avalon-bg);} body.avalon-ui-v2 :where(.content > .app-view, .admin-content > .admin-view) { width: min(100%, var(--avalon-content)) !important; max-width: var(--avalon-content) !important; margin-inline: auto !important;} /* Headings and hierarchy. */ body.avalon-ui-v2 :where( .page-heading, .admin-heading, .notification-page-heading) { min-height: 0 !important; margin: 0 0 20px !important; padding: 0 !important; align-items: flex-end !important; gap: 18px !important; border: 0 !important; background: transparent !important; box-shadow: none !important;} body.avalon-ui-v2 :where( .page-heading h1, .admin-heading h1, .notification-page-heading h1) { margin: 6px 0 !important; color: var(--avalon-text) !important; font-size: clamp(28px, 2.55vw, 38px) !important; line-height: 1.05 !important; letter-spacing: -.04em !important;} body.avalon-ui-v2 :where( .page-heading p, .admin-heading p, .notification-page-heading p, .admin-panel-head p, .coupon-card-head p ) { max-width: 880px; margin: 0 !important; color: var(--avalon-muted) !important; font-size: .75rem !important; line-height: 1.58 !important;} body.avalon-ui-v2 :where( .overline, .page-heading small, .admin-heading small, .notification-page-heading small, .panel-head small, .admin-panel-head small, .coupon-card-head small, .coupon-history-head small) { color: var(--avalon-gold) !important; font-size: .75rem !important; font-weight: 900 !important; letter-spacing: .12em !important; text-transform: uppercase;} body.avalon-ui-v2 :where( .panel-head h2, .admin-panel-head h2, .coupon-card-head h2, .coupon-history-head h2 ) { color: var(--avalon-text) !important; font-size: 1.125rem !important; line-height: 1.22 !important;} /* Canonical surface family. */ body.avalon-ui-v2 :where(.panel-head, .admin-panel-head, .coupon-history-head) { min-height: 66px; padding: 15px 18px !important; border-bottom: 1px solid var(--avalon-line-soft) !important; background: transparent !important;} /* Module shells not expressed through the original .panel primitive. */ body.avalon-player-ui :where( .account-ip-policy-section, .activity-tab-panel, .character-service-confirm-panel, .character-service-hero, .character-service-section, .deleted-characters-section, .funpay-provider-card, .game-history-card, .personal-timeline-panel, .security-policy-card, .service-history-panel ) { border: 1px solid var(--avalon-line) !important; border-radius: var(--avalon-radius) !important; background: var(--avalon-surface) !important; box-shadow: none !important;} body.avalon-admin-ui :where( .account-activity-panel, .account-cabinet-panel, .account-characters-panel, .account-facts-panel, .account-history-panel, .account-list-panel, .account-player-profile-panel, .account-workspace-panel, .achievement-claims-panel, .achievement-definition-panel, .admin-balance-action-panel, .admin-balance-history-panel, .admin-balance-search-panel, .archon-classic-candidate-panel, .archon-classic-hero, .archon-classic-panel, .archon-classic-wide-panel, .archon-composition-panel, .archon-history-panel, .archon-snapshots-panel, .audit-panel, .ban-create-panel, .ban-list-panel, .character-list-panel, .character-tab-panel, .converter-security-panel, .coupon-admin-list-panel, .database-config-panel, .database-status-panel, .economy-panel, .economy-tab-panel, .guild-list-panel, .guild-members-panel, .guild-mutation-panel, .ip-security-panel, .itemdb-import-panel, .navigation-preview-panel, .notification-campaigns-panel, .notification-compose-panel, .notification-detail-panel, .notification-preview-panel, .online-list-panel, .operation-panel, .payment-ledger-panel, .reward-active-panel, .reward-builder-panel, .reward-history-panel, .reward-preview-panel, .system-health-hero, .system-health-panel, .system-predeploy-panel, .voting-ledger-panel ) { border: 1px solid var(--avalon-line) !important; border-radius: var(--avalon-radius) !important; background: var(--avalon-surface) !important; box-shadow: none !important;} body.avalon-ui-v2 :where( .metric-card, .admin-metrics article, .character-overview article, .security-summary > div, .economy-stock-grid article, .economy-flow-grid article, .premium-status-facts > div, .coupon-hero-metrics article ) { border: 1px solid var(--avalon-line) !important; border-radius: var(--avalon-radius-sm) !important; background: var(--avalon-surface-soft) !important; box-shadow: none !important;} body.avalon-ui-v2 :where(.metric-card, .admin-metrics article) { min-height: 126px !important;} body.avalon-ui-v2 :where(.metric-card)::before { width: 2px; background: currentColor; box-shadow: none;} body.avalon-ui-v2 .metric-symbol-svg.accounts { color: var(--avalon-blue); background: rgba(107, 168, 236, .08) !important;} body.avalon-ui-v2 .metric-symbol-svg.sessions { color: var(--avalon-green); background: rgba(97, 215, 170, .08) !important;} body.avalon-ui-v2 :where(.welcome-panel) { min-height: 232px !important; padding: clamp(24px, 3vw, 38px) !important; border-top-width: 1px !important;} body.avalon-ui-v2 :where(.welcome-panel)::before, body.avalon-ui-v2 :where(.welcome-panel)::after { display: none !important;} body.avalon-ui-v2 :where(.welcome-copy h1 em) { color: var(--avalon-gold) !important; text-shadow: none !important;} /* Controls, forms and buttons. */ body.avalon-ui-v2 :where( input:not([type="checkbox"]):not([type="radio"]), select, textarea, .input-wrap, .coupon-code-control ) { border-color: var(--avalon-line-strong) !important; border-radius: 9px !important; color: var(--avalon-text) !important; background: var(--avalon-input) !important; box-shadow: none !important; } body.avalon-ui-v2 :where(input, select, textarea)::placeholder { color: #6f7d94 !important; opacity: 1; } body.avalon-ui-v2 :where(input:not([type="checkbox"]):not([type="radio"]), select) { min-height: var(--avalon-control); } body.avalon-ui-v2 :where(textarea) { min-height: 96px; padding-block: 11px !important; resize: vertical; } body.avalon-ui-v2 :where( .input-wrap:focus-within, .coupon-code-control:focus-within, input:focus, select:focus, textarea:focus ) { border-color: var(--avalon-gold) !important; box-shadow: 0 0 0 3px var(--avalon-focus) !important; outline: 0; } body.avalon-ui-v2 :where(label > span:first-child, .field > span:first-child) { color: #cbd3df; font-weight: 750; } body.avalon-ui-v2 :where(.primary-action, .admin-button:not(.secondary):not(.danger)) { min-height: var(--avalon-control) !important; border: 1px solid #ff9d13 !important; border-radius: 9px !important; color: #1d160a !important; background: linear-gradient(135deg, var(--avalon-gold), var(--avalon-orange)) !important; box-shadow: none !important; font-weight: 900 !important; transform: none !important; } body.avalon-ui-v2 :where(.primary-action, .admin-button:not(.secondary):not(.danger)):hover { border-color: #ffc457 !important; filter: brightness(1.06); transform: none !important; } body.avalon-ui-v2 :where( .ghost-action, .secondary-action, .admin-button.secondary, .table-action, .auth-link-button, .credential-copy, .reveal-button ) { min-height: 40px; border: 1px solid var(--avalon-line-strong) !important; border-radius: 9px !important; color: #dbe3ee !important; background: #30394f !important; box-shadow: none !important; transform: none !important; } body.avalon-ui-v2 :where( .ghost-action, .secondary-action, .admin-button.secondary, .table-action, .auth-link-button, .credential-copy, .reveal-button ):hover { border-color: #66738a !important; color: #fff !important; background: #384259 !important; } body.avalon-ui-v2 :where(.admin-button.danger, .secondary-action.danger) { border-color: rgba(241, 123, 130, .42) !important; color: #ffc4c8 !important; background: rgba(241, 123, 130, .09) !important; box-shadow: none !important; } body.avalon-ui-v2 :where( .activity-tabs, .module-tabs, .payment-admin-provider-tabs, .account-history-tabs, .achievement-filters ) { border: 1px solid var(--avalon-line) !important; border-radius: 11px !important; background: var(--avalon-surface-soft) !important; box-shadow: none !important; } body.avalon-ui-v2 :where( .activity-tabs button, .module-tabs button, .payment-admin-provider-tabs button, .account-history-tabs button, .achievement-filters button ) { min-height: 40px; border: 1px solid transparent !important; border-radius: 8px !important; color: var(--avalon-muted) !important; background: transparent !important; box-shadow: none !important; } body.avalon-ui-v2 :where( .activity-tabs button.is-active, .module-tabs button.is-active, .payment-admin-provider-tabs button.active, .account-history-tabs button.is-active, .achievement-filters button.is-active ) { border-color: rgba(255, 177, 27, .25) !important; color: var(--avalon-gold) !important; background: rgba(255, 177, 27, .08) !important; } /* Tables, feeds and empty states. */ body.avalon-ui-v2 :where( .table-scroll, .admin-table-wrap, .account-history-table-wrap, .converter-audit-wrap ) { border-color: var(--avalon-line) !important; background: var(--avalon-surface-soft) !important; scrollbar-color: #55627a var(--avalon-surface-deep); } body.avalon-ui-v2 :where(.admin-table, .account-history-table) { color: var(--avalon-text) !important; background: transparent !important; } body.avalon-ui-v2 :where(.admin-table thead, .account-history-table thead) { background: var(--avalon-surface-deep) !important; } body.avalon-ui-v2 :where(.admin-table th, .account-history-table th) { border-color: var(--avalon-line) !important; color: #aeb9ca !important; font-size: .75rem !important; letter-spacing: .08em; text-transform: uppercase; } body.avalon-ui-v2 :where(.admin-table td, .account-history-table td) { border-color: var(--avalon-line-soft) !important; color: #dce3ed !important; } body.avalon-ui-v2 :where( .admin-table tbody tr, .account-history-table tbody tr ) { background: transparent !important; } body.avalon-ui-v2 :where( .admin-table tbody tr:hover, .account-history-table tbody tr:hover ) { background: var(--avalon-surface-raised) !important; } body.avalon-ui-v2 :where( .activity-list, .service-history-list, .vote-history-list, .game-history-list ) { display: grid !important; gap: 7px !important; padding: 10px 12px 12px !important; } body.avalon-ui-v2 :where( .activity-row, .service-history-row, .vote-history-row, .account-character-card, .module-summary-item, ) { margin: 0 !important; border: 1px solid var(--avalon-line) !important; border-radius: 9px !important; background: var(--avalon-surface-soft) !important; box-shadow: none !important; } body.avalon-ui-v2 :where( .empty-state, .inline-empty, .table-empty, .coupon-history-empty, .activity-loading, .registration-activation-state ) { border: 1px dashed #4a5770 !important; border-radius: 11px !important; color: var(--avalon-muted) !important; background: var(--avalon-surface-soft) !important; box-shadow: none !important; } /* Auth, registration and recovery. */ body.avalon-player-ui :where(.login-screen) { grid-template-columns: minmax(420px, 1.05fr) minmax(440px, .95fr) !important; background: var(--avalon-bg) !important; } body.avalon-player-ui :where(.login-form-side) { background: var(--avalon-bg) !important; } body.avalon-player-ui :where(.auth-stage) { width: min(100%, 470px); } body.avalon-player-ui :where(.login-card, .registration-result-card, .registration-activation-card) { width: 100% !important; padding: clamp(26px, 3vw, 36px) !important; border: 1px solid var(--avalon-line) !important; border-radius: var(--avalon-radius) !important; background: var(--avalon-surface) !important; box-shadow: none !important; } body.avalon-player-ui :where(.auth-switcher) { padding: 4px; border: 1px solid var(--avalon-line) !important; border-radius: 11px !important; background: var(--avalon-surface-soft) !important; } body.avalon-player-ui :where(.auth-switcher-button) { min-height: 40px; border: 1px solid transparent !important; border-radius: 8px !important; color: var(--avalon-muted) !important; background: transparent !important; } body.avalon-player-ui :where(.auth-switcher-button.is-active) { border-color: rgba(255, 177, 27, .25) !important; color: var(--avalon-gold) !important; background: rgba(255, 177, 27, .08) !important; } /* Coupons: reference page translated directly into the shared tokens. */ body.avalon-player-ui .coupons-view { --coupon-gap: 16px; } body.avalon-player-ui :where(.coupon-hero-card) { min-height: 246px !important; padding: clamp(26px, 3.2vw, 42px) !important; display: grid !important; grid-template-columns: minmax(0, 1.5fr) minmax(460px, 1fr) !important; align-items: center !important; gap: clamp(24px, 4vw, 56px) !important; border: 1px solid var(--avalon-line) !important; border-radius: 18px !important; background: var(--avalon-surface) !important; box-shadow: none !important; } body.avalon-player-ui :where(.coupon-hero-card)::before, body.avalon-player-ui :where(.coupon-hero-card)::after { display: none !important; } body.avalon-player-ui :where(.coupon-hero-copy h1) { margin: 10px 0 8px !important; color: var(--avalon-text) !important; font-size: clamp(34px, 3.6vw, 48px) !important; line-height: 1 !important; letter-spacing: -.045em !important; } body.avalon-player-ui :where(.coupon-hero-copy p) { max-width: 760px; margin: 0 0 18px !important; color: var(--avalon-muted) !important; font-size: .8125rem !important; line-height: 1.7 !important; } body.avalon-player-ui :where(.coupon-hero-metrics) { gap: 10px !important; } body.avalon-player-ui :where(.coupon-hero-metrics article) { min-height: 156px !important; padding: 18px !important; align-content: center; } body.avalon-player-ui :where(.coupon-hero-metrics strong) { color: var(--avalon-text) !important; font-size: 1.5rem !important; } body.avalon-player-ui :where(.coupon-hero-metrics small, .coupon-hero-metrics em) { color: var(--avalon-muted) !important; } body.avalon-player-ui :where(.coupon-redeem-workspace) { margin-top: var(--coupon-gap) !important; grid-template-columns: minmax(0, 1.65fr) minmax(350px, 1fr) !important; gap: var(--coupon-gap) !important; } body.avalon-player-ui :where(.coupon-redeem-card, .coupon-reward-guide-card) { padding: 24px !important; } body.avalon-player-ui :where(.coupon-card-head) { gap: 14px !important; } body.avalon-player-ui :where(.coupon-card-icon) { width: 44px !important; height: 44px !important; flex: 0 0 44px; } body.avalon-player-ui :where(.coupon-card-icon.reward) { color: var(--avalon-violet); background: rgba(168, 132, 255, .08) !important; } body.avalon-player-ui :where(.coupon-redeem-form) { margin-top: 22px !important; } body.avalon-player-ui :where(.coupon-code-control, .coupon-redeem-form select) { min-height: 48px !important; } body.avalon-player-ui :where(.coupon-submit-row) { gap: 12px !important; } body.avalon-player-ui :where(.coupon-submit-note) { border: 1px solid var(--avalon-line-soft) !important; border-radius: 10px !important; background: var(--avalon-surface-soft) !important; } body.avalon-player-ui :where(.coupon-redeem-action) { min-width: 250px; } body.avalon-player-ui :where(.coupon-reward-guide-grid) { gap: 9px !important; } body.avalon-player-ui :where(.coupon-reward-guide-grid article) { min-height: 62px !important; border: 1px solid var(--avalon-line-soft) !important; border-radius: 10px !important; background: var(--avalon-surface-soft) !important; } body.avalon-player-ui :where(.coupon-reward-guide-grid article > span) { color: var(--avalon-gold) !important; background: rgba(255, 177, 27, .08) !important; box-shadow: none !important; } body.avalon-player-ui :where(.coupon-safety-note) { border: 1px solid rgba(97, 215, 170, .22) !important; border-radius: 10px !important; color: var(--avalon-green) !important; background: rgba(97, 215, 170, .045) !important; box-shadow: none !important; } body.avalon-player-ui :where(.coupon-history-card) { margin-top: var(--coupon-gap) !important; } body.avalon-player-ui :where(.coupon-history-head em) { border: 1px solid var(--avalon-line) !important; color: var(--avalon-muted) !important; background: var(--avalon-surface-soft) !important; } /* Player module families. */ /* Admin: dense operational workspace with the same component language. */ body.avalon-admin-ui :where(.admin-content) { padding-top: 28px !important; } body.avalon-admin-ui :where(.admin-heading-actions) { gap: 7px !important; flex-wrap: wrap !important; justify-content: flex-end !important; } body.avalon-admin-ui :where(.admin-button) { min-height: 40px !important; padding-inline: 14px !important; } body.avalon-admin-ui :where(.admin-status-hero) { min-height: 142px !important; padding: 24px !important; } body.avalon-admin-ui :where(.admin-race-online-panel) { margin-top: 14px !important; } body.avalon-admin-ui :where(.admin-metrics) { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 10px !important; } body.avalon-admin-ui :where(.admin-metrics article) { padding: 16px !important; } body.avalon-admin-ui :where(.switch-control span) { border-color: var(--avalon-line-strong) !important; background: var(--avalon-input) !important; box-shadow: none !important; } body.avalon-admin-ui :where( .switch-control input:checked + span) { border-color: rgba(97, 215, 170, .5) !important; background: rgba(97, 215, 170, .22) !important; } body.avalon-admin-ui :where(.module-toggle-button) { border-color: var(--avalon-line-strong) !important; color: var(--avalon-muted) !important; background: var(--avalon-surface-soft) !important; box-shadow: none !important; } body.avalon-admin-ui :where(.module-toggle-button.is-enabled) { border-color: rgba(97, 215, 170, .35) !important; color: var(--avalon-green) !important; background: rgba(97, 215, 170, .07) !important; } body.avalon-admin-ui :where(.premium-admin-heading, .economy-admin-heading, .reward-admin-heading) { border: 0 !important; background: transparent !important; box-shadow: none !important; } /* Modal, dropdown, toast and status language. */ body.avalon-ui-v2 :where( .top-profile-menu, .account-action-modal > div) { border: 1px solid var(--avalon-line) !important; border-radius: var(--avalon-radius) !important; color: var(--avalon-text) !important; background: var(--avalon-surface) !important; box-shadow: var(--avalon-shadow-float) !important; } body.avalon-ui-v2 :where(.top-profile-menu button, .top-profile-menu a) { border-color: transparent !important; border-radius: 9px !important; background: transparent !important; } body.avalon-ui-v2 :where(.top-profile-menu button:hover, .top-profile-menu a:hover) { border-color: var(--avalon-line) !important; background: var(--avalon-surface-soft) !important; } body.avalon-ui-v2 :where(.toast, .admin-toast, .admin-alert) { border: 1px solid var(--avalon-line-strong) !important; border-radius: 10px !important; color: var(--avalon-text) !important; background: #2b3448 !important; box-shadow: var(--avalon-shadow-float) !important; } body.avalon-ui-v2 :where(.coupon-safety-note, .form-success) { border-color: rgba(97, 215, 170, .28) !important; color: var(--avalon-green); background: rgba(97, 215, 170, .055) !important; box-shadow: none !important; } body.avalon-ui-v2 :where(.form-error, .error-state) { color: #ffb0b5 !important; } body.avalon-ui-v2 :where(.status-dot) { background: var(--avalon-green) !important; box-shadow: none !important; } /* Public profile and agreement. */ body.avalon-public-ui { background: var(--avalon-bg) !important; } body.avalon-public-ui :where(.public-character-shell, .agreement-screen) { min-height: 100vh; background: var(--avalon-bg) !important; } body.avalon-public-ui :where( .agreement-card) { border: 1px solid var(--avalon-line) !important; border-radius: var(--avalon-radius) !important; background: var(--avalon-surface) !important; box-shadow: none !important; } body.avalon-public-ui :where(.public-character-hero, .achievement-summary article) { border-color: var(--avalon-line) !important; background: var(--avalon-surface-soft) !important; box-shadow: none !important; } body.avalon-public-ui :where(.agreement-shell) { width: min(100%, 1040px); } body.avalon-public-ui :where(.agreement-card) { padding: clamp(24px, 4vw, 48px) !important; } /* Responsive system: 320/360/390/430, tablets and desktop. */ @media (max-width: 1240px) { body.avalon-admin-ui :where(.admin-metrics) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.avalon-player-ui :where(.coupon-hero-card) { grid-template-columns: minmax(0, 1.2fr) minmax(390px, .8fr) !important; } } @media (max-width: 1020px) { body.avalon-player-ui .workspace, body.avalon-admin-ui .admin-layout { grid-template-columns: minmax(0, 1fr) !important; } body.avalon-ui-v2 :where(.sidebar, .admin-sidebar) { width: min(296px, 88vw) !important; position: fixed !important; left: 0; transform: translateX(-102%); transition: transform .2s ease; box-shadow: 20px 0 48px rgba(7, 10, 18, .34) !important; } body.avalon-ui-v2 :where(.sidebar.is-open, .admin-sidebar.is-open) { transform: translateX(0); } body.avalon-ui-v2 :where(.menu-button, .admin-menu-button) { min-width: 44px; min-height: 44px; display: inline-grid !important; place-content: center; } body.avalon-ui-v2 :where(.project-links, .admin-top-links) { display: none !important; } body.avalon-ui-v2 :where(.sidebar-backdrop, .admin-backdrop) { position: fixed !important; z-index: 24 !important; inset: 68px 0 0 !important; display: none; border: 0 !important; background: rgba(7, 10, 18, .62) !important; backdrop-filter: none !important; } body.avalon-ui-v2 :where(.sidebar-backdrop.is-open, .admin-backdrop.is-open) { display: block !important; } body.avalon-ui-v2.mobile-menu-open { overflow: hidden; } body.avalon-player-ui :where(.coupon-hero-card) { grid-template-columns: 1fr !important; } body.avalon-player-ui :where(.coupon-hero-metrics) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 900px) { body.avalon-player-ui :where(.login-screen) { grid-template-columns: 1fr !important; } body.avalon-player-ui :where(.login-form-side) { min-height: 0 !important; padding: 30px 20px 52px !important; } body.avalon-player-ui :where(.coupon-redeem-workspace) { grid-template-columns: 1fr !important; } body.avalon-ui-v2 :where(.top-wallet) { display: none !important; } } @media (max-width: 820px) { body.avalon-ui-v2 :where(.content, .admin-content) { padding: 24px 16px 64px !important; } body.avalon-ui-v2 :where(.page-heading, .admin-heading, .notification-page-heading) { align-items: flex-start !important; flex-direction: column !important; } body.avalon-ui-v2 :where(.admin-heading-actions) { width: 100%; justify-content: flex-start !important; } body.avalon-ui-v2 :where(.welcome-panel) { align-items: flex-start !important; flex-direction: column !important; } body.avalon-player-ui :where(.coupon-submit-row) { align-items: stretch !important; flex-direction: column !important; } body.avalon-player-ui :where(.coupon-redeem-action) { width: 100%; min-width: 0; } body.avalon-public-ui :where(.avalon-product-bar) { align-items: flex-start; flex-direction: column; } .avalon-product-nav { width: 100%; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; } .avalon-product-nav a { white-space: nowrap; } } @media (max-width: 700px) { body.avalon-ui-v2 :where(.topbar, .admin-topbar) { padding-inline: 12px !important; } body.avalon-ui-v2 :where(.project-links, .admin-top-links) { display: none !important; } body.avalon-ui-v2 :where(.top-profile-copy, .admin-profile > span:last-child) { display: none !important; } body.avalon-ui-v2 :where(.top-profile, .admin-profile) { padding-left: 10px !important; } body.avalon-ui-v2 :where(.topbar .brand, .admin-brand) { min-width: 0 !important; flex: 1 1 auto; } body.avalon-admin-ui :where(.admin-metrics) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.avalon-player-ui :where(.coupon-hero-metrics) { grid-template-columns: 1fr !important; } body.avalon-player-ui :where(.coupon-hero-metrics article) { min-height: 108px !important; } body.avalon-player-ui :where(.coupon-reward-guide-grid) { grid-template-columns: 1fr !important; } body.avalon-ui-v2 :where( .activity-tabs, .module-tabs, .payment-provider-tabs, .achievement-filters ) { overflow-x: auto; flex-wrap: nowrap !important; scrollbar-width: thin; } body.avalon-ui-v2 :where( .activity-tabs button, .module-tabs button, .payment-provider-tabs button, .achievement-filters button ) { flex: 0 0 auto; white-space: nowrap; } .avalon-page-heading h1 { font-size: 1.625rem; } } @media (max-width: 560px) { body.avalon-ui-v2 { font-size: .8125rem; } body.avalon-ui-v2 :where(.content, .admin-content) { padding-inline: 12px !important; } body.avalon-ui-v2 :where( .page-heading h1, .admin-heading h1, .notification-page-heading h1 ) { font-size: 1.75rem !important; } body.avalon-ui-v2 :where( .admin-metrics) { grid-template-columns: 1fr !important; } body.avalon-ui-v2 :where(.metric-card, .admin-metrics article) { min-height: 104px !important; } body.avalon-ui-v2 :where(.welcome-panel) { min-height: 0 !important; padding: 22px !important; } body.avalon-ui-v2 :where(.welcome-actions) { align-items: stretch; flex-direction: column; } body.avalon-ui-v2 :where(.welcome-actions > *) { width: 100%; } body.avalon-admin-ui :where(.admin-heading-actions > *) { flex: 1 1 100%; width: 100%; } body.avalon-player-ui :where(.coupon-hero-card) { min-height: 0 !important; padding: 22px !important; } body.avalon-player-ui :where(.coupon-redeem-card, .coupon-reward-guide-card) { padding: 18px !important; } body.avalon-player-ui :where(.coupon-card-head) { align-items: flex-start !important; } body.avalon-player-ui :where(.login-form-side) { padding-inline: 12px !important; } body.avalon-player-ui :where(.login-card, .registration-result-card, .registration-activation-card) { padding: 22px !important; } body.avalon-ui-v2 :where( input:not([type="checkbox"]):not([type="radio"]), select, textarea ) { font-size: 1rem !important; } } @media (max-width: 430px) { body.avalon-ui-v2 :where(.brand b, .admin-brand b) { font-size: .75rem !important; } body.avalon-ui-v2 :where(.brand small, .admin-brand small) { font-size: .75rem !important; } body.avalon-player-ui :where(.coupon-hero-copy h1) { font-size: 2.125rem !important; } body.avalon-player-ui :where(.coupon-card-head) { display: grid !important; grid-template-columns: 40px minmax(0, 1fr); } body.avalon-player-ui :where(.coupon-card-icon) { width: 40px !important; height: 40px !important; } body.avalon-ui-v2 :where(.toast, .admin-toast) { right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; left: 10px !important; max-width: none !important; } } @media (max-width: 360px) { body.avalon-ui-v2 :where(.content, .admin-content) { padding-inline: 10px !important; } body.avalon-player-ui :where(.coupon-hero-card, .coupon-redeem-card, .coupon-reward-guide-card) { padding: 16px !important; } body.avalon-player-ui :where(.login-card, .registration-result-card, .registration-activation-card) { padding: 18px !important; } } @media (prefers-reduced-motion: reduce) { body.avalon-ui-v2 *, body.avalon-ui-v2 *::before, body.avalon-ui-v2 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } /* Auth glow exists only while seasonal effects are enabled. */ body.avalon-ui-v2{--auth-season-glow:transparent;--auth-season-ambient:transparent;--auth-season-ambient-soft:transparent} body.avalon-ui-v2[data-site-season-effects="1"][data-site-season="spring"]{--auth-season-glow:#e7a0bf;--auth-season-ambient:rgba(231,160,191,.13);--auth-season-ambient-soft:rgba(231,160,191,.055)} body.avalon-ui-v2[data-site-season-effects="1"][data-site-season="summer"]{--auth-season-glow:#72c98c;--auth-season-ambient:rgba(114,201,140,.12);--auth-season-ambient-soft:rgba(114,201,140,.05)} body.avalon-ui-v2[data-site-season-effects="1"][data-site-season="autumn"]{--auth-season-glow:#e88b31;--auth-season-ambient:rgba(232,139,49,.14);--auth-season-ambient-soft:rgba(232,139,49,.055)} body.avalon-ui-v2[data-site-season-effects="1"][data-site-season="winter"]{--auth-season-glow:#c8e8ff;--auth-season-ambient:rgba(200,232,255,.14);--auth-season-ambient-soft:rgba(200,232,255,.055)} body.avalon-ui-v2[data-site-season-effects="0"],body.avalon-ui-v2[data-site-season="standard"]{--auth-season-glow:transparent;--auth-season-ambient:transparent;--auth-season-ambient-soft:transparent} body.avalon-player-ui .auth-stage { width: min(100%, 540px); overflow: hidden; } body.avalon-player-ui .auth-stage::before { left: 28%; right: 28%; } body.avalon-player-ui .auth-switcher { min-height: 58px; gap: 6px; border: 0 !important; border-radius: 0 !important; } body.avalon-player-ui .auth-switcher-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: transparent !important; font-size: .75rem; transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease; } body.avalon-player-ui .auth-switcher-button .ui-icon { width: 16px; height: 16px; } body.avalon-player-ui .auth-switcher-button.is-active::after { display: none !important; } body.avalon-player-ui .auth-stage > .login-card, body.avalon-player-ui .auth-stage > .registration-result-card, body.avalon-player-ui .auth-stage > .registration-activation-card { padding: clamp(28px, 4vw, 40px) !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.avalon-player-ui .login-heading:not(.registration-result-heading) p { margin-bottom: 24px !important; } body.avalon-player-ui .auth-card .field { margin-top: 16px; gap: 7px; } body.avalon-player-ui .auth-card .input-wrap { min-height: 51px !important; padding-inline: 14px !important; border: 1px solid rgba(79, 111, 157, .46) !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; } body.avalon-player-ui .auth-card .input-icon { color: #8599b6; } body.avalon-player-ui .auth-card .reveal-button { min-height: 30px !important; padding: 0 8px !important; border: 0 !important; border-radius: 8px !important; color: #899bb5 !important; background: transparent !important; } body.avalon-player-ui .auth-card .reveal-button:hover { color: #f4b942 !important; background: rgba(244,185,66,.06) !important; } body.avalon-player-ui .auth-card .captcha-group { margin-top: 19px; gap: 8px; } /* Remove legacy horizontal strips around agreement and secondary actions. */ body.avalon-player-ui .auth-card .registration-agreement { margin-top: 17px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.avalon-player-ui .auth-card .registration-agreement-check { min-height: 32px; align-items: center; gap: 10px; color: #9aabc2; font-size: .75rem; } body.avalon-player-ui .auth-card .registration-agreement-check input { width: 18px; height: 18px; margin: 0; border-radius: 5px; } body.avalon-player-ui .auth-card .login-links { grid-template-columns: repeat(2, minmax(0, 1fr)); background: transparent !important; } body.avalon-player-ui .auth-card .login-links.single { grid-template-columns: minmax(0, 1fr); } body.avalon-player-ui .auth-card .auth-link-button { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none !important; transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease; } body.avalon-player-ui .auth-card .auth-link-button .ui-icon { width: 15px; height: 15px; color: #8498b5; transition: color .16s ease; } body.avalon-player-ui .auth-card .auth-link-button:hover .ui-icon, body.avalon-player-ui .auth-card .auth-link-button:focus-visible .ui-icon { color: #f4b942; } body.avalon-player-ui .auth-card .primary-action { margin-top: 8px; border: 1px solid #f5b735 !important; } body.avalon-player-ui .auth-card .primary-action:hover:not(:disabled) { filter: brightness(1.045); transform: translateY(-1px) !important; box-shadow: 0 15px 32px rgba(224, 133, 13, .19), inset 0 1px 0 rgba(255,255,255,.27) !important; } @media (max-width: 620px) { body.avalon-player-ui .auth-stage { border-radius: 18px !important; } body.avalon-player-ui .auth-card .login-links { grid-template-columns: 1fr; } } body.avalon-player-ui .auth-stage { border-color: var(--avalon-line) !important; } body.avalon-player-ui .auth-stage::before { background: linear-gradient(90deg, transparent, color-mix(in srgb,var(--auth-season-glow) 72%,transparent), transparent) !important; } body.avalon-player-ui .auth-switcher { border-bottom-color: var(--avalon-line) !important; } body.avalon-player-ui .auth-switcher-button { color: var(--avalon-muted) !important; } body.avalon-player-ui .auth-switcher-button:hover { color: var(--avalon-text) !important; background: var(--avalon-surface-raised) !important; } body.avalon-player-ui .auth-switcher-button.is-active { color: var(--avalon-gold) !important; } body.avalon-player-ui .auth-card .input-wrap { border-color: var(--avalon-line) !important; } body.avalon-player-ui .auth-card .input-wrap:hover { border-color: var(--avalon-line-strong) !important; background: var(--avalon-input) !important; } body.avalon-player-ui .auth-card .input-wrap:focus-within { border-color: rgba(255,177,27,.66) !important; box-shadow: 0 0 0 3px rgba(255,177,27,.07) !important; } /* Empty status containers must not render as horizontal strips. */ body.avalon-player-ui .auth-card .form-error:empty, body.avalon-player-ui .auth-card .form-success:empty { display: none !important; } body.avalon-player-ui .auth-card .form-error:not(:empty), body.avalon-player-ui .auth-card .form-success:not(:empty) { min-height: 0 !important; margin-top: 10px !important; padding: 9px 11px !important; border-radius: 9px !important; } body.avalon-player-ui .auth-card .auth-link-button:hover, body.avalon-player-ui .auth-card .auth-link-button:focus-visible { border-color: rgba(255,177,27,.34) !important; } body.avalon-player-ui .auth-card .registration-agreement { background: transparent !important; } body.avalon-player-ui .auth-card .primary-action { background: linear-gradient(135deg, #ffc34a 0%, var(--avalon-gold) 54%, var(--avalon-orange) 100%) !important; } .site-season-effects{position:fixed;inset:0;z-index:20;overflow:hidden;pointer-events:none;contain:layout paint;isolation:isolate} .site-season-particle{--p-left:50%;--p-top:-10vh;--p-delay:0s;--p-duration:14s;--p-size:7px;--p-drift:30px;--p-sway:12px;--p-rise:0px;--p-opacity:.55;--p-rotate:0deg;position:absolute;left:var(--p-left);top:-10vh;width:var(--p-size);height:var(--p-size);opacity:var(--p-opacity);animation-delay:var(--p-delay);animation-duration:var(--p-duration);animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity;filter:drop-shadow(0 2px 2px rgba(0,0,0,.16))} /* AUTUMN — real inline SVG silhouette, not a platform emoji. */ body[data-site-season="autumn"] .site-season-particle{width:var(--p-size);height:calc(var(--p-size)*1.18);background:none;border:0;box-shadow:none;color:var(--p-autumn-fill,#e18128);filter:drop-shadow(0 2px 2px rgba(34,15,4,.20));transform-origin:50% 44%;animation-name:avalonGlobalLeaf} body[data-site-season="autumn"] .site-season-maple-leaf{display:block;width:100%;height:100%;overflow:visible} body[data-site-season="autumn"] .site-season-maple-leaf-shape{fill:currentColor} body[data-site-season="autumn"] .site-season-maple-leaf-stem{fill:#8f4c20;opacity:.92} body[data-site-season="autumn"] .site-season-maple-leaf-vein{fill:none;stroke:rgba(105,49,17,.34);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} /* SPRING — petal, not a generic oval. */ body[data-site-season="spring"] .site-season-particle{width:calc(var(--p-size)*1.18);height:calc(var(--p-size)*1.64);border-radius:72% 26% 70% 30% / 82% 34% 66% 18%;background:linear-gradient(145deg,var(--p-spring-a,rgba(255,230,241,.99)) 0%,var(--p-spring-b,rgba(244,130,184,.96)) 100%);box-shadow:inset -1px -1px 0 rgba(173,72,123,.16),0 0 10px rgba(244,142,191,.18);transform-origin:48% 20%;animation-name:avalonGlobalPetal} body[data-site-season="spring"] .site-season-particle::after{content:"";position:absolute;left:49%;top:18%;width:1px;height:58%;background:linear-gradient(180deg,rgba(174,78,125,.30),transparent);transform:rotate(8deg);transform-origin:top} body[data-site-season="spring"] .site-season-particle[data-petal-variant="2"]{border-radius:58% 40% 76% 24% / 76% 28% 72% 22%;transform-origin:55% 24%} body[data-site-season="spring"] .site-season-particle[data-petal-variant="3"]{width:calc(var(--p-size)*1.28);height:calc(var(--p-size)*1.42);border-radius:80% 20% 64% 36% / 72% 40% 60% 28%} /* SUMMER — fireflies wander locally and pulse instead of falling like rain. */ body[data-site-season="summer"] .site-season-particle{top:var(--p-top);border-radius:50%;background:radial-gradient(circle at 45% 45%,#fffbd0 0 22%,#ffe36f 38%,#f8b928 68%,rgba(248,185,40,.05) 100%);box-shadow:0 0 5px #ffe36f,0 0 13px rgba(255,211,89,.68),0 0 24px rgba(255,180,45,.20);animation-name:avalonGlobalFirefly;animation-timing-function:ease-in-out} body[data-site-season="summer"] .site-season-particle[data-firefly-variant="2"]{filter:blur(.2px);box-shadow:0 0 4px #fff2a1,0 0 11px rgba(255,221,104,.58)} body[data-site-season="summer"] .site-season-particle[data-firefly-variant="3"]{box-shadow:0 0 6px #fff6b6,0 0 16px rgba(255,219,93,.76),0 0 28px rgba(255,185,40,.28)} /* WINTER — mostly soft snow, with a small number of crystalline flakes. */ body[data-site-season="winter"] .site-season-particle{border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98) 0 35%,rgba(231,246,255,.80) 55%,rgba(219,240,255,0) 100%);box-shadow:0 0 6px rgba(190,227,255,.20);animation-name:avalonGlobalSnow} body[data-site-season="winter"] .site-season-particle[data-snow-variant="2"]{opacity:calc(var(--p-opacity)*.86);filter:blur(.35px)} body[data-site-season="winter"] .site-season-particle[data-snow-variant="3"]{border-radius:0;background:linear-gradient(0deg,transparent 45%,rgba(245,251,255,.95) 46% 54%,transparent 55%),linear-gradient(60deg,transparent 45%,rgba(245,251,255,.92) 46% 54%,transparent 55%),linear-gradient(-60deg,transparent 45%,rgba(245,251,255,.92) 46% 54%,transparent 55%);box-shadow:none;filter:drop-shadow(0 0 3px rgba(197,230,255,.18))} @keyframes avalonGlobalSnow{0%{transform:translate3d(0,-12vh,0) scale(.72);opacity:0}8%{opacity:var(--p-opacity)}34%{transform:translate3d(calc(var(--p-drift)*.28 + var(--p-sway)),34vh,0) scale(.94)}66%{transform:translate3d(calc(var(--p-drift)*.63 - var(--p-sway)*.45),72vh,0) scale(1)}100%{transform:translate3d(var(--p-drift),116vh,0) scale(.9);opacity:.10}} @keyframes avalonGlobalLeaf{0%{transform:translate3d(0,-12vh,0) rotate(var(--p-rotate)) scale(.92);opacity:0}7%{opacity:var(--p-opacity)}26%{transform:translate3d(calc(var(--p-drift)*.20 + var(--p-sway)),25vh,0) rotate(calc(var(--p-rotate) + 72deg)) scaleX(.78)}50%{transform:translate3d(calc(var(--p-drift)*.48 - var(--p-sway)*.32),53vh,0) rotate(calc(var(--p-rotate) + 166deg)) scaleX(.96)}75%{transform:translate3d(calc(var(--p-drift)*.74 + var(--p-sway)*.46),82vh,0) rotate(calc(var(--p-rotate) + 272deg)) scaleX(.82)}100%{transform:translate3d(var(--p-drift),116vh,0) rotate(calc(var(--p-rotate) + 390deg)) scale(.94);opacity:.12}} @keyframes avalonGlobalPetal{0%{transform:translate3d(0,-12vh,0) rotate(var(--p-rotate)) rotateY(0deg);opacity:0}8%{opacity:var(--p-opacity)}28%{transform:translate3d(calc(var(--p-drift)*.22 + var(--p-sway)),27vh,0) rotate(calc(var(--p-rotate) + 68deg)) rotateY(48deg)}56%{transform:translate3d(calc(var(--p-drift)*.55 - var(--p-sway)*.34),59vh,0) rotate(calc(var(--p-rotate) + 156deg)) rotateY(12deg)}78%{transform:translate3d(calc(var(--p-drift)*.76 + var(--p-sway)*.30),84vh,0) rotate(calc(var(--p-rotate) + 236deg)) rotateY(62deg)}100%{transform:translate3d(var(--p-drift),116vh,0) rotate(calc(var(--p-rotate) + 340deg)) rotateY(6deg);opacity:.08}} @keyframes avalonGlobalFirefly{0%{transform:translate3d(0,0,0) scale(.55);opacity:.12}14%{transform:translate3d(calc(var(--p-sway)*.35),calc(var(--p-rise)*.18),0) scale(1.05);opacity:var(--p-opacity)}31%{transform:translate3d(calc(var(--p-drift)*.44),calc(var(--p-rise)*.52),0) scale(.72);opacity:.24}52%{transform:translate3d(calc(var(--p-drift)*.72),calc(var(--p-rise)*.18),0) scale(1.18);opacity:calc(var(--p-opacity)*.92)}73%{transform:translate3d(calc(var(--p-drift)*.35 - var(--p-sway)*.40),calc(var(--p-rise)*-.32),0) scale(.66);opacity:.18}88%{transform:translate3d(calc(var(--p-sway)*-.45),calc(var(--p-rise)*-.12),0) scale(1.08);opacity:var(--p-opacity)}100%{transform:translate3d(0,0,0) scale(.55);opacity:.12}} body[data-site-season-effects="0"] .site-season-effects{display:none} body[data-site-season-motion="0"] .site-season-particle{display:none} @keyframes avalonAuthStoryIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} @keyframes avalonAuthCardIn{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}} @keyframes avalonAuthBrandIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}} @keyframes avalonAuthGlyphPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(255,178,31,0))}50%{filter:drop-shadow(0 0 8px rgba(255,178,31,.17))}} @media(prefers-reduced-motion:reduce){.site-season-effects{display:none!important}body.avalon-player-ui .auth-stage, body.avalon-player-ui .brand-login, body.avalon-player-ui .brand-glyph{animation:none!important}} /* Give the sidebar footer breathing room instead of pinning logout against the divider. */ body.avalon-player-ui .sidebar-foot{ padding-top:14px!important; padding-bottom:2px!important; } body.avalon-player-ui .sidebar-foot .logout-action{ min-height:42px!important; margin-top:0!important; display:flex!important; align-items:center!important; } .site-logo-image{display:block;max-width:none;height:calc(54px * var(--site-logo-scale-header));width:auto;max-height:96px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 28px rgba(0,0,0,.22));transition:height .18s ease,max-height .18s ease,filter .18s ease} .brand.site-brand{min-width:0;display:inline-flex;align-items:center;gap:0} .brand.site-brand>span{display:none!important} .site-brand-compact .site-logo-image,.admin-brand .site-logo-image{height:calc(38px * var(--site-logo-scale-header));max-height:82px} body.avalon-player-ui .login-screen{position:relative;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);min-height:100vh;background:linear-gradient(122deg,color-mix(in srgb,var(--avalon-bg) 92%,#06090f 8%) 0%,var(--avalon-bg) 54%,color-mix(in srgb,var(--avalon-surface) 92%,#080b12 8%) 100%);overflow:hidden} body.avalon-player-ui .login-screen::before{content:"";position:absolute;inset:-18%;pointer-events:none;background:radial-gradient(circle at 50% 42%,var(--auth-season-ambient) 0,transparent 29%),radial-gradient(circle at 72% 22%,var(--auth-season-ambient-soft) 0,transparent 24%);filter:blur(8px);opacity:.9} body.avalon-player-ui .login-screen::after{content:"";position:absolute;left:49.5%;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.065),transparent);pointer-events:none} body.avalon-player-ui .brand-login{position:absolute;top:clamp(30px,4vw,58px);left:clamp(40px,5.5vw,112px);z-index:3} body.avalon-player-ui .brand-login .site-logo-image{height:calc(62px * var(--site-logo-scale-auth));max-height:140px} body.avalon-player-ui .login-form-side{position:relative;z-index:3;min-height:100vh;padding:clamp(32px,5vw,96px);display:flex;align-items:center;justify-content:center} body.avalon-player-ui .auth-stage{border:1px solid color-mix(in srgb,var(--avalon-border) 80%,var(--avalon-accent) 20%)!important;overflow:hidden!important;backdrop-filter:blur(18px)} body.avalon-player-ui .auth-stage::before{content:""!important;position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--auth-season-glow),transparent);box-shadow:none;opacity:.62} body.avalon-player-ui .auth-switcher{gap:8px!important;border-bottom:1px solid color-mix(in srgb,var(--avalon-border) 78%,transparent)!important;background:color-mix(in srgb,var(--avalon-surface-soft) 58%,transparent)!important} body.avalon-player-ui .auth-switcher-button{border-radius:14px!important;border:1px solid transparent!important} body.avalon-player-ui .auth-switcher-button.is-active{background:color-mix(in srgb,var(--avalon-accent) 11%,var(--avalon-surface))!important;border-color:color-mix(in srgb,var(--avalon-accent) 38%,transparent)!important;box-shadow:none!important} body.avalon-player-ui .auth-stage>.login-card,body.avalon-player-ui .auth-stage>.registration-result-card,body.avalon-player-ui .auth-stage>.registration-activation-card{padding:34px 34px 30px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} body.avalon-player-ui .login-heading:not(.registration-result-heading){margin-bottom:20px!important} body.avalon-player-ui .login-heading h2{font-size:1.75rem!important;letter-spacing:-.025em!important;margin-top:7px!important} body.avalon-player-ui .auth-card .field{gap:8px!important;margin-bottom:14px!important} body.avalon-player-ui .auth-card .input-wrap{min-height:52px!important;border-radius:13px!important;} body.avalon-player-ui .auth-card .primary-action{min-height:54px!important;margin-top:18px!important;border-radius:14px!important;box-shadow:0 12px 32px color-mix(in srgb,var(--avalon-accent) 18%,transparent)!important} body.avalon-player-ui .auth-card .auth-link-button{border-color:color-mix(in srgb,var(--avalon-border) 84%,transparent)!important} body.avalon-player-ui .site-season-effects{z-index:1} body.avalon-player-ui .site-season-particle{opacity:calc(var(--p-opacity) * .82)} .site-brand-admin .site-brand-editor{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(320px,1.22fr);gap:20px;align-items:stretch;margin-top:18px} .site-brand-preview{min-height:180px;border:1px solid var(--avalon-border);border-radius:18px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--avalon-accent) 8%,transparent),transparent 55%),var(--avalon-bg);display:flex;align-items:center;justify-content:center;padding:28px;overflow:hidden} .site-brand-preview img{max-width:88%;height:auto;max-height:118px;object-fit:contain;transform:scale(var(--site-logo-scale));transition:transform .18s ease} .site-brand-controls{display:flex;flex-direction:column;justify-content:center;gap:14px}.site-brand-controls input[type="range"]{width:100%;accent-color:var(--avalon-accent)} .site-brand-actions{display:flex;flex-wrap:wrap;gap:10px}.file-button{cursor:pointer}.site-brand-help{color:var(--avalon-muted)} .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} @media(max-width:980px){body.avalon-player-ui .login-screen{grid-template-columns:1fr!important;min-height:auto}.login-screen::after{display:none!important}body.avalon-player-ui .brand-login{left:26px;top:24px}body.avalon-player-ui .login-form-side{min-height:auto;padding:28px 20px 60px}.site-brand-admin .site-brand-editor{grid-template-columns:1fr}} @media(max-width:560px){body.avalon-player-ui .auth-stage>.login-card,body.avalon-player-ui .auth-stage>.registration-result-card,body.avalon-player-ui .auth-stage>.registration-activation-card{padding:26px 20px 22px!important}body.avalon-player-ui .auth-stage{border-radius:22px!important}.site-brand-actions{flex-direction:column}.site-brand-actions .admin-button,.site-brand-actions .file-button{width:100%;text-align:center;justify-content:center}} .admin-brand>.site-logo-image+span,.agreement-brand>.site-logo-image+span,.avalon-product-brand>.site-logo-image+span{display:none!important} .admin-brand .site-logo-image,.agreement-brand .site-logo-image,.avalon-product-brand .site-logo-image{height:calc(46px * var(--site-logo-scale-header));max-height:104px;width:auto;object-fit:contain} body.avalon-player-ui .login-screen{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:100vh!important; padding:clamp(28px,4vw,64px) 20px!important; overflow:auto!important; } body.avalon-player-ui .login-screen::before{ position:fixed!important; inset:-18%!important; z-index:0!important; background: radial-gradient(circle at 50% 42%,var(--auth-season-ambient),transparent 29%), radial-gradient(circle at 72% 22%,var(--auth-season-ambient-soft),transparent 24%)!important; filter:none!important; opacity:.9!important; } body.avalon-player-ui .login-screen::after{display:none!important} body.avalon-player-ui .login-form-side{ position:relative!important; z-index:3!important; min-height:0!important; padding:0!important; display:block!important; background:none!important; } body.avalon-player-ui .auth-center-stack{ width:100%; display:flex; flex-direction:column; align-items:center; gap:22px; } body.avalon-player-ui .auth-brand-top{ position:relative!important; inset:auto!important; width:min(82%,360px); min-height:66px; padding:0 18px; } body.avalon-player-ui .auth-stage{ border-radius:24px!important; box-shadow:0 30px 90px rgba(0,0,0,.31),0 0 0 1px rgba(255,255,255,.018) inset!important; } body.avalon-player-ui .auth-stage>.login-card, body.avalon-player-ui .auth-stage>.registration-result-card, body.avalon-player-ui .auth-stage>.registration-activation-card{ padding:26px 34px 30px!important; } body.avalon-player-ui .auth-switcher{padding:9px!important} body.avalon-player-ui .auth-switcher-button{min-height:48px!important} body.avalon-player-ui .auth-card .login-links{margin-top:10px!important;border-top:0!important;padding-top:0!important;} body.avalon-player-ui .site-season-effects{z-index:1!important} /* Keep all logo-management actions visually equal and predictable. */ .site-brand-actions{ align-items:stretch!important; } .site-brand-actions .admin-button, .site-brand-actions .file-button{ box-sizing:border-box!important; text-align:center!important; line-height:1!important; } .site-brand-actions .admin-button.secondary{margin:0!important} @media(max-width:720px){ body.avalon-player-ui .login-screen{padding:24px 14px!important;align-items:flex-start!important} body.avalon-player-ui .auth-center-stack{gap:16px} body.avalon-player-ui .auth-brand-top{width:min(86%,300px);min-height:56px} body.avalon-player-ui .auth-brand-top .site-logo-image{max-height:calc(92px * var(--site-logo-scale-auth))!important;} body.avalon-player-ui .auth-stage{border-radius:20px!important} body.avalon-player-ui .auth-stage>.login-card, body.avalon-player-ui .auth-stage>.registration-result-card, body.avalon-player-ui .auth-stage>.registration-activation-card{padding:25px 20px 22px!important} .site-brand-actions .admin-button,.site-brand-actions .file-button{height:42px!important;min-height:42px!important} } body[data-site-season="standard"] .site-season-effects{display:none!important} /* Saved browser credentials must inherit the current theme, not Chrome's blue autofill surface. */ body.avalon-player-ui .auth-card .input-wrap{ background:var(--avalon-input)!important; } body.avalon-player-ui .auth-card .input-wrap>input{ min-height:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; outline:0!important; } body.avalon-player-ui .auth-card input:-webkit-autofill, body.avalon-player-ui .auth-card input:-webkit-autofill:hover, body.avalon-player-ui .auth-card input:-webkit-autofill:focus, body.avalon-player-ui .auth-card input:-webkit-autofill:active{ -webkit-text-fill-color:var(--avalon-text)!important; caret-color:var(--avalon-text)!important; -webkit-box-shadow:0 0 0 1000px var(--avalon-input) inset!important; box-shadow:0 0 0 1000px var(--avalon-input) inset!important; transition:background-color 9999s ease-out 0s!important; } body.avalon-player-ui .auth-card input::selection{ background:color-mix(in srgb,var(--avalon-gold) 34%,transparent); color:var(--avalon-text); } /* Secondary auth actions are links, not two extra giant cards. */ body.avalon-player-ui .auth-card .login-links{ display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:wrap!important; gap:4px 14px!important; margin-top:15px!important; padding:0!important; } body.avalon-player-ui .auth-card .auth-link-button{ width:auto!important; min-width:0!important; min-height:32px!important; padding:0 5px!important; border:0!important; border-radius:7px!important; color:var(--avalon-muted)!important; background:transparent!important; box-shadow:none!important; font-size:.75rem!important; } body.avalon-player-ui .auth-card .auth-link-button:hover, body.avalon-player-ui .auth-card .auth-link-button:focus-visible{ color:var(--avalon-gold)!important; background:color-mix(in srgb,var(--avalon-gold) 6%,transparent)!important; transform:none!important; } body.avalon-player-ui .auth-card .auth-link-button .ui-icon{ color:currentColor!important; opacity:.85; } @media(max-width:720px){ } .site-brand-admin .site-brand-editor{ grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)!important; } .site-brand-preview-set{display:grid!important;grid-template-rows:1.35fr .75fr!important;gap:10px!important;min-width:0} .site-brand-preview{ position:relative!important; min-height:118px!important; padding:26px 24px 20px!important; overflow:hidden!important; } .site-brand-preview>small{ position:absolute;left:14px;top:10px;color:var(--avalon-dim);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em } .site-brand-preview-auth{min-height:150px!important} .site-brand-preview-header{ min-height:92px!important; justify-content:flex-start!important; padding-left:28px!important; } .site-brand-actions{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; } .site-brand-actions .admin-button, .site-brand-actions .file-button{ width:100%!important; min-width:0!important; height:42px!important; min-height:42px!important; padding:0 12px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:9px!important; font-size:.75rem!important; font-weight:850!important; white-space:nowrap!important; } .site-brand-actions .file-button, .site-brand-actions .site-brand-reset{ border:1px solid var(--avalon-line-strong)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important; } .site-brand-actions .file-button:hover, .site-brand-actions .site-brand-reset:hover{ border-color:color-mix(in srgb,var(--avalon-line-strong) 70%,var(--avalon-gold) 30%)!important; background:var(--avalon-surface-raised)!important; } @media(max-width:980px){ .site-brand-admin .site-brand-editor{grid-template-columns:1fr!important} } @media(max-width:720px){ .site-brand-actions{grid-template-columns:1fr!important} } body[data-site-logo-auth-scale="50"]{--site-logo-scale-auth:0.50} body[data-site-logo-auth-scale="55"]{--site-logo-scale-auth:0.55} body[data-site-logo-auth-scale="60"]{--site-logo-scale-auth:0.60} body[data-site-logo-auth-scale="65"]{--site-logo-scale-auth:0.65} body[data-site-logo-auth-scale="70"]{--site-logo-scale-auth:0.70} body[data-site-logo-auth-scale="75"]{--site-logo-scale-auth:0.75} body[data-site-logo-auth-scale="80"]{--site-logo-scale-auth:0.80} body[data-site-logo-auth-scale="85"]{--site-logo-scale-auth:0.85} body[data-site-logo-auth-scale="90"]{--site-logo-scale-auth:0.90} body[data-site-logo-auth-scale="95"]{--site-logo-scale-auth:0.95} body[data-site-logo-auth-scale="100"]{--site-logo-scale-auth:1.00} body[data-site-logo-auth-scale="105"]{--site-logo-scale-auth:1.05} body[data-site-logo-auth-scale="110"]{--site-logo-scale-auth:1.10} body[data-site-logo-auth-scale="115"]{--site-logo-scale-auth:1.15} body[data-site-logo-auth-scale="120"]{--site-logo-scale-auth:1.20} body[data-site-logo-auth-scale="125"]{--site-logo-scale-auth:1.25} body[data-site-logo-auth-scale="130"]{--site-logo-scale-auth:1.30} body[data-site-logo-auth-scale="135"]{--site-logo-scale-auth:1.35} body[data-site-logo-auth-scale="140"]{--site-logo-scale-auth:1.40} body[data-site-logo-auth-scale="145"]{--site-logo-scale-auth:1.45} body[data-site-logo-auth-scale="150"]{--site-logo-scale-auth:1.50} body[data-site-logo-auth-scale="155"]{--site-logo-scale-auth:1.55} body[data-site-logo-auth-scale="160"]{--site-logo-scale-auth:1.60} body[data-site-logo-auth-scale="165"]{--site-logo-scale-auth:1.65} body[data-site-logo-auth-scale="170"]{--site-logo-scale-auth:1.70} body[data-site-logo-auth-scale="175"]{--site-logo-scale-auth:1.75} body[data-site-logo-auth-scale="180"]{--site-logo-scale-auth:1.80} body[data-site-logo-header-scale="50"]{--site-logo-scale-header:0.50;--site-logo-scale:0.50} body[data-site-logo-header-scale="55"]{--site-logo-scale-header:0.55;--site-logo-scale:0.55} body[data-site-logo-header-scale="60"]{--site-logo-scale-header:0.60;--site-logo-scale:0.60} body[data-site-logo-header-scale="65"]{--site-logo-scale-header:0.65;--site-logo-scale:0.65} body[data-site-logo-header-scale="70"]{--site-logo-scale-header:0.70;--site-logo-scale:0.70} body[data-site-logo-header-scale="75"]{--site-logo-scale-header:0.75;--site-logo-scale:0.75} body[data-site-logo-header-scale="80"]{--site-logo-scale-header:0.80;--site-logo-scale:0.80} body[data-site-logo-header-scale="85"]{--site-logo-scale-header:0.85;--site-logo-scale:0.85} body[data-site-logo-header-scale="90"]{--site-logo-scale-header:0.90;--site-logo-scale:0.90} body[data-site-logo-header-scale="95"]{--site-logo-scale-header:0.95;--site-logo-scale:0.95} body[data-site-logo-header-scale="100"]{--site-logo-scale-header:1.00;--site-logo-scale:1.00} body[data-site-logo-header-scale="105"]{--site-logo-scale-header:1.05;--site-logo-scale:1.05} body[data-site-logo-header-scale="110"]{--site-logo-scale-header:1.10;--site-logo-scale:1.10} body[data-site-logo-header-scale="115"]{--site-logo-scale-header:1.15;--site-logo-scale:1.15} body[data-site-logo-header-scale="120"]{--site-logo-scale-header:1.20;--site-logo-scale:1.20} body[data-site-logo-header-scale="125"]{--site-logo-scale-header:1.25;--site-logo-scale:1.25} body[data-site-logo-header-scale="130"]{--site-logo-scale-header:1.30;--site-logo-scale:1.30} body[data-site-logo-header-scale="135"]{--site-logo-scale-header:1.35;--site-logo-scale:1.35} body[data-site-logo-header-scale="140"]{--site-logo-scale-header:1.40;--site-logo-scale:1.40} body[data-site-logo-header-scale="145"]{--site-logo-scale-header:1.45;--site-logo-scale:1.45} body[data-site-logo-header-scale="150"]{--site-logo-scale-header:1.50;--site-logo-scale:1.50} body[data-site-logo-header-scale="155"]{--site-logo-scale-header:1.55;--site-logo-scale:1.55} body[data-site-logo-header-scale="160"]{--site-logo-scale-header:1.60;--site-logo-scale:1.60} body[data-site-logo-header-scale="165"]{--site-logo-scale-header:1.65;--site-logo-scale:1.65} body[data-site-logo-header-scale="170"]{--site-logo-scale-header:1.70;--site-logo-scale:1.70} body[data-site-logo-header-scale="175"]{--site-logo-scale-header:1.75;--site-logo-scale:1.75} body[data-site-logo-header-scale="180"]{--site-logo-scale-header:1.80;--site-logo-scale:1.80} body[data-site-season-effects="0"] .site-season-effects{display:none!important} body[data-site-season-motion="0"] .site-season-particle{animation:none!important} .boot-screen{gap:12px!important;background:var(--avalon-bg)!important} .boot-screen .boot-logo-image{display:block;width:min(calc(390px * var(--site-logo-scale-auth)),72vw);height:auto;max-height:calc(104px * var(--site-logo-scale-auth));object-fit:contain;filter:drop-shadow(0 16px 34px rgba(0,0,0,.22));opacity:.98} .boot-screen>small{margin-top:2px;color:var(--avalon-muted)!important;font-size:.75rem!important;letter-spacing:.02em} .boot-progress{display:flex;gap:5px;height:8px;align-items:center} .boot-progress i{width:5px;height:5px;border-radius:50%;background:var(--avalon-accent);opacity:.28;animation:avalonBootPulse 1.2s ease-in-out infinite} .boot-progress i:nth-child(2){animation-delay:.14s}.boot-progress i:nth-child(3){animation-delay:.28s} @keyframes avalonBootPulse{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.9;transform:translateY(-2px)}} /* Compact recovery method selector; inherits the current auth surface without a second card. */ body.avalon-player-ui .recovery-method-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;border:1px solid color-mix(in srgb,var(--avalon-border) 82%,transparent);border-radius:12px;background:color-mix(in srgb,var(--avalon-surface-soft) 68%,transparent)} body.avalon-player-ui .recovery-method-button{min-height:38px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--avalon-text-muted);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease} body.avalon-player-ui .recovery-method-button:hover{color:var(--avalon-text);background:color-mix(in srgb,var(--avalon-surface-raised) 78%,transparent)} body.avalon-player-ui .recovery-method-button.is-active{color:var(--avalon-text);border-color:color-mix(in srgb,var(--avalon-accent) 42%,transparent);background:color-mix(in srgb,var(--avalon-accent) 10%,var(--avalon-surface))} body.avalon-player-ui .recovery-method-button:focus-visible{outline:2px solid color-mix(in srgb,var(--avalon-accent) 58%,transparent);outline-offset:2px} /* The two logo sliders are independent. */ body.avalon-ui-v2 :where(.topbar .site-logo-image,.admin-topbar .site-logo-image,.agreement-brand .site-logo-image,.avalon-product-brand .site-logo-image){height:calc(34px * var(--site-logo-scale-header))!important;max-height:62px!important;width:auto!important} /* Seasonal navigation is intentionally derived from the current season instead of old blue constants. */ body.avalon-ui-v2 :where(.sidebar,.admin-sidebar){ background:linear-gradient(180deg,color-mix(in srgb,var(--avalon-surface-deep) 90%,var(--avalon-accent) 10%),var(--avalon-surface-deep))!important; border-right-color:color-mix(in srgb,var(--avalon-line) 78%,var(--avalon-accent) 22%)!important; } body.avalon-ui-v2 :where(.side-nav .is-active,.admin-nav button.is-active,.admin-nav button.admin-nav-subitem.is-active){ border-color:color-mix(in srgb,var(--avalon-accent) 38%,var(--avalon-line))!important; color:var(--avalon-text)!important; background:linear-gradient(90deg,color-mix(in srgb,var(--avalon-accent) 14%,var(--avalon-surface-soft)),color-mix(in srgb,var(--avalon-surface-soft) 97%,transparent))!important; box-shadow:inset 3px 0 0 var(--avalon-accent)!important; } body.avalon-ui-v2 :where(.side-nav .is-active .ui-icon,.admin-nav button.is-active .ui-icon){color:var(--avalon-accent)!important} body.avalon-ui-v2 .admin-nav button.admin-nav-subitem>i{background:color-mix(in srgb,var(--avalon-muted) 58%,var(--avalon-accent) 42%)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--avalon-accent) 10%,transparent)!important} body.avalon-ui-v2 .admin-nav button.admin-nav-subitem.is-active>i{background:var(--avalon-accent)!important;box-shadow:0 0 9px color-mix(in srgb,var(--avalon-accent) 42%,transparent)!important} body.avalon-ui-v2 :where(.side-nav button>em,.admin-nav button>em){background:color-mix(in srgb,var(--avalon-surface-raised) 86%,var(--avalon-accent) 14%)!important;color:var(--avalon-text)!important} body.avalon-ui-v2 :where(.admin-side-foot a,.logout-action){color:color-mix(in srgb,var(--avalon-muted) 84%,var(--avalon-accent) 16%)!important} @media(prefers-reduced-motion:reduce){.boot-progress i{animation:none!important}} /* Expanded Admin groups follow the shared neutral palette. */ body.avalon-admin-ui{ --admin-bg:var(--avalon-bg); --admin-panel:var(--avalon-surface); --admin-panel-2:var(--avalon-surface-raised); --admin-line:var(--avalon-line); --admin-text:var(--avalon-text); --admin-muted:var(--avalon-muted); --admin-gold:var(--avalon-accent); } body.avalon-admin-ui .admin-nav-group.is-open{ border-color:color-mix(in srgb,var(--avalon-line) 72%,var(--avalon-accent) 28%)!important; background:linear-gradient(145deg,color-mix(in srgb,var(--avalon-surface-soft) 90%,var(--avalon-accent) 10%),color-mix(in srgb,var(--avalon-surface-deep) 96%,var(--avalon-accent) 4%))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(7,12,21,.10)!important; } body.avalon-admin-ui .admin-nav-group.is-open>.admin-nav-group-toggle{ border-color:color-mix(in srgb,var(--avalon-line) 70%,var(--avalon-accent) 30%)!important; background:linear-gradient(100deg,color-mix(in srgb,var(--avalon-surface-raised) 82%,var(--avalon-accent) 18%),color-mix(in srgb,var(--avalon-surface-soft) 94%,var(--avalon-accent) 6%))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03),inset 3px 0 0 color-mix(in srgb,var(--avalon-accent) 76%,transparent)!important; } body.avalon-admin-ui .admin-nav-group.is-open.has-active>.admin-nav-group-toggle, body.avalon-admin-ui .admin-nav-group.has-active:not(.is-open)>.admin-nav-group-toggle{ box-shadow:inset 3px 0 0 var(--avalon-accent)!important; } body.avalon-admin-ui .admin-nav-group.has-active:not(.is-open)>.admin-nav-group-toggle .admin-nav-icon-svg{ color:var(--avalon-accent)!important; } body.avalon-player-ui #loginScreen.is-hidden, body.avalon-player-ui #appShell.is-hidden, body.avalon-player-ui #bootScreen.is-hidden{ display:none!important; } body.avalon-player-ui #loginScreen{ max-width:100%; } body.avalon-admin-ui .season-calendar-card{ border-color:color-mix(in srgb,var(--avalon-line) 76%,var(--avalon-accent) 24%)!important; background:color-mix(in srgb,var(--avalon-surface-soft) 92%,var(--avalon-accent) 8%)!important; color:var(--avalon-text)!important; } body.avalon-admin-ui .season-calendar-card:hover{ border-color:color-mix(in srgb,var(--avalon-accent) 46%,var(--avalon-line))!important; background:color-mix(in srgb,var(--avalon-surface-raised) 86%,var(--avalon-accent) 14%)!important; } body.avalon-admin-ui .season-calendar-card span, body.avalon-admin-ui .season-calendar-card small{color:var(--avalon-muted)!important} body.avalon-admin-ui .season-calendar-card.is-active{ border-color:color-mix(in srgb,var(--avalon-accent) 58%,var(--avalon-line))!important; background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 20%,var(--avalon-surface-raised)),color-mix(in srgb,var(--avalon-surface-soft) 95%,var(--avalon-accent) 5%))!important; box-shadow:inset 3px 0 0 var(--avalon-accent),0 8px 24px rgba(0,0,0,.08)!important; } body.avalon-admin-ui .season-calendar-card.is-active b{color:var(--avalon-text)!important} body.avalon-ui-v2 #appShell, body.avalon-ui-v2 #loginScreen, body.avalon-ui-v2 #bootScreen, body.avalon-ui-v2 .agreement-shell{max-width:100%;} body.avalon-player-ui .login-screen{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr)!important;overflow-x:hidden!important;overflow-y:auto!important;} body.avalon-player-ui .login-form-side{min-width:0!important;width:100%!important;box-sizing:border-box;padding-inline:clamp(16px,4vw,40px)!important;} body.avalon-player-ui .auth-center-stack{width:100%!important;justify-items:center!important;align-items:center!important;} body.avalon-player-ui .auth-stage{width:min(100%,470px)!important;margin-inline:auto!important;transition:width .18s ease!important;} body.avalon-player-ui .auth-stage.is-registration{width:min(100%,640px)!important;} body.avalon-player-ui .auth-brand-top{place-items:center!important;justify-items:center!important;align-self:center!important;margin-inline:auto!important;text-align:center!important;} body.avalon-player-ui .auth-brand-top .site-logo-image{margin-inline:auto!important;} body.avalon-ui-v2 :where(.project-links a){color:color-mix(in srgb,var(--avalon-muted) 78%,var(--avalon-text) 22%)!important;} body.avalon-ui-v2 :where(.project-links a:hover,.project-links a.is-active,.project-links a[aria-current="page"]){color:var(--avalon-text)!important;} body.avalon-ui-v2 :where(.project-links a)::after{background:var(--avalon-accent)!important;opacity:.88!important;} body.avalon-ui-v2 :where(.top-wallet-copy b,.top-profile-menu-copy>b,.notification-card-copy b){color:var(--avalon-text)!important;} body.avalon-ui-v2 .top-wallet-card.tokens .top-wallet-icon{color:var(--avalon-violet)!important;} body.avalon-ui-v2 .top-wallet-card.cashshop .top-wallet-icon{color:var(--avalon-blue)!important;} body.avalon-ui-v2 :where(.character-card,.character-card-v170){box-shadow:0 16px 42px rgba(0,0,0,.14)!important;} body.avalon-ui-v2 .character-card .character-visual,body.avalon-ui-v2 .character-card-v170 .character-visual-v170{background:linear-gradient(145deg,color-mix(in srgb,var(--avalon-surface-raised) 76%,var(--avalon-accent) 24%),color-mix(in srgb,var(--avalon-surface-deep) 92%,var(--avalon-accent) 8%))!important;} body.avalon-ui-v2 .character-card.bellato .character-visual,body.avalon-ui-v2 .character-card-v170.bellato .character-visual-v170{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--avalon-blue) 24%,transparent),transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--avalon-surface-raised) 76%,var(--avalon-accent) 24%),color-mix(in srgb,var(--avalon-surface-deep) 92%,var(--avalon-accent) 8%))!important;} body.avalon-ui-v2 .character-card.acc .character-visual,body.avalon-ui-v2 .character-card-v170.acc .character-visual-v170{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--avalon-orange) 26%,transparent),transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--avalon-surface-raised) 76%,var(--avalon-accent) 24%),color-mix(in srgb,var(--avalon-surface-deep) 92%,var(--avalon-accent) 8%))!important;} body.avalon-ui-v2 .character-card.cora .character-visual,body.avalon-ui-v2 .character-card-v170.cora .character-visual-v170{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--avalon-violet) 28%,transparent),transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--avalon-surface-raised) 76%,var(--avalon-accent) 24%),color-mix(in srgb,var(--avalon-surface-deep) 92%,var(--avalon-accent) 8%))!important;} @media(max-width:720px){body.avalon-player-ui .auth-stage.is-registration{width:min(100%,470px)!important;}} /* ADMIN: module shells/cards/metrics that historically hardcoded blue/navy. */ body.avalon-admin-ui .admin-view :where( .admin-panel, [class*="-panel"], [class*="-card"], [class*="-banner"], [class*="-toolbar"], [class*="-summary"], [class*="-hero"] ):not(.is-transparent){ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface),var(--avalon-surface-deep))!important; color:var(--avalon-text)!important; box-shadow:none!important; } body.avalon-admin-ui .admin-view :where( .admin-metrics article, [class*="-metrics"] article, [class*="-stats"] article, [class*="-strip"] article, [class*="-grid"]>article ){ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface-raised),var(--avalon-surface))!important; color:var(--avalon-text)!important; box-shadow:none!important; } body.avalon-admin-ui .admin-view :where( input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea ){ border-color:var(--avalon-line-strong)!important; background:var(--avalon-input)!important; color:var(--avalon-text)!important; box-shadow:none!important; } body.avalon-admin-ui .admin-view :where( input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea ):focus{ border-color:color-mix(in srgb,var(--avalon-accent) 62%,var(--avalon-line))!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--avalon-accent) 10%,transparent)!important; } body.avalon-admin-ui .admin-view :where( .admin-button.secondary, .secondary-action, .ghost-action, [class*="-filter"] button, [class*="-tabs"] button, [class*="-pager"] button, [class*="-pagination"] button, [class*="-row-actions"] button, [class*="-actions"] .secondary ){ border-color:var(--avalon-line-strong)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important; box-shadow:none!important; } body.avalon-admin-ui .admin-view :where( .admin-button.secondary, .secondary-action, .ghost-action, [class*="-filter"] button, [class*="-tabs"] button, [class*="-pager"] button, [class*="-pagination"] button, [class*="-row-actions"] button ):hover:not(:disabled){ border-color:color-mix(in srgb,var(--avalon-accent) 50%,var(--avalon-line))!important; background:color-mix(in srgb,var(--avalon-surface-raised) 84%,var(--avalon-accent) 16%)!important; color:var(--avalon-text)!important; } body.avalon-admin-ui .admin-view :where(.admin-button.secondary.is-active,[class*="-filter"] button.is-active,[class*="-tabs"] button.is-active){ border-color:color-mix(in srgb,var(--avalon-accent) 62%,var(--avalon-line))!important; background:color-mix(in srgb,var(--avalon-surface-raised) 76%,var(--avalon-accent) 24%)!important; color:color-mix(in srgb,var(--avalon-text) 84%,var(--avalon-accent) 16%)!important; } /* ADMIN tables and list rows. */ body.avalon-admin-ui .admin-view :where(.audit-table,.admin-table,[class*="-table"]){background:transparent!important;} body.avalon-admin-ui .admin-view :where(.audit-table,.admin-table,[class*="-table"]) thead th{ border-color:var(--avalon-line)!important; background:var(--avalon-surface-raised)!important; color:var(--avalon-muted)!important; } body.avalon-admin-ui .admin-view :where(.audit-table,.admin-table,[class*="-table"]) tbody td{ border-color:var(--avalon-line)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important; } body.avalon-admin-ui .admin-view :where(.audit-table,.admin-table,[class*="-table"]) tbody tr:hover td{ border-color:var(--avalon-line-strong)!important; background:var(--avalon-surface-raised)!important; } body.avalon-admin-ui .admin-view :where( [class*="-list"]>article, [class*="-list"]>div:not(.is-hidden):not([class*="empty"]):not([class*="loading"]), [class*="-row"] ){ border-color:var(--avalon-line)!important; } /* Achievements Admin. */ body.avalon-admin-ui #achievementsView .achievement-admin-metrics article, body.avalon-admin-ui #achievementsView .achievement-tier-row, body.avalon-admin-ui #achievementsView .achievement-editor-check, body.avalon-admin-ui #achievementsView .achievement-reward-item-editor, body.avalon-admin-ui #achievementsView .achievement-reward-item-results button{ border-color:var(--avalon-line)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important; } body.avalon-admin-ui #achievementsView :where(.achievement-name-cell code,.achievement-chip,.achievement-tier-row em){ border-color:var(--avalon-line)!important; background:color-mix(in srgb,var(--avalon-surface-soft) 94%,var(--avalon-accent) 6%)!important; } /* Guild Management. Keep race/status semantic accents, seasonise every structural surface. */ body.avalon-admin-ui :where(#guildsView,#guild-detailView){ --guild-line:var(--avalon-line)!important; } body.avalon-admin-ui :where(#guildsView,#guild-detailView) :where( .guild-readonly-banner, .guild-module-metrics article, .guild-detail-stats article, .guild-detail-emblem, .guild-server-stop-confirm, .guild-batch-preview, .guild-batch-preview>div, .guild-relog-pending ){ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface-raised),var(--avalon-surface))!important; } body.avalon-admin-ui :where(#guildsView,#guild-detailView) :where(.guild-list-filters,.guild-list-meta,.guild-member-meta,.guild-mutation-panel .admin-panel-head){ border-color:var(--avalon-line)!important; } body.avalon-admin-ui :where(#guildsView,#guild-detailView) :where(.guild-list-filters input,.guild-list-filters select,.guild-mutation-grid input,.guild-mutation-grid select){ border-color:var(--avalon-line-strong)!important; background:var(--avalon-input)!important; color:var(--avalon-text)!important; } /* Archon classic: preserve race/source dots, replace all structural navy fills. */ body.avalon-admin-ui #archonView :where( .archon-classic-hero, .archon-classic-panel, .archon-status-strip article, .archon-race-card, .archon-classic-slot-group, .archon-candidate, .archon-snapshot-card, .archon-history-entry, .archon-diagnostic, .archon-snapshot-preview>section, .archon-empty ){ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface),var(--avalon-surface-deep))!important; color:var(--avalon-text)!important; box-shadow:none!important; } body.avalon-admin-ui #archonView .archon-race-head{ border-color:var(--avalon-line)!important; background:color-mix(in srgb,var(--avalon-surface-raised) 90%,var(--avalon-accent) 10%)!important; } body.avalon-admin-ui #archonView :where(.archon-savebar,.archon-classic-savebar){ border-color:var(--avalon-line)!important; background:transparent!important; background-image:none!important; box-shadow:none!important; } body.avalon-admin-ui #archonView :where(.archon-slot-editor input,.archon-head-tools select,.archon-history-filters input,.archon-history-filters select){ border-color:var(--avalon-line-strong)!important; background:var(--avalon-input)!important; color:var(--avalon-text)!important; } body.avalon-admin-ui #archonView :where(.archon-slot-clear,.archon-classic-count,.archon-race-filter button){ border-color:var(--avalon-line)!important; background:var(--avalon-surface-soft)!important; } body.avalon-admin-ui #archonView .archon-race-filter button.is-active{ border-color:color-mix(in srgb,var(--avalon-accent) 58%,var(--avalon-line))!important; background:color-mix(in srgb,var(--avalon-accent) 18%,var(--avalon-surface-raised))!important; color:color-mix(in srgb,var(--avalon-text) 80%,var(--avalon-accent) 20%)!important; } /* PLAYER: legacy modules use the same seasonal surface family too. */ body.avalon-player-ui .app-view :where( .panel, [class*="-panel"], [class*="-card"], [class*="-box"], [class*="-summary"], [class*="-toolbar"], [class*="-banner"] ):not(.character-visual):not(.character-visual-v170):not(.funpay-offer-card):not(.funpay-offer-summary):not(.payment-rate-card):not(.payment-summary-card){ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface),var(--avalon-surface-deep))!important; color:var(--avalon-text)!important; } body.avalon-player-ui .app-view :where( input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea ){ border-color:var(--avalon-line-strong)!important; background:var(--avalon-input)!important; color:var(--avalon-text)!important; } /* Large uploaded logos must participate in layout instead of overflowing a legacy 54px .brand box. */ body.avalon-player-ui .auth-center-stack{ gap:clamp(14px,1.8vw,22px)!important; } body.avalon-player-ui .auth-brand-top{ box-sizing:border-box; height:auto!important; min-height:0!important; padding:0!important; margin:0 auto!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; line-height:0!important; } body.avalon-player-ui .auth-brand-top .site-logo-image{ display:block!important; flex:0 0 auto!important; margin:0 auto!important; object-fit:contain!important; object-position:center center!important; } body.avalon-player-ui .auth-stage{ position:relative!important; flex:0 0 auto!important; margin:0 auto!important;} /* Shared deep-season surfaces: descendants missed by the first compatibility bridge. */ body.avalon-admin-ui .admin-view :where( .setting-row, .module-summary-item, .admin-race-online-list article, .security-summary>div, [class*="-status"]>article, [class*="-status"]:not(.database-status-head)>span, [class*="-summary"]>article, [class*="-summary"]>div, [class*="-summary"]>span, [class*="-metrics"]>article, [class*="-stats"]>article ){ border-color:var(--avalon-line)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important; box-shadow:none!important;} /* Database diagnostics heading is copy, not a status surface. */ body.avalon-admin-ui #databaseView .database-status-head>span{ padding:0!important; border:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; filter:none!important;} body.avalon-admin-ui .admin-view :where( [class*="-workspace"], [class*="-tools"], [class*="-preview"]:not(img):not(svg), [class*="-editor"]:not(input):not(textarea):not(select), [class*="-shell"]:not(.navigation-preview-shell) ){ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface),var(--avalon-surface-deep))!important; color:var(--avalon-text)!important; box-shadow:none!important;} body.avalon-admin-ui .admin-view :where( .module-summary-toggle, .table-action, .ban-row-button, .ip-block-row-action, .account-action-presets button, [class*="-icon-action"], [class*="-drag-handle"] ){ border-color:var(--avalon-line-strong)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important; box-shadow:none!important;} body.avalon-admin-ui .admin-view :where( .module-summary-toggle, .table-action, .ban-row-button, .ip-block-row-action, .account-action-presets button, [class*="-icon-action"], [class*="-drag-handle"] ):hover:not(:disabled){ border-color:color-mix(in srgb,var(--avalon-accent) 48%,var(--avalon-line))!important; background:color-mix(in srgb,var(--avalon-surface-raised) 82%,var(--avalon-accent) 18%)!important;} /* Dashboard. Race dots retain identity, cards themselves follow the season. */ body.avalon-admin-ui #dashboardView :where(.admin-race-online-panel,.admin-race-online-list article,.admin-metrics article,.module-summary-item,.security-summary>div){ color:var(--avalon-text)!important;} body.avalon-admin-ui #dashboardView .admin-race-online-list article{ background:color-mix(in srgb,var(--avalon-surface-soft) 90%,var(--avalon-accent) 10%)!important;} /* Rankings Admin had its own late forum palette and therefore escaped generic tokens. */ body.avalon-admin-ui #rankingsView{ --rank-forum-panel:var(--avalon-surface-soft)!important; --rank-forum-line:var(--avalon-line)!important; --rank-forum-muted:var(--avalon-muted)!important; --rank-forum-gold:var(--avalon-accent)!important;} body.avalon-admin-ui #rankingsView .admin-panel.settings-section{ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface),var(--avalon-surface-deep))!important;} body.avalon-admin-ui #rankingsView .setting-row{ border-color:var(--avalon-line)!important; background:transparent!important;} body.avalon-admin-ui #rankingsView .settings-form-actions .admin-button{ border-color:var(--avalon-line-strong)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important;} body.avalon-admin-ui #rankingsView .settings-form-actions .admin-button:hover:not(:disabled){ border-color:color-mix(in srgb,var(--avalon-accent) 52%,var(--avalon-line))!important; background:color-mix(in srgb,var(--avalon-surface-raised) 80%,var(--avalon-accent) 20%)!important;} /* Reward Center: recipient builder, previews and campaign rows. */ body.avalon-admin-ui #rewardsView :where( .reward-recipient-tools, .reward-recipient-source-preview, .reward-recipient-source-preview>span, .reward-row, .reward-item-results, .reward-preview-summary article, .reward-campaign-status>span, .reward-active-rewards>span ){ border-color:var(--avalon-line)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important;} body.avalon-admin-ui #rewardsView :where(.reward-field input,.reward-field select,.reward-field textarea,.reward-row input,.reward-row select,.reward-item-picker input,.reward-recipient-filter-grid select,.reward-recipient-filter-grid input){ border-color:var(--avalon-line-strong)!important; background:var(--avalon-input)!important; color:var(--avalon-text)!important;} body.avalon-admin-ui #rewardsView .reward-progress{ background:color-mix(in srgb,var(--avalon-surface-deep) 92%,var(--avalon-accent) 8%)!important;} body.avalon-admin-ui #rewardsView .reward-progress i{ background:linear-gradient(90deg,color-mix(in srgb,var(--avalon-accent) 72%,var(--avalon-surface)),var(--avalon-accent))!important;} /* Navigation Builder: editor and preview now use the same active theme as the real sidebar. */ body.avalon-admin-ui #navigationView :where( .navigation-menu-tabs, .navigation-builder-workspace, .navigation-preview-panel, .navigation-builder-top, .navigation-builder-category, .navigation-builder-category-head, .navigation-builder-item, .navigation-builder-footer, .navigation-preview-head, .navigation-preview-shell, .navigation-preview-topbar, .navigation-editor-card, .navigation-editor-switch, .navigation-icon-preview, .navigation-icon-picker button ){ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface),var(--avalon-surface-deep))!important; color:var(--avalon-text)!important; box-shadow:none!important;} body.avalon-admin-ui #navigationView :where(.navigation-builder-category-head,.navigation-preview-head,.navigation-preview-topbar){ background:var(--avalon-surface-raised)!important;} body.avalon-admin-ui #navigationView .navigation-builder-footer{ background:transparent!important;} body.avalon-admin-ui #navigationView :where(.navigation-builder-item,.navigation-icon-action,.navigation-drag-handle,.navigation-item-icon,.navigation-builder-add-item,.navigation-audience-pill,.navigation-icon-preview,.navigation-icon-picker button){ border-color:var(--avalon-line)!important; background:var(--avalon-surface-soft)!important;} body.avalon-admin-ui #navigationView :where(.navigation-builder-item:hover,.navigation-icon-action:hover:not(:disabled),.navigation-drag-handle:hover,.navigation-builder-add-item:hover,.navigation-menu-tabs button:hover){ border-color:var(--avalon-line-strong)!important; background:var(--avalon-surface-raised)!important;} body.avalon-admin-ui #navigationView .navigation-menu-tabs button.is-active{ border-color:color-mix(in srgb,var(--avalon-accent) 46%,var(--avalon-line))!important; border-bottom-color:var(--avalon-accent)!important; background:color-mix(in srgb,var(--avalon-surface-soft) 96%,var(--avalon-accent) 4%)!important; box-shadow:inset 0 -2px 0 var(--avalon-accent)!important; color:var(--avalon-text)!important;} body.avalon-admin-ui #navigationView .navigation-preview-item.system{ border-color:var(--avalon-line-strong)!important; background:var(--avalon-surface-raised)!important; box-shadow:none!important; color:var(--avalon-text)!important;} body.avalon-admin-ui #navigationView .navigation-icon-picker button.is-active{ border-color:color-mix(in srgb,var(--avalon-accent) 58%,var(--avalon-line))!important; background:color-mix(in srgb,var(--avalon-surface-raised) 76%,var(--avalon-accent) 24%)!important; box-shadow:inset 3px 0 0 var(--avalon-accent)!important; color:var(--avalon-text)!important;} body.avalon-admin-ui #navigationView .navigation-preview-shell{ background:var(--avalon-surface-deep)!important;} /* Economy/module manager/system forms still contained nested navy strips. */ body.avalon-admin-ui :where(#economyView,#settings-votingView,#settings-premiumView,#settings-converterView,#settings-paymentsView,#system-healthView,#databaseView,#item-databaseView,#operationsView,#auditView) :where( [class*="-strip"], [class*="-row"], [class*="-source"], [class*="-state"], [class*="-note"], [class*="-filters"], [class*="-toolbar"] ):not(.is-hidden){ border-color:var(--avalon-line)!important;} /* Player views: nested metric/list/status rows follow the same palette as their parent module. */ body.avalon-player-ui .app-view:not(#overviewView):not(#paymentsView):not(#rankingsView):not(#votingView) :where( [class*="-metrics"]>article, [class*="-stats"]>article, [class*="-summary"]>article, [class*="-summary"]>div, [class*="-summary"]>span, [class*="-status"]>article, [class*="-status"]>div:not(.overview-server-races), [class*="-status"]>span, [class*="-list"]>article ){ border-color:var(--avalon-line)!important; background:var(--avalon-surface-soft)!important; color:var(--avalon-text)!important;} /* Text/muted lines also follow theme tokens instead of legacy blue-grey constants. */ body.avalon-admin-ui .admin-view :where( [class*="-toolbar"] small, [class*="-summary"] small, [class*="-status"] small, [class*="-metrics"] small, [class*="-stats"] small, .setting-row small, .module-summary-item small ), body.avalon-player-ui .app-view :where( [class*="-summary"] small, [class*="-status"] small, [class*="-metrics"] small, [class*="-stats"] small ){ color:var(--avalon-muted)!important;} body.avalon-ui-v2.avalon-admin-ui.admin-body #notificationsView .notification-admin-safety{ display:none!important;} body.avalon-ui-v2 :where(.admin-nav button em,.admin-nav-subitem em){ min-width:24px; text-align:center;} body.avalon-ui-v2 :where(.admin-button.secondary,.module-inline-link,.achievement-edit-actions button,.achievement-tier-row button,.account-action-actions .admin-button.secondary,.character-card-actions-toolbar .character-manage-button,.character-card-actions-toolbar .character-detail-toggle,.payment-admin-provider-tab){ border:1px solid color-mix(in srgb,var(--avalon-accent) 38%,var(--avalon-line) 62%)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 10%,var(--avalon-surface-raised) 90%),color-mix(in srgb,var(--avalon-accent) 4%,var(--avalon-surface-soft) 96%))!important; color:var(--avalon-text)!important; box-shadow:none!important;} body.avalon-ui-v2 :where(.admin-button.secondary:hover,.module-inline-link:hover,.achievement-edit-actions button:hover,.achievement-tier-row button:hover,.character-card-actions-toolbar .character-manage-button:hover,.character-card-actions-toolbar .character-detail-toggle:hover,.payment-admin-provider-tab:hover:hover:hover){ border-color:color-mix(in srgb,var(--avalon-accent) 55%,var(--avalon-line) 45%)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 15%,var(--avalon-surface-raised) 85%),color-mix(in srgb,var(--avalon-accent) 7%,var(--avalon-surface-soft) 93%))!important; color:var(--avalon-text)!important; transform:none!important;} body.avalon-ui-v2 :where(.payment-admin-provider-tab.active,.character-card-actions-toolbar .character-manage-button.is-active,.character-card-actions-toolbar .character-detail-toggle.is-active){ border-color:color-mix(in srgb,var(--avalon-accent) 62%,var(--avalon-line) 38%)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 18%,var(--avalon-surface-raised) 82%),color-mix(in srgb,var(--avalon-accent) 10%,var(--avalon-surface-soft) 90%))!important; color:var(--avalon-text)!important;} body.avalon-ui-v2 :where(.audit-table th,.account-history-table th,.achievement-admin-table th,.account-activity-table th){ background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 11%,var(--avalon-surface-raised) 89%),color-mix(in srgb,var(--avalon-accent) 4%,var(--avalon-surface-soft) 96%))!important; color:color-mix(in srgb,var(--avalon-accent) 45%,var(--avalon-text) 55%)!important; border-color:color-mix(in srgb,var(--avalon-accent) 24%,var(--avalon-line) 76%)!important;} body.avalon-ui-v2 :where(.admin-entity-audit-row code,.audit-table code,.account-history-table code,.account-activity-table code,.achievement-name-cell code,.database-status-item code,.system-health-item code,.service-history-row code,.payment-history-row code){ display:inline-flex; align-items:center; min-height:28px; max-width:100%; padding:3px 10px; border:1px solid color-mix(in srgb,var(--avalon-accent) 30%,var(--avalon-line) 70%)!important; border-radius:10px; background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 10%,var(--avalon-surface-deep) 90%),color-mix(in srgb,var(--avalon-accent) 4%,var(--avalon-surface-soft) 96%))!important; color:var(--avalon-text)!important; font-family:inherit!important; font-size:.75rem!important; font-weight:800!important; letter-spacing:.01em; white-space:normal!important; word-break:break-word;} body.avalon-ui-v2 #auditView :where(.admin-entity-audit-row,.audit-toolbar,.admin-entity-audit-list), body.avalon-ui-v2 #operationsView :where(.admin-entity-audit-row,.audit-toolbar,.admin-entity-audit-list), body.avalon-ui-v2 #settings-siteView :where(.admin-entity-audit-row,.audit-toolbar,.admin-entity-audit-list){ border-color:color-mix(in srgb,var(--avalon-accent) 22%,var(--avalon-line) 78%)!important;} body.avalon-ui-v2 #charactersView :where(.character-manage-button,.character-detail-toggle){ border-radius:10px!important;} body.avalon-ui-v2 #charactersView :where(.character-detail-toggle,.character-manage-button) :where(small,span,b){ color:inherit!important;} body.avalon-ui-v2 #charactersView :where(.character-resource-grid strong,.character-detail-resource-grid strong,.character-detail-score-grid strong,.character-summary-stats strong,.character-roster-body dd,.character-roster-body strong){ color:var(--avalon-text)!important;} body.avalon-ui-v2 #charactersView .character-roster-body :where(.bellato,.cora,.accretia){ color:inherit!important;} body.avalon-ui-v2 #achievementsView :where(.achievement-chip,.achievement-tier-row em,.achievement-reward-item-selected){ border-color:color-mix(in srgb,var(--avalon-accent) 26%,var(--avalon-line) 74%)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 8%,var(--avalon-surface-raised) 92%),color-mix(in srgb,var(--avalon-accent) 3%,var(--avalon-surface-soft) 97%))!important; color:var(--avalon-text)!important;} body.avalon-ui-v2 #achievementsView :where(.achievement-admin-table td,.achievement-condition small,.achievement-reward-item-results small,.achievement-tier-row small){ color:var(--avalon-muted)!important;} body.avalon-ui-v2 #overviewView :where(.character-card,.character-card dd,.character-card strong,.character-card b,.character-card-actions-toolbar .character-detail-toggle,.character-card-actions-toolbar .character-manage-button){ color:var(--avalon-text)!important;} /* Seasonal particles are atmosphere, never foreground UI. */ body.avalon-player-ui > .boot-screen, body.avalon-player-ui > .login-screen, body.avalon-player-ui > .app-shell, body.avalon-admin-ui > .admin-layout, body.avalon-public-ui > .public-character-shell, body.avalon-ui-v2 > .agreement-shell{ position:relative; z-index:1;} body.avalon-admin-ui > .admin-topbar{ z-index:40!important;} body.avalon-ui-v2 :where(.toast,.request-retry-bar,.global-intent-progress,.character-service-confirm-panel){ z-index:80;} /* Global action language: seasonal/default tokens own ordinary controls. */ body.avalon-ui-v2{ --avalon-action-text:#15120c;} body.avalon-ui-v2 :where(.secondary-action, .ghost-action, .panel-head button){ border-color:color-mix(in srgb,var(--avalon-accent) 52%,var(--avalon-line) 48%)!important; background:linear-gradient(145deg,color-mix(in srgb,var(--avalon-accent) 15%,var(--avalon-surface-raised) 85%),color-mix(in srgb,var(--avalon-accent) 6%,var(--avalon-surface-soft) 94%))!important; color:var(--avalon-text)!important; transform:translateY(-1px);} /* Top navigation: inactive links must not all look active. */ body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav){ gap:8px!important; align-items:center!important;} body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a{ min-height:42px!important; height:42px!important; padding:0 14px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border:1px solid transparent!important; border-radius:10px!important; color:color-mix(in srgb,var(--avalon-muted) 86%,var(--avalon-text) 14%)!important; background:transparent!important; line-height:1!important;} body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a::after{ left:14px!important; right:14px!important; bottom:-1px!important; height:2px!important; opacity:0!important; transform:scaleX(.55)!important; background:var(--avalon-accent)!important;} body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a:hover, body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a.is-active, body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a.is-current, body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a[aria-current="page"]{ border-color:color-mix(in srgb,var(--avalon-accent) 20%,var(--avalon-line) 80%)!important; color:var(--avalon-text)!important; background:color-mix(in srgb,var(--avalon-accent) 7%,var(--avalon-surface-soft) 93%)!important;} body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a:hover::after, body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a.is-active::after, body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a.is-current::after, body.avalon-ui-v2 :where(.project-links,.admin-top-links,.avalon-product-nav) a[aria-current="page"]::after{ opacity:1!important; transform:scaleX(1)!important;} /* Character page: stronger card separation and consistent actions. */ body.avalon-player-ui #charactersView :where(.character-card,.character-card-v170){ border-color:var(--avalon-line);} body.avalon-player-ui #charactersView :where(.character-manage-button,.character-detail-toggle){ min-height:40px!important; border-color:var(--avalon-card-border)!important; background:var(--avalon-card-bg-soft)!important; color:var(--avalon-text)!important;} body.avalon-player-ui #charactersView :where(.character-manage-button,.character-detail-toggle):hover:not(:disabled){ border-color:color-mix(in srgb,var(--avalon-blue) 52%,var(--avalon-line) 48%)!important; background:color-mix(in srgb,var(--avalon-blue) 7%,var(--avalon-surface-raised) 93%)!important;} /* Standard mode stays intentionally neutral: no season particles {} */ /* Correct depth model: page background < seasonal atmosphere < every UI surface. */ body.avalon-ui-v2{ position:relative; isolation:isolate;} body.avalon-ui-v2 .site-season-effects{ display:block; opacity:1!important;} body.avalon-player-ui > .app-shell, body.avalon-admin-ui > .admin-layout{ position:static!important; z-index:auto!important;} body.avalon-player-ui .content, body.avalon-admin-ui .admin-content{ position:relative!important; z-index:20!important;} body.avalon-player-ui .login-screen{ z-index:auto!important;} body.avalon-player-ui .login-screen :where(.auth-center-stack,.login-form-side,.auth-stage,.auth-brand-top){ position:relative!important; z-index:20!important;} body.avalon-public-ui .public-character-shell, body.avalon-ui-v2 .agreement-screen, body.avalon-ui-v2 .agreement-shell{ position:relative!important; z-index:20!important; background:transparent!important;} /* Particles must stay subtle behind panels, not disappear and not compete with text. */ body.avalon-ui-v2[data-site-season="winter"] .site-season-particle{opacity:calc(var(--p-opacity) * .72)!important} body.avalon-ui-v2[data-site-season="autumn"] .site-season-particle{opacity:calc(var(--p-opacity) * .78)!important} body.avalon-ui-v2[data-site-season="spring"] .site-season-particle{opacity:calc(var(--p-opacity) * .72)!important} body.avalon-ui-v2[data-site-season="summer"] .site-season-particle{opacity:calc(var(--p-opacity) * .70)!important} /* Page titles are headings, not oversized cards. This removes the broken solid strips. */ body.avalon-player-ui :is(#premiumView, #paymentsView, #rankingsView, #converterView, #charactersView, #notificationsView) > :is(.page-heading, .premium-page-heading, .payment-page-heading){ min-height:0!important; margin:0 0 18px!important; padding:2px 2px 0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;} body.avalon-player-ui :is(#premiumView, #paymentsView, #converterView, #charactersView, #notificationsView) > :is(.page-heading, .premium-page-heading, .payment-page-heading){ color:var(--avalon-accent)!important;} body.avalon-player-ui #charactersView > .page-heading small{ color:var(--avalon-accent)!important;} /* Top wallet: Messages must be the same component as the other wallet cards. */ body.avalon-player-ui .top-wallet > .top-notification-button{ min-width:132px!important; width:auto!important; height:48px!important; padding:6px 10px!important; display:grid!important; grid-template-columns:32px minmax(0,1fr)!important; gap:8px!important; align-items:center!important; border:1px solid color-mix(in srgb,var(--avalon-accent) 22%,var(--avalon-line) 78%)!important; border-radius:10px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--avalon-accent) 5%,var(--avalon-surface-raised) 95%),color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-surface-soft) 98%))!important; color:var(--avalon-text)!important; overflow:hidden!important;} body.avalon-player-ui .top-wallet > .top-notification-button .top-notification-icon{ width:32px!important; height:32px!important; border:1px solid color-mix(in srgb,var(--avalon-accent) 28%,var(--avalon-line) 72%)!important; border-radius:9px!important; background:color-mix(in srgb,var(--avalon-accent) 7%,var(--avalon-surface-soft) 93%)!important; color:color-mix(in srgb,var(--avalon-accent) 56%,var(--avalon-blue) 44%)!important;} body.avalon-player-ui .top-wallet > .top-notification-button .top-notification-copy{ min-width:0!important; display:grid!important; gap:2px!important;} body.avalon-player-ui .top-wallet > .top-notification-button .top-notification-copy small{ color:var(--avalon-muted)!important; font-size:.75rem!important; line-height:1!important;} body.avalon-player-ui .top-wallet > .top-notification-button .top-notification-copy b{ overflow:hidden!important; color:var(--avalon-text)!important; font-size:.75rem!important; line-height:1.15!important; text-overflow:ellipsis!important; white-space:nowrap!important;} /* PREMIUM — keep the original workflow, repair only geometry and skin. */ body.avalon-player-ui #premiumView .premium-status-panel{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; margin:0!important; padding:16px!important; border:1px solid color-mix(in srgb,var(--avalon-accent) 23%,var(--avalon-line) 77%)!important; border-radius:18px!important; background:linear-gradient(155deg,color-mix(in srgb,var(--avalon-accent) 4%,var(--avalon-surface) 96%),color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-surface-deep) 98%))!important; box-shadow:0 16px 38px rgba(0,0,0,.10)!important;} body.avalon-player-ui #premiumView .premium-status-main{ grid-column:1/-1!important; min-height:82px!important; padding:14px!important; border:1px solid color-mix(in srgb,var(--avalon-accent) 18%,var(--avalon-line) 82%)!important; border-radius:13px!important; background:color-mix(in srgb,var(--avalon-accent) 4%,var(--avalon-surface-raised) 96%)!important;} body.avalon-player-ui #premiumView .premium-status-facts{ grid-column:1/-1!important; margin:0!important; gap:10px!important;} body.avalon-player-ui #premiumView .premium-status-facts>div{ min-height:68px!important; padding:12px 14px!important; border-color:color-mix(in srgb,var(--avalon-accent) 17%,var(--avalon-line) 83%)!important;} body.avalon-player-ui #premiumView :is(.premium-purchase-box,.premium-token-purchase-box){ min-width:0!important; margin:0!important; padding:16px!important; border:1px solid color-mix(in srgb,var(--avalon-accent) 22%,var(--avalon-line) 78%)!important; border-radius:14px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--avalon-accent) 5%,var(--avalon-surface-raised) 95%),color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-surface-soft) 98%))!important; opacity:1!important;} body.avalon-player-ui #premiumView :is(.premium-tariff-option>span){ min-height:72px!important; border-color:color-mix(in srgb,var(--avalon-accent) 18%,var(--avalon-line) 82%)!important; background:color-mix(in srgb,var(--avalon-accent) 3%,var(--avalon-surface-deep) 97%)!important;} body.avalon-player-ui #premiumView .premium-password-field input{ height:42px!important; border-color:color-mix(in srgb,var(--avalon-accent) 18%,var(--avalon-line) 82%)!important; background:var(--avalon-input)!important; color:var(--avalon-text)!important;} body.avalon-player-ui #premiumView :is(.primary-service-action,.token-action){ min-height:44px!important; border:1px solid color-mix(in srgb,var(--avalon-accent) 62%,var(--avalon-line) 38%)!important; border-radius:10px!important; background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 82%,#fff 18%),var(--avalon-accent))!important; color:var(--avalon-action-text)!important; box-shadow:0 10px 24px color-mix(in srgb,var(--avalon-accent) 13%,transparent)!important;} @media(max-width:900px){ body.avalon-player-ui #premiumView .premium-status-panel{grid-template-columns:1fr!important}} .secondary-action { border-radius:11px!important;} @media(prefers-reduced-motion:reduce){ body.avalon-ui-v2 .site-season-effects{display:none!important}} /* Shared depth and rhythm ------------------------------------------------ */ body.avalon-ui-v2{ --avalon-radius-lg:14px; --avalon-card-border:color-mix(in srgb,var(--avalon-accent) 18%,var(--avalon-line) 82%); --avalon-card-border-strong:color-mix(in srgb,var(--avalon-accent) 34%,var(--avalon-line) 66%); --avalon-card-bg:linear-gradient(150deg,color-mix(in srgb,var(--avalon-accent) 3%,var(--avalon-surface) 97%),color-mix(in srgb,var(--avalon-accent) 1%,var(--avalon-surface-deep) 99%)); --avalon-card-bg-soft:linear-gradient(145deg,color-mix(in srgb,var(--avalon-accent) 4%,var(--avalon-surface-raised) 96%),color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-surface-soft) 98%)); --avalon-control-bg:color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-input) 98%); --avalon-hover-bg:color-mix(in srgb,var(--avalon-accent) 9%,var(--avalon-surface-raised) 91%);} /* Atmosphere is visible in free page space and can never cover controls. */ body.avalon-ui-v2 .site-season-effects{z-index:4!important;} body.avalon-player-ui .content, body.avalon-admin-ui .admin-content, body.avalon-public-ui .public-character-shell, body.avalon-ui-v2 .agreement-shell{z-index:10!important;} body.avalon-player-ui :where(.topbar,.sidebar,.mobile-nav), body.avalon-admin-ui :where(.admin-topbar,.admin-sidebar){z-index:30!important;} body.avalon-ui-v2 :where(.character-service-modal,.account-action-modal,.archon-modal,.item-mutation-modal,.admin-toast,.toast){z-index:90!important;} /* All normal surfaces stay above atmosphere. */ body.avalon-player-ui .app-view, body.avalon-admin-ui .admin-view{position:relative;z-index:1;} /* Heading contract ------------------------------------------------------- */ body.avalon-player-ui .app-view>.page-heading, body.avalon-player-ui .app-view>.notification-page-heading { min-height:0!important; margin:0 0 18px!important; padding:0 2px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;} body.avalon-player-ui :where(.page-heading, .notification-page-heading, small:first-child) { color:var(--avalon-accent)!important;} body.avalon-player-ui :where(.page-heading, .notification-page-heading){ color:var(--avalon-text)!important; letter-spacing:-.035em!important;} body.avalon-player-ui :where(.page-heading, .notification-page-heading){ color:var(--avalon-muted)!important;} /* Unified control contract --------------------------------------------- */ body.avalon-ui-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){ border-color:var(--avalon-card-border)!important; background:var(--avalon-control-bg)!important; color:var(--avalon-text)!important;} body.avalon-ui-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{ border-color:color-mix(in srgb,var(--avalon-accent) 66%,var(--avalon-line) 34%)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--avalon-accent) 11%,transparent)!important; outline:0!important;} body.avalon-ui-v2 :where(.primary-action,.primary-service-action,.token-action,.vote-link,.vote-claim-action,.payment-submit,.coupon-redeem-action,.admin-button:not(.secondary):not(.danger)){ min-height:40px!important; border:1px solid color-mix(in srgb,var(--avalon-accent) 64%,var(--avalon-line) 36%)!important; border-radius:10px!important; background:linear-gradient(135deg,color-mix(in srgb,var(--avalon-accent) 84%,white 16%),var(--avalon-accent))!important; color:var(--avalon-action-text)!important; box-shadow:0 9px 24px color-mix(in srgb,var(--avalon-accent) 13%,transparent)!important;} body.avalon-ui-v2 :where(.primary-action,.primary-service-action,.token-action,.vote-link,.vote-claim-action,.payment-submit,.coupon-redeem-action,.admin-button:not(.secondary):not(.danger)):hover:not(:disabled){ transform:translateY(-1px)!important; filter:brightness(1.055)!important;} body.avalon-ui-v2 :where(.secondary-action,.ghost-action,.admin-button.secondary,.character-detail-toggle,.character-manage-button,.payment-back){ min-height:38px!important; border:1px solid var(--avalon-card-border)!important; border-radius:10px!important; background:var(--avalon-card-bg-soft)!important; color:var(--avalon-text)!important; box-shadow:none!important;} body.avalon-ui-v2 :where(.secondary-action,.ghost-action,.admin-button.secondary,.character-detail-toggle,.character-manage-button,.payment-back):hover:not(:disabled){ border-color:var(--avalon-card-border-strong)!important; background:var(--avalon-hover-bg)!important; color:var(--avalon-text)!important;} body.avalon-ui-v2 :where(button,a,[role="button"]):focus-visible{ outline:2px solid color-mix(in srgb,var(--avalon-accent) 72%,white 28%)!important; outline-offset:2px!important;} /* Shared player surface contract --------------------------------------- */ body.avalon-player-ui .app-view :where( .panel,.player-profile-panel,.account-services-section, .premium-status-panel,.premium-purchase-box,.premium-token-purchase-box, .converter-flow-card, .converter-flow-history-shell,.coupon-hero-card,.coupon-redeem-card,.coupon-reward-guide-card,.coupon-history-card, .rankings-own-strip ){ border-color:var(--avalon-card-border)!important; border-radius:var(--avalon-radius-lg)!important; background:var(--avalon-card-bg)!important; box-shadow:0 14px 34px rgba(0,0,0,.08)!important;} /* Characters ------------------------------------------------------------ */ body.avalon-player-ui #charactersView .character-overview{gap:12px!important;} body.avalon-player-ui #charactersView .character-overview>article{ border:1px solid var(--rf-line)!important; border-radius:14px!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important;} body.avalon-player-ui #charactersView .character-grid-detailed{gap:16px!important;} body.avalon-player-ui #charactersView :where(.character-card,.character-card-v170){ border:1px solid var(--avalon-card-border)!important; border-radius:16px!important; background:var(--avalon-card-bg)!important; box-shadow:0 14px 34px rgba(0,0,0,.08)!important; overflow:hidden!important;} body.avalon-player-ui #charactersView :where(.character-card-actions-toolbar,.character-detail-panel){ border-color:color-mix(in srgb,var(--avalon-accent) 14%,var(--avalon-line) 86%)!important;} /* Character service modal: remove mixed autumn/legacy-blue surfaces. */ body.avalon-player-ui .character-service-backdrop{ background:rgba(5,8,12,.74)!important; backdrop-filter:blur(7px)!important;} body.avalon-player-ui .character-service-dialog{ width:min(1080px,calc(100vw - 30px))!important; border:1px solid var(--rf-line-strong)!important; border-radius:18px!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:0 34px 100px rgba(0,0,0,.55)!important;} body.avalon-player-ui .character-service-dialog::before{display:none!important;content:none!important} body.avalon-player-ui .character-service-dialog-head{ padding:18px 20px!important; border-bottom:1px solid var(--rf-line)!important; background:var(--rf-surface-raised)!important;} body.avalon-player-ui :where(.character-service-quick-switch select,.character-service-wallet,.character-service-facts,.character-service-offline-note){ border-color:var(--rf-line)!important; background:var(--rf-surface-soft)!important; background-image:none!important;} body.avalon-player-ui .character-service-sections{gap:12px!important;} body.avalon-player-ui .character-service-section{ padding:14px!important; border:1px solid var(--rf-line)!important; border-radius:14px!important; background:var(--rf-surface-soft)!important; background-image:none!important;} body.avalon-player-ui .character-service-action-grid{gap:10px!important;} body.avalon-player-ui .character-service-tile{ min-height:104px!important; padding:13px!important; border:1px solid var(--rf-line)!important; border-radius:12px!important; background:var(--rf-surface)!important; background-image:none!important; color:var(--avalon-text)!important; box-shadow:none!important; filter:none!important;} body.avalon-player-ui .character-service-tile:hover:not(:disabled){ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; transform:translateY(-1px)!important; box-shadow:none!important; filter:none!important;} body.avalon-player-ui .character-service-tile :where(b,em){color:var(--avalon-text)!important;} body.avalon-player-ui .character-service-tile small{color:var(--avalon-muted)!important;} body.avalon-player-ui .character-service-panel-actions .primary-action{ box-shadow:none!important; filter:none!important;} body.avalon-player-ui .character-service-tile-icon{ border-color:color-mix(in srgb,var(--avalon-blue) 34%,var(--avalon-line) 66%)!important; background:color-mix(in srgb,var(--avalon-blue) 7%,var(--avalon-surface-deep) 93%)!important; color:var(--avalon-blue)!important;} /* Achievements ---------------------------------------------------------- */ body.avalon-player-ui #achievementsView :where(.own-achievement-prestige-card,.own-achievement-summary-card,.avalon-panel-soft,.own-achievement-collection){ border:1px solid var(--avalon-card-border)!important; border-radius:16px!important; background:var(--avalon-card-bg)!important; box-shadow:none!important;} /* Activity & security --------------------------------------------------- */ body.avalon-player-ui #securityView :where(.activity-card,.game-history-card,.service-history-panel){ border:1px solid var(--avalon-card-border)!important; border-radius:14px!important; background:var(--avalon-card-bg)!important;} body.avalon-player-ui #securityView :where(.activity-list>*,.game-history-list>*,.service-history-list>*){ border-color:color-mix(in srgb,var(--avalon-accent) 13%,var(--avalon-line) 87%)!important;} /* Premium --------------------------------------------------------------- */ body.avalon-player-ui #premiumView{max-width:1280px!important;} body.avalon-player-ui #premiumView .premium-status-panel{gap:12px!important;} body.avalon-player-ui #premiumView :where(.premium-status-main,.premium-status-facts>div,.premium-purchase-box,.premium-token-purchase-box,.premium-tariff-option>span){ border-color:var(--avalon-card-border)!important; background:var(--avalon-card-bg-soft)!important; color:var(--avalon-text)!important;} body.avalon-player-ui #premiumView .premium-tariff-grid{gap:9px!important;} body.avalon-player-ui #premiumView .premium-tariff-option>input:checked+span{ border-color:var(--avalon-card-border-strong)!important; background:var(--avalon-hover-bg)!important; box-shadow:inset 0 -2px 0 var(--avalon-accent)!important;} /* Coupons --------------------------------------------------------------- */ body.avalon-player-ui #couponsView .coupon-redeem-workspace{gap:14px!important;} body.avalon-player-ui #couponsView :where(.coupon-hero-card,.coupon-redeem-card,.coupon-reward-guide-card,.coupon-history-card){ border:1px solid var(--avalon-card-border)!important; background:var(--avalon-card-bg)!important; box-shadow:none!important;} body.avalon-player-ui #couponsView :where(.coupon-hero-metrics article,.coupon-reward-guide-grid>article,.coupon-history-row){ border-color:color-mix(in srgb,var(--avalon-accent) 14%,var(--avalon-line) 86%)!important; background:color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-surface-soft) 98%)!important;} /* Top bar, wallet, sidebar ---------------------------------------------- */ body.avalon-player-ui .topbar, body.avalon-admin-ui .admin-topbar{ border-bottom-color:var(--avalon-card-border)!important;} body.avalon-player-ui :where(.top-wallet-card,.top-profile), body.avalon-admin-ui :where(.admin-profile){ border-color:var(--avalon-card-border)!important;} body.avalon-player-ui .sidebar, body.avalon-admin-ui .admin-sidebar{ border-color:var(--avalon-card-border)!important;} body.avalon-player-ui .side-nav :where(button,a), body.avalon-admin-ui .admin-nav :where(button,a){ border-color:transparent!important; background:transparent!important; color:var(--avalon-muted)!important;} body.avalon-player-ui .side-nav :where(button,a):hover, body.avalon-admin-ui .admin-nav :where(button,a):hover{ background:color-mix(in srgb,var(--avalon-accent) 5%,var(--avalon-surface-soft) 95%)!important; color:var(--avalon-text)!important;} body.avalon-player-ui .side-nav :where(button,a).is-active, body.avalon-admin-ui .admin-nav :where(button,a).is-active{ border-color:color-mix(in srgb,var(--avalon-accent) 22%,transparent)!important; background:color-mix(in srgb,var(--avalon-accent) 10%,var(--avalon-surface-soft) 90%)!important; color:var(--avalon-text)!important; box-shadow:inset 3px 0 0 var(--avalon-accent)!important;} /* Admin complete neutral-surface ownership ----------------------------- */ body.avalon-admin-ui .admin-view :where( .admin-metrics>article,.achievement-admin-metrics>article,.online-module-metrics>article,.guild-module-metrics>article, .character-module-metrics>article,.ban-module-metrics>article,.account-module-metrics>article, .setting-row,.system-health-item,.database-status-item, .guild-detail-stats>article,.archon-classic-stats>article ){ border-color:color-mix(in srgb,var(--avalon-accent) 14%,var(--avalon-line) 86%)!important; border-radius:11px!important; background:color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-surface-soft) 98%)!important; box-shadow:none!important;} body.avalon-admin-ui .admin-view :where(.admin-panel-head,.character-workspace-head,.account-workspace-head,.notification-compose-head){ border-bottom-color:var(--avalon-card-border)!important; background:color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-surface-raised) 98%)!important;} body.avalon-admin-ui .admin-view :where(.audit-table th,.online-table th,.guild-table th,.character-table th,.account-table th,.ban-table th,.ip-block-table th){ border-color:var(--avalon-card-border)!important; background:color-mix(in srgb,var(--avalon-accent) 5%,var(--avalon-surface-raised) 95%)!important; color:color-mix(in srgb,var(--avalon-accent) 34%,var(--avalon-text) 66%)!important;} body.avalon-admin-ui .admin-view :where(.audit-table td,.online-table td,.guild-table td,.character-table td,.account-table td,.ban-table td,.ip-block-table td){ border-color:color-mix(in srgb,var(--avalon-accent) 12%,var(--avalon-line) 88%)!important; background:transparent!important; color:var(--avalon-text)!important;} /* Admin editor/modals follow the same season, not the old navy skin. */ body.avalon-admin-ui :where(.account-action-card,.achievement-editor-card,.achievement-tier-editor,.archon-modal-card,.item-mutation-card){ border-color:var(--avalon-card-border-strong)!important; background:var(--avalon-card-bg)!important; color:var(--avalon-text)!important;} /* Responsive audit ------------------------------------------------------ */ @media(max-width:900px){} @media(max-width:620px){ body.avalon-player-ui .character-service-dialog{width:calc(100vw - 14px)!important;}} /* Standard is explicitly particle-free; geometry is identical to seasons. */ body.avalon-ui-v2[data-site-season="standard"] .site-season-effects{display:none!important;} /* Public character + agreement parity ---------------------------------- */ body.avalon-public-ui :where(.public-character-hero,.public-character-section,.agreement-card){ border-color:var(--avalon-card-border)!important; border-radius:16px!important; background:var(--avalon-card-bg)!important; box-shadow:0 14px 34px rgba(0,0,0,.08)!important;} body.avalon-public-ui :where(.public-character-stat-grid>*,.public-character-rank-grid>*,.achievement-summary>*,.agreement-note){ border-color:color-mix(in srgb,var(--avalon-accent) 14%,var(--avalon-line) 86%)!important; background:color-mix(in srgb,var(--avalon-accent) 2%,var(--avalon-surface-soft) 98%)!important;} body.avalon-public-ui :where(.avalon-product-bar,.agreement-head){ border-color:var(--avalon-card-border)!important; background:color-mix(in srgb,var(--avalon-header) 95%,transparent)!important;} /* Character service modal: one aligned header row, no helper caption. */ body.avalon-player-ui .character-service-dialog-head{ display:grid!important; grid-template-columns:minmax(260px,1fr) auto!important; align-items:center!important; gap:18px!important;} body.avalon-player-ui .character-service-hero{ min-height:58px!important; padding:8px 12px!important; border:1px solid var(--rf-line)!important; border-radius:12px!important; background:var(--rf-surface-soft)!important; background-image:none!important;} body.avalon-player-ui .character-service-avatar{ border-color:color-mix(in srgb,var(--avalon-blue) 42%,var(--avalon-line) 58%); background:color-mix(in srgb,var(--avalon-blue) 8%,var(--avalon-surface-deep) 92%); color:var(--avalon-blue);} body.avalon-player-ui .character-service-hero small, body.avalon-player-ui .character-service-section header small, body.avalon-player-ui .character-service-confirm-panel header small{ color:var(--rf-accent)!important;} body.avalon-player-ui .character-service-wallet b, body.avalon-player-ui .character-service-panel-price b{color:var(--avalon-text)} body.avalon-player-ui .character-service-head-side{ min-width:0; display:grid!important; grid-template-columns:minmax(240px,320px) 150px 44px!important; align-items:stretch!important; gap:10px!important;} body.avalon-player-ui .character-service-quick-switch{ display:block!important; width:100%!important; min-width:0!important; margin:0!important;} body.avalon-player-ui .character-service-quick-switch>small{display:none!important;} body.avalon-player-ui .character-service-quick-switch select, body.avalon-player-ui .character-service-wallet, body.avalon-player-ui .character-service-close{ height:44px!important; min-height:44px!important;} body.avalon-player-ui .character-service-quick-switch select{ width:100%!important; min-width:0; padding:0 34px 0 13px!important; border-radius:11px!important;} body.avalon-player-ui .character-service-wallet{ min-width:0!important; padding:6px 10px!important; align-content:center!important; border-radius:11px!important;} body.avalon-player-ui .character-service-hero>span:last-child, body.avalon-player-ui .character-service-tile>span:nth-child(2){min-width:0} body.avalon-player-ui .character-service-hero :where(h2,p), body.avalon-player-ui .character-service-tile :where(b,small){overflow-wrap:anywhere} body.avalon-player-ui .character-service-close{ position:relative!important; width:44px!important; padding:0!important; display:grid!important; place-items:center!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; background:var(--rf-surface-soft)!important; background-image:none!important; color:var(--avalon-muted)!important; font-size:1.5rem!important; line-height:1;} body.avalon-player-ui .character-service-close span{ display:block; position:static; width:auto; height:auto; transform:none; line-height:1;} body.avalon-player-ui .character-service-close:hover{ border-color:var(--avalon-card-border-strong)!important; background:var(--avalon-hover-bg)!important; color:var(--avalon-text)!important;} /* Delete remains a semantic danger action inside the regular Character Change section. */ body.avalon-player-ui .character-service-tile.is-danger :where(b,small,em), body.avalon-player-ui .character-service-tile.is-danger .ui-icon{ color:inherit!important;} body.avalon-player-ui .character-service-tile.is-danger{ border-color:var(--avalon-card-border)!important; background:var(--avalon-card-bg-soft)!important; background-image:none!important; box-shadow:none!important; filter:none!important;} body.avalon-player-ui .character-service-tile.is-danger .character-service-tile-icon{ border-color:color-mix(in srgb,var(--rf-danger) 34%,var(--avalon-line) 66%)!important; background:color-mix(in srgb,var(--rf-danger) 7%,var(--avalon-surface-deep) 93%)!important; color:var(--rf-danger)!important;} body.avalon-player-ui .character-delete-ack input{accent-color:var(--avalon-blue)!important;} /* Sidebar numeric badges: remove old navy bubble and use the active theme. */ body.avalon-player-ui .side-nav button>em[data-nav-badge]{ min-width:23px!important; height:21px!important; padding:0 7px!important; display:inline-grid!important; place-items:center!important; border:1px solid color-mix(in srgb,var(--avalon-accent) 30%,var(--avalon-line) 70%)!important; border-radius:999px!important; background:color-mix(in srgb,var(--avalon-accent) 8%,var(--avalon-surface-soft) 92%)!important; color:color-mix(in srgb,var(--avalon-accent) 62%,var(--avalon-text) 38%)!important; box-shadow:none!important; font-size:.75rem!important; font-weight:900!important;} body.avalon-player-ui .side-nav .is-active>em[data-nav-badge]{ border-color:color-mix(in srgb,var(--avalon-accent) 48%,var(--avalon-line) 52%)!important; background:color-mix(in srgb,var(--avalon-accent) 14%,var(--avalon-surface-soft) 86%)!important;} @media(max-width:1100px){ body.avalon-player-ui .character-service-dialog-head{grid-template-columns:1fr!important;} body.avalon-player-ui .character-service-head-side{grid-template-columns:minmax(0,1fr) 150px 44px!important;}} @media(max-width:680px){ body.avalon-player-ui .character-service-head-side{grid-template-columns:1fr 44px!important;} body.avalon-player-ui .character-service-wallet{grid-column:1/-1!important;grid-row:2!important;text-align:left!important;}} body.avalon-player-ui{ --avalon-content:1680px;} body.avalon-player-ui .content > :is( #overviewView, #accountView, #charactersView, #achievementsView, #securityView, #premiumView, #votingView, #converterView, #couponsView, #rankingsView, #notificationsView, #paymentsView ) { width:min(100%,1680px)!important; max-width:1680px!important; margin-inline:auto!important; box-sizing:border-box!important;} body.avalon-player-ui .content > :is( #overviewView, #accountView, #charactersView, #achievementsView, #securityView, #premiumView, #votingView, #converterView, #couponsView, #rankingsView, #notificationsView, #paymentsView ).is-hidden { display:none!important;} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card{ min-width:0!important; min-height:82px!important; padding:13px 14px!important; display:grid!important; grid-template-columns:40px minmax(0,1fr)!important; gap:12px!important; align-items:center!important; overflow:hidden!important;} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card::before{ content:none!important;} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card>.metric-icon{ position:static!important; inset:auto!important; grid-column:1!important; width:40px!important; height:40px!important; margin:0!important; opacity:1!important;} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card>span:nth-child(2){ grid-column:2!important; min-width:0!important; display:grid!important; gap:2px!important;} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card small{ overflow:visible!important; color:var(--avalon-muted)!important; font-size:.75rem!important; letter-spacing:.08em!important; white-space:normal!important; text-overflow:clip!important;} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card strong{ max-width:none!important; overflow:visible!important; color:var(--avalon-text)!important; font-size:1.0625rem!important; line-height:1.15!important; white-space:normal!important; text-overflow:clip!important;} body.avalon-player-ui #overviewView .overview-code-characters .preview-row{ grid-template-columns:42px minmax(0,1fr) 96px 84px 18px!important;} body.avalon-player-ui #overviewView .overview-code-characters .preview-level{ grid-column:3!important; min-width:0!important; display:grid!important; grid-template-columns:auto auto!important; justify-content:end!important; gap:5px!important; align-items:baseline!important;} body.avalon-player-ui #overviewView .overview-code-characters .preview-level small{ font-size:.75rem!important; text-transform:none!important; letter-spacing:0!important;} body.avalon-player-ui #overviewView .overview-code-characters .preview-row>em{ grid-column:4!important;} body.avalon-player-ui #overviewView .overview-code-characters .row-chevron{ grid-column:5!important;} @media(max-width:720px){ body.avalon-player-ui #overviewView .overview-code-characters .preview-row{ grid-template-columns:40px minmax(0,1fr) 72px 18px!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-row>em{ display:none!important; } body.avalon-player-ui #overviewView .overview-code-characters .row-chevron{ grid-column:4!important; }} body.avalon-player-ui #online-statsView{ display:grid; gap:14px;} body.avalon-player-ui #online-statsView.is-hidden{display:none} body.avalon-player-ui #online-statsView .online-analytics-heading{ align-items:center;} body.avalon-player-ui #online-statsView .online-analytics-summary{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;} body.avalon-player-ui #online-statsView .online-analytics-summary article, body.avalon-player-ui #online-statsView .online-analytics-panel{ border:1px solid var(--avalon-line); border-radius:11px; background:var(--avalon-surface); box-shadow:none;} body.avalon-player-ui #online-statsView .online-analytics-summary article{ min-height:88px; padding:15px 17px; display:flex; flex-direction:column; justify-content:center; gap:5px;} body.avalon-player-ui #online-statsView .online-analytics-summary small{ color:var(--avalon-muted); font-size:.75rem;} body.avalon-player-ui #online-statsView .online-analytics-summary strong{ color:var(--avalon-text); font-size:1.8rem; line-height:1;} body.avalon-player-ui #online-statsView .online-analytics-panel{ padding:18px 20px 16px; overflow:hidden;} body.avalon-player-ui #online-statsView .online-analytics-panel-head{ margin-bottom:8px; padding:0 1px 10px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; border-bottom:1px solid color-mix(in srgb,var(--avalon-line) 70%,transparent);} body.avalon-player-ui #online-statsView .online-analytics-panel-head h2{ margin:0 0 4px; color:var(--avalon-text); font-size:1rem;} body.avalon-player-ui #online-statsView .online-analytics-panel-head small{ color:var(--avalon-muted);} body.avalon-player-ui #online-statsView .online-analytics-chart{ height:300px; min-height:0; border:0; border-radius:0; background:transparent; overflow:hidden;} body.avalon-player-ui #online-statsView .online-analytics-bars{ height:248px;} body.avalon-player-ui #online-statsView .online-analytics-chart>svg{ width:100%; height:100%; display:block;} body.avalon-player-ui #online-statsView .online-chart-grid{ stroke:color-mix(in srgb,var(--avalon-line) 72%,transparent); stroke-width:1; stroke-dasharray:2 5;} body.avalon-player-ui #online-statsView .online-chart-baseline{ stroke:var(--avalon-line); stroke-dasharray:none;} body.avalon-player-ui #online-statsView .online-chart-day-divider{ stroke:color-mix(in srgb,var(--avalon-line) 62%,transparent); stroke-width:1; stroke-dasharray:2 6;} body.avalon-player-ui #online-statsView .online-chart-axis{ fill:var(--avalon-muted); font-size:10.5px;} body.avalon-player-ui #online-statsView .online-chart-weekday{ fill:color-mix(in srgb,var(--avalon-text) 82%,var(--avalon-muted)); font-size:10.5px; font-weight:750;} body.avalon-player-ui #online-statsView .online-chart-date-value{ fill:var(--avalon-muted); font-size:10px;} body.avalon-player-ui #online-statsView .online-chart-y{ fill:color-mix(in srgb,var(--avalon-muted) 88%,transparent);} body.avalon-player-ui #online-statsView .online-chart-value{ fill:var(--avalon-text); font-size:11px; font-weight:800;} body.avalon-player-ui #online-statsView .online-chart-line{ fill:none; stroke:var(--avalon-blue); stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round;} body.avalon-player-ui #online-statsView .online-chart-area{fill:url(#onlineAnalyticsArea)} body.avalon-player-ui #online-statsView .online-chart-area-stop-start{stop-color:var(--avalon-blue);stop-opacity:.18} body.avalon-player-ui #online-statsView .online-chart-area-stop-end{stop-color:var(--avalon-blue);stop-opacity:0} body.avalon-player-ui #online-statsView .online-chart-hit{fill:transparent;cursor:help} body.avalon-player-ui #online-statsView .online-chart-hit:hover{ fill:var(--avalon-text); stroke:var(--avalon-blue); stroke-width:2;} body.avalon-player-ui #online-statsView .online-chart-bar{ fill:color-mix(in srgb,var(--avalon-blue) 46%,var(--avalon-surface-raised)); transition:fill .15s ease,opacity .15s ease;} body.avalon-player-ui #online-statsView .online-chart-bar:hover{fill:var(--avalon-blue)} body.avalon-player-ui #online-statsView .online-activity-panel .online-analytics-panel-head em{ color:var(--avalon-muted); font-size:.75rem; font-style:normal; white-space:nowrap;} body.avalon-player-ui #online-statsView .online-activity-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:12px;} body.avalon-player-ui #online-statsView .online-activity-panel{ border-color:var(--avalon-line); background:var(--avalon-surface); background-image:none;} body.avalon-player-ui #online-statsView .online-activity-grid article{ min-width:0; padding:16px 17px; border:1px solid var(--avalon-line); border-radius:14px; background:var(--avalon-surface-raised); background-image:none; box-shadow:none;} body.avalon-player-ui #online-statsView .online-activity-grid small{ display:block; color:var(--avalon-muted); font-size:.75rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase;} body.avalon-player-ui #online-statsView .online-activity-grid strong{ display:block; margin-top:8px; color:var(--avalon-text); font-size:1.625rem; line-height:1;} body.avalon-player-ui #online-statsView .online-activity-grid span{ display:block; margin-top:7px; color:var(--avalon-muted); font-size:.75rem;} @media(max-width:900px){ body.avalon-player-ui #online-statsView .online-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){ body.avalon-player-ui #online-statsView .online-activity-grid{grid-template-columns:1fr} body.avalon-player-ui #online-statsView .online-activity-panel .online-analytics-panel-head{align-items:flex-start} body.avalon-player-ui #online-statsView .online-activity-panel .online-analytics-panel-head em{white-space:normal}} body.avalon-player-ui #online-statsView .online-analytics-empty{ min-height:100%; margin:0; display:grid; place-items:center; color:var(--avalon-muted);} @media(max-width:820px){ body.avalon-player-ui #online-statsView .online-analytics-summary{grid-template-columns:1fr} body.avalon-player-ui #online-statsView .online-analytics-panel{padding:12px} body.avalon-player-ui #online-statsView .online-analytics-chart{height:280px;overflow-x:auto} body.avalon-player-ui #online-statsView .online-analytics-bars{height:240px} body.avalon-player-ui #online-statsView .online-analytics-chart>svg{min-width:760px}} html[data-color-theme="dark"]{ color-scheme:dark; } html, body.avalon-ui-v2, body.avalon-admin-ui, body.avalon-public-ui{ background: radial-gradient(circle at 50% -12%,rgba(93,113,162,.13),transparent 34rem), linear-gradient(180deg,var(--market-v122-page-top) 0,var(--market-v122-page-bottom) 100%) fixed!important; } body.avalon-ui-v2{ font-size:.875rem; line-height:1.5; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } body.avalon-ui-v2 ::selection{color:#fff;background:rgba(239,143,24,.55)} body.avalon-ui-v2 :where(button,a,input,select,textarea,[tabindex]){ transition-property:color,background-color,border-color,box-shadow,filter,opacity,transform!important; transition-duration:.16s!important; transition-timing-function:ease!important; } body.avalon-ui-v2 :where(button,a,input,select,textarea,[tabindex]):focus-visible{ outline:2px solid var(--market-v122-focus)!important; outline-offset:2px!important; box-shadow:0 0 0 4px color-mix(in srgb,var(--market-v122-accent) 14%,transparent)!important; } body.avalon-ui-v2 :disabled{transform:none!important} /* Product chrome — match Market desktop rhythm and active underline language. */ body.avalon-player-ui .topbar, body.avalon-admin-ui .admin-topbar{ padding-inline:clamp(20px,3vw,48px)!important; } body.avalon-ui-v2 :where(.topbar .brand,.admin-brand){ min-width:300px!important; gap:14px!important; } body.avalon-ui-v2 :where(.topbar .site-logo-image,.admin-topbar .site-logo-image){ width:auto!important; } body.avalon-ui-v2 :where(.topbar .brand b,.admin-brand b){ color:var(--market-v122-text)!important; font-size:.9375rem!important; font-weight:700!important; letter-spacing:.055em!important; } body.avalon-ui-v2 :where(.topbar .brand small,.admin-brand small){ color:var(--market-v122-muted)!important; font-size:.75rem!important; letter-spacing:.13em!important; } body.avalon-ui-v2 :where(.project-links,.admin-top-links){ height:100%!important; align-self:stretch!important; align-items:stretch!important; gap:4px!important; } body.avalon-ui-v2 :where(.project-links a,.admin-top-links a){ position:relative!important; min-height:48px!important; align-self:center!important; padding:0 14px!important; border-radius:8px!important; font-size:.75rem!important; letter-spacing:0!important; } body.avalon-player-ui .workspace{grid-template-columns:248px minmax(0,1fr)!important} body.avalon-admin-ui .admin-layout{grid-template-columns:270px minmax(0,1fr)!important} body.avalon-player-ui .sidebar, body.avalon-admin-ui .admin-sidebar{ border-right:1px solid var(--market-v122-line)!important; background:color-mix(in srgb,var(--market-v122-surface-deep) 97%,transparent)!important; box-shadow:none!important; } body.avalon-player-ui .sidebar{padding:22px 14px 18px!important} body.avalon-admin-ui .admin-sidebar{padding-top:20px!important} body.avalon-ui-v2 :where(.nav-label,.admin-nav>span){ color:var(--market-v122-dim)!important; font-size:.75rem!important; font-weight:850!important; letter-spacing:.13em!important; } body.avalon-ui-v2 :where(.side-nav button,.side-nav a,.admin-nav button){ min-height:43px!important; border:1px solid transparent!important; border-radius:7px!important; color:#9da9bd!important; background:transparent!important; box-shadow:none!important; transform:none!important; } body.avalon-ui-v2 :where(.side-nav button,.side-nav a,.admin-nav button):hover{ border-color:var(--market-v122-line)!important; color:var(--market-v122-text)!important; background:var(--market-v122-surface-soft)!important; } body.avalon-ui-v2 :where(.side-nav button,.side-nav a,.admin-nav button).is-active{ border-color:rgba(245,166,35,.38)!important; color:var(--market-v122-text)!important; background:var(--rf-surface-raised)!important;background-image:none!important; box-shadow:inset 3px 0 0 var(--market-v122-accent)!important; } /* One fixed rail everywhere; prevents section-to-section horizontal jumping. */ body.avalon-player-ui .content, body.avalon-admin-ui .admin-content{ min-width:0!important; padding-top:24px!important; background:transparent!important; } body.avalon-player-ui .content{ padding-inline:clamp(18px,2.6vw,36px)!important; padding-bottom:64px!important; } body.avalon-admin-ui .admin-content{ padding-inline:clamp(18px,2.6vw,36px)!important; padding-bottom:64px!important; } body.avalon-player-ui .content>.app-view, body.avalon-admin-ui .admin-content>.admin-view{ box-sizing:border-box!important; } body.avalon-player-ui .content>.app-view.is-hidden, body.avalon-admin-ui .admin-content>.admin-view.is-hidden, body.avalon-admin-ui .admin-content>.admin-view[hidden], body.avalon-admin-ui .admin-content>.admin-view[aria-hidden="true"]{display:none!important} /* Header/profile/wallet controls use the compact Market control language. */ body.avalon-player-ui :where(.top-wallet-card,.top-profile), body.avalon-admin-ui :where(.admin-profile){ min-height:46px!important; border:1px solid var(--market-v122-line)!important; border-radius:7px!important; color:var(--market-v122-text)!important; background:rgba(29,37,53,.82)!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; } body.avalon-player-ui :where(.top-wallet-card,.top-profile):hover, body.avalon-admin-ui :where(.admin-profile):hover{ border-color:var(--market-v122-line-strong)!important; background:var(--market-v122-surface-soft)!important; transform:none!important; } body.avalon-player-ui .top-wallet-card :where(small), body.avalon-player-ui .top-profile :where(small), body.avalon-admin-ui .admin-profile :where(small){color:var(--market-v122-muted)!important} body.avalon-player-ui :where(.profile-avatar,.top-profile-menu-avatar), body.avalon-admin-ui :where(.admin-profile-avatar){ border:1px solid rgba(245,166,35,.42)!important; background:linear-gradient(145deg,#313a50,#1a2030)!important; color:#f5b13c!important; box-shadow:none!important; } body.avalon-player-ui .top-profile-menu{ border:1px solid var(--market-v122-line-strong)!important; border-radius:10px!important; color:var(--market-v122-text)!important; } body.avalon-player-ui .top-profile-menu :where(button,a){border-radius:7px!important} body.avalon-player-ui .top-profile-menu :where(button,a):hover{background:var(--market-v122-surface-soft)!important} body.avalon-player-ui :where(.page-heading,.avalon-page-heading), body.avalon-public-ui :where(.avalon-page-heading,.public-character-page-heading,.agreement-head){ position:relative!important; overflow:hidden!important; min-height:106px!important; padding:20px 24px!important; color:var(--market-v122-text)!important; } body.avalon-ui-v2 :where(.page-heading,.avalon-page-heading,.public-character-page-heading,.agreement-head)::before{ content:""!important; position:absolute!important; inset:0 auto 0 0!important; } body.avalon-ui-v2 :where(.page-heading,.avalon-page-heading,.public-character-page-heading,.agreement-head) h1{ color:var(--market-v122-text)!important; font-weight:650!important; letter-spacing:-.025em!important; } body.avalon-ui-v2 :where(.page-heading,.avalon-page-heading,.public-character-page-heading,.agreement-head) :where(p,small){color:#a3aec2!important} body.avalon-ui-v2 :where(.overline,.eyebrow,.avalon-section-kicker){color:var(--market-v122-accent)!important} body.avalon-public-ui :where(.agreement-card,.public-character-hero,.public-character-section,.avalon-panel){ border:1px solid var(--market-v122-line)!important; border-radius:var(--market-v122-radius)!important; color:var(--market-v122-text)!important; background:var(--market-v122-surface)!important; box-shadow:var(--market-v122-shadow),inset 0 1px rgba(255,255,255,.02)!important; } body.avalon-ui-v2 :where(.panel,.admin-panel,.agreement-card,.public-character-section,.avalon-panel){overflow:hidden} /* Header bars inside cards. */ body.avalon-admin-ui .admin-view :where(.admin-panel-head,.character-workspace-head,.account-workspace-head,.notification-compose-head), body.avalon-public-ui :where(.public-character-section-head){ min-height:48px!important; border-color:var(--market-v122-line)!important; background:linear-gradient(180deg,rgba(43,53,76,.98),rgba(35,43,62,.98))!important; } body.avalon-ui-v2 :where(.panel-head h2,.account-services-head h2,.public-character-section-head h2){font-weight:750!important;color:var(--market-v122-text)!important} /* Inner cards and rows. */ body.avalon-admin-ui .admin-view :where( .admin-metrics>article,.achievement-admin-metrics>article,.online-module-metrics>article,.guild-module-metrics>article, .character-module-metrics>article,.ban-module-metrics>article,.account-module-metrics>article,.setting-row,.system-health-item, .database-status-item,.guild-detail-stats>article,.archon-classic-stats>article ), body.avalon-public-ui :where(.public-character-stat-grid>article,.public-character-rank-grid>article,.achievement-summary>article){ border:1px solid var(--market-v122-line)!important; border-radius:7px!important; color:var(--market-v122-text)!important; background:linear-gradient(180deg,rgba(39,48,68,.82),rgba(31,39,56,.78))!important; box-shadow:inset 0 1px rgba(255,255,255,.02)!important; } body.avalon-ui-v2 :where(.preview-row,.dashboard-smart-action,.dashboard-ranking-row,.dashboard-recent-row):hover{ border-color:rgba(245,166,35,.34)!important; background:var(--market-v122-surface-soft)!important; transform:translateY(-1px)!important; box-shadow:0 10px 24px rgba(5,9,18,.16)!important; } /* Dashboard: same Market hierarchy, no unrelated gaming CTA or decorative slabs. */ body.avalon-player-ui #overviewView .overview-code-copy{ background-image:none!important; } body.avalon-ui-v2 :where(.secondary-action,.ghost-action,.auth-link-button,.agreement-back){ min-height:38px!important; border:1px solid var(--market-v122-line-strong)!important; border-radius:7px!important; color:var(--market-v122-text)!important; background:linear-gradient(180deg,rgba(44,53,73,.96),rgba(29,37,53,.96))!important; box-shadow:0 6px 15px rgba(5,9,17,.16),inset 0 1px rgba(255,255,255,.035)!important; } body.avalon-ui-v2 :where(.secondary-action,.ghost-action,.auth-link-button,.agreement-back):hover:not(:disabled){ border-color:rgba(245,166,35,.48)!important; color:var(--market-v122-text)!important; background:var(--market-v122-surface-soft)!important; transform:translateY(-1px)!important; } body.avalon-ui-v2 :where(button).danger, body.avalon-ui-v2 :where(.top-profile-logout){ border-color:var(--market-v122-line-strong)!important; color:var(--market-v122-text)!important; background:linear-gradient(180deg,rgba(44,53,73,.96),rgba(29,37,53,.96))!important; box-shadow:none!important; } body.avalon-ui-v2 :where(button).danger:hover, body.avalon-ui-v2 :where(.top-profile-logout):hover{ border-color:rgba(239,139,139,.44)!important; color:#ffd8d8!important; background:rgba(80,43,49,.54)!important; } /* Inputs / selects / textareas. */ body.avalon-ui-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input-wrap){ border-color:rgba(102,119,154,.38)!important; border-radius:7px!important; color:var(--market-v122-text)!important; background:var(--market-v122-input)!important; box-shadow:inset 0 1px rgba(255,255,255,.018)!important; } body.avalon-ui-v2 :where(input,textarea)::placeholder{color:var(--market-v122-dim)!important;opacity:1!important} body.avalon-ui-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus, body.avalon-ui-v2 .input-wrap:focus-within{ border-color:rgba(245,166,35,.75)!important; box-shadow:0 0 0 3px rgba(245,166,35,.11)!important; } body.avalon-ui-v2 :where(.field>span:first-child,label>span:first-child){color:var(--market-v122-muted)!important} /* Tabs / segmented controls. */ body.avalon-ui-v2 :where(.activity-tabs,.achievement-filters,.payment-admin-provider-tabs,.account-history-tabs,.auth-switcher){ gap:4px!important; padding:4px!important; border:1px solid var(--market-v122-line)!important; border-radius:9px!important; background:rgba(20,26,39,.72)!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; } body.avalon-ui-v2 :where(.activity-tabs,.achievement-filters,.payment-admin-provider-tabs,.account-history-tabs,.auth-switcher) :where(button,a){ border-radius:7px!important; color:var(--market-v122-muted)!important; background:transparent!important; font-weight:650!important; } body.avalon-ui-v2 :where(.activity-tabs,.achievement-filters,.payment-admin-provider-tabs,.account-history-tabs,.auth-switcher) :where(button,a).is-active, body.avalon-ui-v2 :where(.activity-tabs,.achievement-filters,.payment-admin-provider-tabs,.account-history-tabs,.auth-switcher) :where(button,a).active, body.avalon-ui-v2 :where(.auth-switcher-button).is-active{ border-color:rgba(245,166,35,.38)!important; color:var(--market-v122-text)!important; background:var(--market-v122-surface-raised)!important;background-image:none!important; box-shadow:inset 0 -2px rgba(245,166,35,.72)!important; } /* Tables: Market panel header, neutral cells and stable row hover. */ body.avalon-ui-v2 :where(table:not(.rankings-table)){border-collapse:separate!important;border-spacing:0!important} body.avalon-ui-v2 :where(table:not(.rankings-table) th){ border-color:var(--market-v122-line)!important; color:#a9bdd8!important; background:linear-gradient(180deg,rgba(43,53,76,.98),rgba(35,43,62,.98))!important; font-weight:750!important; } body.avalon-ui-v2 :where(table:not(.rankings-table) td){ border-color:var(--market-v122-line)!important; color:var(--market-v122-text)!important; background:transparent!important; } body.avalon-ui-v2 :where(table:not(.rankings-table) tbody tr):hover td{background:color-mix(in srgb,var(--market-v122-accent) 3%,var(--market-v122-surface-soft) 97%)!important} /* Toasts/statuses. */ body.avalon-ui-v2 :where(.status-badge,.badge,.chip,.account-service-state,.public-character-state){ border-radius:999px!important; } /* Authentication — same surfaces and controls as Market, no separate visual universe. */ body.avalon-player-ui :where(.login-card,.auth-card){ border:1px solid var(--market-v122-line-strong)!important; border-radius:12px!important; color:var(--market-v122-text)!important; background:linear-gradient(180deg,rgba(35,43,62,.98),rgba(27,34,48,.98))!important; box-shadow:0 28px 85px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important; } body.avalon-player-ui :where(.login-heading h1,.login-heading h2){color:var(--market-v122-text)!important;letter-spacing:-.025em!important} body.avalon-player-ui .login-heading p{color:var(--market-v122-muted)!important} body.avalon-player-ui .auth-availability{border-color:var(--market-v122-line)!important;background:var(--market-v122-surface-soft)!important} /* Public agreement and character pages. */ body.avalon-public-ui :where(.agreement-shell,.public-character-shell){ width:min(100% - 32px,1400px)!important; margin-inline:auto!important; } body.avalon-public-ui :where(.avalon-product-bar,.public-character-top){ min-height:86px!important; border-bottom:1px solid var(--market-v122-line)!important; } body.avalon-public-ui .avalon-product-nav a{ min-height:40px!important; border-radius:7px!important; color:var(--market-v122-muted)!important; } body.avalon-public-ui .avalon-product-nav a:hover, body.avalon-public-ui .avalon-product-nav a.is-current{ color:var(--market-v122-text)!important; border-color:rgba(245,166,35,.38)!important; background:var(--rf-surface-raised)!important;background-image:none!important; } /* Admin tables/forms must not retain the legacy blue skin. */ body.avalon-admin-ui .admin-view :where(.admin-metrics>article,.setting-row,.system-health-item,.database-status-item){ box-shadow:none!important; } body.avalon-admin-ui :where(.admin-side-foot){ border-color:var(--market-v122-line)!important; background:var(--market-v122-surface-soft)!important; } body.avalon-admin-ui :where(.admin-nav em,.side-nav em){ border:1px solid var(--market-v122-line)!important; border-radius:999px!important; color:var(--market-v122-muted)!important; background:var(--market-v122-surface)!important; } body.avalon-admin-ui :where(.admin-nav .is-active em,.side-nav .is-active em){ border-color:rgba(245,166,35,.32)!important; color:var(--market-v122-accent)!important; } /* No seasonal page tint: only particles survive. */ body.avalon-ui-v2[data-site-season], body.avalon-ui-v2[data-site-season="spring"], body.avalon-ui-v2[data-site-season="summer"], body.avalon-ui-v2[data-site-season="autumn"], body.avalon-ui-v2[data-site-season="winter"]{ --avalon-accent:var(--market-v122-accent)!important; } body.avalon-ui-v2[data-site-season="standard"] .site-season-effects, body.avalon-ui-v2[data-site-season-effects="0"] .site-season-effects{display:none!important} /* Responsive parity. */ @media(max-width:1180px){ body.avalon-ui-v2 :where(.topbar .brand,.admin-brand){min-width:220px!important} body.avalon-player-ui .top-wallet-card{min-width:88px!important} } @media(max-width:980px){ body.avalon-player-ui .topbar, body.avalon-admin-ui .admin-topbar{ padding-inline:12px!important; gap:10px!important; } body.avalon-player-ui .workspace, body.avalon-admin-ui .admin-layout{ grid-template-columns:minmax(0,1fr)!important; } body.avalon-ui-v2 :where(.topbar .brand,.admin-brand){min-width:0!important;width:auto!important} body.avalon-ui-v2 :where(.project-links,.admin-top-links){display:none!important} body.avalon-player-ui .content, body.avalon-admin-ui .admin-content{padding-top:18px!important} } @media(max-width:720px){ :root{--market-v122-radius:9px} body.avalon-player-ui .top-wallet{gap:5px!important} body.avalon-player-ui .top-wallet-card{min-width:62px!important;height:42px!important;padding-inline:6px!important} body.avalon-player-ui .top-wallet-copy small{display:none!important} body.avalon-player-ui .top-profile{margin-left:4px!important;padding-left:5px!important} body.avalon-player-ui .top-profile-copy{display:none!important} body.avalon-player-ui .content, body.avalon-admin-ui .admin-content{padding-bottom:40px!important} body.avalon-player-ui :where(.page-heading,.avalon-page-heading), body.avalon-public-ui :where(.avalon-page-heading,.public-character-page-heading,.agreement-head){ min-height:0!important; padding:18px 16px!important; } body.avalon-ui-v2 :where(.page-heading,.avalon-page-heading,.public-character-page-heading,.agreement-head) h1{font-size:1.4375rem!important} body.avalon-public-ui :where(.agreement-shell,.public-character-shell){width:min(100% - 20px,1400px)!important} } @media(max-width:520px){ body.avalon-ui-v2 :where(.topbar .brand>span:last-child,.admin-brand>span:last-child){display:none!important} body.avalon-ui-v2 :where(.topbar .site-logo-image,.admin-topbar .site-logo-image){height:34px!important} body.avalon-player-ui .top-wallet-card{min-width:52px!important} body.avalon-player-ui .top-wallet-copy b{font-size:.75rem!important} } @media(prefers-reduced-motion:reduce){ body.avalon-ui-v2 *, body.avalon-ui-v2 *::before, body.avalon-ui-v2 *::after{ scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } } body.avalon-ui-v2{ --avalon-line:var(--rf-line)!important; --avalon-line-strong:var(--rf-line-strong)!important; --avalon-line-soft:var(--rf-line)!important; --avalon-text:var(--rf-text)!important; --avalon-muted:var(--rf-muted)!important; --avalon-dim:var(--rf-dim)!important; --avalon-gold:var(--rf-accent)!important; --avalon-orange:var(--rf-accent-2)!important; --avalon-green:var(--rf-success)!important; --avalon-blue:var(--rf-info)!important; --avalon-violet:var(--rf-violet)!important; --avalon-red:var(--rf-danger)!important; --avalon-accent:var(--rf-accent)!important; --avalon-radius:var(--rf-radius)!important; --avalon-radius-sm:var(--rf-radius)!important; --avalon-shadow:var(--rf-shadow)!important; color:var(--rf-text)!important; background:linear-gradient(180deg,var(--rf-page-top),var(--rf-page-bottom)) fixed!important; font-family:"Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;} body.avalon-ui-v2[data-site-season],body.avalon-ui-v2[data-site-season="standard"],body.avalon-ui-v2[data-site-season="spring"],body.avalon-ui-v2[data-site-season="summer"],body.avalon-ui-v2[data-site-season="autumn"],body.avalon-ui-v2[data-site-season="winter"]{ --avalon-accent:var(--rf-accent)!important; --ui-gold:var(--rf-accent)!important; --cab-gold:var(--rf-accent)!important; --market-gold:var(--rf-accent)!important; --admin-gold:var(--rf-accent)!important;} body.avalon-ui-v2 .site-season-effects{background:transparent!important;filter:none!important;mix-blend-mode:normal!important} body.avalon-ui-v2 .site-season-effects::before,body.avalon-ui-v2 .site-season-effects::after{content:none!important;display:none!important} body.avalon-player-ui :where(.topbar),body.avalon-admin-ui :where(.admin-topbar){ background:var(--rf-header)!important; border-bottom:1px solid var(--rf-line)!important; box-shadow:none!important;} body.avalon-player-ui :where(.sidebar),body.avalon-admin-ui :where(.admin-sidebar){ background:color-mix(in srgb,var(--rf-surface-deep) 94%,var(--rf-header) 6%)!important; border-color:var(--rf-line)!important; box-shadow:none!important;} body.avalon-player-ui :where(.content),body.avalon-admin-ui :where(.admin-content){background:transparent!important} body.avalon-player-ui .content>.app-view,body.avalon-admin-ui .admin-content>.admin-view{ width:min(100%,1400px)!important; max-width:1400px!important; margin-inline:auto!important;} body.avalon-ui-v2 :where(.side-nav button,.side-nav a,.admin-nav button,.project-links a,.admin-top-links a){ box-shadow:none!important; filter:none!important;} body.avalon-ui-v2 :where(.side-nav button,.side-nav a,.admin-nav button).is-active,body.avalon-ui-v2 :where(.side-nav button,.side-nav a,.admin-nav button)[aria-current="page"]{ color:var(--rf-text)!important; border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; box-shadow:inset 3px 0 0 var(--rf-accent)!important;} body.avalon-ui-v2 :where(.metric-card,.admin-race-online-list article,.admin-metrics article,.character-overview article,.security-summary>div,.premium-status-facts>div,.economy-stock-grid article,.economy-flow-grid article,.coupon-hero-metrics article){ background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important;} body.avalon-ui-v2 :where(.metric-card::after,.admin-race-online-list article::after,.admin-metrics article::after,.welcome-panel::before,.welcome-panel::after,.admin-status-hero::before,.admin-status-hero::after){box-shadow:none!important;filter:none!important} body.avalon-admin-ui :where(.admin-race-online-list article.bellato,.admin-race-online-list article.cora,.admin-race-online-list article.accretia,.admin-race-online-list article[data-race]){ background:var(--rf-surface-raised)!important; background-image:none!important; border-color:var(--rf-line)!important; box-shadow:none!important;} body.avalon-admin-ui :where(.admin-race-online-list article i){box-shadow:none!important} body.avalon-player-ui :where(.page-heading,.avalon-page-heading),body.avalon-public-ui :where(.avalon-page-heading,.agreement-head){ border:1px solid var(--rf-line)!important; border-radius:var(--rf-radius)!important; background:linear-gradient(110deg,var(--rf-surface-raised),var(--rf-surface))!important; background-image:linear-gradient(110deg,var(--rf-surface-raised),var(--rf-surface))!important; box-shadow:var(--rf-shadow)!important;} body.avalon-public-ui .public-character-page-heading{ border:1px solid var(--rf-line)!important; border-radius:var(--rf-radius)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important;} body.avalon-public-ui .public-character-page-heading>*{background:transparent!important;background-image:none!important;box-shadow:none!important} body.avalon-public-ui .public-character-page-heading .eyebrow{ display:inline-flex!important; width:max-content!important; max-width:100%!important; padding:0!important; border:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important;} body.avalon-ui-v2 :where(.page-heading,.avalon-page-heading,.public-character-page-heading,.agreement-head)::before{ width:2px!important; background:linear-gradient(180deg,var(--rf-accent),var(--rf-accent-2))!important; box-shadow:none!important;} body.avalon-ui-v2 :where(button,input,select,textarea){font:inherit} body.avalon-ui-v2 :where(input,select,textarea,.input-wrap){ color:var(--rf-text)!important; background:var(--rf-input)!important; border-color:var(--rf-line)!important; border-radius:var(--rf-radius-control)!important; box-shadow:none!important;} body.avalon-ui-v2 :where(input,select,textarea,.input-wrap):focus,body.avalon-ui-v2 :where(.input-wrap):focus-within{ border-color:color-mix(in srgb,var(--rf-accent) 62%,var(--rf-line-strong))!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--rf-accent) 11%,transparent)!important;} body.avalon-ui-v2 :where(.primary-action,.primary-service-action,.token-action,button[data-variant="primary"]){ color:#171b25!important; border:1px solid rgba(255,172,42,.82)!important; border-radius:var(--rf-radius-control)!important; background:linear-gradient(135deg,var(--rf-accent),var(--rf-accent-2))!important; box-shadow:0 7px 18px rgba(225,91,5,.18),inset 0 1px rgba(255,255,255,.15)!important;} body.avalon-ui-v2 :where(.secondary-action,.ghost-action,button[data-variant="secondary"]){ color:var(--rf-text)!important; border-color:var(--rf-line)!important; border-radius:var(--rf-radius-control)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important;} body.avalon-ui-v2 :where(.secondary-action,.ghost-action,button[data-variant="secondary"]):hover{ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-soft)!important; transform:translateY(-1px)!important;} body.avalon-ui-v2 :where(.account-history-tabs button,.achievement-filters button,.economy-tabs button){ border-radius:var(--rf-radius-control)!important; box-shadow:none!important;} body.avalon-ui-v2 :where(.account-history-tabs button.is-active,.achievement-filters button.is-active.is-active,.economy-tabs button.is-active){ color:var(--rf-text)!important; border-color:color-mix(in srgb,var(--rf-accent) 38%,var(--rf-line))!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:inset 0 -2px 0 var(--rf-accent)!important;} body.avalon-ui-v2 table:not(.rankings-table){border-collapse:separate!important;border-spacing:0!important} body.avalon-ui-v2 table:not(.rankings-table) th{ color:color-mix(in srgb,var(--rf-text) 72%,var(--rf-muted) 28%)!important; background:var(--rf-surface-raised)!important; border-color:var(--rf-line)!important;} body.avalon-ui-v2 table:not(.rankings-table) td{color:var(--rf-text)!important;background:transparent!important;border-color:var(--rf-line)!important} body.avalon-ui-v2 table:not(.rankings-table) tbody tr:hover td{background:var(--rf-surface-soft)!important} body.avalon-ui-v2 :where(.modal,.dialog,.character-service-dialog,.account-action-card,.achievement-editor-card,.archon-modal-card,.item-mutation-card){ color:var(--rf-text)!important; background:var(--rf-surface)!important; background-image:none!important; border:1px solid var(--rf-line-strong)!important; border-radius:12px!important; box-shadow:0 28px 85px rgba(0,0,0,.42)!important;} body.avalon-ui-v2 :where(.account-action-modal){background:rgba(7,10,17,.72)!important;backdrop-filter:blur(5px)!important} body.avalon-ui-v2 :where(.toast,.form-error,.form-success,.auth-availability,.status-callout,.alert){border-radius:9px!important;box-shadow:0 14px 34px rgba(2,5,12,.22)!important} body.avalon-player-ui .auth-stage{ background:linear-gradient(180deg,var(--rf-page-top),var(--rf-page-bottom))!important; background-image:linear-gradient(180deg,var(--rf-page-top),var(--rf-page-bottom))!important;} body.avalon-player-ui :where(.login-card,.auth-card),body.avalon-public-ui :where(.agreement-card,.public-character-hero,.public-character-section){ color:var(--rf-text)!important; background:var(--rf-surface)!important; background-image:none!important; border-color:var(--rf-line)!important; box-shadow:var(--rf-shadow)!important;} body.avalon-ui-v2 :where(.metric-icon,.security-card-icon,.status-dot,.status-icon,.admin-race-online-list article i){filter:none!important} body.avalon-ui-v2 :where(.metric-icon,.security-card-icon){box-shadow:none!important} @media(max-width:980px){ body.avalon-player-ui .content,body.avalon-admin-ui .admin-content{padding-inline:14px!important}} @media(max-width:720px){ body.avalon-player-ui .content,body.avalon-admin-ui .admin-content{padding-inline:10px!important} body.avalon-ui-v2 :where(.page-heading,.avalon-page-heading,.public-character-page-heading,.agreement-head){min-height:0!important;padding:18px 16px!important}} @media(prefers-reduced-motion:reduce){ body.avalon-ui-v2 *,body.avalon-ui-v2 *::before,body.avalon-ui-v2 *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} body.avalon-admin-ui #dashboardView :where(.admin-race-online-panel,.admin-race-online-list article,.admin-metrics article,.module-summary-item,.security-summary>div){ border-color:var(--rf-line)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important;} body.avalon-admin-ui #dashboardView .admin-race-online-panel{ background:var(--rf-surface)!important; box-shadow:var(--rf-shadow)!important;} body.avalon-admin-ui #dashboardView .admin-race-online-list article::before,body.avalon-admin-ui #dashboardView .admin-race-online-list article::after,body.avalon-admin-ui #dashboardView .admin-metrics article::after{ box-shadow:none!important;} body.avalon-admin-ui #dashboardView .admin-race-online-list article i{box-shadow:none!important} body.avalon-player-ui :is( #accountView, #charactersView, #achievementsView, #securityView, #premiumView, #converterView, #couponsView, #rankingsView, #notificationsView ) :where(.welcome-panel, .overview-code-hero, .online-summary-unresolved, .metric-card, .panel, .character-preview-panel, .dashboard-v2-panel-count, .dashboard-v2-recent-panel, .dashboard-v2-ranking-panel, .dashboard-achievement-panel, .player-profile-panel, .account-services-section, .account-service-card, .account-ip-policy-section, .security-policy-card, .deleted-characters-section, .own-achievement-prestige-card, .own-achievement-summary-card, .own-achievement-summary-track, .avalon-panel-soft, .player-activity-section, .activity-card, .game-history-card, .service-history-panel, .service-history-summary, .premium-status-panel, .vote-provider-card, .vote-claim-panel, .vote-history-panel, .vote-history-summary, .converter-flow-card, .converter-hidden-summary, .coupon-hero-card, .coupon-hero-metrics, .coupon-redeem-workspace, .coupon-redeem-card, .coupon-reward-guide-card, .coupon-history-card, .payment-provider-card, .payment-rate-card, .payment-summary-card, .payment-summary-row, .funpay-provider-card, .payment-history-panel, .payment-history-panel-compact, .character-service-hero, .character-service-section, .character-service-tile, .character-service-confirm-panel), body.avalon-admin-ui :is( #dashboardView, #rankingsView, #rewardsView, #economyView, #navigationView, #settings-siteView, #settings-authView, #settings-votingView, #settings-premiumView, #settings-converterView, #settings-paymentsView, #couponsView, #admin-balanceView, #notificationsView, #settings-mailView, #system-healthView, #databaseView, #item-databaseView, #settings-charactersView, #achievementsView, #onlineView, #guildsView, #guild-detailView, #archonView, #charactersView, #character-detailView, #bansView, #accountsView, #account-detailView, #operationsView, #auditView ) :where(.admin-status-hero, .hero-switch, .admin-race-online-panel, .admin-panel, .module-summary, .security-summary, .settings-section, .reward-builder-panel, .reward-preview-panel, .reward-preview-summary, .reward-active-panel, .reward-history-panel, .economy-panel, .navigation-builder-workspace, .navigation-preview-panel, .navigation-editor-card, .season-calendar-card, .registration-policy-panel, .account-service-setting-card, .ip-policy-card, .voting-master-panel, .voting-source-panel, .voting-import-panel, .voting-ledger-panel, .converter-security-panel, .converter-security-card, .converter-source-card, .converter-policy-cards, .converter-policy-card, .funpay-admin-section, .payment-ledger-panel, .coupon-editor-card, .coupon-reward-section, .coupon-admin-list-panel, .account-search-panel, .admin-balance-search-panel, .admin-balance-workspace, .admin-balance-target-card, .admin-balance-action-panel, .admin-balance-history-panel, .notification-compose-panel, .notification-campaigns-panel, .notification-detail-panel, .system-health-hero, .system-predeploy-panel, .system-health-panel, .database-config-panel, .database-status-panel, .database-check-summary, .itemdb-import-panel, .achievement-definition-panel, .achievement-claims-panel, .online-list-panel, .guild-list-panel, .guild-detail-hero, .guild-mutation-panel, .guild-members-panel, .archon-classic-hero, .archon-status-strip, .archon-classic-workspace, .archon-classic-panel, .archon-composition-panel, .archon-classic-candidate-panel, .archon-classic-wide-panel, .archon-history-panel, .archon-snapshots-panel, .character-list-panel, .ban-create-panel, .ban-list-panel, .ip-security-panel, .ip-security-summary, .ip-security-workspace, .ip-security-block-editor, .ip-block-list, .ip-block-list-filters, .ip-block-table, .account-list-panel, .account-detail-hero, .account-workspace-panel, .account-player-profile-panel, .account-cabinet-panel, .account-characters-panel, .account-history-panel, .account-activity-panel, .operation-summary, .operation-panel, .audit-panel, .account-action-card, .achievement-editor-card, .archon-modal-card, .archon-diagnostics-card, .item-mutation-card) { color:var(--rf-text)!important; border-color:var(--rf-line)!important; background-color:var(--rf-surface)!important; background-image:none!important; filter:none!important;} body.avalon-player-ui :is( #accountView, #charactersView, #achievementsView, #securityView, #premiumView, #converterView, #couponsView, #rankingsView, #notificationsView ) :where(.welcome-panel, .overview-code-hero, .online-summary-unresolved, .metric-card, .panel, .character-preview-panel, .dashboard-v2-panel-count, .dashboard-v2-recent-panel, .dashboard-v2-ranking-panel, .dashboard-achievement-panel, .player-profile-panel, .account-service-card, .security-policy-card, .own-achievement-prestige-card, .own-achievement-summary-card, .own-achievement-summary-track, .avalon-panel-soft, .activity-card, .game-history-card, .service-history-panel, .service-history-summary, .premium-status-panel, .vote-provider-card, .vote-claim-panel, .vote-history-panel, .vote-history-summary, .converter-flow-card, .converter-hidden-summary, .coupon-hero-card, .coupon-hero-metrics, .coupon-redeem-card, .coupon-reward-guide-card, .coupon-history-card, .payment-provider-card, .payment-rate-card, .payment-summary-card, .payment-summary-row, .funpay-provider-card, .payment-history-panel, .payment-history-panel-compact, .character-service-hero, .character-service-confirm-panel)::before, body.avalon-player-ui :is( #accountView, #charactersView, #achievementsView, #securityView, #premiumView, #converterView, #couponsView, #rankingsView, #notificationsView ) :where(.welcome-panel, .overview-code-hero, .online-summary-unresolved, .metric-card, .panel, .character-preview-panel, .dashboard-v2-panel-count, .dashboard-v2-recent-panel, .dashboard-v2-ranking-panel, .dashboard-achievement-panel, .player-profile-panel, .account-service-card, .security-policy-card, .own-achievement-prestige-card, .own-achievement-summary-card, .own-achievement-summary-track, .avalon-panel-soft, .activity-card, .game-history-card, .service-history-panel, .service-history-summary, .premium-status-panel, .vote-provider-card, .vote-claim-panel, .vote-history-panel, .vote-history-summary, .converter-flow-card, .converter-hidden-summary, .coupon-hero-card, .coupon-hero-metrics, .coupon-redeem-card, .coupon-reward-guide-card, .coupon-history-card, .payment-provider-card, .payment-rate-card, .payment-summary-card, .payment-summary-row, .funpay-provider-card, .payment-history-panel, .payment-history-panel-compact, .character-service-hero, .character-service-confirm-panel)::after, body.avalon-admin-ui :is( #dashboardView, #rankingsView, #rewardsView, #economyView, #navigationView, #settings-siteView, #settings-authView, #settings-votingView, #settings-premiumView, #settings-converterView, #settings-paymentsView, #couponsView, #admin-balanceView, #notificationsView, #settings-mailView, #system-healthView, #databaseView, #item-databaseView, #settings-charactersView, #achievementsView, #onlineView, #guildsView, #guild-detailView, #archonView, #charactersView, #character-detailView, #bansView, #accountsView, #account-detailView, #operationsView, #auditView ) :where(.admin-status-hero, .hero-switch, .admin-race-online-panel, .admin-panel, .module-summary, .security-summary, .reward-builder-panel, .reward-preview-panel, .reward-preview-summary, .reward-active-panel, .reward-history-panel, .economy-panel, .navigation-preview-panel, .navigation-editor-card, .season-calendar-card, .registration-policy-panel, .account-service-setting-card, .ip-policy-card, .voting-master-panel, .voting-source-panel, .voting-import-panel, .voting-ledger-panel, .converter-security-panel, .converter-security-card, .converter-source-card, .converter-policy-cards, .converter-policy-card, .payment-ledger-panel, .coupon-editor-card, .coupon-admin-list-panel, .account-search-panel, .admin-balance-search-panel, .admin-balance-target-card, .admin-balance-action-panel, .admin-balance-history-panel, .notification-compose-panel, .notification-campaigns-panel, .notification-detail-panel, .system-health-hero, .system-predeploy-panel, .system-health-panel, .database-config-panel, .database-status-panel, .database-check-summary, .itemdb-import-panel, .achievement-definition-panel, .achievement-claims-panel, .online-list-panel, .guild-list-panel, .guild-detail-hero, .guild-mutation-panel, .guild-members-panel, .archon-classic-hero, .archon-classic-panel, .archon-composition-panel, .archon-classic-candidate-panel, .archon-classic-wide-panel, .archon-history-panel, .archon-snapshots-panel, .character-list-panel, .ban-create-panel, .ban-list-panel, .ip-security-panel, .ip-security-summary, .account-list-panel, .account-detail-hero, .account-workspace-panel, .account-player-profile-panel, .account-cabinet-panel, .account-characters-panel, .account-history-panel, .account-activity-panel, .operation-summary, .operation-panel, .audit-panel, .account-action-card, .achievement-editor-card, .archon-modal-card, .archon-diagnostics-card, .item-mutation-card)::before, body.avalon-admin-ui :is( #dashboardView, #rankingsView, #rewardsView, #economyView, #navigationView, #settings-siteView, #settings-authView, #settings-votingView, #settings-premiumView, #settings-converterView, #settings-paymentsView, #couponsView, #admin-balanceView, #notificationsView, #settings-mailView, #system-healthView, #databaseView, #item-databaseView, #settings-charactersView, #achievementsView, #onlineView, #guildsView, #guild-detailView, #archonView, #charactersView, #character-detailView, #bansView, #accountsView, #account-detailView, #operationsView, #auditView ) :where(.admin-status-hero, .hero-switch, .admin-race-online-panel, .admin-panel, .module-summary, .security-summary, .reward-builder-panel, .reward-preview-panel, .reward-preview-summary, .reward-active-panel, .reward-history-panel, .economy-panel, .navigation-preview-panel, .navigation-editor-card, .season-calendar-card, .registration-policy-panel, .account-service-setting-card, .ip-policy-card, .voting-master-panel, .voting-source-panel, .voting-import-panel, .voting-ledger-panel, .converter-security-panel, .converter-security-card, .converter-source-card, .converter-policy-cards, .converter-policy-card, .payment-ledger-panel, .coupon-editor-card, .coupon-admin-list-panel, .account-search-panel, .admin-balance-search-panel, .admin-balance-target-card, .admin-balance-action-panel, .admin-balance-history-panel, .notification-compose-panel, .notification-campaigns-panel, .notification-detail-panel, .system-health-hero, .system-predeploy-panel, .system-health-panel, .database-config-panel, .database-status-panel, .database-check-summary, .itemdb-import-panel, .achievement-definition-panel, .achievement-claims-panel, .online-list-panel, .guild-list-panel, .guild-detail-hero, .guild-mutation-panel, .guild-members-panel, .archon-classic-hero, .archon-classic-panel, .archon-composition-panel, .archon-classic-candidate-panel, .archon-classic-wide-panel, .archon-history-panel, .archon-snapshots-panel, .character-list-panel, .ban-create-panel, .ban-list-panel, .ip-security-panel, .ip-security-summary, .account-list-panel, .account-detail-hero, .account-workspace-panel, .account-player-profile-panel, .account-cabinet-panel, .account-characters-panel, .account-history-panel, .account-activity-panel, .operation-summary, .operation-panel, .audit-panel, .account-action-card, .achievement-editor-card, .archon-modal-card, .archon-diagnostics-card, .item-mutation-card)::after { box-shadow:none!important; filter:none!important;} #admin-balanceView .admin-balance-table{table-layout:fixed!important;min-width:1180px!important} #admin-balanceView .admin-balance-table :is(th,td){box-sizing:border-box;vertical-align:middle!important;text-align:left!important} #admin-balanceView .admin-balance-table tbody tr{background:transparent!important} #admin-balanceView .admin-balance-table tbody td{background:transparent!important;line-height:1.35!important} #admin-balanceView .admin-balance-table :is(th,td):nth-child(1){width:14%} #admin-balanceView .admin-balance-table :is(th,td):nth-child(2){width:10%} #admin-balanceView .admin-balance-table :is(th,td):nth-child(3){width:14%} #admin-balanceView .admin-balance-table :is(th,td):nth-child(4){width:10%} #admin-balanceView .admin-balance-table :is(th,td):is(:nth-child(5),:nth-child(6)){width:9%} #admin-balanceView .admin-balance-table :is(th,td):is(:nth-child(7),:nth-child(8)){width:17%} #adminBalanceAuditEmpty.is-hidden{display:none!important} /* 1) Header cards and account controls: one height, one neutral surface. */ body.avalon-player-ui .top-wallet > :is(.top-wallet-card,.top-notification-button),body.avalon-player-ui .top-profile,body.avalon-admin-ui .admin-profile{ min-height:52px!important; height:52px!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; filter:none!important;} body.avalon-player-ui .top-wallet > :is(.top-wallet-card,.top-notification-button):hover,body.avalon-player-ui .top-profile:hover,body.avalon-player-ui .top-profile[aria-expanded="true"],body.avalon-admin-ui .admin-profile:hover{ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important;} body.avalon-player-ui :is(.top-wallet-icon,.top-notification-icon,.profile-avatar,.top-profile-menu-avatar),body.avalon-admin-ui :is(.admin-profile-avatar){ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important; text-shadow:none!important; filter:none!important;} body.avalon-player-ui .top-profile-menu{ border-color:var(--rf-line-strong)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:0 18px 46px rgba(5,9,18,.32)!important;} body.avalon-player-ui .top-profile-menu :is(button,a){ border-color:transparent!important; background:transparent!important; box-shadow:none!important;} body.avalon-player-ui .top-profile-menu :is(button,a):hover{ border-color:var(--rf-line)!important; background:var(--rf-surface-soft)!important;} /* 2) Player page headings: remove the stray vertical amber strip and use one compact heading geometry on Account/Security/Activity/Payments and every other player route. */ body.avalon-player-ui .content > .app-view > :is(.page-heading, .notification-page-heading, .premium-page-heading, .payment-page-heading), body.avalon-player-ui .content > .app-view .page-heading:first-child { min-height:0!important; margin:0 0 18px!important; padding:0 2px 14px!important; border:0!important; border-radius:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; filter:none!important;} body.avalon-player-ui .content > .app-view > :is(.page-heading, .notification-page-heading, .premium-page-heading, .payment-page-heading)::before, body.avalon-player-ui .content > .app-view > :is(.page-heading, .notification-page-heading, .premium-page-heading, .payment-page-heading)::after, body.avalon-player-ui .content > .app-view .page-heading:first-child::before, body.avalon-player-ui .content > .app-view .page-heading:first-child::after { display:none!important; content:none!important;} body.avalon-player-ui .content > .app-view > :is(.page-heading, .notification-page-heading, .premium-page-heading, .payment-page-heading) h1, body.avalon-player-ui .content > .app-view .page-heading:first-child h1 { margin:5px 0 6px!important; font-size:1.875rem!important; line-height:1.08!important; letter-spacing:-.032em!important;} body.avalon-player-ui .content > .app-view > :is(.page-heading, .notification-page-heading, .premium-page-heading, .payment-page-heading) p, body.avalon-player-ui .content > .app-view .page-heading:first-child p { margin:0!important; color:var(--rf-muted)!important; line-height:1.5!important;} /* 6) Admin chrome: expanded navigation and the footer no longer create a bronze/brown block. */ body.avalon-admin-ui .admin-nav-group,body.avalon-admin-ui .admin-nav-group.is-open{ border-color:transparent!important; background:transparent!important; background-image:none!important; box-shadow:none!important; filter:none!important;} body.avalon-admin-ui .admin-nav-group.is-open > .admin-nav-group-toggle,body.avalon-admin-ui .admin-nav-group.is-open.has-active > .admin-nav-group-toggle,body.avalon-admin-ui .admin-nav-group.has-active:not(.is-open) > .admin-nav-group-toggle{ color:var(--rf-text)!important; border-color:var(--rf-line)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:inset 3px 0 0 var(--rf-accent)!important; filter:none!important;} body.avalon-admin-ui .admin-nav-group .admin-nav-subitem,body.avalon-admin-ui .admin-nav-group .admin-nav-subitem:not(.is-active):hover{ border-color:transparent!important; background:transparent!important; background-image:none!important; box-shadow:none!important;} body.avalon-admin-ui .admin-nav-group .admin-nav-subitem.is-active{ color:var(--rf-text)!important; border-color:var(--rf-line)!important; background:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:inset 2px 0 0 var(--rf-accent)!important;} body.avalon-admin-ui .admin-nav-group .admin-nav-subitem > i,body.avalon-admin-ui .admin-nav-group .admin-nav-subitem.is-active > i{ box-shadow:none!important;} body.avalon-admin-ui .admin-side-foot{ margin-top:auto!important; padding:13px 8px 4px!important; gap:7px!important; border-top:1px solid var(--rf-line)!important; border-radius:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important;} body.avalon-admin-ui .admin-side-foot a{ min-height:34px!important; padding:0 8px!important; display:flex!important; align-items:center!important; border:1px solid transparent!important; border-radius:7px!important; color:var(--rf-muted)!important; background:transparent!important;} body.avalon-admin-ui .admin-side-foot a:hover{ color:var(--rf-text)!important; border-color:var(--rf-line)!important; background:var(--rf-surface-soft)!important;} body.avalon-admin-ui .admin-side-foot small,body.avalon-admin-ui .admin-side-foot b{color:var(--rf-dim)!important} /* 7) Admin dashboard: concrete selectors beat the old ID-scoped season rules. */ body.avalon-admin-ui #dashboardView .admin-race-online-panel,body.avalon-admin-ui #dashboardView .admin-race-online-total,body.avalon-admin-ui #dashboardView .admin-race-online-list article,body.avalon-admin-ui #dashboardView .admin-metrics article,body.avalon-admin-ui #dashboardView .module-summary-item,body.avalon-admin-ui #dashboardView .security-summary > div{ border-color:var(--rf-line)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; filter:none!important;} body.avalon-admin-ui #dashboardView .admin-race-online-list article,body.avalon-admin-ui #dashboardView .admin-metrics article,body.avalon-admin-ui #dashboardView .module-summary-item,body.avalon-admin-ui #dashboardView .security-summary > div{ background:var(--rf-surface-soft)!important;} body.avalon-admin-ui #dashboardView .admin-race-online-total,body.avalon-admin-ui #dashboardView .admin-race-online-list article{ min-height:112px!important; height:100%!important;} body.avalon-admin-ui #dashboardView .admin-race-online-panel::before{ background:var(--rf-success)!important; box-shadow:none!important;} body.avalon-admin-ui #dashboardView :is(.admin-race-online-panel,.admin-race-online-total,.admin-race-online-list article,.admin-metrics article)::after,body.avalon-admin-ui #dashboardView :is(.admin-race-online-panel,.admin-race-online-total,.admin-race-online-list article,.admin-metrics article)::before{ filter:none!important; box-shadow:none!important;} body.avalon-admin-ui #dashboardView .admin-race-online-list article::before,body.avalon-admin-ui #dashboardView .admin-race-online-list article::after,body.avalon-admin-ui #dashboardView .admin-metrics article::after{ display:none!important; content:none!important; background:none!important;} /* 8) Admin tables: kill the surviving #4e4740 / grey-brown table headers and row fills seen in Online and Accounts screenshots. */ body.avalon-admin-ui .admin-view table.audit-table thead th,body.avalon-admin-ui .admin-view table.online-table thead th,body.avalon-admin-ui .admin-view table.account-table thead th,body.avalon-admin-ui .admin-view table.character-table thead th,body.avalon-admin-ui .admin-view table.guild-table thead th,body.avalon-admin-ui .admin-view table.ban-table thead th,body.avalon-admin-ui .admin-view table.ip-block-table thead th{ color:var(--rf-muted)!important; border-color:var(--rf-line)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important;} body.avalon-admin-ui .admin-view table.audit-table tbody tr,body.avalon-admin-ui .admin-view table.online-table tbody tr,body.avalon-admin-ui .admin-view table.account-table tbody tr,body.avalon-admin-ui .admin-view table.character-table tbody tr,body.avalon-admin-ui .admin-view table.guild-table tbody tr,body.avalon-admin-ui .admin-view table.ban-table tbody tr,body.avalon-admin-ui .admin-view table.ip-block-table tbody tr{ background:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:none!important;} body.avalon-admin-ui .admin-view table.audit-table tbody td,body.avalon-admin-ui .admin-view table.online-table tbody td,body.avalon-admin-ui .admin-view table.account-table tbody td,body.avalon-admin-ui .admin-view table.character-table tbody td,body.avalon-admin-ui .admin-view table.guild-table tbody td,body.avalon-admin-ui .admin-view table.ban-table tbody td,body.avalon-admin-ui .admin-view table.ip-block-table tbody td{ color:var(--rf-text)!important; border-color:var(--rf-line)!important; background:transparent!important; background-image:none!important;} body.avalon-admin-ui .admin-view table.audit-table tbody tr:hover,body.avalon-admin-ui .admin-view table.online-table tbody tr:hover,body.avalon-admin-ui .admin-view table.account-table tbody tr:hover,body.avalon-admin-ui .admin-view table.character-table tbody tr:hover,body.avalon-admin-ui .admin-view table.guild-table tbody tr:hover,body.avalon-admin-ui .admin-view table.ban-table tbody tr:hover,body.avalon-admin-ui .admin-view table.ip-block-table tbody tr:hover{ background:var(--rf-surface-raised)!important;} /* 9) Admin metric strips / quick access / filters use the same neutral cards. */ body.avalon-admin-ui .admin-view :is(.admin-metrics,.achievement-admin-metrics,.online-module-metrics,.guild-module-metrics,.character-module-metrics,.ban-module-metrics,.account-module-metrics) > article,body.avalon-admin-ui .admin-view :is(.admin-qol-targets,.admin-saved-filter-row,.account-search-meta,.online-list-meta){ border-color:var(--rf-line)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; filter:none!important;} body.avalon-admin-ui .admin-view :is(.admin-metrics,.achievement-admin-metrics,.online-module-metrics,.guild-module-metrics,.character-module-metrics,.ban-module-metrics,.account-module-metrics) > article{ min-height:92px!important; height:100%!important;} body.avalon-admin-ui .admin-view :is(.admin-metrics,.achievement-admin-metrics,.online-module-metrics,.guild-module-metrics,.character-module-metrics,.ban-module-metrics,.account-module-metrics) > article::before,body.avalon-admin-ui .admin-view :is(.admin-metrics,.achievement-admin-metrics,.online-module-metrics,.guild-module-metrics,.character-module-metrics,.ban-module-metrics,.account-module-metrics) > article::after{ display:none!important; content:none!important; background:none!important; box-shadow:none!important;} /* 10) Rankings/settings: keep settings panels cold-neutral and discrete. */ body.avalon-admin-ui #rankingsView .admin-panel.settings-section{ border-color:var(--rf-line)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important;} body.avalon-admin-ui .admin-view .settings-grid{ gap:10px!important; padding:14px!important;} body.avalon-admin-ui .admin-view .settings-grid.two-columns{ column-gap:10px!important; row-gap:10px!important;} body.avalon-admin-ui .admin-view:not(#rankingsView) .setting-row,body.avalon-admin-ui .admin-view:not(#rankingsView) .setting-row.full,body.avalon-admin-ui .admin-view:not(#rankingsView) .setting-row.switch-row,body.avalon-admin-ui .admin-view:not(#rankingsView) .setting-row.policy-explainer{ min-height:76px!important; margin:0!important; padding:13px 14px!important; border:1px solid var(--rf-line)!important; border-radius:9px!important; background:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:none!important; filter:none!important;} body.avalon-admin-ui .admin-view .setting-row::before,body.avalon-admin-ui .admin-view .setting-row::after{ display:none!important; content:none!important; background:none!important; box-shadow:none!important;} /* 11) Generic panels and section headers: no remaining accent-mixed large surfaces anywhere in Player/Admin. Accent remains CTA/active/focus only. */ body.avalon-player-ui .app-view :is(.panel,.avalon-panel,.avalon-panel-soft){ border-color:var(--rf-line)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important;} body.avalon-player-ui .app-view :is(.panel-head),body.avalon-admin-ui .admin-view :is(.admin-panel-head,.character-workspace-head,.account-workspace-head,.notification-compose-head){ border-color:var(--rf-line)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important;} /* 12) Seasonal particles remain effects-only but are deliberately quieter on dense working screens. */ @media(max-width:720px){ body.avalon-admin-ui .admin-view .settings-grid,body.avalon-admin-ui .admin-view .settings-grid.two-columns{gap:8px!important;padding:10px!important} body.avalon-admin-ui .admin-view .setting-row,body.avalon-admin-ui .admin-view .setting-row.full,body.avalon-admin-ui .admin-view .setting-row.switch-row{min-height:64px!important}} #paymentLedgerEmpty.is-hidden{display:none!important}/* Canonical dark-only structural owner. */ /* Final canonical palette. Explicitly cold-neutral: no brown/bronze structural fills. */ /* Header geometry. Prevent tiny profile islands and oversized empty header strips. */ body.avalon-player-ui .topbar,body.avalon-admin-ui .admin-topbar{ min-height:72px!important;height:72px!important;padding:0 24px!important;display:flex!important;align-items:center!important;gap:12px!important; } body.avalon-player-ui .top-wallet{margin-left:auto!important;display:flex!important;align-items:center!important;gap:7px!important} body.avalon-player-ui .top-profile-shell,body.avalon-admin-ui .admin-profile{flex:0 0 auto!important;margin-left:0!important} body.avalon-player-ui .top-profile,body.avalon-admin-ui .admin-profile{min-height:44px!important;height:44px!important;padding:5px 10px!important} body.avalon-player-ui .profile-avatar,body.avalon-admin-ui .admin-profile-avatar{width:34px!important;height:34px!important} body.avalon-admin-ui .admin-top-links{flex:1 1 auto!important;min-width:0!important} /* Admin dashboard: the security card must size to its content, never stretch to the tall module list. */ body.avalon-admin-ui #dashboardView .admin-dashboard-grid{align-items:start!important} body.avalon-admin-ui #dashboardView .admin-dashboard-grid>.admin-panel{height:auto!important;min-height:0!important;align-self:start!important} body.avalon-admin-ui #dashboardView .security-summary{height:auto!important;min-height:0!important} body.avalon-admin-ui #dashboardView .security-summary>div{min-height:64px!important;height:auto!important;background:var(--rf-surface-soft)!important} /* Rankings: remove the remaining bronze hero/tab fill. */ body.avalon-player-ui #rankingsView .rankings-own-strip{ border-color:var(--rf-line)!important;background:var(--rf-surface)!important;background-image:none!important;box-shadow:none!important;filter:none!important; } /* Premium: remove the old warm frame from every nested layer. */ body.avalon-player-ui #premiumView .premium-status-facts>div{background:var(--rf-surface-soft)!important} /* Character cards: race colour is a small accent, never a full-card brown/purple/blue wash. */ body.avalon-player-ui #charactersView .character-card,body.avalon-player-ui #charactersView .character-card-v170,body.avalon-player-ui #charactersView .character-card :is(.character-visual,.character-visual-v170,.character-roster-hero,.character-body,.character-body-v170){ border-color:var(--rf-line)!important;background:var(--rf-surface)!important;background-image:none!important;box-shadow:none!important;filter:none!important; } body.avalon-player-ui #charactersView .character-card :is(.character-body,.character-body-v170){background:var(--rf-surface-soft)!important} body.avalon-player-ui #charactersView .character-card .character-visual-line{opacity:1!important;box-shadow:none!important} body.avalon-player-ui #charactersView .character-card.bell .character-visual-line{background:var(--rf-info)!important} body.avalon-player-ui #charactersView .character-card.cora .character-visual-line{background:var(--rf-violet)!important} body.avalon-player-ui #charactersView .character-card.acc .character-visual-line{background:var(--rf-danger)!important} body.avalon-player-ui #charactersView .character-card.bell .character-monogram{color:var(--rf-info)!important} body.avalon-player-ui #charactersView .character-card.cora .character-monogram{color:var(--rf-violet)!important} body.avalon-player-ui #charactersView .character-card.acc .character-monogram{color:var(--rf-danger)!important} /* Payments/timeline/security and all page workspaces from the supplied screenshots. */ body.avalon-player-ui #securityView :is(.security-summary>div),body.avalon-player-ui #accountView :is(.account-services-section,.account-service-card){ border-color:var(--rf-line)!important;background:var(--rf-surface)!important;background-image:none!important;box-shadow:none!important;filter:none!important; } body.avalon-player-ui #securityView .security-summary>div{background:var(--rf-surface-soft)!important} /* Generic admin tables/settings from previous screenshots stay cold-neutral. */ body.avalon-admin-ui .admin-view :is(table thead th,.setting-row,.admin-saved-filter-row,.admin-qol-targets){ border-color:var(--rf-line)!important;background:var(--rf-surface-soft)!important;background-image:none!important;box-shadow:none!important;filter:none!important; } body.avalon-admin-ui .admin-view table tbody tr{background:var(--rf-surface)!important;background-image:none!important;box-shadow:none!important} body.avalon-admin-ui .admin-view table tbody tr:hover{background:var(--rf-surface-raised)!important} /* Seasonal particles remain decorative only; reduce noise over dense work areas. */ body.avalon-admin-ui .site-season-particle{opacity:calc(var(--p-opacity) * .28)!important} body.avalon-player-ui .site-season-particle{opacity:calc(var(--p-opacity) * .42)!important} @media(max-width:1240px){ } @media(max-width:900px){ } body.avalon-player-ui #charactersView .character-card-v170 :is(.character-roster-hero,.character-visual,.character-visual-v170),body.avalon-player-ui #charactersView .character-card-v170.bellato :is(.character-roster-hero,.character-visual,.character-visual-v170),body.avalon-player-ui #charactersView .character-card-v170.acc :is(.character-roster-hero,.character-visual,.character-visual-v170),body.avalon-player-ui #charactersView .character-card-v170.cora :is(.character-roster-hero,.character-visual,.character-visual-v170){ border-color:var(--rf-line)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #charactersView .character-card-v170 :is(.character-roster-hero,.character-visual,.character-visual-v170)::before,body.avalon-player-ui #charactersView .character-card-v170 :is(.character-roster-hero,.character-visual,.character-visual-v170)::after{ display:none!important;content:none!important;background:none!important;box-shadow:none!important; } body.avalon-player-ui #charactersView .character-roster-hero>.character-monogram{ background:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #charactersView .character-card-v170.bellato .character-roster-hero>.character-monogram{color:var(--rf-info)!important;border-color:color-mix(in srgb,var(--rf-info) 42%,var(--rf-line))!important} body.avalon-player-ui #charactersView .character-card-v170.acc .character-roster-hero>.character-monogram{color:var(--rf-danger)!important;border-color:color-mix(in srgb,var(--rf-danger) 42%,var(--rf-line))!important} body.avalon-player-ui #charactersView .character-card-v170.cora .character-roster-hero>.character-monogram{color:var(--rf-violet)!important;border-color:color-mix(in srgb,var(--rf-violet) 42%,var(--rf-line))!important} body.avalon-player-ui #rankingsView :is(.rankings-own-strip){ border-color:var(--rf-line)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; } @media(max-width:1240px){ } @media(max-width:900px){ } /* Catch historical module-specific containers that were missed by named passes. */ body.avalon-ui-v2 :where( [class*="card"],[class*="panel"],[class*="hero"],[class*="summary"],[class*="widget"], [class*="tile"],[class*="workspace"],[class*="section"],[class*="callout"],[class*="fact"], [class*="stat"],[class*="metric"],[class*="inbox"],[class*="empty"],[class*="history"] ):not(:where(#overviewView,#overviewView *,#rankingsView,#rankingsView *,#votingView,#votingView *)):not(:where(.avalon-container-history-item *)):not(.site-season-particle):not(.primary-action):not(.badge):not([class*="badge"]):not([class*="icon"]):not(.auth-tab-panel):not(.notification-preview-sample):not(.service-history-copy):not(.payment-history-copy):not(.payment-history-title):not(.payment-history-meta):not(.payment-history-side):not(.payment-history-balance):not(.payment-history-status):not(.funpay-offer-card):not(.funpay-offer-summary):not(.payment-rate-card):not(.payment-summary-card):not(.character-summary-stats):not(.character-detail-panel):not(.character-metric){ border-color:var(--rf-line)!important; background-color:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; } /* Nested rows use the second cold surface level. */ body.avalon-ui-v2 :where( [class*="row"],[class*="item"],[class*="entry"],[class*="fact"] ):not(:where(#overviewView,#overviewView *,#rankingsView,#rankingsView *,#votingView,#votingView *)):not(.site-season-particle):not(.primary-action):not(.badge):not([class*="badge"]):not([class*="icon"]):not(.own-achievement-filter-row):not(.payment-bonus-item-label):not(.payment-bonus-item-link):not(.payment-bonus-item-name):not(.funpay-offer-reward-item):not(.payment-entry-grid):not(.payment-summary-row){ border-color:var(--rf-line)!important; background-color:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:none!important; } /* Do not allow old decorative overlays to recolour structural blocks. */ body.avalon-ui-v2 :where( [class*="card"],[class*="panel"],[class*="hero"],[class*="summary"],[class*="widget"], [class*="tile"],[class*="workspace"],[class*="callout"],[class*="stat"],[class*="metric"] ):not(:where(#overviewView,#overviewView *,#rankingsView,#rankingsView *,#votingView,#votingView *))::before, body.avalon-ui-v2 :where( [class*="card"],[class*="panel"],[class*="hero"],[class*="summary"],[class*="widget"], [class*="tile"],[class*="workspace"],[class*="callout"],[class*="stat"],[class*="metric"] ):not(:where(#overviewView,#overviewView *,#rankingsView,#rankingsView *,#votingView,#votingView *))::after{ background-image:none!important; box-shadow:none!important; filter:none!important; } /* Player Dashboard owns its own surface hierarchy; generic warm-surface catch-alls must not recolour it. */ /* Character list: race may tint only monogram/text, never row/card surface or border. */ body.avalon-player-ui #charactersView :where(.character-body,.character-body-v170):not(.character-roster-body){background:var(--rf-surface-soft)!important} /* Server/status areas keep teal only on icon/dot/text. */ body.avalon-admin-ui.avalon-ui-v2 :where(.admin-status-hero,.admin-race-online-panel,.admin-race-online-list article){ border-color:var(--rf-line)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; } body.avalon-admin-ui.avalon-ui-v2 .admin-race-online-list article{background:var(--rf-surface-soft)!important} /* Tables: eradicate old bronze header and row fills globally. */ body.avalon-ui-v2 table:not(.audit-log-table):not(.rankings-table){border-color:var(--rf-line)!important;background:var(--rf-surface)!important;background-image:none!important} body.avalon-ui-v2 table:not(.audit-log-table):not(.rankings-table) thead, body.avalon-ui-v2 table:not(.audit-log-table):not(.rankings-table) thead tr, body.avalon-ui-v2 table:not(.audit-log-table):not(.rankings-table) thead th{border-color:var(--rf-line)!important;background:var(--rf-surface-deep)!important;background-image:none!important;box-shadow:none!important} body.avalon-ui-v2 table:not(.audit-log-table):not(.rankings-table) tbody tr, body.avalon-ui-v2 table:not(.audit-log-table):not(.rankings-table) tbody td{border-color:var(--rf-line)!important;background:var(--rf-surface)!important;background-image:none!important;box-shadow:none!important} body.avalon-ui-v2 table:not(.audit-log-table):not(.rankings-table) tbody tr:hover, body.avalon-ui-v2 table:not(.audit-log-table):not(.rankings-table) tbody tr:hover td{background:var(--rf-surface-raised)!important} /* Forms/settings: no warm disabled/selected fill. */ body.avalon-ui-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,[class*="setting"],[class*="filter"]){border-color:var(--rf-line)!important} body.avalon-ui-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:var(--rf-input)!important;background-image:none!important;box-shadow:none!important} /* Day mode follows the same hierarchy; this block intentionally comes last. */ /* Active navigation: no bronze rectangle. Only orange icon/left marker. */ body.avalon-ui-v2 :is(.side-nav,.admin-nav) :is(button,a).is-active, body.avalon-ui-v2 :is(.side-nav,.admin-nav) :is(button,a)[aria-current="page"]{ background:var(--rf-surface-soft)!important; background-image:none!important; border-color:var(--rf-line)!important; box-shadow:inset 2px 0 0 var(--rf-accent)!important; } body.avalon-ui-v2 :is(.side-nav,.admin-nav) :is(button,a).is-active :is(.ui-icon,.nav-svg), body.avalon-ui-v2 :is(.side-nav,.admin-nav) :is(button,a)[aria-current="page"] :is(.ui-icon,.nav-svg){ color:var(--rf-accent)!important; background:transparent!important; } /* Unified top navigation owner for Player + Admin. Text-only, no tab underline/pill. */ body.avalon-ui-v2 :is(.project-links,.admin-top-links) a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; color:var(--rf-muted)!important; background:transparent!important; background-image:none!important; border-color:transparent!important; box-shadow:none!important; filter:none!important; font-weight:650!important; transition:color .15s ease!important; } body.avalon-ui-v2 :is(.project-links,.admin-top-links) a .top-nav-icon{ flex:0 0 14px!important; width:14px!important; height:14px!important; color:currentColor!important; background:transparent!important; } body.avalon-ui-v2 :is(.project-links,.admin-top-links) a:hover{ color:var(--rf-text)!important; background:transparent!important; border-color:transparent!important; box-shadow:none!important; } body.avalon-ui-v2 :is(.project-links,.admin-top-links) a.is-active, body.avalon-ui-v2 :is(.project-links,.admin-top-links) a.is-current, body.avalon-ui-v2 :is(.project-links,.admin-top-links) a[aria-current="page"]{ color:var(--rf-text)!important; background:transparent!important; background-image:none!important; border-color:transparent!important; box-shadow:none!important; font-weight:800!important; } body.avalon-ui-v2 :is(.project-links,.admin-top-links) a::after{ content:none!important; display:none!important; } body.avalon-ui-v2 :is(.project-links,.admin-top-links) a:focus-visible{ outline:1px solid var(--rf-line-strong)!important; outline-offset:2px!important; } /* Small icon containers: neutral tile + colored glyph. No gold/brown tile backgrounds. */ body.avalon-admin-ui :where( .admin-profile-avatar){ background:var(--rf-surface-raised)!important; background-image:none!important; border-color:var(--rf-line)!important; box-shadow:none!important; filter:none!important; } /* The exact modules from the screenshots: every container/row is cold neutral. */ body.avalon-player-ui :is(#converterView,#couponsView,#premiumView) :where( article,section,aside,form,fieldset, .panel,.card,[class*="-card"],[class*="-panel"],[class*="-box"],[class*="-summary"], [class*="-status"],[class*="-fact"],[class*="-row"],[class*="-option"],[class*="-reward"], [class*="-provider"],[class*="-source"],[class*="-target"],[class*="-amount"],[class*="-result"] ){ border-color:var(--rf-line)!important; box-shadow:none!important; filter:none!important; } /* Only elements that are actual visual boxes get a cold fill. */ body.avalon-player-ui :is(#converterView,#couponsView,#premiumView) :where( .panel,.card,[class*="-card"],[class*="-panel"],[class*="-box"],[class*="-summary"], [class*="-fact"],[class*="-row"],[class*="-option"],[class*="-reward"] ){ background:var(--rf-surface)!important; background-image:none!important; } /* Controls inside those modules are also cold; enabled primary CTA is overridden below. */ body.avalon-player-ui :is(#converterView,#couponsView,#premiumView) :where( input,select,textarea,.input-wrap,button:not(.primary-action),a:not(.primary-action) ){ background-color:var(--rf-surface-raised)!important; background-image:none!important; border-color:var(--rf-line)!important; box-shadow:none!important; } /* Primary enabled CTA remains orange; disabled CTA is neutral. */ body.avalon-ui-v2 .primary-action:not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.is-disabled){ background:linear-gradient(135deg,var(--rf-primary-start),var(--rf-primary-end))!important; border-color:var(--rf-primary-border)!important; color:var(--rf-on-accent)!important; } body.avalon-ui-v2 .primary-action:is(:disabled,[aria-disabled="true"],.disabled,.is-disabled){ background:var(--rf-surface-raised)!important; background-image:none!important; border-color:var(--rf-line)!important; color:var(--rf-muted)!important; } /* Header is compact on every desktop page. */ body.avalon-player-ui .topbar, body.avalon-admin-ui .admin-topbar{ min-height:64px!important; height:64px!important; padding:0 16px!important; background:var(--rf-header)!important; background-image:none!important; border-bottom:1px solid var(--rf-line)!important; box-shadow:none!important; } /* Theme button: icon only, always visible, no text/pill/system mode. */ /* Day mode uses the canonical Dashboard palette from 99-canonical-tokens.css. */ /* Never show dashboard's decorative metric arrow again. */ /* Account detail surfaces. */ /* Account detail surfaces intentionally mirror the existing account character cards. */ :is(body.avalon-admin-ui) #onlineView .online-level-cell, :is(body.avalon-admin-ui) #charactersView .character-level-cell, :is(body.avalon-admin-ui) #guildsView .guild-level-cell{font-weight:500!important} /* Outer sections use the same shell already used by "Персонажи аккаунта". */ :is(body.avalon-admin-ui) #account-detailView :is( .account-workspace-panel, .account-facts-panel, .account-cabinet-panel, .account-credentials-panel, .account-player-profile-panel, .account-characters-panel, .account-history-panel, .account-activity-panel, .account-entity-audit ){ margin:0!important; border:1px solid var(--ui-line)!important; border-radius:12px!important; background:var(--ui-surface)!important; box-shadow:none!important; overflow:hidden!important; } :is(body.avalon-admin-ui) #account-detailView :is( .account-workspace-panel, .account-facts-panel, .account-cabinet-panel, .account-credentials-panel, .account-player-profile-panel, .account-characters-panel, .account-history-panel, .account-activity-panel, .account-entity-audit ) > .admin-panel-head, :is(body.avalon-admin-ui) #account-detailView .account-workspace-head{ min-height:52px!important; padding:10px 13px!important; border-bottom:1px solid var(--ui-line)!important; background:transparent!important; box-shadow:none!important; } /* Shared content spacing follows the existing character-grid rhythm. */ :is(body.avalon-admin-ui) #account-detailView{ --account-activity-card-min-height:84px; } :is(body.avalon-admin-ui) #account-detailView .account-detail-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; align-items:stretch!important; } :is(body.avalon-admin-ui) #account-detailView :is( .account-facts, .account-cabinet-metrics, .account-credentials-grid, .account-player-profile-grid, .account-character-grid ){gap:8px!important;padding:10px 12px 12px!important} /* Account activity containers are layout-only. Generic global [class*=fact]/[class*=metric] ownership must not paint them, otherwise the two activity panels receive different tones. */ :is(body.avalon-admin-ui) #account-detailView .account-facts, :is(body.avalon-admin-ui) #account-detailView .account-cabinet-metrics{ background:transparent!important; background-color:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; } /* This is the exact visual contract of .account-character-card. */ :is(body.avalon-admin-ui) #account-detailView :is( .account-facts > div, .account-cabinet-metrics > div, .account-credential-row, .account-player-profile-grid > span, ){ padding:11px 12px!important; border:1px solid var(--ui-line)!important; border-radius:9px!important; background:var(--ui-surface-soft)!important; background-image:none!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-facts, :is(body.avalon-admin-ui) #account-detailView .account-cabinet-metrics{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; align-content:start!important; grid-auto-rows:minmax(var(--account-activity-card-min-height),auto)!important; } :is(body.avalon-admin-ui) #account-detailView .account-facts > div, :is(body.avalon-admin-ui) #account-detailView .account-cabinet-metrics > div{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; min-height:var(--account-activity-card-min-height)!important; padding:12px 14px!important; background:var(--ui-surface-soft)!important; } /* Credentials use the same card surface as a character card. */ :is(body.avalon-admin-ui) #account-detailView .account-credential-row{ grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)!important; align-items:center!important; gap:14px!important; } :is(body.avalon-admin-ui) #account-detailView .account-credential-row > div{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:7px!important;align-items:center!important} :is(body.avalon-admin-ui) #account-detailView .account-credential-row input{ min-height:38px!important; border:1px solid var(--ui-line)!important; border-radius:9px!important; background:var(--ui-surface)!important; color:var(--ui-text)!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-credential-row .admin-button{min-width:112px!important;height:38px!important} /* Typography follows the character card's muted-label / bright-value contrast. */ :is(body.avalon-admin-ui) #account-detailView :is( .account-facts small, .account-cabinet-metrics small, .account-player-profile-grid small, .account-credential-row > span small ){color:var(--ui-dim)!important} :is(body.avalon-admin-ui) #account-detailView :is( .account-facts b, .account-cabinet-metrics b, .account-player-profile-grid b, .account-credential-row > span b ){color:var(--ui-text)!important} :is(body.avalon-admin-ui) #account-detailView .account-player-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} :is(body.avalon-admin-ui) #account-detailView .account-player-profile-panel .admin-panel-head > em{display:none!important} :is(body.avalon-admin-ui) #account-detailView #accountEntityAudit{margin-top:18px!important} :is(body.avalon-admin-ui) #account-detailView .account-detail-statuses-actions #accountWorkspaceBalanceButton{white-space:nowrap!important} /* Dark account detail owns its own borders and surfaces. This intentionally neutralizes the old global wildcard card/fact rules that added a blue outline and mismatched fills. */ html[data-color-theme="dark"] :is(body.avalon-admin-ui) #account-detailView :is( .account-workspace-panel, .account-facts-panel, .account-cabinet-panel, .account-credentials-panel, .account-player-profile-panel, .account-characters-panel, .account-history-panel, .account-activity-panel, .account-entity-audit ){border-color:transparent!important} html[data-color-theme="dark"] :is(body.avalon-admin-ui) #account-detailView :is( .account-facts > div, .account-cabinet-metrics > div, .account-credential-row, .account-player-profile-grid > span, .account-entity-audit .admin-entity-audit-row ){ border-color:transparent!important; background:var(--ui-surface-soft)!important; background-image:none!important; box-shadow:none!important; } /* Light theme keeps the same hierarchy; only shared tokens change. */ @media(max-width:980px){ :is(body.avalon-admin-ui) #account-detailView .account-facts, :is(body.avalon-admin-ui) #account-detailView .account-player-profile-grid{grid-template-columns:1fr!important} } @media(max-width:820px){ :is(body.avalon-admin-ui) #account-detailView .account-credential-row{grid-template-columns:1fr!important} } @media(max-width:620px){ :is(body.avalon-admin-ui) #account-detailView .account-credential-row > div{grid-template-columns:1fr!important} } /* Account detail refinements keep character-card colors as the source of truth. */ :is(body.avalon-admin-ui) #account-detailView .account-detail-statuses-actions #accountDetailOnline.online{ border-color:color-mix(in srgb,var(--ui-green) 48%,var(--ui-line))!important; background:color-mix(in srgb,var(--ui-green) 10%,var(--ui-surface-soft))!important; color:var(--ui-green)!important; } :is(body.avalon-admin-ui) #account-detailView .account-detail-statuses-actions #accountDetailOnline:not(.online){ border-color:var(--ui-line)!important; background:var(--ui-surface-soft)!important; color:var(--ui-muted)!important; } :is(body.avalon-admin-ui) #account-detailView :is(.account-history-table,.account-activity-table) code{ padding:3px 6px!important; border:1px solid var(--ui-line)!important; border-radius:6px!important; background:transparent!important; color:var(--ui-text)!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-history-table .history-status{ border-color:var(--ui-line)!important; background:transparent!important; color:var(--ui-text)!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-history-table .history-status.danger{ border-color:color-mix(in srgb,var(--ui-red) 40%,var(--ui-line))!important; color:var(--ui-red)!important; } :is(body.avalon-admin-ui) #account-detailView :is(.account-history-table,.account-activity-table){ border-collapse:separate!important; border-spacing:0 8px!important; } :is(body.avalon-admin-ui) #account-detailView :is(.account-history-table,.account-activity-table) tbody tr{ background:transparent!important; } :is(body.avalon-admin-ui) #account-detailView :is(.account-history-table,.account-activity-table) tbody td{ border-top:1px solid var(--ui-line)!important; border-bottom:1px solid var(--ui-line)!important; background:var(--ui-surface-soft)!important; } :is(body.avalon-admin-ui) #account-detailView :is(.account-history-table,.account-activity-table) tbody td:first-child{ border-left:1px solid var(--ui-line)!important; border-radius:9px 0 0 9px!important; } :is(body.avalon-admin-ui) #account-detailView :is(.account-history-table,.account-activity-table) tbody td:last-child{ border-right:1px solid var(--ui-line)!important; border-radius:0 9px 9px 0!important; } :is(body.avalon-admin-ui) #account-detailView :is(.account-history-table,.account-activity-table) tbody tr:hover td{ background:var(--ui-surface-soft)!important; } :is(body.avalon-admin-ui) #account-detailView .account-entity-audit .admin-entity-audit-list{ padding:12px!important; gap:8px!important; } :is(body.avalon-admin-ui) #account-detailView .account-entity-audit .admin-entity-audit-row{ padding:11px 12px!important; border:1px solid var(--ui-line)!important; border-radius:9px!important; background:var(--ui-surface-soft)!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-facts b, :is(body.avalon-admin-ui) #account-detailView .account-cabinet-metrics b, :is(body.avalon-admin-ui) #account-detailView .account-player-profile-grid b{ color:var(--ui-text)!important; } /* Master Password admin state/reset uses the same compact account-detail surface. */ :is(body.avalon-admin-ui) #account-detailView .account-master-security-panel{ padding:0!important; overflow:hidden!important; } :is(body.avalon-admin-ui) #account-detailView .account-master-security-row{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:14px 16px 16px!important; border:0!important; background:transparent!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-master-security-row > span{ min-width:0!important; display:grid!important; gap:4px!important; } :is(body.avalon-admin-ui) #account-detailView .account-master-security-row small{color:var(--ui-dim)!important} :is(body.avalon-admin-ui) #account-detailView .account-master-security-row b{color:var(--ui-text)!important} :is(body.avalon-admin-ui) #account-detailView #accountMasterPasswordResetButton{white-space:nowrap!important} html[data-color-theme="dark"] :is(body.avalon-admin-ui) #account-detailView .account-master-security-panel{border-color:transparent!important} @media(max-width:620px){ :is(body.avalon-admin-ui) #account-detailView .account-master-security-row{align-items:stretch!important;flex-direction:column!important} :is(body.avalon-admin-ui) #account-detailView #accountMasterPasswordResetButton{width:100%!important} } /* Compact account operational summary: four independent cards, no glued wallet/billing slab. */ :is(body.avalon-admin-ui) #account-detailView .account-summary-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; padding:10px 12px 12px!important; } :is(body.avalon-admin-ui) #account-detailView .account-summary-card{ min-width:0!important; min-height:92px!important; padding:13px 14px!important; border:1px solid var(--ui-line)!important; border-radius:10px!important; background:var(--ui-surface-soft)!important; background-image:none!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-summary-card:not(.premium){ display:grid!important; grid-template-columns:38px minmax(0,1fr)!important; align-items:center!important; gap:11px!important; } :is(body.avalon-admin-ui) #account-detailView .account-summary-icon{ width:38px!important; height:38px!important; display:grid!important; place-items:center!important; flex:0 0 38px!important; border:1px solid var(--ui-line)!important; border-radius:9px!important; background:var(--ui-surface)!important; color:var(--ui-muted)!important; } :is(body.avalon-admin-ui) #account-detailView .account-summary-icon .ui-icon{width:19px!important;height:19px!important} :is(body.avalon-admin-ui) #account-detailView .account-summary-card.diamonds .account-summary-icon{color:#f0c66d!important;border-color:rgba(240,198,109,.30)!important} :is(body.avalon-admin-ui) #account-detailView .account-summary-card.cashshop .account-summary-icon{color:#9ecdf0!important;border-color:rgba(158,205,240,.28)!important} :is(body.avalon-admin-ui) #account-detailView .account-summary-card.tokens .account-summary-icon{color:#c5b4e8!important;border-color:rgba(197,180,232,.28)!important} :is(body.avalon-admin-ui) #account-detailView .account-summary-card.premium .account-summary-icon{color:#e6bd68!important;border-color:rgba(230,189,104,.28)!important} :is(body.avalon-admin-ui) #account-detailView .account-summary-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important} /* Premium has two deliberately separate layout rows, without an inner surface. */ :is(body.avalon-admin-ui) #account-detailView .account-summary-copy small{color:var(--ui-dim)!important;font-size:.75rem!important;font-weight:700!important} :is(body.avalon-admin-ui) #account-detailView .account-summary-copy b{color:var(--ui-text)!important;font-size:.9375rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} :is(body.avalon-admin-ui) #account-detailView .account-summary-card.premium{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-content:center!important; gap:11px!important; } :is(body.avalon-admin-ui) #account-detailView .account-summary-premium-head{ display:grid!important; grid-template-columns:38px minmax(0,1fr)!important; align-items:center!important; gap:11px!important; min-width:0!important; background:transparent!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-premium-meta{ display:grid!important; grid-template-columns:minmax(0,1.55fr) minmax(0,.7fr)!important; column-gap:12px!important; align-items:start!important; margin:0!important; padding:10px 0 0!important; min-width:0!important; border:0!important; border-top:1px solid color-mix(in srgb,var(--ui-line) 72%,transparent)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-premium-meta-item{ min-width:0!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-content:start!important; gap:5px!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #account-detailView .account-premium-meta-item small{ display:block!important; margin:0!important; color:var(--ui-dim)!important; font-size:.71875rem!important; font-weight:700!important; line-height:1.3!important; } :is(body.avalon-admin-ui) #account-detailView .account-premium-meta-item b{ display:block!important; margin:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:var(--ui-text)!important; font-size:.78125rem!important; font-weight:800!important; line-height:1.3!important; } html[data-color-theme="dark"] :is(body.avalon-admin-ui) #account-detailView .account-summary-card{border-color:transparent!important} @media(max-width:1180px){:is(body.avalon-admin-ui) #account-detailView .account-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:620px){:is(body.avalon-admin-ui) #account-detailView .account-summary-grid{grid-template-columns:1fr!important}} /* Activity panels must stack before their two-column grids become unreadable. */ @media(max-width:980px){ :is(body.avalon-admin-ui) #account-detailView .account-detail-grid{ grid-template-columns:minmax(0,1fr)!important; } } @media(max-width:620px){ :is(body.avalon-admin-ui) #account-detailView .account-facts, :is(body.avalon-admin-ui) #account-detailView .account-cabinet-metrics{ grid-template-columns:minmax(0,1fr)!important; } } /* Single visual owner for managed logo scale. */ :is(body.avalon-ui-v2) :where(.topbar .site-logo-image,.admin-topbar .site-logo-image){ width:min(calc(124px * var(--site-logo-scale-header)),155px)!important; height:auto!important; max-width:none!important; max-height:48px!important; } :is(body.avalon-ui-v2) :where(.topbar .brand,.admin-brand){overflow:visible!important} body.avalon-player-ui .auth-brand-top{ width:min(92vw,calc(360px * var(--site-logo-scale-auth)))!important; max-width:none!important; } body.avalon-player-ui .auth-brand-top .site-logo-image{ width:min(calc(320px * var(--site-logo-scale-auth)),88vw)!important; height:auto!important; max-width:none!important; max-height:none!important; } body.avalon-admin-ui .site-brand-preview-auth img{ width:calc(320px * var(--site-logo-scale-auth))!important; height:auto!important; max-width:100%!important; max-height:none!important; transform:none!important; } body.avalon-admin-ui .site-brand-preview-header img{ width:min(calc(124px * var(--site-logo-scale-header)),155px)!important; height:auto!important; max-width:none!important; max-height:48px!important; transform:none!important; } body.avalon-admin-ui #linked-accountsView{--linked-gap:18px;--linked-card-gap:20px;--linked-row-gap:8px} body.avalon-admin-ui #linked-accountsView .linked-accounts-heading{margin-bottom:var(--linked-gap)} body.avalon-admin-ui #linked-accountsView .linked-account-search-panel, body.avalon-admin-ui #linked-accountsView .linked-account-search-results-panel, body.avalon-admin-ui #linked-accountsView .linked-account-overview-panel, body.avalon-admin-ui #linked-accountsView .linked-account-results-panel, body.avalon-admin-ui #linked-accountsView .linked-account-target-panel{overflow:hidden} body.avalon-admin-ui #linked-accountsView .linked-account-search-panel{margin:0} body.avalon-admin-ui #linked-accountsView .linked-account-search-form{padding:0 16px 16px;grid-template-columns:minmax(0,1fr) 170px;gap:10px} body.avalon-admin-ui #linked-accountsView .linked-account-search-form input{min-height:42px} body.avalon-admin-ui #linked-accountsView .linked-account-search-results-panel{margin-top:var(--linked-gap)} body.avalon-admin-ui #linked-accountsView .linked-account-search-results-panel.is-hidden{display:none} body.avalon-admin-ui #linked-accountsView .linked-account-section-head{align-items:center} body.avalon-admin-ui #linked-accountsView .linked-account-result-count{flex:0 0 auto;color:var(--rf-muted);font-size:.8125rem;font-style:normal;white-space:nowrap} body.avalon-admin-ui #linked-accountsView .linked-account-search-table th:last-child, body.avalon-admin-ui #linked-accountsView .linked-account-search-table td:last-child{width:170px;text-align:right} body.avalon-admin-ui #linked-accountsView .linked-account-search-table td{vertical-align:middle} body.avalon-admin-ui #linked-accountsView .linked-account-search-table td:last-child .admin-button{min-width:148px;white-space:nowrap} body.avalon-admin-ui #linked-accountsView .linked-account-workspace{display:grid;gap:var(--linked-gap);margin-top:var(--linked-gap)} body.avalon-admin-ui #linked-accountsView .linked-account-workspace.is-hidden{display:none} body.avalon-admin-ui #linked-accountsView .linked-account-account-head{padding-bottom:12px} body.avalon-admin-ui #linked-accountsView .linked-account-account-head h2{font-size:1.125rem} body.avalon-admin-ui #linked-accountsView .linked-account-overview-panel .linked-account-metrics{margin:0!important;padding:16px 18px 20px!important;gap:var(--linked-card-gap)!important} body.avalon-admin-ui #linked-accountsView .linked-account-overview-panel .linked-account-metrics article{min-height:88px;padding:12px 14px;border-color:var(--rf-line);background:var(--rf-surface-soft);box-shadow:none} body.avalon-admin-ui #linked-accountsView .linked-account-overview-panel .linked-account-metrics strong{font-size:1.375rem;line-height:1.05} body.avalon-admin-ui #linked-accountsView .linked-account-results-panel .linked-account-table-wrap{padding:8px 12px 12px!important;border-top:1px solid var(--rf-line)} body.avalon-admin-ui #linked-accountsView .linked-account-table{width:100%;min-width:1160px;table-layout:fixed;border-collapse:separate!important;border-spacing:0 var(--linked-row-gap)!important} body.avalon-admin-ui #linked-accountsView .linked-account-table th:nth-child(1){width:122px} body.avalon-admin-ui #linked-accountsView .linked-account-table th:nth-child(2){width:190px} body.avalon-admin-ui #linked-accountsView .linked-account-table th:nth-child(3){width:auto} body.avalon-admin-ui #linked-accountsView .linked-account-table th:nth-child(4){width:145px} body.avalon-admin-ui #linked-accountsView .linked-account-table th:nth-child(5){width:172px} body.avalon-admin-ui #linked-accountsView .linked-account-table th:nth-child(6){width:214px;text-align:right} body.avalon-admin-ui #linked-accountsView .linked-account-table td{vertical-align:top;padding-top:11px;padding-bottom:11px} body.avalon-admin-ui #linked-accountsView .linked-account-table td:nth-child(4), body.avalon-admin-ui #linked-accountsView .linked-account-table td:nth-child(5){font-size:.75rem} body.avalon-admin-ui #linked-accountsView .linked-account-table td:nth-child(6){vertical-align:middle} body.avalon-admin-ui #linked-accountsView .linked-account-table td:nth-child(2) .account-status-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;letter-spacing:.025em!important;line-height:1.1} body.avalon-admin-ui #linked-accountsView .linked-account-reasons{display:grid;gap:8px;min-width:0} body.avalon-admin-ui #linked-accountsView .linked-account-reason{position:relative;display:grid;gap:2px;padding-left:11px;min-width:0} body.avalon-admin-ui #linked-accountsView .linked-account-reason::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:color-mix(in srgb,var(--rf-accent) 70%,var(--rf-line))} body.avalon-admin-ui #linked-accountsView .linked-account-reason-title{min-width:0;color:var(--rf-text);font-size:.7875rem;font-weight:650;line-height:1.35;overflow-wrap:anywhere} body.avalon-admin-ui #linked-accountsView .linked-account-reason-meta, body.avalon-admin-ui #linked-accountsView .linked-account-reason-period{min-width:0;color:var(--rf-muted);font-size:.72rem;line-height:1.38;overflow-wrap:anywhere} body.avalon-admin-ui #linked-accountsView .linked-account-reason-period{color:var(--rf-dim)} body.avalon-admin-ui #linked-accountsView .linked-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:198px} body.avalon-admin-ui #linked-accountsView .linked-account-actions .admin-button{flex:0 0 auto;min-width:94px;padding-left:11px;padding-right:11px;white-space:nowrap;word-break:normal;overflow-wrap:normal} body.avalon-admin-ui #linked-accountsView .linked-account-compact-meta{display:block;margin-top:5px;color:var(--rf-muted);font-size:.72rem;line-height:1.38} body.avalon-admin-ui #linked-accountsView .linked-account-compact-period{display:block;margin-top:2px;color:var(--rf-dim);font-size:.69rem;line-height:1.35} body.avalon-admin-ui #linked-accountsView .linked-strength-high{font-weight:700} body.avalon-admin-ui #linked-accountsView .linked-strength-medium{color:#e7b457;border-color:rgba(231,180,87,.42)} body.avalon-admin-ui #linked-accountsView .linked-strength-weak{color:var(--rf-muted)} body.avalon-admin-ui #linked-accountsView .linked-account-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--linked-card-gap)!important;padding:16px 18px 20px!important} body.avalon-admin-ui #linked-accountsView .linked-account-facts article{position:relative;min-width:0;min-height:118px;padding:14px 15px;border:1px solid var(--rf-line-strong);border-radius:10px;background:var(--rf-surface-raised);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--rf-text) 5%,transparent);display:flex;flex-direction:column} body.avalon-admin-ui #linked-accountsView .linked-account-facts article::before{content:"";position:absolute;left:15px;top:0;width:32px;height:2px;border-radius:0 0 2px 2px;background:color-mix(in srgb,var(--rf-accent) 76%,var(--rf-line))} body.avalon-admin-ui #linked-accountsView .linked-account-facts small{display:block;color:var(--rf-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.065em} body.avalon-admin-ui #linked-accountsView .linked-account-facts b{display:block;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rf-text);font-size:1rem;line-height:1.25} body.avalon-admin-ui #linked-accountsView .linked-account-facts p{margin:auto 0 0;padding-top:10px;color:var(--rf-muted);font-size:.72rem;line-height:1.42} body.avalon-admin-ui #linked-accountsView .linked-account-policy-note{margin:8px 18px 18px;padding:12px 13px;border:1px solid var(--rf-line);border-radius:9px;background:var(--rf-surface-deep);color:var(--rf-muted);font-size:.75rem;line-height:1.55} body.avalon-admin-ui #linked-accountsView .linked-account-policy-note b{color:var(--rf-text)} @media(max-width:1280px){body.avalon-admin-ui #linked-accountsView .linked-account-facts{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1100px){ body.avalon-admin-ui #linked-accountsView .linked-account-table-wrap{overflow:visible} body.avalon-admin-ui #linked-accountsView .linked-account-table{min-width:0;table-layout:auto;border:0;background:transparent!important} body.avalon-admin-ui #linked-accountsView .linked-account-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody{display:grid;gap:10px;padding:10px} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--rf-line);border-radius:10px;overflow:hidden;background:var(--rf-surface)!important} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td{display:block;width:auto!important;min-width:0;padding:11px 12px;border:0!important;border-bottom:1px solid var(--rf-line)!important;background:transparent!important} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td::before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--rf-dim);font-size:.65rem;font-weight:700;letter-spacing:.065em;text-transform:uppercase} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td:nth-child(odd){border-right:1px solid var(--rf-line)!important} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td:nth-child(3), body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td:nth-child(6){grid-column:1/-1;border-right:0!important} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td:nth-child(5), body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td:nth-child(6){border-bottom:0!important} body.avalon-admin-ui #linked-accountsView .linked-account-actions{justify-content:flex-start;min-width:0} } @media(max-width:980px){ body.avalon-admin-ui #linked-accountsView .linked-account-search-form{grid-template-columns:1fr} body.avalon-admin-ui #linked-accountsView .linked-account-search-form .admin-button{width:100%} body.avalon-admin-ui #linked-accountsView .linked-account-facts{grid-template-columns:repeat(2,minmax(0,1fr))} body.avalon-admin-ui #linked-accountsView .linked-account-section-head{align-items:flex-start} } @media(max-width:620px){ body.avalon-admin-ui #linked-accountsView{--linked-gap:12px;--linked-card-gap:10px;--linked-row-gap:8px} body.avalon-admin-ui #linked-accountsView .linked-account-overview-panel .linked-account-metrics, body.avalon-admin-ui #linked-accountsView .linked-account-facts{padding:10px 12px 12px!important} body.avalon-admin-ui #linked-accountsView .linked-account-section-head{display:grid;gap:8px} body.avalon-admin-ui #linked-accountsView .linked-account-result-count{white-space:normal} body.avalon-admin-ui #linked-accountsView .linked-account-facts{grid-template-columns:1fr} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody tr{grid-template-columns:1fr} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td, body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td:nth-child(odd){grid-column:1;border-right:0!important;border-bottom:1px solid var(--rf-line)!important} body.avalon-admin-ui #linked-accountsView .linked-account-table tbody td:last-child{border-bottom:0!important} body.avalon-admin-ui #linked-accountsView .linked-account-actions{display:grid;grid-template-columns:1fr 1fr;width:100%} body.avalon-admin-ui #linked-accountsView .linked-account-actions .admin-button{width:100%;min-width:0} } /* Hero ------------------------------------------------------------------ */ body.avalon-player-ui #overviewView .welcome-copy{ max-width:760px!important; align-self:center; } body.avalon-player-ui #overviewView .welcome-copy .overline{ color:var(--avalon-accent)!important; font-size:.75rem!important; font-weight:950!important; letter-spacing:.17em!important; } body.avalon-player-ui #overviewView .welcome-copy h1{ max-width:820px; margin:12px 0 9px!important; font-size:clamp(31px,2.8vw,46px)!important; line-height:1.03!important; letter-spacing:-.048em!important; } body.avalon-player-ui #overviewView .welcome-copy h1 em{ color:var(--avalon-accent)!important; } body.avalon-player-ui #overviewView .welcome-copy>p{ max-width:690px; color:color-mix(in srgb,var(--avalon-muted) 94%,var(--avalon-text) 6%)!important; font-size:.75rem!important; line-height:1.65!important; } body.avalon-player-ui #overviewView .welcome-actions{ margin-top:20px!important; gap:9px!important; flex-wrap:wrap; } body.avalon-player-ui #overviewView .welcome-actions button{ min-height:40px!important; } /* The account pulse is part of the hero now, not a second detached strip. */ /* World stage ----------------------------------------------------------- */ /* Main account center --------------------------------------------------- */ /* Character block: turn the old list into a small playable roster. */ /* Recent activity becomes three compact event cards in the wide column. */ /* Focus + ranking side rail. */ /* Lower row ------------------------------------------------------------- */ /* Responsive ------------------------------------------------------------ */ @media(max-width:760px){ body.avalon-player-ui #overviewView .welcome-copy h1{ font-size:1.875rem!important; } body.avalon-player-ui #overviewView .welcome-actions{ display:grid!important; grid-template-columns:1fr!important; } body.avalon-player-ui #overviewView .welcome-actions button{ width:100%!important; min-height:44px!important; } } @media(max-width:430px){ body.avalon-player-ui #overviewView .welcome-copy h1{ font-size:1.75rem!important; } body.avalon-player-ui #overviewView .welcome-copy>p{ font-size:.75rem!important; } } body.avalon-player-ui #overviewView{ width:min(100%,1680px)!important; max-width:1680px!important; display:grid!important; gap:16px!important; } body.avalon-player-ui #overviewView :where(.overview-code-hero,.overview-code-metrics,.overview-code-hub){ min-width:0; } /* Hero */ body.avalon-player-ui #overviewView .overview-code-hero{ position:relative!important; min-height:190px!important; padding:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) 390px!important; gap:0!important; overflow:hidden!important; border-radius:18px!important; } body.avalon-player-ui #overviewView .overview-code-copy{ position:relative; z-index:1; min-width:0; padding:28px 34px!important; display:flex!important; align-items:center!important; } body.avalon-player-ui #overviewView .overview-code-copy .welcome-copy{ max-width:820px!important; } body.avalon-player-ui #overviewView .overview-code-copy .overline{ display:block!important; margin:0 0 9px!important; color:var(--avalon-accent)!important; font-size:.75rem!important; font-weight:900!important; letter-spacing:.18em!important; text-transform:uppercase!important; } body.avalon-player-ui #overviewView .overview-code-copy h1{ margin:0!important; color:var(--avalon-text)!important; font-size:2.125rem!important; line-height:1.05!important; letter-spacing:-.035em!important; } body.avalon-player-ui #overviewView .overview-code-copy h1 em{ color:var(--avalon-accent)!important; font-style:normal!important; } body.avalon-player-ui #overviewView .overview-code-copy p{ margin:10px 0 0!important; max-width:760px!important; color:var(--avalon-muted)!important; font-size:.75rem!important; line-height:1.55!important; } body.avalon-player-ui #overviewView .overview-code-copy .welcome-actions{ margin-top:18px!important; display:flex!important; gap:10px!important; flex-wrap:wrap!important; } body.avalon-player-ui #overviewView .overview-code-copy .welcome-actions button{ min-height:40px!important; padding:0 16px!important; border-radius:10px!important; font-size:.75rem!important; } body.avalon-player-ui #overviewView .overview-code-copy .welcome-actions .ghost-action{ display:inline-flex!important; align-items:center!important; gap:8px!important; } body.avalon-player-ui #overviewView .overview-code-copy .welcome-actions .ghost-action .ui-icon{ width:14px!important; height:14px!important; } /* Server summary: one integrated hero rail, owned here end-to-end. */ body.avalon-player-ui #overviewView .overview-code-server{ position:relative; z-index:2; min-width:0; align-self:stretch; margin:20px 24px 20px 0; padding:2px 0 2px 22px; display:grid; grid-template-rows:auto 1fr auto; overflow:visible; border:0; border-left:1px solid color-mix(in srgb,var(--rf-line) 82%,transparent); border-radius:0; background:transparent; box-shadow:none; } body.avalon-player-ui #overviewView .overview-code-server-head{ min-height:34px; padding:0; display:flex; align-items:center; justify-content:space-between; gap:12px; border:0; background:transparent; } body.avalon-player-ui #overviewView .overview-code-server-head>span, body.avalon-player-ui #overviewView .overview-code-server-actions, body.avalon-player-ui #overviewView .overview-code-server-actions>em{ display:flex; align-items:center; } body.avalon-player-ui #overviewView .overview-code-server-head>span{gap:8px} body.avalon-player-ui #overviewView .overview-code-server-actions{gap:8px} body.avalon-player-ui #overviewView .overview-code-server-actions>em{gap:6px} body.avalon-player-ui #overviewView .overview-code-server-head .ui-icon{ width:14px; height:14px; color:var(--avalon-green); } body.avalon-player-ui #overviewView .overview-code-server-head b{font-size:.75rem} body.avalon-player-ui #overviewView .overview-code-server-head em{ color:var(--avalon-green); font-size:.75rem; font-style:normal; font-weight:900; text-transform:uppercase; } body.avalon-player-ui #overviewView .overview-code-server-head em i, body.avalon-player-ui #overviewView .overview-data-state i{ width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--avalon-green); box-shadow:0 0 12px color-mix(in srgb,var(--avalon-green) 65%,transparent); } body.avalon-player-ui #overviewView .overview-code-server-actions>button{ min-height:28px; padding:0 9px; border:1px solid var(--rf-line); border-radius:7px; color:var(--rf-muted); background:transparent; font-size:.7rem; font-weight:700; } body.avalon-player-ui #overviewView .overview-code-server-actions>button:hover{ border-color:var(--rf-line-strong); color:var(--rf-text); } body.avalon-player-ui #overviewView .overview-server-status{ min-width:0; margin:0; padding:12px 0 0; display:grid; grid-template-columns:94px minmax(0,1fr); gap:18px; align-items:center; border:0; background:transparent; } body.avalon-player-ui #overviewView .overview-server-total{ min-width:0; min-height:76px; padding:4px 16px 4px 0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; overflow:visible; border:0; border-right:1px solid color-mix(in srgb,var(--rf-line) 82%,transparent); border-radius:0; background:transparent; box-shadow:none; } body.avalon-player-ui #overviewView .overview-server-total strong{ display:block; max-width:none; overflow:visible; color:var(--avalon-text); font-size:2.25rem; line-height:1; letter-spacing:-.04em; white-space:nowrap; text-overflow:clip; } body.avalon-player-ui #overviewView .overview-server-total span{ color:var(--avalon-muted); font-size:.75rem; line-height:1.25; } body.avalon-player-ui #overviewView .overview-server-races{ min-width:0; display:grid; grid-template-columns:1fr; gap:6px; } body.avalon-player-ui #overviewView .overview-server-race{ min-width:0; min-height:24px; padding:0 10px; display:grid; grid-template-columns:20px minmax(0,1fr) auto; align-items:center; gap:8px; border:0; border-radius:7px; } body.avalon-player-ui #overviewView .overview-server-race-icon{ width:20px; height:20px; display:block; overflow:visible; color:var(--rf-muted); opacity:.96; } body.avalon-player-ui #overviewView .overview-server-race-icon path{fill:currentColor} body.avalon-player-ui #overviewView .overview-server-race.bellato .overview-server-race-icon{color:#d7b66a} body.avalon-player-ui #overviewView .overview-server-race.cora .overview-server-race-icon{color:#8f9cff} body.avalon-player-ui #overviewView .overview-server-race.accretia .overview-server-race-icon{color:#df8a76} body.avalon-player-ui #overviewView .overview-server-race small{ color:var(--avalon-muted); font-size:.75rem; white-space:nowrap; } body.avalon-player-ui #overviewView .overview-server-race b{ color:var(--avalon-text); font-size:.75rem; line-height:1; } body.avalon-player-ui #overviewView .overview-server-status>.online-summary-unresolved{ grid-column:1/-1; margin:0; padding:0 2px; color:var(--avalon-muted); font-size:.75rem; } body.avalon-player-ui #overviewView .overview-code-server .overview-data-state{display:none} @media(max-width:1040px){ body.avalon-player-ui #overviewView .overview-code-server{ margin:0 20px 18px; padding:16px 0 0; border-left:0; border-top:1px solid color-mix(in srgb,var(--rf-line) 82%,transparent); } } @media(max-width:720px){ body.avalon-player-ui #overviewView .overview-server-status{grid-template-columns:1fr} body.avalon-player-ui #overviewView .overview-server-total{ min-height:auto; padding:0 0 12px; border-right:0; border-bottom:1px solid color-mix(in srgb,var(--rf-line) 82%,transparent); } body.avalon-player-ui #overviewView .overview-server-races{grid-template-columns:repeat(3,minmax(0,1fr))} body.avalon-player-ui #overviewView .overview-server-race{ min-height:48px; padding:7px; grid-template-columns:1fr; justify-items:center; text-align:center; } } @media(max-width:430px){ body.avalon-player-ui #overviewView .overview-code-server{margin:0 16px 16px} } /* Player Dashboard is a self-owned surface system. Generic route/class-name normalizers must not paint this route. Keep all structural fills flat here. */ body.avalon-player-ui #overviewView{ --dashboard-panel-surface:var(--rf-surface); --dashboard-card-surface:var(--rf-surface-soft); --dashboard-control-surface:var(--rf-surface-raised); } body.avalon-player-ui #overviewView :where( .overview-code-metrics>.metric-card, .overview-code-hub .panel ){ border-color:var(--rf-line)!important; background-color:var(--dashboard-panel-surface)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #overviewView :where( .overview-code-characters .preview-row, .overview-code-actions .dashboard-smart-action, .overview-code-recent .dashboard-recent-row, .overview-code-rankings .dashboard-ranking-row, .overview-code-achievements .dashboard-achievement-next>article ){ border-color:var(--rf-line)!important; background-color:var(--dashboard-card-surface)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #overviewView :where( .overview-code-characters .race-avatar, .dashboard-smart-action-icon, .dashboard-recent-icon, .dashboard-ranking-icon, .dashboard-achievement-icon ){ border-color:var(--rf-line)!important; color:var(--rf-muted)!important; background-color:var(--dashboard-control-surface)!important; background-image:none!important; box-shadow:none!important; } /* Three account-state metric cards */ body.avalon-player-ui #overviewView .overview-code-metrics{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; } body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card{ --dashboard-metric-accent:var(--rf-info); position:relative!important; border:1px solid var(--rf-line)!important; border-radius:12px!important; color:var(--rf-muted)!important; } body.avalon-player-ui #overviewView .overview-code-metrics>.metric-characters{--dashboard-metric-accent:var(--rf-info);} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-premium{--dashboard-metric-accent:var(--rf-accent);} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card::after{ content:none!important; } body.avalon-player-ui #overviewView .overview-code-metrics .metric-icon{ width:40px!important; height:40px!important; display:grid!important; place-items:center!important; border:1px solid color-mix(in srgb,var(--dashboard-metric-accent) 30%,var(--rf-line) 70%)!important; border-radius:10px!important; color:var(--dashboard-metric-accent)!important; background-color:color-mix(in srgb,var(--dashboard-metric-accent) 8%,var(--dashboard-control-surface) 92%)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #overviewView .overview-code-metrics .metric-icon .ui-icon{ width:20px!important; height:20px!important; } body.avalon-player-ui #overviewView .overview-code-metrics small{ color:var(--avalon-muted)!important; font-size:.75rem!important; font-weight:800!important; text-transform:uppercase!important; letter-spacing:.1em!important; } body.avalon-player-ui #overviewView .overview-code-metrics strong{ overflow:hidden!important; color:var(--avalon-text)!important; font-size:1.125rem!important; line-height:1.15!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Main content structure */ body.avalon-player-ui #overviewView .overview-code-hub{ margin:0!important; display:grid!important; gap:16px!important; } body.avalon-player-ui #overviewView .overview-code-hub .panel{ margin:0!important; min-width:0!important; overflow:hidden!important; border:1px solid var(--rf-line)!important; border-radius:12px!important; } body.avalon-player-ui #overviewView .overview-code-hub :where( .character-preview, .dashboard-smart-actions, .dashboard-recent-list, .dashboard-ranking-summary, .dashboard-achievement-next ){ background:transparent!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #overviewView .overview-code-hub .panel>.panel-head{ min-height:54px!important; padding:0 16px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; border-bottom:1px solid var(--rf-line)!important; background:transparent!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #overviewView .overview-code-hub .panel-head span{ min-width:0!important; } body.avalon-player-ui #overviewView .overview-code-hub .panel-head h2{ margin:0!important; color:var(--avalon-text)!important; font-size:.9375rem!important; line-height:1.2!important; } body.avalon-player-ui #overviewView .overview-code-hub .panel-head small{ display:block!important; margin-top:3px!important; color:var(--avalon-muted)!important; font-size:.75rem!important; font-weight:500!important; letter-spacing:0!important; text-transform:none!important; } body.avalon-player-ui #overviewView .overview-code-hub .panel-head button{ min-height:30px!important; padding:0 10px!important; display:inline-flex!important; align-items:center!important; gap:7px!important; border:1px solid var(--rf-line)!important; border-radius:9px!important; color:var(--rf-text)!important; background-color:var(--dashboard-control-surface)!important; background-image:none!important; box-shadow:none!important; font-size:.75rem!important; font-weight:800!important; } body.avalon-player-ui #overviewView .overview-code-hub .panel-head button:hover{ border-color:color-mix(in srgb,var(--avalon-accent) 45%,var(--avalon-line) 55%)!important; color:var(--avalon-accent)!important; } body.avalon-player-ui #overviewView .overview-code-primary{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; align-items:stretch!important; } body.avalon-player-ui #overviewView .overview-code-primary>.overview-code-characters{ grid-column:span 2; } body.avalon-player-ui #overviewView .overview-code-primary>.overview-code-actions{ grid-column:span 1; } /* Characters: three clean rows, no avatars/images */ body.avalon-player-ui #overviewView .overview-code-characters .character-preview{ padding:12px!important; display:grid!important; grid-template-columns:1fr!important; gap:8px!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-row{ min-height:66px!important; padding:9px 12px!important; display:grid!important; grid-template-rows:1fr!important; gap:11px!important; align-items:center!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-row:hover{ transform:translateY(-1px)!important; border-color:var(--rf-line-strong)!important; background-color:var(--dashboard-control-surface)!important; } body.avalon-player-ui #overviewView .overview-code-characters .race-avatar{ grid-column:1!important; grid-row:1!important; width:40px!important; height:40px!important; display:grid!important; place-items:center!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; font-size:.75rem!important; font-weight:900!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-copy{ grid-column:2!important; grid-row:1!important; min-width:0!important; display:grid!important; gap:3px!important; text-align:left!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-copy b{ overflow:hidden!important; color:var(--avalon-text)!important; font-size:.75rem!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-copy small{ overflow:hidden!important; color:var(--avalon-muted)!important; font-size:.75rem!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-level{ grid-row:1!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-level small{ color:var(--avalon-muted)!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-level b{ color:var(--avalon-text)!important; font-size:1.0625rem!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-row>em{ grid-row:1!important; justify-self:end!important; margin:0!important; padding:5px 8px!important; border:1px solid color-mix(in srgb,var(--avalon-muted) 18%,var(--avalon-line) 82%)!important; border-radius:999px!important; color:var(--avalon-muted)!important; background:color-mix(in srgb,var(--avalon-muted) 3%,var(--avalon-surface-soft) 97%)!important; font-size:.75rem!important; font-style:normal!important; font-weight:800!important; } body.avalon-player-ui #overviewView .overview-code-characters .preview-row>em.is-online{ border-color:color-mix(in srgb,var(--avalon-green) 32%,var(--avalon-line) 68%)!important; color:var(--avalon-green)!important; background:color-mix(in srgb,var(--avalon-green) 6%,var(--avalon-surface-soft) 94%)!important; } body.avalon-player-ui #overviewView .overview-code-characters .row-chevron{ grid-row:1!important; justify-self:end!important; } /* Suggested actions */ body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-actions{ padding:12px!important; display:grid!important; gap:8px!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action{ min-height:66px!important; padding:10px!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) 18px!important; gap:10px!important; align-items:center!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action:hover{ border-color:var(--rf-line-strong)!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action-icon{ width:36px!important; height:36px!important; display:grid!important; place-items:center!important; border:1px solid var(--rf-line); border-radius:10px!important; color:var(--rf-muted); } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action-copy{ min-width:0!important; display:grid!important; gap:3px!important; text-align:left!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action-copy b{ overflow:hidden!important; color:var(--avalon-text)!important; font-size:.75rem!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action-copy small{ overflow:hidden!important; color:var(--avalon-muted)!important; font-size:.75rem!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action-chevron{ width:18px!important; height:18px!important; display:grid!important; place-items:center!important; justify-self:end!important; color:var(--avalon-muted)!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action-chevron .ui-icon{ width:14px!important; height:14px!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-smart-action:hover .dashboard-smart-action-chevron{ color:var(--rf-text)!important; } body.avalon-player-ui #overviewView .overview-code-actions .dashboard-v2-panel-count{ color:var(--avalon-muted)!important; font-size:.75rem!important; font-style:normal!important; } /* Semantic icon accents follow the Admin Dashboard grammar: color lives in the icon tile, not the card fill. */ body.avalon-player-ui #overviewView :where(.dashboard-smart-action-icon,.dashboard-recent-icon,.dashboard-ranking-icon,.dashboard-achievement-icon){ --dashboard-icon-accent:var(--rf-info); color:var(--dashboard-icon-accent)!important; border-color:color-mix(in srgb,var(--dashboard-icon-accent) 26%,var(--rf-line) 74%)!important; background-color:color-mix(in srgb,var(--dashboard-icon-accent) 7%,var(--dashboard-control-surface) 93%)!important; } body.avalon-player-ui #overviewView :where(.dashboard-smart-action,.dashboard-recent-row).tone-success :where(.dashboard-smart-action-icon,.dashboard-recent-icon){--dashboard-icon-accent:var(--rf-success);} body.avalon-player-ui #overviewView :where(.dashboard-smart-action,.dashboard-recent-row).tone-gold :where(.dashboard-smart-action-icon,.dashboard-recent-icon){--dashboard-icon-accent:var(--rf-accent);} body.avalon-player-ui #overviewView .dashboard-smart-action.tone-blue .dashboard-smart-action-icon{--dashboard-icon-accent:var(--rf-info);} body.avalon-player-ui #overviewView .dashboard-smart-action.tone-violet .dashboard-smart-action-icon{--dashboard-icon-accent:color-mix(in srgb,var(--rf-info) 58%,var(--rf-accent) 42%);} body.avalon-player-ui #overviewView .dashboard-ranking-row.tone-info .dashboard-ranking-icon{--dashboard-icon-accent:var(--rf-info);} body.avalon-player-ui #overviewView .dashboard-ranking-row.tone-accent .dashboard-ranking-icon{--dashboard-icon-accent:var(--rf-accent-2);} body.avalon-player-ui #overviewView .dashboard-ranking-row.tone-gold .dashboard-ranking-icon, body.avalon-player-ui #overviewView .dashboard-achievement-icon.reward{--dashboard-icon-accent:var(--rf-accent);} body.avalon-player-ui #overviewView .dashboard-achievement-icon.prestige{--dashboard-icon-accent:var(--rf-info);} /* Lower three-column row */ body.avalon-player-ui #overviewView .overview-code-lower{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; align-items:stretch!important; } body.avalon-player-ui #overviewView .overview-code-lower>.panel{ min-height:218px!important; } body.avalon-player-ui #overviewView .overview-code-recent .dashboard-recent-list{ padding:10px 12px 12px!important; display:grid!important; grid-template-columns:1fr!important; gap:7px!important; } body.avalon-player-ui #overviewView .overview-code-recent .dashboard-recent-row{ min-height:46px!important; padding:8px 10px!important; display:grid!important; grid-template-columns:30px minmax(0,1fr) auto!important; grid-template-rows:1fr!important; gap:9px!important; align-items:center!important; border:1px solid var(--rf-line)!important; border-bottom:1px solid var(--rf-line)!important; border-radius:10px!important; } body.avalon-player-ui #overviewView .overview-code-recent .dashboard-recent-icon{ grid-column:1!important; grid-row:1!important; width:28px!important; height:28px!important; border:1px solid var(--rf-line); border-radius:9px!important; color:var(--rf-muted); } body.avalon-player-ui #overviewView .overview-code-recent .dashboard-recent-row>span:nth-child(2){ grid-column:2!important; grid-row:1!important; min-width:0!important; display:grid!important; gap:2px!important; } body.avalon-player-ui #overviewView .overview-code-recent .dashboard-recent-row b{ font-size:.75rem!important; } body.avalon-player-ui #overviewView .overview-code-recent .dashboard-recent-row small{ color:var(--avalon-muted)!important; font-size:.75rem!important; } body.avalon-player-ui #overviewView .overview-code-recent .dashboard-recent-row>em{ grid-column:3!important; grid-row:1!important; padding:0!important; border:0!important; color:var(--avalon-muted)!important; font-size:.75rem!important; white-space:nowrap!important; } body.avalon-player-ui #overviewView .overview-code-rankings .dashboard-ranking-summary{ padding:10px 12px 12px!important; display:grid!important; gap:7px!important; } body.avalon-player-ui #overviewView .overview-code-rankings .dashboard-ranking-row{ min-height:46px!important; padding:8px 10px!important; display:grid!important; grid-template-columns:30px minmax(0,1fr) auto!important; gap:9px!important; align-items:center!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; } body.avalon-player-ui #overviewView .overview-code-rankings .dashboard-ranking-icon{ width:28px!important; height:28px!important; display:grid!important; place-items:center!important; border:1px solid var(--rf-line)!important; border-radius:9px!important; } body.avalon-player-ui #overviewView .overview-code-rankings .dashboard-ranking-icon .ui-icon{ width:15px!important; height:15px!important; } body.avalon-player-ui #overviewView .overview-code-rankings .dashboard-ranking-copy{ min-width:0!important; display:grid!important; gap:2px!important; } body.avalon-player-ui #overviewView .overview-code-rankings .dashboard-ranking-row b{ font-size:.75rem!important; } body.avalon-player-ui #overviewView .overview-code-rankings .dashboard-ranking-row small{ overflow:hidden!important; color:var(--avalon-muted)!important; font-size:.75rem!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.avalon-player-ui #overviewView .overview-code-rankings .dashboard-ranking-row strong{ min-width:48px!important; color:var(--avalon-text)!important; font-size:1rem!important; text-align:right!important; } /* Achievements use the existing read model, styled as two stacked goal rows. */ body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-next{ padding:10px 12px 12px!important; display:grid!important; grid-template-columns:1fr!important; gap:8px!important; } body.avalon-player-ui #overviewView .overview-code-achievements.is-muted{opacity:.72!important;} body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-next>article{ min-height:68px!important; padding:11px 12px!important; display:grid!important; grid-template-columns:30px minmax(0,1fr)!important; grid-template-rows:auto auto auto!important; align-content:center!important; column-gap:10px!important; row-gap:4px!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; } body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-icon{ grid-column:1!important; grid-row:1/4!important; align-self:center!important; width:28px!important; height:28px!important; display:grid!important; place-items:center!important; border:1px solid var(--rf-line)!important; border-radius:9px!important; } body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-icon .ui-icon{ width:15px!important; height:15px!important; } body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-next :is(small,b,em){ grid-column:2!important; } body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-next small{ color:var(--avalon-muted)!important; font-size:.75rem!important; } body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-next b{ color:var(--avalon-text)!important; font-size:.75rem!important; } body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-next em{ color:var(--avalon-muted)!important; font-size:.75rem!important; font-style:normal!important; } /* Decorative imagery stays disabled in overview content, but server race identity icons are functional UI. */ body.avalon-player-ui #overviewView .overview-code-hero > :not(.overview-code-server) img, body.avalon-player-ui #overviewView :where(.overview-code-hub,.overview-code-metrics) img{ display:none!important; } body.avalon-player-ui #overviewView :where(.overview-code-hub,.overview-code-metrics){ background-image:none; } body.avalon-player-ui #overviewView .overview-code-hero{ border:1px solid var(--rf-line)!important; background:var(--dashboard-panel-surface)!important; box-shadow:none!important; } /* Responsive */ @media(max-width:1320px){ body.avalon-player-ui #overviewView .overview-code-hero{grid-template-columns:minmax(0,1fr) 340px!important;} body.avalon-player-ui #overviewView .overview-code-primary{grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr)!important;} body.avalon-player-ui #overviewView .overview-code-primary>.overview-code-characters, body.avalon-player-ui #overviewView .overview-code-primary>.overview-code-actions{grid-column:auto;} body.avalon-player-ui #overviewView .overview-code-lower{grid-template-columns:1.2fr .8fr!important;} body.avalon-player-ui #overviewView .overview-code-achievements{grid-column:1/-1!important;} body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-next{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:1040px){ body.avalon-player-ui #overviewView .overview-code-hero{grid-template-columns:1fr!important;} body.avalon-player-ui #overviewView .overview-code-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;} body.avalon-player-ui #overviewView .overview-code-primary{grid-template-columns:1fr!important;} body.avalon-player-ui #overviewView .overview-code-lower{grid-template-columns:1fr 1fr!important;} body.avalon-player-ui #overviewView .overview-code-recent{grid-column:1/-1!important;} } @media(max-width:720px){ body.avalon-player-ui #overviewView{gap:12px!important;} body.avalon-player-ui #overviewView .overview-code-copy{padding:20px!important;} body.avalon-player-ui #overviewView .overview-code-copy h1{font-size:1.75rem!important;} body.avalon-player-ui #overviewView .overview-code-copy .welcome-actions{display:grid!important;grid-template-columns:1fr!important;} body.avalon-player-ui #overviewView .overview-code-copy .welcome-actions button{width:100%!important;} body.avalon-player-ui #overviewView .overview-code-metrics{grid-template-columns:1fr!important;gap:10px!important;} body.avalon-player-ui #overviewView .overview-code-metrics>.metric-card{min-height:82px!important;} body.avalon-player-ui #overviewView .overview-code-lower{grid-template-columns:1fr!important;} body.avalon-player-ui #overviewView .overview-code-achievements{grid-column:auto;} body.avalon-player-ui #overviewView .overview-code-achievements .dashboard-achievement-next{grid-template-columns:1fr!important;} } @media(max-width:430px){ body.avalon-player-ui #overviewView .overview-code-copy{padding:16px!important;} body.avalon-player-ui #overviewView .overview-code-copy h1{font-size:1.5625rem!important;} body.avalon-player-ui #overviewView .overview-code-characters .row-chevron{display:none!important;} } @media(prefers-reduced-motion:reduce){ body.avalon-player-ui #overviewView :where(.preview-row,.dashboard-smart-action,.dashboard-ranking-row,.dashboard-recent-row){transition:none!important;} } @media(max-width:720px){ } @media(max-width:430px){ body.avalon-player-ui #overviewView .overview-code-characters .preview-row{grid-template-columns:38px minmax(0,1fr) 52px!important;} } :is(body.avalon-ui-v2){ --stage26-content-admin:1660px; --stage26-content-player:1540px; --stage26-sidebar-player:236px; --stage26-sidebar-admin:278px; --stage26-header-height:64px; --stage26-radius:var(--rf-panel-radius); --stage26-shadow:var(--rf-shadow-soft); font-size:.875rem; line-height:1.5; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;} :is(body.avalon-player-ui) .workspace{grid-template-columns:var(--stage26-sidebar-player) minmax(0,1fr)!important} :is(body.avalon-admin-ui) .admin-layout{grid-template-columns:var(--stage26-sidebar-admin) minmax(0,1fr)!important} :is(body.avalon-player-ui) .content>.app-view{width:min(100%,var(--stage26-content-player))!important;max-width:var(--stage26-content-player)!important} :is(body.avalon-admin-ui) .admin-content>.admin-view{width:min(100%,var(--stage26-content-admin))!important;max-width:var(--stage26-content-admin)!important} :is(body.avalon-player-ui) .content,:is(body.avalon-admin-ui) .admin-content{ padding:28px clamp(20px,2.8vw,48px) 72px!important;} :is(body.avalon-player-ui) .topbar,:is(body.avalon-admin-ui) .admin-topbar{ min-height:var(--stage26-header-height)!important; height:var(--stage26-header-height)!important; padding:0 clamp(14px,2vw,28px)!important; gap:10px!important;} :is(body.avalon-player-ui) .topbar{ position:sticky; top:0; z-index:50; } :is(body.avalon-admin-ui) .admin-topbar{ position:fixed!important; top:0; left:0; right:0; width:100%; z-index:50; } :is(body.avalon-admin-ui) .admin-layout{ padding-top:var(--stage26-header-height)!important; } :is(body.avalon-ui-v2) :where(.topbar .brand,.admin-brand){ min-width:210px!important; max-width:260px!important; gap:10px!important;} :is(body.avalon-ui-v2) :where(.topbar .brand b,.admin-brand b){font-size:.875rem!important;line-height:1.1!important} :is(body.avalon-ui-v2) :where(.topbar .brand small,.admin-brand small){font-size:.75rem!important;line-height:1.2!important} :is(body.avalon-ui-v2) :where(.project-links,.admin-top-links){gap:2px!important;min-width:0!important} :is(body.avalon-admin-ui) .admin-top-links{flex:0 1 auto!important;max-width:none!important;margin-left:8px!important} :is(body.avalon-admin-ui) .admin-top-actions{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0} :is(body.avalon-admin-ui) .admin-profile{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-width:205px!important;padding:4px 10px!important;flex:0 0 auto;margin-left:0!important} :is(body.avalon-ui-v2) :where(.project-links a,.admin-top-links a){ min-height:38px!important; padding:0 11px!important; font-size:.75rem!important; border-radius:8px!important;} :is(body.avalon-ui-v2) :where(.project-links a,.admin-top-links a)::after{bottom:-13px!important;height:2px!important} :is(body.avalon-player-ui) :where(.top-profile,.top-wallet-card),:is(body.avalon-admin-ui) .admin-profile{ min-height:40px!important; height:40px!important; border-radius:9px!important;} :is(body.avalon-player-ui) :where(.profile-avatar,.top-profile-menu-avatar),:is(body.avalon-admin-ui) .admin-profile-avatar{width:30px!important;height:30px!important;min-width:30px!important} :is(body.avalon-admin-ui) .admin-profile-copy{display:grid;gap:1px;min-width:0;line-height:1.15} :is(body.avalon-admin-ui) .admin-profile-copy :is(b,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(body.avalon-admin-ui) .admin-auth-logout{min-height:40px!important;height:40px!important;padding:0 13px!important;border-radius:9px!important;background:var(--rf-surface)!important;font-size:.75rem!important} :is(body.avalon-player-ui) .sidebar,:is(body.avalon-admin-ui) .admin-sidebar{ top:var(--stage26-header-height)!important; height:calc(100dvh - var(--stage26-header-height))!important; padding:18px 12px 16px!important; background:color-mix(in srgb,var(--rf-surface-deep) 96%,var(--rf-header) 4%)!important;} :is(body.avalon-admin-ui) .admin-sidebar{ grid-column:1!important; grid-row:1!important; position:fixed; left:0; width:var(--stage26-sidebar-admin); border-right:1px solid var(--rf-line)!important; border-left:0!important;} :is(body.avalon-admin-ui) .admin-content{grid-column:2!important;grid-row:1!important} :is(body.avalon-ui-v2) :where(.nav-label,.admin-nav>span){ padding-inline:8px!important; font-size:.75rem!important; letter-spacing:.11em!important;} :is(body.avalon-ui-v2) :where(.side-nav button,.side-nav a,.admin-nav button){ min-height:40px!important; padding:7px 10px!important; border-radius:9px!important; font-size:.75rem!important; gap:9px!important;} :is(body.avalon-admin-ui) .admin-nav{gap:7px!important;margin-top:12px!important} :is(body.avalon-admin-ui) .admin-nav>span{margin:10px 4px 2px!important;padding-inline:8px!important;text-align:left!important} :is(body.avalon-admin-ui) .admin-nav>button,:is(body.avalon-admin-ui) .admin-nav button.admin-nav-group-toggle{ min-height:44px!important; padding:8px 11px!important; border:1px solid transparent!important; background:transparent!important; color:var(--rf-muted)!important; box-shadow:none!important; transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important; flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;} :is(body.avalon-admin-ui) .admin-nav>button:hover,:is(body.avalon-admin-ui) .admin-nav button.admin-nav-group-toggle:hover{ color:var(--rf-text)!important; border-color:color-mix(in srgb,var(--rf-accent) 26%,var(--rf-line-strong))!important; background:color-mix(in srgb,var(--rf-accent) 7%,var(--rf-surface-soft))!important; transform:translateX(2px);} :is(body.avalon-admin-ui) .admin-nav :is(button,a):focus-visible{ outline:2px solid color-mix(in srgb,var(--rf-accent) 68%,white 32%)!important; outline-offset:2px!important;} :is(body.avalon-admin-ui) .admin-nav>button.is-active{ color:var(--rf-text)!important; border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; box-shadow:inset 3px 0 0 var(--rf-accent)!important;} :is(body.avalon-admin-ui) .admin-nav>button.is-active .admin-nav-icon-svg{color:var(--rf-accent)!important} :is(body.avalon-ui-v2) :where(.side-nav .nav-svg,.admin-nav-icon-svg){width:17px!important;height:17px!important;min-width:17px!important} :is(body.avalon-admin-ui) .admin-nav-group{border-radius:11px!important;padding:1px!important} :is(body.avalon-admin-ui) .admin-nav-group.is-open{ padding:3px 3px 5px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--rf-surface-raised) 74%,transparent),color-mix(in srgb,var(--rf-surface-deep) 88%,transparent))!important; border-color:color-mix(in srgb,var(--rf-line) 72%,transparent)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;} :is(body.avalon-admin-ui) .admin-nav button.admin-nav-group-toggle.is-open,:is(body.avalon-admin-ui) .admin-nav-group.is-open>.admin-nav-group-toggle{ color:var(--rf-text)!important; background:transparent!important; border-color:transparent!important; box-shadow:none!important;} :is(body.avalon-admin-ui) .admin-nav-group .admin-nav-subitem{width:calc(100% - 8px)!important;min-height:36px!important;margin-left:8px!important;padding:5px 8px 5px 12px!important;border:1px solid transparent!important;border-radius:8px!important;font-size:.75rem!important;color:color-mix(in srgb,var(--rf-text) 78%,var(--rf-muted) 22%)!important;background:transparent!important;box-shadow:none!important;transition:color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease!important;display:grid!important;grid-template-columns:5px minmax(0,1fr) auto!important;align-items:center!important;text-align:left!important} :is(body.avalon-admin-ui) .admin-nav-group .admin-nav-subitem>b{grid-column:2;text-align:left!important;line-height:1.2!important} :is(body.avalon-admin-ui) .admin-nav-group .admin-nav-subitem>i{grid-column:1;width:5px!important;height:5px!important;box-shadow:none!important} :is(body.avalon-admin-ui) .admin-nav-group .admin-nav-subitem>em{grid-column:3;grid-row:1} :is(body.avalon-admin-ui) .admin-nav-group .admin-nav-subitem:not(.is-active):hover{color:var(--rf-text)!important;background:color-mix(in srgb,var(--rf-info) 6%,var(--rf-surface-soft))!important;box-shadow:inset 2px 0 0 color-mix(in srgb,var(--rf-info) 68%,transparent)!important;transform:none} :is(body.avalon-admin-ui) .admin-nav-group .admin-nav-subitem:not(.is-active):hover>i{background:var(--rf-info)!important} :is(body.avalon-admin-ui) .admin-nav-group .admin-nav-subitem.is-active{color:var(--rf-text)!important;background:color-mix(in srgb,var(--rf-accent) 7%,var(--rf-surface-soft))!important;box-shadow:inset 3px 0 0 var(--rf-accent)!important} :is(body.avalon-admin-ui) .admin-nav-group .admin-nav-subitem.is-active>i{background:var(--rf-accent)!important;box-shadow:none!important} :is(body.avalon-admin-ui) .admin-side-foot,:is(body.avalon-player-ui) .sidebar-foot{padding-top:12px!important} :is(body.avalon-admin-ui) .admin-side-foot{align-items:flex-start!important;gap:0!important} :is(body.avalon-admin-ui) .admin-side-foot small{padding:2px 8px 0!important;text-align:left!important} :is(body.avalon-player-ui) .logout-action{font-size:.75rem!important} :is(body.avalon-ui-v2) :where(.page-heading,.admin-heading,.notification-page-heading){ min-height:0!important; margin:0 0 var(--rf-space-5)!important; padding:2px 0!important; gap:16px!important; background:transparent!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important;} :is(body.avalon-ui-v2) :where(.page-heading,.admin-heading,.notification-page-heading)::before{display:none!important;content:none!important} :is(body.avalon-ui-v2) :where(.page-heading h1,.admin-heading h1,.notification-page-heading h1){ margin:5px 0 7px!important; font-size:clamp(28px,2.2vw,36px)!important; line-height:1.08!important; letter-spacing:-.035em!important; font-weight:760!important;} :is(body.avalon-ui-v2) :where(.page-heading p,.admin-heading p,.notification-page-heading p){ max-width:920px!important; font-size:.75rem!important; line-height:1.55!important;} :is(body.avalon-ui-v2) :where(.page-heading small,.admin-heading small,.overline,.eyebrow,.avalon-section-kicker,.admin-kicker){ font-size:.75rem!important; letter-spacing:.12em!important;} :is(body.avalon-admin-ui) .admin-heading-actions{gap:var(--rf-space-2)!important;align-items:center!important} :is(body.avalon-ui-v2) :where(.panel,.admin-panel,.avalon-panel,.agreement-card,.public-character-section){ border:1px solid var(--rf-line)!important; border-radius:var(--stage26-radius)!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important;} :is(body.avalon-ui-v2) :where(.panel-head,.admin-panel-head,.public-character-section-head){ min-height:var(--rf-panel-head-min-height)!important; padding:14px var(--rf-space-4)!important; border-bottom:1px solid var(--rf-line)!important; background:transparent!important; background-image:none!important;} :is(body.avalon-ui-v2) :where(.panel-head h2,.admin-panel-head h2,.public-character-section-head h2){ margin:3px 0 0!important; font-size:1rem!important; line-height:1.25!important; font-weight:720!important;} :is(body.avalon-ui-v2) :where(.panel-head p,.admin-panel-head p){font-size:var(--rf-font-secondary)!important;line-height:1.5!important} :is(body.avalon-admin-ui) #dashboardView .admin-status-hero{ min-height:92px!important; margin-bottom:14px!important; padding:18px 20px!important; border:1px solid var(--rf-line)!important; border-left:3px solid var(--rf-accent)!important; border-radius:var(--stage26-radius)!important; background:var(--rf-surface)!important; box-shadow:none!important;} :is(body.avalon-admin-ui) #dashboardView .admin-status-hero h2{font-size:1.25rem!important;margin:4px 0!important} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-panel{gap:10px!important;margin-bottom:10px!important;padding:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;overflow:visible!important} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-total,:is(body.avalon-admin-ui) #dashboardView .admin-race-online-list article{ min-height:96px!important; padding:14px 16px!important; border-radius:10px!important;} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-total strong,:is(body.avalon-admin-ui) #dashboardView .admin-race-online-list strong{font-size:1.5625rem!important} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-total .metric-symbol-svg{width:42px!important;height:42px!important;border-radius:11px!important;background:color-mix(in srgb,var(--rf-info) 8%,var(--rf-surface-raised))!important;color:var(--rf-info)!important} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-list .race-label{gap:7px!important;align-items:flex-start!important} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-list .race-emblem{width:30px!important;height:30px!important;filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 18%,transparent))} :is(body.avalon-admin-ui) #dashboardView .admin-metrics{ grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:10px!important; margin-bottom:12px!important; background:linear-gradient(180deg,var(--rf-page-top),var(--rf-page-bottom)) fixed!important;} :is(body.avalon-admin-ui) #dashboardView .admin-metrics article{ min-height:92px!important; padding:14px!important; border-radius:10px!important; display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-content:center!important; align-items:center!important; column-gap:12px!important; row-gap:3px!important;} :is(body.avalon-admin-ui) #dashboardView .admin-metrics .metric-symbol-svg{grid-column:1!important;grid-row:1/3!important;align-self:center!important;margin:0!important} :is(body.avalon-admin-ui) #dashboardView .admin-metrics small{grid-column:2!important;grid-row:1!important;font-size:.75rem!important;margin:0!important;align-self:end!important} :is(body.avalon-admin-ui) #dashboardView .admin-metrics strong{grid-column:2!important;grid-row:2!important;font-size:1.5rem!important;align-self:start!important} :is(body.avalon-admin-ui) #dashboardView .admin-dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;gap:12px!important} :is(body.avalon-admin-ui) #dashboardView .module-summary{gap:8px!important;padding:12px!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-item{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;align-items:center!important;gap:12px!important;padding:14px!important;border-radius:10px!important;background:var(--rf-surface-soft)!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-item>div{min-width:0!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-item span{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-item span>b:first-of-type{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-item small{margin-top:6px!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-toggle{display:grid!important;place-items:center!important;justify-self:center!important;align-self:center!important;width:52px!important;min-width:52px!important;min-height:34px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-toggle input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-toggle>span{position:relative!important;display:block!important;width:42px!important;height:23px!important;min-width:42px!important;min-height:23px!important;border:1px solid color-mix(in srgb,var(--rf-line-strong) 90%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--rf-surface-raised) 92%,transparent)!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-toggle>span::after{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:15px!important;height:15px!important;border-radius:50%!important;background:var(--rf-muted)!important;transition:left .16s ease,background-color .16s ease,box-shadow .16s ease!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-toggle.is-on>span{border-color:color-mix(in srgb,var(--rf-success) 50%,var(--rf-line-strong))!important;background:color-mix(in srgb,var(--rf-success) 14%,var(--rf-surface-raised))!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-toggle.is-on>span::after{left:22px!important;background:var(--rf-success)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rf-success) 12%,transparent)!important} :is(body.avalon-admin-ui) #dashboardView .module-summary-toggle.is-pending{opacity:.65!important;pointer-events:none!important} :is(body.avalon-admin-ui) #dashboardView .security-summary{display:grid!important;gap:10px!important;padding:12px!important} :is(body.avalon-admin-ui) #dashboardView .security-summary-item{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:72px!important;padding:12px 14px!important;border:1px solid var(--rf-line)!important;border-radius:10px!important;background:var(--rf-surface-soft)!important} :is(body.avalon-admin-ui) #dashboardView .security-summary-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border:1px solid color-mix(in srgb,var(--rf-line-strong) 86%,transparent)!important;border-radius:10px!important;color:var(--rf-accent)!important;background:color-mix(in srgb,var(--rf-accent) 9%,var(--rf-surface-raised))!important} :is(body.avalon-admin-ui) #dashboardView .security-summary-icon .ui-icon{width:17px!important;height:17px!important} :is(body.avalon-admin-ui) #dashboardView .security-summary-copy{display:grid!important;gap:4px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important} :is(body.avalon-admin-ui) #dashboardView .security-summary-copy small{font-size:.75rem!important;font-weight:800;color:var(--rf-text)!important} :is(body.avalon-admin-ui) #dashboardView .security-summary-copy em{color:var(--rf-muted)!important;font-size:.75rem!important;font-style:normal!important;line-height:1.35!important} :is(body.avalon-admin-ui) #dashboardView .security-summary-item>b{font-size:1.5rem!important;line-height:1!important;color:var(--rf-text)!important} :is(body.avalon-admin-ui) #dashboardView .admin-heading-actions>.admin-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:136px!important;white-space:nowrap!important} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-total,:is(body.avalon-admin-ui) #dashboardView .admin-race-online-list article,:is(body.avalon-admin-ui) #dashboardView .admin-metrics article{background:var(--rf-surface-soft)!important} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-panel::before,:is(body.avalon-admin-ui) #dashboardView .admin-race-online-total::before{display:none!important;content:none!important;background:none!important;box-shadow:none!important} :is(body.avalon-ui-v2) :where(.metric-card,.admin-metrics article,.economy-stock-grid article,.economy-flow-grid article>span){ border-radius:10px!important; border-color:var(--rf-line)!important; background:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:none!important;} :is(body.avalon-player-ui) .metric-card{min-height:108px!important;padding:14px!important} :is(body.avalon-ui-v2) :where(.primary-action,.secondary-action,.ghost-action,.admin-button):not(.is-hidden){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:var(--rf-control-height)!important;padding:0 15px!important;border-radius:var(--rf-control-radius)!important;font-size:var(--rf-font-action)!important;font-weight:760!important;letter-spacing:0!important;transform:none!important;transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease,filter .14s ease!important} :is(body.avalon-ui-v2) :where(.secondary-action,.ghost-action,.admin-button.secondary){ color:var(--rf-text)!important; border-color:var(--rf-line)!important; background:var(--rf-surface-raised)!important; background-image:none!important; box-shadow:none!important;} :is(body.avalon-ui-v2) :where(.secondary-action,.ghost-action,.admin-button.secondary):hover:not(:disabled){ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-soft)!important;} :is(body.avalon-ui-v2) :where(.admin-button.danger){ color:var(--rf-danger)!important; border-color:color-mix(in srgb,var(--rf-danger) 34%,var(--rf-line))!important; background:color-mix(in srgb,var(--rf-danger) 8%,var(--rf-surface-raised))!important; background-image:none!important; box-shadow:none!important;} :is(body.avalon-ui-v2) :where(.admin-button.danger):hover:not(:disabled){ background:color-mix(in srgb,var(--rf-danger) 13%,var(--rf-surface-raised))!important;} :is(body.avalon-ui-v2) :where(button,a,input,select,textarea):focus-visible{ outline:2px solid color-mix(in srgb,var(--rf-accent) 78%,white 22%)!important; outline-offset:2px!important; box-shadow:0 0 0 4px color-mix(in srgb,var(--rf-accent) 12%,transparent)!important;} :is(body.avalon-ui-v2) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){ min-height:var(--rf-control-height)!important; padding:9px 11px!important; border:1px solid var(--rf-line)!important; border-radius:var(--rf-control-radius)!important; color:var(--rf-text)!important; background:var(--rf-input)!important; background-image:none!important; box-shadow:none!important; font-size:var(--rf-font-ui)!important;} :is(body.avalon-ui-v2) textarea{min-height:96px!important;line-height:1.5!important} :is(body.avalon-ui-v2) :where(input,select,textarea)::placeholder{color:var(--rf-dim)!important;opacity:.85!important} :is(body.avalon-ui-v2) :where(label>span:first-child){font-size:.75rem!important;font-weight:650!important;color:var(--rf-muted)!important} :is(body.avalon-admin-ui) .setting-row{ min-height:62px!important; padding:var(--rf-space-3) 0!important; gap:var(--rf-space-4)!important; border-color:var(--rf-line)!important;} :is(body.avalon-admin-ui) .setting-row b{font-size:var(--rf-font-secondary)!important} :is(body.avalon-admin-ui) .setting-row small{font-size:var(--rf-font-secondary)!important;line-height:1.45!important} :is(body.avalon-admin-ui) .settings-grid{padding:var(--rf-space-1) var(--rf-space-4) 14px!important} :is(body.avalon-ui-v2) :where(.admin-table-wrap,.audit-table-wrap){ overflow:auto!important; scrollbar-width:thin; border-radius:0 0 var(--stage26-radius) var(--stage26-radius)!important;} :is(body.avalon-ui-v2) table:not(.rankings-table){border-collapse:separate!important;border-spacing:0!important;width:100%} :is(body.avalon-ui-v2) table:not(.rankings-table) thead th{ position:sticky; top:0; z-index:2; padding:11px var(--rf-table-cell-x)!important; border-bottom:1px solid var(--rf-line)!important; color:var(--rf-muted)!important; background:var(--rf-surface-raised)!important; font-size:var(--rf-font-ui)!important; font-weight:800!important; letter-spacing:.07em!important; text-transform:uppercase!important; white-space:nowrap;} :is(body.avalon-ui-v2) table:not(.rankings-table) tbody td{ padding:var(--rf-table-cell-y) var(--rf-table-cell-x)!important; border-bottom:1px solid var(--rf-line)!important; color:var(--rf-text)!important; background:transparent!important; font-size:var(--rf-font-ui)!important; line-height:1.45!important;} :is(body.avalon-ui-v2) table:not(.rankings-table) tbody tr{background:var(--rf-surface)!important;transition:background-color .12s ease!important} :is(body.avalon-ui-v2) table:not(.rankings-table) tbody tr:hover{background:var(--rf-surface-soft)!important} :is(body.avalon-ui-v2) table:not(.rankings-table) tbody tr:last-child td{border-bottom:0!important} :is(body.avalon-ui-v2) table:not(.rankings-table) code{font-size:var(--rf-font-secondary)!important} :is(body.avalon-ui-v2) :where(.activity-tabs,.module-tabs,.achievement-filters){ gap:4px!important; padding:4px!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; background:var(--rf-surface-soft)!important;} :is(body.avalon-ui-v2) :where(.activity-tabs,.module-tabs,.achievement-filters) button{ min-height:34px!important; padding:0 11px!important; border:1px solid transparent!important; border-radius:7px!important; background:transparent!important; box-shadow:none!important; color:var(--rf-muted)!important; font-size:.75rem!important;} :is(body.avalon-ui-v2) :where(.activity-tabs,.module-tabs,.achievement-filters) button.is-active{ color:var(--rf-text)!important; border-color:var(--rf-line)!important; background:var(--rf-surface-raised)!important; box-shadow:inset 0 -2px 0 var(--rf-accent)!important;} /* Player compact-control contract. One semantic owner for small secondary buttons and segmented filters in the Player Cabinet only. Admin, primary CTA, danger actions, topbar/sidebar controls and large choice cards are intentionally excluded. */ :is(body.avalon-player-ui) :where( .activity-tabs, .own-achievement-filters, .personal-timeline-filters, .rankings-filter-tabs ) { display:flex!important; align-items:center!important; gap:4px!important; padding:4px!important; border:1px solid var(--rf-line)!important; border-radius:10px!important; background:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:none!important;} :is(body.avalon-player-ui) :where( .activity-tabs, .own-achievement-filters, .personal-timeline-filters, .rankings-filter-tabs ) button { min-height:34px!important; padding:0 12px!important; border:1px solid transparent!important; border-radius:7px!important; background:transparent!important; background-image:none!important; box-shadow:none!important; color:var(--rf-muted)!important; font-size:.75rem!important; font-weight:760!important; line-height:1!important; transform:none!important;} :is(body.avalon-player-ui) :where( .activity-tabs, .own-achievement-filters, .personal-timeline-filters, .rankings-filter-tabs ) button:hover:not(:disabled) { border-color:var(--rf-line)!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important;} :is(body.avalon-player-ui) :where( .activity-tabs, .own-achievement-filters, .personal-timeline-filters, .rankings-filter-tabs ) button:is(.is-active, .active, [aria-selected="true"]) { border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important; box-shadow:inset 0 -2px 0 var(--rf-accent)!important;} :is(body.avalon-player-ui) :where( .secondary-action.compact, .ghost-action, .payment-back, .character-detail-toggle, .character-manage-button, .panel-head button ):not(.danger):not(.danger-soft):not(.is-danger){ min-height:34px!important; padding:0 12px!important; border:1px solid var(--rf-line)!important; border-radius:7px!important; background:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:none!important; color:var(--rf-muted)!important; font-size:.75rem!important; font-weight:760!important; transform:none!important;} :is(body.avalon-player-ui) :where( .secondary-action.compact, .ghost-action, .payment-back, .character-detail-toggle, .character-manage-button, .panel-head button ):not(.danger):not(.danger-soft):not(.is-danger):hover:not(:disabled){ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important;} :is(body.avalon-player-ui) :where( .secondary-action.compact, .ghost-action, .payment-back, .character-detail-toggle, .character-manage-button, .panel-head button ):not(.danger):not(.danger-soft):not(.is-danger):is(.is-active,.active,[aria-pressed="true"]){ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important; box-shadow:inset 0 -2px 0 var(--rf-accent)!important;} :is(body.avalon-player-ui) :where(.converter-history-page,.payment-history-page){ width:32px!important; min-width:32px!important; height:32px!important; padding:0!important; border:1px solid var(--rf-line)!important; border-radius:7px!important; background:var(--rf-surface-soft)!important; background-image:none!important; box-shadow:none!important; color:var(--rf-muted)!important; font-size:.75rem!important; font-weight:760!important;} :is(body.avalon-player-ui) :where(.converter-history-page,.payment-history-page):hover:not(:disabled){ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important;} :is(body.avalon-player-ui) :where(.converter-history-page,.payment-history-page).is-active{ border-color:var(--rf-line-strong)!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important; box-shadow:inset 0 -2px 0 var(--rf-accent)!important;} :is(body.avalon-ui-v2) :where(.account-action-modal,.character-service-modal,.navigation-editor-modal){ background:var(--rf-overlay)!important; backdrop-filter:blur(4px)!important;} :is(body.avalon-ui-v2) :where(.account-action-card,.character-service-dialog,.navigation-editor-card){ border:1px solid var(--rf-line-strong)!important; border-radius:14px!important; background:var(--rf-surface)!important; background-image:none!important; box-shadow:var(--rf-shadow-float)!important;} :is(body.avalon-ui-v2) :where(.account-action-head,.character-service-dialog-head){ border-bottom:1px solid var(--rf-line)!important; background:transparent!important;} :is(body.avalon-ui-v2) :where(.audit-empty,.empty-state,.table-empty):not(.is-hidden):not([hidden]){ min-height:132px!important; display:grid!important; place-items:center!important; padding:24px!important; color:var(--rf-muted)!important; background:var(--rf-surface-soft)!important; border:1px dashed var(--rf-line-strong)!important; border-radius:10px!important; text-align:center!important;} body.avalon-admin-ui .notification-empty:not(.is-hidden):not([hidden]){ min-height:132px!important; display:grid!important; place-items:center!important; padding:24px!important; color:var(--rf-muted)!important; background:var(--rf-surface-soft)!important; border:1px dashed var(--rf-line-strong)!important; border-radius:10px!important; text-align:center!important;} :is(body.avalon-ui-v2) :where(.admin-alert,.alert,.status-message){ border-radius:10px!important; box-shadow:none!important; font-size:.75rem!important; line-height:1.45!important;} :is(body.avalon-ui-v2) :where(.toast,.admin-toast){ max-width:min(420px,calc(100vw - 32px))!important; padding:12px 14px!important; border:1px solid var(--rf-line-strong)!important; border-radius:10px!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important; box-shadow:var(--stage26-shadow)!important; font-size:.75rem!important;} /* ========================================================================== Stage58 system-wide Dashboard visual contract. Admin Dashboard stays untouched and remains the source of truth. ========================================================================== */ :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)){--route-panel:var(--rf-ui-panel);--route-card:var(--rf-ui-card);--route-control:var(--rf-ui-control);--route-line:var(--rf-ui-border);--route-line-strong:var(--rf-ui-border-strong);color:var(--rf-text)!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) :is(.panel,.admin-panel,.avalon-panel,[class$="-card"],[class$="-panel"],[class$="-box"],[class$="-callout"],[class$="-hero"],[class$="-summary"],[class$="-strip"],[class$="-preview"]):not(.funpay-offer-card):not(.funpay-offer-summary):not(.payment-rate-card):not(.payment-summary-card):not(:where(#characterDetailPanel)){border-color:var(--route-line)!important;background-color:var(--route-panel)!important;background-image:none!important;box-shadow:none!important;filter:none!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) :is(.panel,.admin-panel,.avalon-panel,[class$="-card"],[class$="-panel"],[class$="-box"],[class$="-callout"],[class$="-hero"],[class$="-summary"],[class$="-strip"],[class$="-preview"]) :is([class$="-card"],[class$="-panel"],[class$="-box"],[class$="-callout"],[class$="-summary"],[class$="-strip"],[class$="-preview"]):not(.funpay-offer-card):not(.funpay-offer-summary):not(.payment-rate-card):not(.payment-summary-card),:is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) :is(.metric-card,[class$="-metric"],[class$="-tile"],[class$="-fact"],[class$="-summary-item"],[class$="-status-item"]){border-color:var(--route-line)!important;background-color:var(--route-card)!important;background-image:none!important;box-shadow:none!important;filter:none!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) :is([class$="-row"],[class$="-item"]):not(.setting-row):not(.own-achievement-filter-row):not(.funpay-offer-reward-item):not(.payment-summary-row){border-color:var(--route-line)!important;background-color:var(--route-card)!important;background-image:none!important;box-shadow:none!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) :is(.panel-head,.admin-panel-head,[class$="-head"]){border-color:var(--route-line)!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) :is([class$="-grid"],[class$="-list"],[class$="-toolbar"],[class$="-actions"],[class$="-meta"],[class$="-copy"]){background-image:none!important;box-shadow:none!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) .switch-control>span{border-color:var(--route-line-strong)!important;background:var(--route-control)!important;background-image:none!important;box-shadow:none!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) .switch-control>span::after{background:var(--rf-muted)!important;box-shadow:none!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) .switch-control input:checked + span{border-color:color-mix(in srgb,var(--rf-success) 50%,var(--route-line-strong))!important;background:color-mix(in srgb,var(--rf-success) 14%,var(--route-control))!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) .switch-control input:checked + span::after{background:var(--rf-success)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rf-success) 12%,transparent)!important} :is(body.avalon-player-ui.avalon-ui-v2 .content>.app-view:not(#dashboardView):not(#overviewView):not(#notificationsView):not(#votingView),body.avalon-admin-ui.avalon-ui-v2 .admin-content>.admin-view:not(#dashboardView):not(#economyView)) :is([class$="-badge"],[class$="-pill"]){border-radius:999px!important;box-shadow:none!important;text-shadow:none!important} /* Guild detail owns one surface palette. Keep Guild bonus cards visually identical to the existing Guild detail stat cards. */ body.avalon-admin-ui.avalon-ui-v2 #guild-detailView :is( .guild-detail-stats article, .guild-bonus-controls, .guild-bonus-preview article, .guild-bonus-history-item, .guild-bonus-history .account-empty ){ border-color:var(--avalon-line)!important; background:linear-gradient(145deg,var(--avalon-surface-raised),var(--avalon-surface))!important; background-image:linear-gradient(145deg,var(--avalon-surface-raised),var(--avalon-surface))!important; box-shadow:none!important; } :is(body.avalon-admin-ui) #admin-accessView .admin-access-summary{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; margin-bottom:12px!important;} :is(body.avalon-admin-ui) #admin-accessView .admin-access-summary .admin-panel{padding:14px 16px!important;min-height:88px!important} :is(body.avalon-admin-ui) #admin-accessView .admin-access-summary small{font-size:.75rem!important;color:var(--rf-muted)!important;text-transform:uppercase;letter-spacing:.08em} :is(body.avalon-admin-ui) #admin-accessView .admin-access-summary strong{display:block;margin-top:7px;font-size:1.5rem!important} :is(body.avalon-admin-ui) #admin-accessView .admin-access-grid{gap:12px!important} :is(body.avalon-admin-ui) #admin-accessView .admin-access-form{gap:11px!important;padding:14px 16px!important} :is(body.avalon-admin-ui) #admin-accessView .admin-access-list{gap:8px!important} :is(body.avalon-ui-v2)[data-site-season] .site-season-effects{ position:fixed!important; inset:0!important; z-index:3!important; pointer-events:none!important; background:transparent!important; mix-blend-mode:normal!important;} :is(body.avalon-ui-v2)[data-site-season] .site-season-particle{pointer-events:none!important} @media(max-width:1440px){ :is(body.avalon-admin-ui) #dashboardView .admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important} :is(body.avalon-admin-ui) #dashboardView .admin-dashboard-grid{grid-template-columns:minmax(0,1fr)!important} :is(body.avalon-admin-ui) #admin-accessView .admin-access-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:1100px){ :is(body.avalon-player-ui) .workspace,:is(body.avalon-admin-ui) .admin-layout{grid-template-columns:minmax(0,1fr)!important} :is(body.avalon-admin-ui) .admin-content{grid-column:1!important;grid-row:1!important} :is(body.avalon-ui-v2) :where(.sidebar,.admin-sidebar){ width:min(286px,88vw)!important; position:fixed!important; left:0!important; top:var(--stage26-header-height)!important; height:calc(100dvh - var(--stage26-header-height))!important; transform:translateX(-102%); transition:transform .18s ease!important; box-shadow:18px 0 40px rgba(4,8,16,.30)!important; z-index:40!important;} :is(body.avalon-ui-v2) :where(.sidebar.is-open,.admin-sidebar.is-open){transform:translateX(0)!important} :is(body.avalon-admin-ui) .admin-sidebar{ left:0!important; right:auto!important; border-right:1px solid var(--rf-line)!important; border-left:0!important; transform:translateX(-102%); box-shadow:18px 0 40px rgba(4,8,16,.30)!important;} :is(body.avalon-admin-ui) .admin-sidebar.is-open{transform:translateX(0)!important} :is(body.avalon-ui-v2) :where(.project-links,.admin-top-links){display:none!important} :is(body.avalon-ui-v2) :where(.menu-button,.admin-menu-button){display:inline-grid!important;place-content:center!important;min-width:40px!important;min-height:40px!important} :is(body.avalon-ui-v2) :where(.sidebar-backdrop,.admin-backdrop){inset:var(--stage26-header-height) 0 0!important;z-index:35!important}} @media(max-width:820px){ :is(body.avalon-player-ui) .content,:is(body.avalon-admin-ui) .admin-content{padding:22px 14px 60px!important} :is(body.avalon-ui-v2) :where(.page-heading,.admin-heading,.notification-page-heading){align-items:flex-start!important;flex-direction:column!important} :is(body.avalon-admin-ui) .admin-heading-actions{width:100%!important;justify-content:flex-start!important} :is(body.avalon-admin-ui) .admin-heading-actions>*{flex:1 1 auto!important} :is(body.avalon-admin-ui) #dashboardView .admin-race-online-panel{grid-template-columns:1fr!important} :is(body.avalon-admin-ui) #dashboardView .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important} :is(body.avalon-ui-v2) .setting-row,:is(body.avalon-ui-v2) .setting-row.full{grid-template-columns:1fr!important} :is(body.avalon-ui-v2) .setting-row.switch-row{grid-template-columns:1fr auto!important}} @media(max-width:620px){ :is(body.avalon-ui-v2){font-size:.8125rem} :is(body.avalon-player-ui) .topbar,:is(body.avalon-admin-ui) .admin-topbar{padding-inline:10px!important} :is(body.avalon-ui-v2) :where(.topbar .brand,.admin-brand){min-width:0!important;max-width:none!important;flex:1 1 auto!important} :is(body.avalon-ui-v2) :where(.topbar .brand small,.admin-brand small){display:none!important} :is(body.avalon-player-ui) .top-wallet{display:none!important} :is(body.avalon-ui-v2) :where(.top-profile-copy,.admin-profile-copy){display:none!important} :is(body.avalon-admin-ui) .admin-profile{min-width:0!important;padding:4px!important} :is(body.avalon-admin-ui) .admin-auth-logout{padding:0 8px!important} :is(body.avalon-ui-v2) :where(.page-heading h1,.admin-heading h1,.notification-page-heading h1){font-size:1.75rem!important} :is(body.avalon-admin-ui) #dashboardView .admin-metrics{grid-template-columns:1fr!important} :is(body.avalon-admin-ui) #admin-accessView .admin-access-summary{grid-template-columns:1fr!important} :is(body.avalon-ui-v2) :where(.primary-action,.secondary-action,.ghost-action,.admin-button){width:100%} :is(body.avalon-ui-v2) table thead th,:is(body.avalon-ui-v2) table:not(.rankings-table) tbody td{padding-inline:10px!important}} :is(body.avalon-admin-ui) #account-detailView .account-character-grid.single{grid-template-columns:minmax(300px,520px)!important;justify-content:start!important} :is(body.avalon-admin-ui) #account-detailView .account-character-grid.single .account-character-card{display:flex!important;flex-direction:column!important} @media(prefers-reduced-motion:reduce){ :is(body.avalon-ui-v2) *,:is(body.avalon-ui-v2) *::before,:is(body.avalon-ui-v2) *::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}} :is(body.avalon-admin-ui) #onlineView .online-module-metrics{background:linear-gradient(180deg,var(--rf-page-top),var(--rf-page-bottom)) fixed!important} :is(body.avalon-admin-ui) #onlineView .online-entity-link{align-self:flex-start;border:0;padding:0;background:none;color:var(--rf-text);font:inherit;font-weight:760;text-align:left;cursor:pointer} :is(body.avalon-admin-ui) #onlineView .online-entity-link:hover{color:var(--rf-accent);text-decoration:underline} :is(body.avalon-admin-ui) #onlineView :is(.online-account-cell,.online-character-cell,.online-class-cell,.online-guild-cell,.online-heartbeat-cell){background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important} :is(body.avalon-admin-ui) #accountsView .account-module-metrics{padding:0!important;border:0!important;box-shadow:none!important;background:linear-gradient(180deg,var(--rf-page-top),var(--rf-page-bottom)) fixed!important} :is(body.avalon-admin-ui) #accountsView .account-module-metrics>article{background:var(--rf-surface)!important;background-image:none!important;box-shadow:none!important} :is(body.avalon-admin-ui) #accountsView .account-entity-link{align-self:flex-start;border:0;padding:0;background:none;color:var(--rf-text);font:inherit;font-weight:760;text-align:left;cursor:pointer} :is(body.avalon-admin-ui) #accountsView .account-entity-link:hover{color:var(--rf-accent);text-decoration:underline} :is(body.avalon-admin-ui) #charactersView .character-module-metrics{padding:0!important;border:0!important;box-shadow:none!important;background:linear-gradient(180deg,var(--rf-page-top),var(--rf-page-bottom)) fixed!important} :is(body.avalon-admin-ui) #charactersView .character-entity-link{font-weight:800} :is(body.avalon-admin-ui) #charactersView .character-level-cell{font-weight:400} :is(body.avalon-admin-ui) #account-detailView .account-player-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))} :is(body.avalon-admin-ui) #account-detailView #accountPlayerProfileEmail{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere} @media(max-width:980px){:is(body.avalon-admin-ui) #account-detailView .account-player-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){:is(body.avalon-admin-ui) #account-detailView .account-player-profile-grid{grid-template-columns:1fr}} /* Mobile form controls use a 16px floor to avoid iOS Safari focus zoom. */ @media (max-width: 760px), (pointer: coarse) { input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea{ font-size: 1rem !important; }} /* Registration prefix controls keep registration sections visually detached. */ #settings-authView .auth-tab-panel[data-auth-panel="registration"]{display:grid;gap:18px} #settings-authView .auth-tab-panel[data-auth-panel="registration"]>.admin-panel{margin:0} /* Route-view isolation is authoritative even if a delayed feature mutates old visibility flags. */ .admin-content > .admin-view:not(.is-active-view),.admin-content > .admin-view.is-hidden,.admin-content > .admin-view[hidden],.admin-content > .admin-view[aria-hidden="true"]{ display: none !important; visibility: hidden !important; pointer-events: none !important;} .admin-content > .admin-view.is-active-view:not([hidden])[aria-hidden="false"]{ display: var(--admin-view-display, block) !important; visibility: visible !important; pointer-events: auto !important;} /* Security is the single Player access/history workspace. */ body.avalon-player-ui #securityView.security-center-view{gap:12px!important} body.avalon-player-ui #securityView .security-center-tabs{width:fit-content;max-width:100%;margin:0 0 2px!important} body.avalon-player-ui #securityView :is(.security-center-tabs,#securityActivityTabs){padding:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important} body.avalon-player-ui #securityView .security-center-tabs button{display:inline-flex!important;align-items:center!important;gap:7px!important} body.avalon-player-ui #securityView .security-center-tabs .ui-icon{width:15px!important;height:15px!important} body.avalon-player-ui #securityView .security-center-section{display:grid;gap:12px;min-width:0} body.avalon-player-ui #securityView :is(.player-activity-section,.activity-card,.service-history-panel,.service-history-row,.activity-row,.game-history-card){border-color:var(--rf-line)!important;background-image:none!important;box-shadow:none!important} body.avalon-player-ui #securityView :is(.activity-row,.service-history-row):hover{border-color:var(--rf-line-strong)!important} body.avalon-player-ui #securityView .service-history-row{background:transparent!important;background-image:none!important;box-shadow:none!important} body.avalon-player-ui #securityView :is(.service-history-copy,.service-history-balance){background:transparent!important;background-image:none!important;box-shadow:none!important} body.avalon-player-ui #securityView .service-history-copy{border:0!important} body.avalon-player-ui #securityView .account-service-state{padding-left:0!important;padding-right:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important} body.avalon-player-ui #securityView :is(#sessionActivityState,#gameLoginHistoryState,#serviceHistoryState,#personalTimelineState):empty{display:none!important} body.avalon-player-ui #securityView .security-center-section.is-hidden{display:none!important} body.avalon-player-ui #securityView .security-timeline-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:2px 1px 0} body.avalon-player-ui #securityView .security-timeline-heading>span{min-width:0} body.avalon-player-ui #securityView .security-timeline-heading small{display:block;color:var(--rf-muted);font-size:.75rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase} body.avalon-player-ui #securityView .security-timeline-heading h2{margin:3px 0 4px;color:var(--rf-text);font-size:1rem;line-height:1.2} body.avalon-player-ui #securityView .security-timeline-heading p{margin:0;color:var(--rf-muted);font-size:.75rem;line-height:1.45} @media(max-width:760px){body.avalon-player-ui #securityView .security-center-tabs{width:100%;overflow-x:auto}body.avalon-player-ui #securityView .security-center-tabs button{flex:1 0 auto;justify-content:center}body.avalon-player-ui #securityView .security-timeline-heading{align-items:flex-start;flex-direction:column}} /* Database wipe is a bordered workspace, not a filled legacy surface. This final owner intentionally comes after the global control/surface normalization layers. */ body.avalon-admin-ui #databaseWipePanel :is(.database-wipe-preflight,.database-wipe-confirmation-panel){ background:transparent!important; background-image:none!important; box-shadow:none!important; } body.avalon-admin-ui #databaseWipePanel .database-wipe-result-head{ background:transparent!important; background-image:none!important; box-shadow:none!important; } body.avalon-admin-ui #databaseWipePanel .database-wipe-result-stack{ gap:28px!important; } body.avalon-admin-ui #databaseWipePanel .database-wipe-confirmation{ padding:22px!important; } body.avalon-admin-ui #databaseWipePanel .database-wipe-auth{ gap:16px!important; } body.avalon-admin-ui #databaseWipePanel .database-wipe-auth input[type="text"], body.avalon-admin-ui #databaseWipePanel .database-wipe-auth input[type="password"]{ background:transparent!important; background-image:none!important; box-shadow:none!important; } body.avalon-admin-ui #databaseWipePanel .database-wipe-server-check{ margin-top:8px!important; } body.avalon-admin-ui #databaseWipePanel .database-wipe-confirm{ margin-top:22px!important; padding-top:20px!important; } /* ========================================================================== CANONICAL GLOBAL TOKENS Effective values are preserved from the uploaded runtime baseline. Compatibility aliases remain because existing modules still reference them; new code should prefer the canonical RF/Avalon token families. ========================================================================== */ :root{ /* Document defaults */ color-scheme:dark; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --market-v122-surface:#232b3e; --market-v122-surface-deep:#1a2130; --market-v122-surface-soft:#293247; --market-v122-surface-raised:#283146; --market-v122-input:rgba(19,25,38,.84); --market-v122-line:rgba(104,121,157,.28); --market-v122-line-strong:rgba(120,139,179,.42); --market-v122-text:#f3f6fb; --market-v122-muted:#8e9bb3; --market-v122-dim:#728096; --market-v122-accent:#f5a623; --market-v122-accent-2:#e96108; --market-v122-focus:#ffc55f; --market-v122-green:#65d98b; --market-v122-blue:#8fb4e6; --market-v122-red:#ef8b8b; --market-v122-radius:9px; --market-v122-control-radius:7px; --market-v122-shadow:0 14px 34px rgba(5,9,18,.20); --market-v122-page-top:#202638; --market-v122-page-bottom:#1d2433; /* Canonical RF surface tokens */ --rf-page-top:#202638; --rf-page-bottom:#1d2433; --rf-header:rgba(31,38,54,.94); --rf-surface:#232b3e; --rf-surface-raised:#283146; --rf-surface-soft:#293247; --rf-surface-deep:#1a2130; --rf-input:rgba(19,25,38,.84); --rf-line:rgba(104,121,157,.28); --rf-line-strong:rgba(120,139,179,.42); --rf-text:#f3f6fb; --rf-muted:#8e9bb3; --rf-dim:#728096; --rf-accent:#f5a623; --rf-accent-2:#e96108; --rf-success:#65d98b; --rf-info:#8fb4e6; --rf-violet:#9b8cff; --rf-danger:#ef8b8b; --rf-on-accent:#111827; --rf-primary-start:#ffb21c; --rf-primary-end:#f27608; --rf-primary-border:#f59e0b; --rf-overlay:rgba(5,9,18,.70); --rf-radius:9px; --rf-radius-control:7px; --rf-shadow:0 14px 34px rgba(5,9,18,.20); --rf-shadow-soft:0 12px 30px rgba(5,9,18,.14); --rf-shadow-float:0 24px 70px rgba(3,6,12,.42); --rf-ui-panel:var(--rf-surface); --rf-ui-card:var(--rf-surface-soft); --rf-ui-control:var(--rf-surface-raised); --rf-ui-border:var(--rf-line); --rf-ui-border-strong:var(--rf-line-strong); /* Avalon compatibility tokens */ --avalon-bg:#1d2433; --avalon-header:rgba(31,38,54,.94); --avalon-surface:#232b3e; --avalon-surface-raised:#283146; --avalon-surface-soft:#293247; --avalon-surface-deep:#1a2130; --avalon-input:rgba(19,25,38,.84); --avalon-line:rgba(104,121,157,.28); --avalon-line-strong:rgba(120,139,179,.42); --avalon-line-soft:rgba(104,121,157,.18); --avalon-text:#f3f6fb; --avalon-muted:#8e9bb3; --avalon-dim:#728096; --avalon-gold:var(--market-v122-accent); --avalon-orange:var(--market-v122-accent-2); --avalon-green:var(--market-v122-green); --avalon-blue:var(--market-v122-blue); --avalon-violet:#a884ff; --avalon-red:var(--market-v122-red); --avalon-focus:rgba(245,166,35,.14); --avalon-accent:var(--market-v122-accent); --avalon-radius:var(--market-v122-radius); --avalon-radius-sm:var(--market-v122-control-radius); --avalon-content:1400px; --avalon-shadow:var(--market-v122-shadow); --avalon-shadow-float:0 28px 85px rgba(0,0,0,.48); --avalon-control:42px; /* Cabinet compatibility tokens */ --cab-bg:#1d2433; --cab-surface:#232b3e; --cab-surface-raised:#283146; --cab-surface-soft:#293247; --cab-input:rgba(19,25,38,.84); --cab-line:rgba(104,121,157,.28); --cab-line-soft:rgba(104,121,157,.18); --cab-text:#f3f6fb; --cab-muted:#8e9bb3; --cab-dim:#728096; --cab-gold:#f5a623; --cab-radius:9px; --cab-radius-sm:7px; --cab-focus:rgba(245,166,35,.28); --cab-content:1480px; /* Shared UI compatibility tokens */ --ui-bg:#1d2433; --ui-surface:#232b3e; --ui-surface-raised:#283146; --ui-surface-soft:#293247; --ui-surface-deep:#1a2130; --ui-input:rgba(19,25,38,.84); --ui-line:rgba(104,121,157,.28); --ui-line-soft:rgba(104,121,157,.18); --ui-text:#f3f6fb; --ui-muted:#8e9bb3; --ui-dim:#728096; --ui-gold:#f5a623; --ui-orange:#e96108; --ui-green:#65d98b; --ui-red:#ef8b8b; --ui-radius:9px; --ui-shadow:0 14px 34px rgba(5,9,18,.20); /* Admin compatibility tokens */ --admin-bg:#1d2433; --admin-panel:#232b3e; --admin-panel-2:#283146; --admin-line:rgba(104,121,157,.28); --admin-text:#f3f6fb; --admin-muted:#8e9bb3; --admin-gold:#f5a623; --admin-green:#65d98b; --admin-blue:#8fb4e6; /* Race accent tokens */ /* Brand scaling tokens */ --site-logo-scale-auth:1; --site-logo-scale-header:1; --site-logo-scale:var(--site-logo-scale-header); /* Shared legacy aliases retained for compatibility */ --bg:#1d2433; --line:rgba(104,121,157,.28); --line-soft:rgba(104,121,157,.18); --text:#f3f6fb; --muted:#8e9bb3; --dim:#728096; --gold:#f5a623; --orange:#e96108; --blue:#8fb4e6; --green:#65d98b; --shadow:0 14px 34px rgba(5,9,18,.20); --market-bg:#1d2433; --market-panel:#232b3e; --market-input:rgba(19,25,38,.84); --market-line:rgba(104,121,157,.28); --market-line-soft:rgba(104,121,157,.18); --market-text:#f3f6fb; --market-muted:#8e9bb3; --market-gold:#f5a623; --market-orange:#e96108; --market-shadow:0 14px 34px rgba(5,9,18,.20); /* Canonical UI foundation roles. These are the only global geometry values new component work should depend on. */ --rf-space-1:4px; --rf-space-2:8px; --rf-space-3:12px; --rf-space-4:16px; --rf-space-5:20px; --rf-control-height:42px; --rf-control-radius:9px; --rf-panel-radius:12px; --rf-panel-head-min-height:58px; --rf-table-cell-x:13px; --rf-table-cell-y:12px; /* Canonical typography roles */ --rf-font-meta:.6875rem; --rf-font-secondary:.75rem; --rf-font-ui:.8125rem; --rf-font-action:.875rem;} /* Final typography contract. Historical owners may still carry local sizes, but role-based selectors below are the only global overrides. */ body.avalon-ui-v2 :is(.overline,.nav-label,.field>span,label>span){font-size:var(--rf-font-meta)!important;} body.avalon-ui-v2 :is(input:not([type=range]),select,textarea,table td,table th,.activity-badge,.status-chip){font-size:var(--rf-font-ui)!important;} body.avalon-ui-v2 :is(button,.primary-action,.admin-button){font-size:var(--rf-font-action)!important;} body.avalon-ui-v2 :is(small,p,.form-error,.account-service-state){font-size:var(--rf-font-secondary)!important;} /* Dashboard-derived Day palette. Kept here, after every visual owner, so all Player/Admin routes resolve the same semantic tokens without page-local color copies. */ /* ========================================================================== PLAYER PAYMENT CHECKOUT — core semantic owner Public top-up page: provider switch, purchase flow, reward ladder and checkout summary. Payment business rules live in JS/backend; this file owns the primary commerce hierarchy only. ========================================================================== */ body.avalon-player-ui #paymentsView{ width:min(100%,1480px); max-width:1480px; } body.avalon-player-ui #paymentsView .payment-page-heading{margin-bottom:16px} /* Provider selector ------------------------------------------------------- */ body.avalon-player-ui #paymentsView .payment-provider-tabs{ display:flex; align-items:stretch; gap:8px; width:max-content; max-width:100%; margin:0 0 12px; padding:0; border:0; background:transparent; } body.avalon-player-ui #paymentsView .payment-provider-tab{ width:260px; max-width:calc(50vw - 34px); min-height:52px; padding:8px 10px; border:1px solid var(--rf-line); border-radius:10px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; background:color-mix(in srgb,var(--rf-surface-raised) 88%,var(--rf-surface-soft) 12%); color:var(--rf-muted); text-align:left; box-shadow:none; transform:none; } body.avalon-player-ui #paymentsView .payment-provider-tab:hover{ border-color:var(--rf-line-strong); background:color-mix(in srgb,var(--rf-surface-raised) 92%,var(--rf-surface-soft) 8%); } body.avalon-player-ui #paymentsView .payment-provider-tab.active{ border-color:color-mix(in srgb,var(--rf-accent) 40%,var(--rf-line)); background:color-mix(in srgb,var(--rf-surface-raised) 96%,var(--rf-surface-soft) 4%); } body.avalon-player-ui #paymentsView .payment-provider-tab-icon{ width:32px;height:32px; border:1px solid var(--rf-line); border-radius:8px; display:grid;place-items:center; background:var(--rf-surface-soft); color:var(--rf-info); } body.avalon-player-ui #paymentsView .payment-provider-tab.active .payment-provider-tab-icon{ border-color:color-mix(in srgb,var(--rf-accent) 35%,var(--rf-line)); background:color-mix(in srgb,var(--rf-accent) 7%,var(--rf-surface-soft)); color:var(--rf-accent); } body.avalon-player-ui #paymentsView .payment-provider-tab-icon .ui-icon{width:15px;height:15px} body.avalon-player-ui #paymentsView .payment-provider-tab>span:nth-child(2){display:grid;gap:2px;min-width:0} body.avalon-player-ui #paymentsView .payment-provider-tab b{color:var(--rf-text);font-size:.75rem} body.avalon-player-ui #paymentsView .payment-provider-tab small{color:var(--rf-dim);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.avalon-player-ui #paymentsView .payment-provider-tab em{ padding:3px 7px; border-radius:999px; background:var(--rf-surface-soft); color:var(--rf-muted); font-size:.75rem; font-style:normal; font-weight:850; text-transform:uppercase; letter-spacing:.05em; } body.avalon-player-ui #paymentsView .payment-provider-tab.active em{color:var(--rf-accent)} /* Main provider surface --------------------------------------------------- */ body.avalon-player-ui #paymentsView .payment-layout{display:block;margin:0} body.avalon-player-ui #paymentsView .payment-layout.is-hidden{display:none} body.avalon-player-ui #paymentsView .payment-provider-card, body.avalon-player-ui #paymentsView .funpay-provider-card{ width:100%; padding:0; border:1px solid var(--rf-line); border-radius:14px; background:var(--rf-surface); background-image:none; box-shadow:none; overflow:visible; } body.avalon-player-ui #paymentsView .payment-provider-card::before, body.avalon-player-ui #paymentsView .payment-provider-card::after, body.avalon-player-ui #paymentsView .funpay-provider-card::before, body.avalon-player-ui #paymentsView .funpay-provider-card::after{content:none;display:none} body.avalon-player-ui #paymentsView .payment-provider-card-pally{ border:0; background:transparent; } body.avalon-player-ui #paymentsView .payment-provider-card-pally .payment-form{padding:0} body.avalon-player-ui #paymentsView .payment-form{padding:20px;position:relative} body.avalon-player-ui #paymentsView .payment-checkout-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,390px); gap:24px; align-items:start; } body.avalon-player-ui #paymentsView .payment-checkout-main{ display:grid; gap:26px; min-width:0; padding:20px; border:1px solid var(--rf-line); border-radius:14px; background:var(--rf-surface); } /* Purchase entry ---------------------------------------------------------- */ body.avalon-player-ui #paymentsView .payment-purchase-card{ display:grid; gap:16px; min-width:0; } body.avalon-player-ui #paymentsView .payment-purchase-head{ display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:11px; } body.avalon-player-ui #paymentsView .payment-purchase-icon{ width:40px;height:40px; border:1px solid color-mix(in srgb,var(--rf-accent) 26%,var(--rf-line)); border-radius:10px; display:grid;place-items:center; background:color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface-soft)); color:var(--rf-accent); } body.avalon-player-ui #paymentsView .payment-purchase-icon .ui-icon{width:17px;height:17px} body.avalon-player-ui #paymentsView .payment-purchase-head>span:nth-child(2){display:grid;gap:2px;min-width:0} body.avalon-player-ui #paymentsView .payment-purchase-head small{ color:var(--rf-accent); font-size:.75rem; font-weight:850; text-transform:uppercase; letter-spacing:.07em; } body.avalon-player-ui #paymentsView .payment-purchase-head h2{margin:0;color:var(--rf-text);font-size:1rem} body.avalon-player-ui #paymentsView .payment-purchase-head p{margin:0;color:var(--rf-muted);font-size:.75rem;line-height:1.4} body.avalon-player-ui #paymentsView .payment-purchase-head>em{ padding:4px 8px; border:1px solid var(--rf-line); border-radius:999px; background:var(--rf-surface-soft); color:var(--rf-muted); font-size:.75rem; font-style:normal; font-weight:850; text-transform:uppercase; letter-spacing:.04em; } body.avalon-player-ui #paymentsView .payment-purchase-head>em.ok{border-color:color-mix(in srgb,var(--rf-success) 30%,var(--rf-line));color:var(--rf-success)} body.avalon-player-ui #paymentsView .payment-purchase-head>em.preview{border-color:color-mix(in srgb,var(--rf-accent) 30%,var(--rf-line));color:var(--rf-accent)} body.avalon-player-ui #paymentsView .payment-entry-grid{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:13px 14px; border:1px solid var(--rf-line); border-radius:12px; background:var(--rf-surface-soft); } body.avalon-player-ui #paymentsView .payment-amount-field{display:grid;gap:6px;min-width:0;margin:0} body.avalon-player-ui #paymentsView .payment-amount-field>span{color:var(--rf-muted);font-size:.75rem;font-weight:800} body.avalon-player-ui #paymentsView .payment-amount-field>small{color:var(--rf-dim);font-size:.75rem;line-height:1.35} body.avalon-player-ui #paymentsView .payment-amount-input{ position:relative; min-height:58px; display:flex; align-items:center; overflow:hidden; border:1px solid var(--rf-line-strong); border-radius:14px; background:var(--rf-input); transition:border-color .15s ease,box-shadow .15s ease,background .15s ease; } body.avalon-player-ui #paymentsView .payment-amount-input::after{ content:"₽"; position:absolute; right:18px; top:50%; translate:0 -50%; pointer-events:none; color:var(--rf-accent); font-size:1.15rem; font-weight:900; line-height:1; } body.avalon-player-ui #paymentsView .payment-amount-input:focus-within{ border-color:color-mix(in srgb,var(--rf-accent) 58%,var(--rf-line)); background:color-mix(in srgb,var(--rf-input) 94%,var(--rf-surface-raised) 6%); box-shadow:0 0 0 3px rgba(245,166,35,.06); } body.avalon-player-ui #paymentsView .payment-amount-input input{ width:100%; height:56px; border:0; outline:0; padding:0 52px 0 18px; background:transparent; color:var(--rf-text); font:inherit; font-size:1.18rem; font-weight:900; letter-spacing:.01em; } body.avalon-player-ui #paymentsView .payment-amount-input input[type="number"]{ appearance:textfield; -moz-appearance:textfield; } body.avalon-player-ui #paymentsView .payment-amount-input input[type="number"]::-webkit-inner-spin-button, body.avalon-player-ui #paymentsView .payment-amount-input input[type="number"]::-webkit-outer-spin-button{ margin:0; -webkit-appearance:none; appearance:none; } body.avalon-player-ui #paymentsView .payment-rate-card{ min-width:180px; min-height:68px; padding:10px 16px; border:1px solid var(--rf-line); border-radius:10px; display:grid; align-self:center; align-content:center; justify-items:center; gap:3px; background:var(--rf-surface); text-align:center; } body.avalon-player-ui #paymentsView .payment-rate-card small{color:var(--rf-dim);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em} body.avalon-player-ui #paymentsView .payment-rate-card strong{color:var(--rf-text);font-size:.8125rem} body.avalon-player-ui #paymentsView .payment-rate-card span{color:var(--rf-dim);font-size:.75rem} body.avalon-player-ui #paymentsView .payment-quick-wrap{display:grid;gap:7px} body.avalon-player-ui #paymentsView .payment-quick-head small{color:var(--rf-dim);font-size:.75rem;font-weight:800} body.avalon-player-ui #paymentsView .payment-quick-list{display:flex;flex-wrap:wrap;gap:7px;min-width:0} body.avalon-player-ui #paymentsView .payment-quick-button{ min-width:90px; min-height:34px; padding:0 12px; border:1px solid var(--rf-line); border-radius:8px; background:var(--rf-surface-soft); color:var(--rf-muted); font-size:.75rem; font-weight:800; white-space:nowrap; box-shadow:none; transform:none; } body.avalon-player-ui #paymentsView .payment-quick-button:hover{border-color:var(--rf-line-strong);background:var(--rf-surface-raised);color:var(--rf-text)} body.avalon-player-ui #paymentsView .payment-quick-button.active{ border-color:color-mix(in srgb,var(--rf-accent) 42%,var(--rf-line)); background:color-mix(in srgb,var(--rf-accent) 8%,var(--rf-surface-raised)); color:var(--rf-accent); } body.avalon-player-ui #paymentsView .payment-benefit-strip{ min-height:64px; padding:10px 12px; border:1px solid color-mix(in srgb,var(--rf-accent) 18%,var(--rf-line)); border-radius:11px; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:11px; background:color-mix(in srgb,var(--rf-accent) 4%,var(--rf-surface-soft)); } body.avalon-player-ui #paymentsView .payment-benefit-strip.has-bonus{border-color:color-mix(in srgb,var(--rf-accent) 30%,var(--rf-line))} body.avalon-player-ui #paymentsView .payment-benefit-strip.is-max{border-color:color-mix(in srgb,var(--rf-success) 28%,var(--rf-line));background:color-mix(in srgb,var(--rf-success) 4%,var(--rf-surface-soft))} body.avalon-player-ui #paymentsView .payment-benefit-icon{ width:36px;height:36px; border:1px solid color-mix(in srgb,var(--rf-accent) 28%,var(--rf-line)); border-radius:9px; display:grid;place-items:center; background:var(--rf-surface-raised); color:var(--rf-accent); } body.avalon-player-ui #paymentsView .payment-benefit-strip.is-max .payment-benefit-icon{border-color:color-mix(in srgb,var(--rf-success) 30%,var(--rf-line));color:var(--rf-success)} body.avalon-player-ui #paymentsView .payment-benefit-icon .ui-icon{width:16px;height:16px} body.avalon-player-ui #paymentsView .payment-benefit-copy{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:baseline;min-width:0} body.avalon-player-ui #paymentsView .payment-benefit-copy small{grid-column:1/-1;color:var(--rf-dim);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em} body.avalon-player-ui #paymentsView .payment-benefit-copy strong{color:var(--rf-accent);font-size:.9375rem} body.avalon-player-ui #paymentsView .payment-benefit-strip.is-max .payment-benefit-copy strong{color:var(--rf-success)} body.avalon-player-ui #paymentsView .payment-benefit-copy em{color:var(--rf-muted);font-size:.75rem;font-style:normal;line-height:1.35} /* Reward ladder ----------------------------------------------------------- */ body.avalon-player-ui #paymentsView .payment-bonus-showcase{ margin:0; padding:22px 0 0; border:0; border-top:1px solid var(--rf-line); border-radius:0; background:transparent; box-shadow:none; overflow:visible; } body.avalon-player-ui #paymentsView .payment-bonus-showcase::before, body.avalon-player-ui #paymentsView .payment-bonus-showcase::after{content:none;display:none} body.avalon-player-ui #paymentsView .payment-bonus-head{margin-bottom:22px} body.avalon-player-ui #paymentsView .payment-bonus-head>span{display:grid;gap:3px} body.avalon-player-ui #paymentsView .payment-bonus-head small{color:var(--rf-accent);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em} body.avalon-player-ui #paymentsView .payment-bonus-head h3{margin:0;color:var(--rf-text);font-size:1rem} body.avalon-player-ui #paymentsView .payment-bonus-head p{margin:0;color:var(--rf-dim);font-size:.75rem;line-height:1.4} body.avalon-player-ui #paymentsView .payment-bonus-ladder{ --payment-tier-count:6; --payment-ladder-progress:0%; position:relative; display:grid; grid-template-columns:repeat(var(--payment-tier-count),minmax(0,1fr)); gap:10px; min-height:180px; padding:0 8px; isolation:isolate; } body.avalon-player-ui #paymentsView .payment-bonus-ladder::before, body.avalon-player-ui #paymentsView .payment-bonus-ladder::after{ content:""; position:absolute; left:calc(8px + (100% - 16px) / (var(--payment-tier-count) * 2)); top:58px; height:3px; border-radius:999px; z-index:0; } body.avalon-player-ui #paymentsView .payment-bonus-ladder::before{ right:calc(8px + (100% - 16px) / (var(--payment-tier-count) * 2)); background:var(--rf-line-strong); } body.avalon-player-ui #paymentsView .payment-bonus-ladder::after{ width:calc((100% - 16px - ((100% - 16px) / var(--payment-tier-count))) * var(--payment-ladder-progress) / 100); background:var(--rf-success); } body.avalon-player-ui #paymentsView .payment-bonus-step{ position:relative; z-index:1; display:grid; grid-template-rows:112px 52px 22px; justify-items:center; align-items:start; gap:7px; min-width:0; padding:0 2px; text-align:center; } body.avalon-player-ui #paymentsView .payment-bonus-milestone{ width:100%; min-height:108px; display:grid; grid-template-rows:26px 46px 24px; justify-items:center; align-items:center; gap:2px; position:relative; } body.avalon-player-ui #paymentsView .payment-bonus-step-percent{ min-width:56px; min-height:25px; padding:3px 9px; border:1px solid transparent; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; color:var(--rf-dim); background:var(--rf-surface-soft); font-size:.8125rem; font-weight:900; line-height:1; } body.avalon-player-ui #paymentsView .payment-bonus-node{ width:34px;height:34px; border:2px solid var(--rf-line-strong); border-radius:50%; display:grid;place-items:center; position:relative; background:var(--rf-surface); color:transparent; box-shadow:0 0 0 5px var(--rf-surface); } body.avalon-player-ui #paymentsView .payment-bonus-node::after{ content:""; width:7px;height:7px; border-radius:50%; background:var(--rf-line-strong); } body.avalon-player-ui #paymentsView .payment-bonus-node-check{width:14px;height:14px;position:absolute} body.avalon-player-ui #paymentsView .payment-bonus-step.passed .payment-bonus-node{ border-color:var(--rf-success); background:var(--rf-success); color:var(--rf-on-accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--rf-success) 7%,var(--rf-surface)); } body.avalon-player-ui #paymentsView .payment-bonus-step.passed .payment-bonus-node::after{display:none} body.avalon-player-ui #paymentsView .payment-bonus-step.passed .payment-bonus-step-percent{ border-color:color-mix(in srgb,var(--rf-success) 26%,var(--rf-line)); background:color-mix(in srgb,var(--rf-success) 7%,var(--rf-surface-soft)); color:var(--rf-success); } body.avalon-player-ui #paymentsView .payment-bonus-step.active .payment-bonus-node{ width:40px;height:40px; border-color:var(--rf-accent); background:var(--rf-surface-raised); box-shadow:0 0 0 6px color-mix(in srgb,var(--rf-accent) 9%,transparent); } body.avalon-player-ui #paymentsView .payment-bonus-step.active .payment-bonus-node::after{width:9px;height:9px;background:var(--rf-accent)} body.avalon-player-ui #paymentsView .payment-bonus-step.active .payment-bonus-step-percent{ border-color:color-mix(in srgb,var(--rf-accent) 34%,var(--rf-line)); background:color-mix(in srgb,var(--rf-accent) 8%,var(--rf-surface-soft)); color:var(--rf-accent); font-size:.9rem; } body.avalon-player-ui #paymentsView .payment-bonus-step.active .payment-bonus-node-check, body.avalon-player-ui #paymentsView .payment-bonus-step.upcoming .payment-bonus-node-check{display:none} body.avalon-player-ui #paymentsView .payment-bonus-threshold{ min-height:22px; padding:3px 8px; border-radius:7px; display:inline-flex; align-items:center; color:var(--rf-muted); background:color-mix(in srgb,var(--rf-surface-raised) 76%,transparent); font-size:.75rem; font-weight:850; white-space:nowrap; } body.avalon-player-ui #paymentsView .payment-bonus-step.active .payment-bonus-threshold{color:var(--rf-text)} body.avalon-player-ui #paymentsView .payment-bonus-step-reward{ width:min(100%,176px); height:52px; min-height:52px; max-height:52px; padding:0; display:flex; align-items:center; justify-content:center; gap:6px; color:var(--rf-muted); } body.avalon-player-ui #paymentsView .payment-bonus-step.has-reward .payment-bonus-step-reward{ padding:7px 8px; overflow:hidden; border:1px solid var(--rf-line); border-radius:9px; background:var(--rf-surface-soft); } body.avalon-player-ui #paymentsView .payment-bonus-step-reward>.ui-icon{width:14px;height:14px;flex:0 0 auto;margin-top:0;color:var(--rf-accent)} body.avalon-player-ui #paymentsView .payment-bonus-step-reward .payment-bonus-item-link{align-items:center} body.avalon-player-ui #paymentsView .payment-bonus-step-reward .payment-bonus-media-mark{margin-top:0} body.avalon-player-ui #paymentsView .payment-bonus-step-reward .payment-bonus-item-name{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.25; text-align:center; } body.avalon-player-ui #paymentsView .payment-bonus-step.reward-earned .payment-bonus-step-reward{ border-color:color-mix(in srgb,var(--rf-success) 20%,var(--rf-line)); background:color-mix(in srgb,var(--rf-success) 4%,var(--rf-surface-soft)); color:var(--rf-success); } body.avalon-player-ui #paymentsView .payment-bonus-step.reward-earned .payment-bonus-step-reward>.ui-icon{color:var(--rf-success)} body.avalon-player-ui #paymentsView .payment-bonus-step.reward-active .payment-bonus-step-reward{ border-color:color-mix(in srgb,var(--rf-accent) 26%,var(--rf-line)); background:color-mix(in srgb,var(--rf-accent) 5%,var(--rf-surface-soft)); } body.avalon-player-ui #paymentsView .payment-bonus-step-state{color:var(--rf-dim);font-size:.75rem;line-height:1.2} body.avalon-player-ui #paymentsView .payment-bonus-step.active .payment-bonus-step-state{color:var(--rf-accent);font-weight:850} body.avalon-player-ui #paymentsView .payment-bonus-step.passed .payment-bonus-step-state{color:var(--rf-success)} body.avalon-player-ui #paymentsView .payment-bonus-item-label, body.avalon-player-ui #paymentsView .payment-bonus-item-link{ min-width:0; max-width:100%; color:inherit; font-size:.75rem; font-weight:800; line-height:1.3; text-transform:none; letter-spacing:0; } body.avalon-player-ui #paymentsView .payment-bonus-item-label{display:block;overflow-wrap:anywhere} body.avalon-player-ui #paymentsView .payment-bonus-item-link{ position:relative; display:inline-flex; align-items:flex-start; justify-content:center; gap:5px; color:inherit; text-decoration:none; cursor:pointer; outline:none; } body.avalon-player-ui #paymentsView .payment-bonus-item-name{ display:block; max-width:none; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; text-decoration:none; } body.avalon-player-ui #paymentsView .payment-bonus-media-mark{ width:12px;height:12px; flex:0 0 auto; margin-top:2px; color:var(--rf-dim); } body.avalon-player-ui #paymentsView .payment-bonus-item-link:hover .payment-bonus-item-name, body.avalon-player-ui #paymentsView .payment-bonus-item-link:focus-visible .payment-bonus-item-name{color:var(--rf-text)} body.avalon-player-ui #paymentsView .payment-bonus-item-link:hover .payment-bonus-media-mark, body.avalon-player-ui #paymentsView .payment-bonus-item-link:focus-visible .payment-bonus-media-mark{color:var(--rf-accent)} body.avalon-player-ui #paymentsView .payment-earned-reward .payment-bonus-item-link{justify-content:flex-start} /* Checkout summary -------------------------------------------------------- */ body.avalon-player-ui #paymentsView .payment-order-card{ position:sticky; top:78px; padding:17px; border:1px solid var(--rf-line-strong); border-radius:13px; background:var(--rf-surface); display:grid; gap:15px; min-width:0; box-shadow:none; } body.avalon-player-ui #paymentsView .payment-order-card-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--rf-line); } body.avalon-player-ui #paymentsView .payment-order-card-head>span{display:grid;gap:2px} body.avalon-player-ui #paymentsView .payment-order-card-head small{color:var(--rf-accent);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em} body.avalon-player-ui #paymentsView .payment-order-card-head h3{margin:0;color:var(--rf-text);font-size:.9375rem} body.avalon-player-ui #paymentsView .payment-order-card-head>em{color:var(--rf-muted);font-size:.8125rem;font-style:normal;font-weight:800;white-space:nowrap} body.avalon-player-ui #paymentsView .payment-total-hero{ display:grid; justify-items:start; gap:4px; padding:2px 0 4px; } body.avalon-player-ui #paymentsView .payment-total-hero>small{color:var(--rf-dim);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em} body.avalon-player-ui #paymentsView .payment-total-hero>div{display:flex;align-items:center;gap:9px;min-width:0} body.avalon-player-ui #paymentsView .payment-total-hero .ui-icon{width:21px;height:21px;color:var(--rf-accent);flex:0 0 auto} body.avalon-player-ui #paymentsView .payment-total-hero strong{color:var(--rf-text);font-size:2rem;line-height:1;font-weight:950;letter-spacing:-.03em} body.avalon-player-ui #paymentsView .payment-total-hero>span{color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #paymentsView .payment-summary-card{ display:grid; gap:0; padding:4px 12px; border:1px solid var(--rf-line); border-radius:10px; background:transparent; } body.avalon-player-ui #paymentsView .payment-summary-row{ min-height:38px; padding:8px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--rf-muted); font-size:.75rem; } body.avalon-player-ui #paymentsView .payment-summary-row+ .payment-summary-row{border-top:1px solid color-mix(in srgb,var(--rf-line) 65%,transparent)} body.avalon-player-ui #paymentsView .payment-summary-row>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap} body.avalon-player-ui #paymentsView .payment-summary-row strong{color:var(--rf-text);font-size:.8125rem} body.avalon-player-ui #paymentsView .payment-summary-row.bonus em{padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--rf-accent) 7%,var(--rf-surface-raised));color:var(--rf-accent);font-size:.75rem;font-style:normal;font-weight:850} body.avalon-player-ui #paymentsView .payment-summary-row.bonus strong{color:var(--rf-success)} body.avalon-player-ui #paymentsView .payment-earned-rewards{ display:grid; gap:8px; padding-top:1px; } body.avalon-player-ui #paymentsView .payment-earned-rewards-head{display:flex;align-items:center;justify-content:space-between;gap:10px} body.avalon-player-ui #paymentsView .payment-earned-rewards-head>span{display:flex;align-items:center;gap:7px;color:var(--rf-text);font-size:.75rem;font-weight:850} body.avalon-player-ui #paymentsView .payment-earned-rewards-head .ui-icon{width:14px;height:14px;color:var(--rf-accent)} body.avalon-player-ui #paymentsView .payment-earned-rewards-head>em{padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--rf-success) 8%,transparent);color:var(--rf-success);font-size:.75rem;font-style:normal;font-weight:850} body.avalon-player-ui #paymentsView .payment-earned-reward-list{display:grid;gap:6px} body.avalon-player-ui #paymentsView .payment-earned-reward{ min-height:46px; padding:7px 9px; border:1px solid var(--rf-line); border-radius:9px; display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--rf-surface); } body.avalon-player-ui #paymentsView .payment-earned-reward-copy{display:grid;gap:2px;min-width:0} body.avalon-player-ui #paymentsView .payment-earned-reward-copy>small{color:var(--rf-dim);font-size:.75rem} body.avalon-player-ui #paymentsView .payment-earned-reward .payment-bonus-item-label, body.avalon-player-ui #paymentsView .payment-earned-reward .payment-bonus-item-link{color:var(--rf-text);font-weight:800} body.avalon-player-ui #paymentsView .payment-earned-reward>em{flex:0 0 auto;color:var(--rf-success);font-size:.75rem;font-style:normal;font-weight:800} body.avalon-player-ui #paymentsView .payment-bonus-character{ padding-top:11px; border-top:1px solid var(--rf-line); } body.avalon-player-ui #paymentsView .payment-bonus-character select{ width:100%; min-height:40px; border:1px solid var(--rf-line); border-radius:8px; background:var(--rf-input); color:var(--rf-text); padding:0 10px; outline:0; } body.avalon-player-ui #paymentsView .payment-bonus-character select:focus{border-color:color-mix(in srgb,var(--rf-accent) 58%,var(--rf-line));box-shadow:0 0 0 3px rgba(245,166,35,.06)} body.avalon-player-ui #paymentsView .payment-action-row{display:grid;gap:7px;margin:0;padding-top:2px} body.avalon-player-ui #paymentsView .payment-submit{width:100%;min-width:0;min-height:46px;justify-content:center;font-weight:900} body.avalon-player-ui #paymentsView .payment-back{ min-height:28px; border:0; background:transparent; color:var(--rf-muted); justify-content:center; font-size:.75rem; } body.avalon-player-ui #paymentsView .payment-back:hover{background:transparent;color:var(--rf-text)} body.avalon-player-ui #paymentsView .payment-eligibility-note{ min-height:0; padding:0; border:0; background:transparent; color:var(--rf-success); font-size:.75rem; line-height:1.4; } body.avalon-player-ui #paymentsView .payment-eligibility-note:empty{display:none} body.avalon-player-ui #paymentsView .payment-eligibility-note.warning{color:var(--rf-accent)} body.avalon-player-ui #paymentsView .payment-form .account-service-state{margin:0} body.avalon-player-ui #paymentsView .payment-form .account-service-state:empty{display:none} /* Inactive providers remain clearly available instead of looking disabled. */ body.avalon-player-ui #paymentsView .payment-provider-tab:not(.active){ background:color-mix(in srgb,var(--rf-surface-raised) 94%,var(--rf-surface-soft) 6%); border-color:color-mix(in srgb,var(--rf-line-strong) 70%,var(--rf-line) 30%); color:#aeb9c9; } body.avalon-player-ui #paymentsView .payment-provider-tab:not(.active) .payment-provider-tab-icon{ background:var(--rf-surface-raised); color:#9fb6d7; } body.avalon-player-ui #paymentsView .payment-provider-tab:not(.active) small{color:#8998ad} /* ========================================================================== PLAYER PAYMENT CHECKOUT — supplemental semantic owner FunPay offers, payment history and responsive layout for the public top-up page. Kept separate from the primary checkout owner to preserve canonical source size and keep commerce concerns readable. ========================================================================== */ /* FunPay ------------------------------------------------------------------ */ body.avalon-player-ui #paymentsView .payment-provider-head{ min-height:68px; padding:13px 16px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:11px; border-bottom:1px solid var(--rf-line); } body.avalon-player-ui #paymentsView .payment-provider-icon{ width:36px;height:36px; border:1px solid var(--rf-line); border-radius:9px; display:grid;place-items:center; background:var(--rf-surface-raised); color:var(--rf-accent); } body.avalon-player-ui #paymentsView .payment-provider-icon.funpay{color:var(--rf-info)} body.avalon-player-ui #paymentsView .payment-provider-icon .ui-icon{width:16px;height:16px} body.avalon-player-ui #paymentsView .payment-provider-head small{display:block;color:var(--rf-dim);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em} body.avalon-player-ui #paymentsView .payment-provider-head h2{margin:2px 0 0;color:var(--rf-text);font-size:1rem} body.avalon-player-ui #paymentsView .payment-provider-head p{margin:3px 0 0;color:var(--rf-muted);font-size:.75rem;line-height:1.4} body.avalon-player-ui #paymentsView .payment-provider-head>em{padding:4px 8px;border:1px solid var(--rf-line);border-radius:999px;background:var(--rf-surface-soft);color:var(--rf-muted);font-size:.75rem;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.05em} body.avalon-player-ui #paymentsView .payment-provider-head>em.ok{border-color:color-mix(in srgb,var(--rf-success) 34%,var(--rf-line));color:var(--rf-success)} body.avalon-player-ui #paymentsView .payment-provider-head>em.preview{border-color:color-mix(in srgb,var(--rf-accent) 34%,var(--rf-line));color:var(--rf-accent)} body.avalon-player-ui #paymentsView .funpay-manual-body{display:grid;gap:12px;padding:16px} body.avalon-player-ui #paymentsView .funpay-manual-notice{margin:0;padding:10px 11px;border:1px solid var(--rf-line);border-radius:9px;display:flex;align-items:flex-start;gap:9px;background:var(--rf-surface-soft)} body.avalon-player-ui #paymentsView .funpay-manual-notice>span{width:28px;height:28px;border:1px solid var(--rf-line);border-radius:8px;display:grid;place-items:center;color:var(--rf-info);background:var(--rf-surface-raised);flex:0 0 auto} body.avalon-player-ui #paymentsView .funpay-manual-notice .ui-icon{width:14px;height:14px} body.avalon-player-ui #paymentsView .funpay-manual-notice p{margin:0;display:grid;gap:3px} body.avalon-player-ui #paymentsView .funpay-manual-notice b{color:var(--rf-text);font-size:.75rem} body.avalon-player-ui #paymentsView .funpay-manual-notice small{color:var(--rf-muted);font-size:.75rem;line-height:1.45} body.avalon-player-ui #paymentsView .funpay-offer-grid{display:grid;grid-template-columns:1fr;gap:9px} body.avalon-player-ui #paymentsView .funpay-offer-card{ min-height:96px; padding:12px 13px; border:1px solid var(--rf-line); border-radius:10px; display:grid; grid-template-columns:minmax(260px,1fr) minmax(210px,250px) auto; grid-template-areas:"summary recipient action" "rewards rewards rewards"; align-items:center; gap:10px 14px; background:transparent; box-shadow:none; } body.avalon-player-ui #paymentsView .funpay-offer-card:not(.has-rewards) .funpay-offer-summary{grid-column:1/3} body.avalon-player-ui #paymentsView .funpay-offer-card:hover{border-color:var(--rf-line-strong);background:transparent} body.avalon-player-ui #paymentsView .funpay-offer-summary{ grid-area:summary; min-width:0; border:0; background:transparent; box-shadow:none; display:grid; grid-template-columns:auto 1fr; gap:3px 10px; align-content:center; align-items:center; } body.avalon-player-ui #paymentsView .funpay-offer-head{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:8px} body.avalon-player-ui #paymentsView .funpay-offer-index{width:24px;height:24px;border:1px solid var(--rf-line);border-radius:7px;display:grid;place-items:center;background:var(--rf-surface-deep);color:var(--rf-info);font-size:.75rem;font-weight:850} body.avalon-player-ui #paymentsView .funpay-offer-head em{color:var(--rf-info);font-size:.75rem;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.05em} body.avalon-player-ui #paymentsView .funpay-offer-amount{grid-column:1;color:var(--rf-text);font-size:1.05rem;white-space:nowrap} body.avalon-player-ui #paymentsView .funpay-offer-description{grid-column:2;margin:0;color:var(--rf-muted);font-size:.75rem;line-height:1.4;min-width:0} body.avalon-player-ui #paymentsView .funpay-offer-accrual{grid-column:1/-1;margin:3px 0 0;color:var(--rf-text);font-size:.75rem;font-weight:800;line-height:1.4} body.avalon-player-ui #paymentsView .funpay-offer-reward-zone{ grid-area:rewards; min-width:0; padding-top:9px; border-top:1px solid var(--rf-line); display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 14px; align-items:center; } body.avalon-player-ui #paymentsView .funpay-offer-reward-head{display:flex;align-items:center;gap:7px;white-space:nowrap} body.avalon-player-ui #paymentsView .funpay-offer-reward-head>span{color:var(--rf-muted);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em} body.avalon-player-ui #paymentsView .funpay-offer-reward-head>em{padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--rf-success) 8%,transparent);color:var(--rf-success);font-size:.75rem;font-style:normal;font-weight:850} body.avalon-player-ui #paymentsView .funpay-offer-reward-list{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap} body.avalon-player-ui #paymentsView .funpay-offer-reward-item{ min-width:0; min-height:28px; padding:4px 7px; border:1px solid color-mix(in srgb,var(--rf-success) 18%,var(--rf-line)); border-radius:8px; display:inline-flex; align-items:center; gap:6px; background:color-mix(in srgb,var(--rf-success) 4%,var(--rf-surface)); } body.avalon-player-ui #paymentsView .funpay-offer-reward-item>.ui-icon{width:13px;height:13px;flex:0 0 auto;color:var(--rf-success)} body.avalon-player-ui #paymentsView .funpay-offer-recipient{grid-area:recipient;display:grid;gap:5px;min-width:0;align-self:end} body.avalon-player-ui #paymentsView .funpay-offer-recipient>span{color:var(--rf-muted);font-size:.75rem;font-weight:800} body.avalon-player-ui #paymentsView .funpay-offer-recipient select{width:100%;min-width:0;height:40px;min-height:40px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-input);color:var(--rf-text);padding:0 9px;outline:0} body.avalon-player-ui #paymentsView .funpay-offer-recipient select:focus{border-color:color-mix(in srgb,var(--rf-info) 45%,var(--rf-line))} body.avalon-player-ui #paymentsView .funpay-offer-card .payment-bonus-item-link, body.avalon-player-ui #paymentsView .funpay-offer-card .payment-bonus-item-label{margin:0;justify-content:flex-start;color:var(--rf-text);font-weight:800} body.avalon-player-ui #paymentsView .funpay-offer-action{ grid-area:action; width:auto; min-width:168px; height:40px; min-height:40px; padding:0 14px; border:1px solid color-mix(in srgb,var(--rf-info) 28%,var(--rf-line)); border-radius:8px; display:inline-flex; align-items:center; justify-content:center; justify-self:end; background:var(--rf-surface-raised); color:var(--rf-info); font-size:.75rem; font-weight:820; text-decoration:none; text-align:center; } body.avalon-player-ui #paymentsView .funpay-offer-card.has-rewards .funpay-offer-action{align-self:end} body.avalon-player-ui #paymentsView .funpay-offer-action:hover{border-color:color-mix(in srgb,var(--rf-info) 48%,var(--rf-line));background:var(--rf-surface-soft)} body.avalon-player-ui #paymentsView .funpay-offer-action.disabled{min-width:88px;min-height:28px;padding:0 9px;border-color:var(--rf-line);border-radius:999px;color:var(--rf-muted);opacity:.8} body.avalon-player-ui #paymentsView .funpay-offer-empty{padding:22px;border:1px dashed var(--rf-line);border-radius:10px;color:var(--rf-dim);text-align:center;font-size:.75rem} /* History ----------------------------------------------------------------- */ body.avalon-player-ui #paymentsView .payment-history-panel-compact{ margin-top:18px; padding:0; border:1px solid var(--rf-line); border-radius:12px; background:var(--rf-surface); overflow:hidden; box-shadow:none; } body.avalon-player-ui #paymentsView .payment-history-panel-compact>.panel-head{min-height:54px;padding:12px 15px;border-bottom:1px solid var(--rf-line)} body.avalon-player-ui #paymentsView .payment-history-list{display:grid;gap:7px;margin:0;padding:12px 14px} body.avalon-player-ui #paymentsView .payment-history-row{ min-height:64px; padding:10px 12px; border:1px solid var(--rf-line); border-radius:9px; background:var(--rf-surface-soft); display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:12px; } body.avalon-player-ui #paymentsView .payment-history-row:hover{border-color:var(--rf-line-strong);background:var(--rf-surface-raised)} body.avalon-player-ui #paymentsView .payment-history-icon{width:34px;height:34px;border:1px solid var(--rf-line);border-radius:8px;display:grid;place-items:center;background:var(--rf-surface-deep);color:var(--rf-info)} body.avalon-player-ui #paymentsView .payment-history-icon .ui-icon{width:15px;height:15px} body.avalon-player-ui #paymentsView .payment-history-empty{padding:18px;color:var(--rf-dim);font-size:.75rem;text-align:center} body.avalon-player-ui #paymentsView .payment-history-copy, body.avalon-player-ui #paymentsView .payment-history-side{min-width:0;display:grid;gap:4px;background:transparent;border:0;box-shadow:none} body.avalon-player-ui #paymentsView .payment-history-title{color:var(--rf-text);font-size:.8rem;font-weight:850;line-height:1.25;background:transparent} body.avalon-player-ui #paymentsView .payment-history-meta, body.avalon-player-ui #paymentsView .payment-history-balance{color:var(--rf-muted);font-size:.75rem;line-height:1.3;background:transparent} body.avalon-player-ui #paymentsView .payment-history-side{justify-items:end;text-align:right} body.avalon-player-ui #paymentsView .payment-history-status{padding:0;border:0;border-radius:0;background:transparent;font-size:.75rem;font-style:normal;font-weight:850;line-height:1.2} body.avalon-player-ui #paymentsView .payment-history-status.ok{color:var(--rf-success)} body.avalon-player-ui #paymentsView .payment-history-status.warning{color:var(--rf-accent)} body.avalon-player-ui #paymentsView .payment-history-status.error{color:var(--rf-danger)} body.avalon-player-ui #paymentsView .payment-history-status.neutral{color:var(--rf-muted)} body.avalon-player-ui #paymentsView .payment-check-button{padding:5px 9px;border:1px solid var(--rf-line);border-radius:7px;background:var(--rf-surface-raised);color:var(--rf-text);font-size:.75rem;font-weight:800;cursor:pointer} body.avalon-player-ui #paymentsView .payment-check-button:hover{border-color:var(--rf-line-strong);background:var(--rf-surface-soft)} body.avalon-player-ui #paymentsView .payment-check-button:disabled{opacity:.55;cursor:wait} body.avalon-player-ui #paymentsView .payment-history-reward-pending{color:var(--rf-warning);font-size:.75rem;font-weight:800} body.avalon-player-ui #paymentsView .payment-history-reward-recovery{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:240px} body.avalon-player-ui #paymentsView .payment-history-reward-recovery select{min-width:0;max-width:150px;height:30px;padding:0 28px 0 8px;border:1px solid var(--rf-line);border-radius:7px;background:var(--rf-surface-raised);color:var(--rf-text);font-size:.75rem} body.avalon-player-ui #paymentsView .payment-history-reward-empty{color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #paymentsView .payment-history-pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:11px 14px 13px;border-top:1px solid var(--rf-line);flex-wrap:wrap} body.avalon-player-ui #paymentsView .payment-history-pagination.is-hidden{display:none} body.avalon-player-ui #paymentsView .payment-history-page{width:32px;min-width:32px;height:32px;padding:0;border:1px solid var(--rf-line);border-radius:7px;background:var(--rf-surface-raised);color:var(--rf-muted);font-size:.75rem;font-weight:850;cursor:pointer;box-shadow:none} body.avalon-player-ui #paymentsView .payment-history-page:hover:not(:disabled){border-color:var(--rf-line-strong);color:var(--rf-text)} body.avalon-player-ui #paymentsView .payment-history-page.is-active{border-color:var(--rf-accent);background:var(--rf-surface-raised);color:var(--rf-accent);box-shadow:inset 0 -2px 0 var(--rf-accent)} body.avalon-player-ui #paymentsView .payment-history-page:disabled{cursor:default;opacity:.35} body.avalon-player-ui #paymentsView .payment-history-ellipsis{min-width:24px;text-align:center;color:var(--rf-dim);font-size:.75rem} body.avalon-player-ui #paymentsView #paymentsState{margin:8px 14px 12px} body.avalon-player-ui #paymentsView #paymentsState:empty{display:none} /* Responsive -------------------------------------------------------------- */ @media(max-width:1240px){ body.avalon-player-ui #paymentsView .payment-checkout-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px} body.avalon-player-ui #paymentsView .payment-bonus-step{padding-inline:4px} } @media(max-width:1040px){ body.avalon-player-ui #paymentsView .payment-checkout-grid{grid-template-columns:1fr} body.avalon-player-ui #paymentsView .payment-order-card{position:static} } @media(max-width:820px){ body.avalon-player-ui #paymentsView .payment-provider-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr} body.avalon-player-ui #paymentsView .payment-provider-tab{width:auto;max-width:none} body.avalon-player-ui #paymentsView .payment-entry-grid{grid-template-columns:1fr} body.avalon-player-ui #paymentsView .payment-rate-card{min-width:0;min-height:0;padding:10px 12px} body.avalon-player-ui #paymentsView .payment-bonus-ladder{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0; min-height:0; } body.avalon-player-ui #paymentsView .payment-bonus-ladder::before, body.avalon-player-ui #paymentsView .payment-bonus-ladder::after{display:none} body.avalon-player-ui #paymentsView .payment-bonus-step{ min-height:132px; padding:10px; border:1px solid var(--rf-line); border-radius:10px; grid-template-rows:auto 1fr auto; justify-items:stretch; text-align:left; background:var(--rf-surface-soft); } body.avalon-player-ui #paymentsView .payment-bonus-step.active{border-color:color-mix(in srgb,var(--rf-accent) 42%,var(--rf-line))} body.avalon-player-ui #paymentsView .payment-bonus-milestone{ min-height:0; grid-template-columns:auto 1fr; grid-template-rows:auto auto; justify-items:start; gap:3px 8px; } body.avalon-player-ui #paymentsView .payment-bonus-step-percent{grid-row:1/3;align-self:center} body.avalon-player-ui #paymentsView .payment-bonus-threshold{grid-column:2;background:transparent;padding:0} body.avalon-player-ui #paymentsView .payment-bonus-node{display:none} body.avalon-player-ui #paymentsView .payment-bonus-step-reward{width:100%;justify-content:flex-start} body.avalon-player-ui #paymentsView .payment-bonus-step.has-reward .payment-bonus-step-reward{margin-top:2px} body.avalon-player-ui #paymentsView .funpay-offer-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"summary action" "recipient recipient" "rewards rewards";align-items:center} body.avalon-player-ui #paymentsView .funpay-offer-card:not(.has-rewards) .funpay-offer-summary{grid-column:auto} body.avalon-player-ui #paymentsView .funpay-offer-recipient{max-width:320px} body.avalon-player-ui #paymentsView .funpay-offer-reward-zone{grid-template-columns:auto minmax(0,1fr)} } @media(max-width:620px){ body.avalon-player-ui #paymentsView .payment-provider-tabs{grid-template-columns:1fr} body.avalon-player-ui #paymentsView .payment-provider-tab{grid-template-columns:32px minmax(0,1fr) auto} body.avalon-player-ui #paymentsView .payment-form, body.avalon-player-ui #paymentsView .funpay-manual-body{padding:12px} body.avalon-player-ui #paymentsView .payment-purchase-head{grid-template-columns:36px minmax(0,1fr)} body.avalon-player-ui #paymentsView .payment-purchase-icon{width:36px;height:36px} body.avalon-player-ui #paymentsView .payment-purchase-head>em{grid-column:2;justify-self:start} body.avalon-player-ui #paymentsView .payment-benefit-copy{grid-template-columns:1fr} body.avalon-player-ui #paymentsView .payment-benefit-copy small{grid-column:auto} body.avalon-player-ui #paymentsView .payment-bonus-ladder{grid-template-columns:1fr} body.avalon-player-ui #paymentsView .funpay-offer-card{grid-template-columns:1fr;grid-template-areas:"summary" "recipient" "rewards" "action"} body.avalon-player-ui #paymentsView .funpay-offer-card:not(.has-rewards) .funpay-offer-summary{grid-column:auto} body.avalon-player-ui #paymentsView .funpay-offer-action{justify-self:stretch;width:100%} body.avalon-player-ui #paymentsView .funpay-offer-reward-zone{grid-template-columns:1fr;align-items:start} body.avalon-player-ui #paymentsView .payment-total-hero strong{font-size:1.75rem} body.avalon-player-ui #paymentsView .payment-history-row{grid-template-columns:34px minmax(0,1fr);align-items:center} body.avalon-player-ui #paymentsView .payment-history-side{grid-column:1/-1;width:100%;grid-auto-flow:column;align-items:center;justify-content:space-between;justify-items:start;text-align:left;padding-left:46px} } body.avalon-player-ui .sidebar-social{ margin:0 0 12px; padding:12px 4px 14px; border-bottom:1px solid var(--rf-line); } body.avalon-player-ui .sidebar-social>small{ display:block; margin:0 0 9px; color:var(--rf-text); font-size:.75rem; font-weight:800; line-height:1.25; } body.avalon-player-ui .sidebar-social-links{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; } body.avalon-player-ui .sidebar-social-link{ --social-brand:#4b8bea; width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; padding:0; overflow:hidden; border:1px solid var(--rf-line); border-radius:10px; background:var(--rf-surface-raised); text-decoration:none; box-shadow:none; transition:border-color .15s ease,background .15s ease,transform .15s ease; } body.avalon-player-ui .sidebar-social-link:hover{ border-color:color-mix(in srgb,var(--social-brand) 58%,var(--rf-line) 42%); background:color-mix(in srgb,var(--social-brand) 8%,var(--rf-surface-raised) 92%); transform:translateY(-1px); } body.avalon-player-ui .sidebar-social-icon{ width:26px!important; height:26px!important; display:block!important; flex:0 0 26px!important; overflow:visible!important; color:inherit!important; } body.avalon-player-ui .sidebar-social-icon .sidebar-social-brand-bg{ fill:var(--social-brand)!important; } body.avalon-player-ui .sidebar-social-icon .sidebar-social-brand-mark{ fill:#fff!important; } body.avalon-player-ui .sidebar-social-link[data-social-link="vk"]{--social-brand:#2787f5} body.avalon-player-ui .sidebar-social-link[data-social-link="discord"]{--social-brand:#5865f2} body.avalon-player-ui .sidebar-social-link[data-social-link="telegram"]{--social-brand:#229ed9} body.avalon-player-ui .sidebar-social-link[data-social-link="youtube"]{--social-brand:#ff0000} body.avalon-admin-ui #settings-siteView .social-settings-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; } body.avalon-admin-ui #settings-siteView .social-setting-card{ padding:14px; border:1px solid var(--rf-line); border-radius:12px; background:var(--rf-surface-soft); } body.avalon-admin-ui #settings-siteView .social-setting-card .setting-row{ margin:0; padding:0; border:0; background:transparent; } body.avalon-admin-ui #settings-siteView .social-setting-card .setting-row+ .setting-row{ margin-top:10px; } @media(max-width:760px){ body.avalon-admin-ui #settings-siteView .social-settings-grid{grid-template-columns:1fr} } /* Rankings V3 * Compact leaderboard workspace. No podium cards, warm surfaces or nested-card chrome. */ body.avalon-player-ui #rankingsView.rankings-v3{ width:min(100%,1320px); margin-inline:auto; gap:12px; --rank-bg:var(--rf-surface); --rank-bg-soft:color-mix(in srgb,var(--rf-surface-raised) 60%,var(--rf-surface) 40%); --rank-bg-hover:color-mix(in srgb,var(--avalon-blue) 5%,var(--rf-surface-raised) 95%); --rank-line:color-mix(in srgb,var(--rf-line) 86%,transparent); --rank-line-strong:color-mix(in srgb,var(--avalon-blue) 38%,var(--rf-line) 62%); --rank-active:var(--avalon-blue); --rank-bellato:#6eabea; --rank-cora:#a88fe2; --rank-accretia:#e18b78; } /* Page heading: deliberately light, no hero card. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:4px 2px 14px; border-bottom:1px solid var(--rank-line); background:transparent; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head>span{min-width:0} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head small{ display:block; color:var(--rank-active); font-size:.75rem; font-weight:900; letter-spacing:.12em; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head h1{ margin:4px 0 4px; color:var(--rf-text); font-size:1.75rem; line-height:1.06; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head p{ margin:0; color:var(--rf-muted); font-size:.75rem; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head>em{ flex:0 0 auto; max-width:390px; color:var(--rf-muted); font-size:.75rem; font-style:normal; text-align:right; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head>em.rankings-stale{color:#9ba8ba} /* Primary section switcher: one calm segmented surface, blue active state. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-nav{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:4px; border:1px solid var(--rank-line); border-radius:11px; background:var(--rank-bg-soft); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-nav button{ min-height:38px; padding:0 14px; border:0; border-radius:8px; background:transparent; color:var(--rf-muted); font:800 .75rem/1 var(--ui-font); cursor:pointer; transition:background .15s ease,color .15s ease,box-shadow .15s ease; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-nav button:hover{ background:color-mix(in srgb,var(--rf-surface-raised) 82%,transparent); color:var(--rf-text); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-nav button.is-active{ background:var(--rf-surface-raised); color:var(--rf-text); box-shadow:inset 0 0 0 1px var(--rank-line-strong),inset 0 -2px 0 var(--rank-active); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-subsection{display:grid;gap:0;align-items:start} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-subsection.is-hidden{display:none!important} /* A section is one workspace, not a pile of cards. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-workspace{ align-self:start; width:100%; overflow:hidden; border:1px solid var(--rank-line); border-radius:12px; background:var(--rank-bg); background-image:none; box-shadow:none; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-workspace-simple{padding-top:0} /* Player filters. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filterbar{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; padding:12px 14px; border-bottom:1px solid var(--rank-line); background:var(--rank-bg-soft); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-stack{display:grid;gap:7px;min-width:0} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-row{ display:grid; grid-template-columns:82px minmax(0,1fr); gap:8px; align-items:center; min-width:0; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-row-secondary{ padding-top:7px; border-top:1px solid color-mix(in srgb,var(--rank-line) 72%,transparent); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-label{ color:var(--rf-muted); font-size:.75rem; font-weight:850; letter-spacing:.045em; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-tabs{ display:flex; align-items:center; gap:3px; min-width:0; flex-wrap:wrap; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-tabs button{ min-height:30px; padding:0 9px; border:0; border-radius:7px; background:transparent; color:var(--rf-muted); font:760 .75rem/1 var(--ui-font); cursor:pointer; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-tabs button:hover{ background:var(--rank-bg-hover); color:var(--rf-text); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-tabs button.is-active{ background:color-mix(in srgb,var(--rank-active) 12%,var(--rf-surface-raised) 88%); color:#dcecff; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rank-active) 38%,var(--rank-line) 62%); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-race-filter{ display:flex; align-items:center; gap:7px; color:var(--rf-muted); font-size:.75rem; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-race-filter select{ min-width:112px; height:34px; padding:0 30px 0 10px; border:1px solid var(--rank-line); border-radius:8px; background:var(--rf-input); color:var(--rf-text); font:inherit; outline:none; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-race-filter select:focus{border-color:var(--rank-line-strong)} /* Own positions: compact account leaderboard summary. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip{ display:grid; grid-template-columns:174px minmax(0,1fr); gap:10px; align-items:stretch; min-height:70px; padding:10px 12px; border-bottom:1px solid var(--rank-line); background:transparent; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip-head{ display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:"label label" "metric scope"; column-gap:5px; row-gap:7px; align-content:center; align-items:baseline; min-width:0; padding:2px 12px 2px 2px; border-right:1px solid var(--rank-line); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip-head small{ grid-area:label; color:#8f9eb2; font-size:.75rem; font-weight:900; letter-spacing:.065em; line-height:1; text-transform:uppercase; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip-head b{ grid-area:metric; color:var(--rf-text); font-size:.75rem; font-weight:850; line-height:1.15; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip-head b::after{ content:" ·"; margin-left:2px; color:#68788f; font-weight:700; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip-head em{ grid-area:scope; min-width:0; overflow:hidden; color:var(--rf-muted); font-size:.75rem; font-style:normal; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; min-width:0; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-row{ min-width:0; min-height:50px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:10px; align-items:center; padding:7px 10px; border:1px solid var(--rank-line); border-radius:9px; background:transparent; box-shadow:none; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-row:hover{ border-color:color-mix(in srgb,var(--rank-active) 24%,var(--rank-line) 76%); background:color-mix(in srgb,var(--rank-active) 3%,transparent); } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-place{ min-width:0; color:#8d9cb0; font-size:.75rem; font-weight:900; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-identity{min-width:0} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-identity b{ display:block; overflow:hidden; color:var(--rf-text); font-size:.75rem; font-weight:850; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-identity small{ display:block; overflow:hidden; margin-top:4px; color:var(--rf-muted); font-size:.75rem; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-value{ align-self:center; color:#e8eef6; font-size:.8125rem; font-weight:900; line-height:1; text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-empty{ grid-column:1/-1; align-self:center; color:var(--rf-muted); font-size:.75rem; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-empty.is-error{color:#d98b92} /* Shared section/table header. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-board-head{ min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 14px; border-bottom:1px solid var(--rank-line); background:transparent; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-board-head>span{min-width:0} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-board-head small{ display:block; color:var(--rf-muted); font-size:.75rem; font-weight:850; letter-spacing:.07em; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-board-head h2{ margin:2px 0 0; color:var(--rf-text); font-size:.9375rem; line-height:1.2; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-board-head p{ margin:3px 0 0; color:var(--rf-muted); font-size:.75rem; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-board-head>em{ color:var(--rf-muted); font-size:.75rem; font-style:normal; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-board-head-filtered{background:var(--rank-bg-soft)} /* Leaderboard table: dense, calm, no row cards. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-table-wrap{overflow:auto;background:transparent} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table{ width:100%; min-width:800px; border-collapse:collapse; table-layout:fixed; } body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table th{ height:36px; padding:0 12px; border:0; border-bottom:1px solid var(--rank-line); background:color-mix(in srgb,var(--rf-surface-deep) 44%,transparent); color:#8595aa; font-size:.75rem; font-weight:850; letter-spacing:.05em; text-align:left; text-transform:uppercase; } body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table th:first-child, body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table td:first-child{width:88px} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table td{ height:50px; padding:7px 12px; border:0; border-bottom:1px solid var(--rank-line); background:transparent; color:var(--rf-text); vertical-align:middle; } body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table tbody tr:last-child td{border-bottom:0} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table tbody tr{background:transparent;transition:background .15s ease} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table tbody tr:hover{background:var(--rank-bg-hover)} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table tbody tr:hover td{background:transparent} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table tbody tr.is-top-row{background:transparent} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table tbody tr.is-top-row td{background:transparent} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table tbody tr.is-top-row:hover{background:var(--rank-bg-hover)} body.avalon-player-ui #rankingsView.rankings-v3 .leaderboard-table tbody tr.is-top-row:hover td{background:transparent} /* Ranking position. Top 3 are only icon + number. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-place{ min-width:42px; display:inline-flex; align-items:center; gap:6px; color:#8998ab; font-size:.75rem; font-weight:900; font-variant-numeric:tabular-nums; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-place svg{flex:0 0 auto} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-place b{color:inherit;font-size:.75rem} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-place-icon{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; } body.avalon-player-ui #rankingsView.rankings-v3 .rankings-place.is-top-1{color:#e4c66f} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-place.is-top-2{color:#b7c1cd} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-place.is-top-3{color:#cb9677} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-character-link{ display:inline-block; max-width:100%; overflow:hidden; color:#edf3fa; font-weight:850; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-character-link:hover{color:#9ec7f6} body.avalon-player-ui #rankingsView.rankings-v3 :is(.ranking-player-name,.ranking-guild-name,.ranking-class-name,.ranking-master-name){overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.avalon-player-ui #rankingsView.rankings-v3 :is(.ranking-guild-name,.ranking-master-name){color:#cfd8e5} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-label{ --race-dot:#8292a7; display:inline-flex; align-items:center; gap:7px; color:#c2ccda; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-label::before{ content:""; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:var(--race-dot); } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-label.bellato{--race-dot:var(--rank-bellato)} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-label.cora{--race-dot:var(--rank-cora)} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-label.accretia{--race-dot:var(--rank-accretia)} body.avalon-player-ui #rankingsView.rankings-v3 :is(.ranking-level-value,.ranking-metric-value){font-weight:850;font-variant-numeric:tabular-nums} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-kd{display:block;margin-top:2px;color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-empty{height:86px!important;color:var(--rf-muted);text-align:center} /* Lamps and Classes use one open 3-column surface. */ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-race-columns{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); min-width:0; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column{ --race-accent:#8292a7; min-width:0; padding:0 14px 12px; background:transparent; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column+.ranking-race-column{border-left:1px solid var(--rank-line)} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column.bellato{--race-accent:var(--rank-bellato)} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column.cora{--race-accent:var(--rank-cora)} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column.accretia{--race-accent:var(--rank-accretia)} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column-head{ min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--rank-line); } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column-head>span{display:flex;align-items:center;gap:8px;min-width:0} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--race-accent)} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column-head h3{margin:0;color:var(--rf-text);font-size:.9375rem} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column-head em{color:var(--rf-muted);font-size:.75rem;font-style:normal;font-weight:750} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-list{display:grid} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row{ min-height:48px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:8px; align-items:center; border-bottom:1px solid var(--rank-line); background:transparent; background-image:none; box-shadow:none; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row:last-child{border-bottom:0} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row-main{min-width:0} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row-main b{ display:block; overflow:hidden; color:var(--rf-text); font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row-main small{ display:block; overflow:hidden; margin-top:2px; color:var(--rf-muted); font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row-side{ display:grid; grid-auto-flow:column; gap:12px; align-items:center; color:var(--rf-muted); font-size:.75rem; text-align:right; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row-side span{display:grid;gap:1px} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row-side small{color:#718097;font-size:.75rem;text-transform:uppercase} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row-side b{color:#dce5f0;font-size:.75rem} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-role{ display:inline-block; max-width:160px; overflow:hidden; color:#b7c2d1; font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-class-count{ min-width:44px; color:#e3eaf3; font-size:.75rem; font-weight:850; text-align:right; font-variant-numeric:tabular-nums; } body.avalon-player-ui #rankingsView.rankings-v3 .ranking-empty-card{ min-height:80px; display:flex; align-items:center; justify-content:center; color:var(--rf-muted); font-size:.75rem; } @media(max-width:1100px){ body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filterbar{grid-template-columns:1fr} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-race-filter{justify-self:start} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip{grid-template-columns:1fr} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip-head{grid-template-columns:auto auto 1fr;grid-template-areas:"label metric scope";column-gap:7px;padding:0 0 9px;border-right:0;border-bottom:1px solid var(--rank-line)} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-list{grid-template-columns:repeat(2,minmax(0,1fr))} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-race-columns{grid-template-columns:1fr} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-column+.ranking-race-column{border-left:0;border-top:1px solid var(--rank-line)} } @media(max-width:720px){ body.avalon-player-ui #rankingsView.rankings-v3{gap:9px} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head{align-items:flex-start;flex-direction:column;gap:8px;padding-bottom:10px} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-page-head>em{text-align:left} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-nav{grid-template-columns:repeat(2,minmax(0,1fr))} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filterbar{padding:10px} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-row{grid-template-columns:1fr;gap:5px} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-filter-tabs button{flex:0 0 auto} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-list{grid-template-columns:1fr} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-own-strip-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label label" "metric scope"} body.avalon-player-ui #rankingsView.rankings-v3 .rankings-board-head{align-items:flex-start;flex-direction:column;gap:8px} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row{grid-template-columns:36px minmax(0,1fr)} body.avalon-player-ui #rankingsView.rankings-v3 .ranking-race-row-side{grid-column:2;justify-content:start;text-align:left} } /* Player Notification Center — canonical owner. * Compact inbox + modal detail card. Admin Notification Center is intentionally out of scope. */ body.avalon-player-ui #notificationsView.notifications-view{ width:min(100%,1180px); margin-inline:auto; padding-bottom:max(28px,env(safe-area-inset-bottom)); --notification-surface:var(--rf-surface); --notification-soft:color-mix(in srgb,var(--rf-surface-raised) 56%,var(--rf-surface) 44%); --notification-line:color-mix(in srgb,var(--rf-line) 88%,transparent); --notification-muted:var(--rf-muted); --notification-unread:#e7a83d; --notification-achievement:#6eabea; } body.avalon-player-ui #notificationsView .notification-page-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:12px; background:transparent; } body.avalon-player-ui #notificationsView .notification-page-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end} body.avalon-player-ui #notificationsView .notification-page-actions .ghost-action{min-height:36px;display:inline-flex;align-items:center;gap:7px} body.avalon-player-ui #notificationsView .notification-page-actions .ui-icon{width:15px;height:15px} body.avalon-player-ui #notificationsView .notification-read-all:disabled{opacity:.42;cursor:default;transform:none} body.avalon-player-ui #notificationsView .notification-overview{ display:grid; grid-template-columns:minmax(0,1.45fr) minmax(220px,.65fr) minmax(220px,.65fr); gap:10px; margin:0 0 14px; } body.avalon-player-ui #notificationsView .notification-overview-card{ min-width:0; min-height:92px; display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:13px; padding:14px 15px; border:1px solid var(--notification-line); border-radius:12px; background:color-mix(in srgb,var(--rf-surface-raised) 42%,var(--rf-surface) 58%); background-image:none; box-shadow:none; } body.avalon-player-ui #notificationsView .notification-overview-icon{ width:46px;height:46px;display:grid;place-items:center; border:1px solid var(--notification-line);border-radius:12px; background:var(--notification-soft);color:#92a4ba; } body.avalon-player-ui #notificationsView .notification-overview-icon .ui-icon{width:19px;height:19px} body.avalon-player-ui #notificationsView .notification-overview-copy, body.avalon-player-ui #notificationsView .notification-overview-stat>span:last-child{min-width:0;display:grid;gap:3px} body.avalon-player-ui #notificationsView .notification-overview-card small{ color:var(--notification-muted);font-size:.6875rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase; } body.avalon-player-ui #notificationsView .notification-overview-context b{overflow:hidden;color:#e9eef6;font-size:.9375rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} body.avalon-player-ui #notificationsView .notification-overview-card p{margin:0;color:#8999ad;font-size:.75rem;line-height:1.4} body.avalon-player-ui #notificationsView .notification-overview-stat strong{color:#eef3f8;font-size:1.45rem;line-height:1;font-variant-numeric:tabular-nums} body.avalon-player-ui #notificationsView .notification-overview-stat.is-unread .notification-overview-icon{ border-color:color-mix(in srgb,var(--notification-unread) 34%,var(--notification-line)); background:color-mix(in srgb,var(--notification-unread) 7%,var(--notification-soft) 93%); color:var(--notification-unread); } body.avalon-player-ui #notificationsView .notification-overview-stat.is-unread strong{color:#f0c06f} body.avalon-player-ui #notificationsView .notification-thread-panel{ margin-top:0; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; background-image:none; box-shadow:none; } body.avalon-player-ui #notificationsView .notification-thread-head{ min-height:52px; display:flex;align-items:center;justify-content:space-between;gap:14px; margin:0 0 8px;padding:0 2px; border:0;background:transparent; } body.avalon-player-ui #notificationsView .notification-thread-title{display:flex;align-items:center;gap:10px;min-width:0} body.avalon-player-ui #notificationsView .notification-thread-title>i{ width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px; border:1px solid var(--notification-line);border-radius:9px;background:var(--notification-soft);color:#8ea0b6;font-style:normal; } body.avalon-player-ui #notificationsView .notification-thread-title>i .ui-icon{width:15px;height:15px} body.avalon-player-ui #notificationsView .notification-thread-head small{display:block;color:var(--notification-muted);font-size:.6875rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase} body.avalon-player-ui #notificationsView .notification-thread-head h2{margin:2px 0 0;color:var(--rf-text);font-size:1rem} body.avalon-player-ui #notificationsView .notification-thread-head em{display:inline-flex;align-items:center;gap:7px;color:var(--notification-muted);font-size:.75rem;font-style:normal} body.avalon-player-ui #notificationsView .notification-thread-head em .ui-icon{width:14px;height:14px;color:#71849b} body.avalon-player-ui #notificationsView .notification-inbox{display:grid;gap:8px;background:transparent} body.avalon-player-ui #notificationsView .notification-card{ position:relative; display:block; margin:0;padding:0; overflow:hidden; border:1px solid var(--notification-line); border-radius:12px; background:var(--notification-surface); background-image:none; box-shadow:none; transition:border-color .15s ease,background .15s ease; } body.avalon-player-ui #notificationsView .notification-card::before{ content:"";position:absolute;z-index:1;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:transparent; } body.avalon-player-ui #notificationsView .notification-card.unread{ border-color:color-mix(in srgb,var(--notification-unread) 26%,var(--notification-line)); background:color-mix(in srgb,var(--notification-unread) 3%,var(--notification-surface) 97%); } body.avalon-player-ui #notificationsView .notification-card.unread::before{background:var(--notification-unread)} body.avalon-player-ui #notificationsView .notification-card:hover{ border-color:color-mix(in srgb,var(--avalon-blue) 24%,var(--notification-line)); background:color-mix(in srgb,var(--rf-surface-raised) 60%,var(--notification-surface) 40%); } body.avalon-player-ui #notificationsView .notification-card-toggle{ width:100%;min-height:82px; display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px; padding:12px 13px 12px 16px; border:0;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer; } body.avalon-player-ui #notificationsView .notification-card-icon{ width:42px;height:42px;display:grid;place-items:center; border:1px solid var(--notification-line);border-radius:11px;background:var(--notification-soft);color:#8799af; } body.avalon-player-ui #notificationsView .notification-card-icon .ui-icon{width:18px;height:18px} body.avalon-player-ui #notificationsView .notification-card.kind-achievement .notification-card-icon{ border-color:color-mix(in srgb,var(--notification-achievement) 34%,var(--notification-line)); color:var(--notification-achievement); background:color-mix(in srgb,var(--notification-achievement) 7%,var(--notification-soft) 93%); } body.avalon-player-ui #notificationsView .notification-card.unread .notification-card-icon{ border-color:color-mix(in srgb,var(--notification-unread) 34%,var(--notification-line)); color:var(--notification-unread); } body.avalon-player-ui #notificationsView .notification-card-copy{min-width:0;display:grid;gap:5px} body.avalon-player-ui #notificationsView .notification-card-meta{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap} body.avalon-player-ui #notificationsView .notification-card-kind{ display:inline-flex;align-items:center;gap:5px; padding:3px 7px; border:1px solid color-mix(in srgb,var(--notification-unread) 25%,var(--notification-line)); border-radius:999px; background:color-mix(in srgb,var(--notification-unread) 5%,transparent); color:var(--notification-unread); font-size:.6875rem;font-style:normal;font-weight:850;letter-spacing:.025em; } body.avalon-player-ui #notificationsView .notification-card-kind .ui-icon{width:11px;height:11px} body.avalon-player-ui #notificationsView .notification-card-kind.kind-achievement{ border-color:color-mix(in srgb,var(--notification-achievement) 28%,var(--notification-line)); background:color-mix(in srgb,var(--notification-achievement) 5%,transparent); color:var(--notification-achievement); } body.avalon-player-ui #notificationsView .notification-card-date{ display:inline-flex;align-items:center;gap:5px;color:#74869d;font-size:.6875rem; } body.avalon-player-ui #notificationsView .notification-card-date .ui-icon{width:11px;height:11px} body.avalon-player-ui #notificationsView .notification-card-copy>b{ overflow:hidden;color:#edf2f8;font-size:.875rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap; } body.avalon-player-ui #notificationsView .notification-card-copy>p{ min-width:0;margin:0;overflow:hidden;color:#92a2b6;font-size:.75rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap; } body.avalon-player-ui #notificationsView .notification-card-side{display:flex;align-items:center;gap:10px;padding-left:8px} body.avalon-player-ui #notificationsView .notification-card-status{ display:inline-flex;align-items:center;gap:5px; padding:5px 8px; border:1px solid var(--notification-line);border-radius:999px; color:#7f90a5;font-size:.6875rem;font-weight:800;white-space:nowrap; } body.avalon-player-ui #notificationsView .notification-card-status .ui-icon{width:11px;height:11px} body.avalon-player-ui #notificationsView .notification-card-status.is-unread{ border-color:color-mix(in srgb,var(--notification-unread) 30%,var(--notification-line)); background:color-mix(in srgb,var(--notification-unread) 6%,transparent); color:var(--notification-unread); } body.avalon-player-ui #notificationsView .notification-card-arrow{ width:32px;height:32px;display:grid;place-items:center; border:1px solid var(--notification-line);border-radius:9px;background:var(--notification-soft);color:#8395aa; } body.avalon-player-ui #notificationsView .notification-card:hover .notification-card-arrow{border-color:color-mix(in srgb,var(--avalon-blue) 25%,var(--notification-line));color:#adc5e3} body.avalon-player-ui #notificationsView .notification-card-arrow .ui-icon{width:14px;height:14px} body.avalon-player-ui #notificationsView .notification-empty{ margin-top:10px;min-height:128px;display:grid;justify-items:center;align-content:center;gap:6px;padding:22px; border:1px dashed var(--notification-line);border-radius:11px;background:transparent;color:var(--notification-muted);text-align:center; } body.avalon-player-ui #notificationsView .notification-empty.is-hidden{display:none!important} body.avalon-player-ui #notificationsView .notification-empty>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--notification-line);border-radius:9px;background:var(--notification-soft);color:#8b9bb0} body.avalon-player-ui #notificationsView .notification-empty .ui-icon{width:17px;height:17px} body.avalon-player-ui #notificationsView .notification-empty b{color:#cbd5e2;font-size:.8125rem} body.avalon-player-ui #notificationsView .notification-empty small{font-size:.75rem} body.notification-detail-open{overflow:hidden} body.avalon-player-ui #notificationsView .notification-detail-overlay{ position:fixed;z-index:1700;inset:0;display:grid;place-items:center;padding:18px; } body.avalon-player-ui #notificationsView .notification-detail-overlay.is-hidden{display:none!important} body.avalon-player-ui #notificationsView .notification-detail-backdrop{position:absolute;inset:0;border:0;background:rgba(5,9,15,.72);backdrop-filter:blur(3px);cursor:default} body.avalon-player-ui #notificationsView .notification-detail-card{ position:relative;z-index:1;width:min(820px,calc(100vw - 36px));min-height:min(430px,calc(100vh - 40px));max-height:min(780px,calc(100vh - 36px));overflow:hidden; display:grid;grid-template-rows:auto auto minmax(220px,1fr) auto auto; border:1px solid color-mix(in srgb,var(--rf-line) 82%,#7694bd 18%);border-radius:14px; background:var(--rf-surface);background-image:none;box-shadow:0 30px 90px rgba(0,0,0,.5); } body.avalon-player-ui #notificationsView .notification-detail-head{ display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:11px;padding:15px 16px 13px; border-bottom:1px solid var(--notification-line);background:transparent; } body.avalon-player-ui #notificationsView .notification-detail-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--notification-line);border-radius:10px;background:var(--notification-soft);color:#91a2b8} body.avalon-player-ui #notificationsView .notification-detail-icon .ui-icon{width:17px;height:17px} body.avalon-player-ui #notificationsView .notification-detail-heading{min-width:0;display:grid;gap:2px} body.avalon-player-ui #notificationsView .notification-detail-heading small{color:var(--notification-unread);font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase} body.avalon-player-ui #notificationsView .notification-detail-heading h2{margin:0;overflow-wrap:anywhere;color:#eef3f8;font-size:1.0625rem;line-height:1.25} body.avalon-player-ui #notificationsView .notification-detail-close{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--notification-line);border-radius:8px;background:transparent;color:#93a2b5;font:600 1.25rem/1 var(--ui-font);cursor:pointer} body.avalon-player-ui #notificationsView .notification-detail-close:hover{background:var(--notification-soft);color:#edf2f8} body.avalon-player-ui #notificationsView .notification-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-bottom:1px solid var(--notification-line);color:var(--notification-muted);font-size:.75rem} body.avalon-player-ui #notificationsView .notification-detail-meta>span,body.avalon-player-ui #notificationsView .notification-detail-meta>em{display:inline-flex;align-items:center;gap:7px} body.avalon-player-ui #notificationsView .notification-detail-meta .ui-icon{width:14px;height:14px;color:#7f91a8} body.avalon-player-ui #notificationsView .notification-detail-meta b{color:inherit;font:inherit;font-weight:700} body.avalon-player-ui #notificationsView .notification-detail-meta em{padding:4px 8px;border:1px solid var(--notification-line);border-radius:999px;color:#a8b4c4;font-style:normal} body.avalon-player-ui #notificationsView .notification-detail-message{min-height:220px;padding:22px 20px 26px;overflow:auto;color:#c7d1de;font-size:.875rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere} body.avalon-player-ui #notificationsView .notification-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-top:1px solid var(--notification-line);color:#65758a;font-size:.75rem} body.avalon-player-ui #notificationsView .notification-detail-footer span{display:inline-flex;align-items:center;gap:7px;font-weight:800;letter-spacing:.055em} body.avalon-player-ui #notificationsView .notification-detail-footer .ui-icon{width:14px;height:14px;color:#788aa1} @media(max-width:760px){ body.avalon-player-ui #notificationsView .notification-page-heading{align-items:stretch;flex-direction:column} body.avalon-player-ui #notificationsView .notification-page-actions{justify-content:flex-start} body.avalon-player-ui #notificationsView .notification-overview{grid-template-columns:1fr 1fr} body.avalon-player-ui #notificationsView .notification-overview-context{grid-column:1/-1} body.avalon-player-ui #notificationsView .notification-thread-head{align-items:flex-start;flex-direction:column} } @media(max-width:520px){ body.avalon-player-ui #notificationsView .notification-page-actions{display:grid;grid-template-columns:1fr 1fr} body.avalon-player-ui #notificationsView .notification-page-actions .ghost-action{justify-content:center;min-width:0} body.avalon-player-ui #notificationsView .notification-overview{grid-template-columns:1fr} body.avalon-player-ui #notificationsView .notification-overview-context{grid-column:auto} body.avalon-player-ui #notificationsView .notification-card-toggle{grid-template-columns:38px minmax(0,1fr) 30px;gap:9px;padding:10px} body.avalon-player-ui #notificationsView .notification-card-icon{width:36px;height:36px;border-radius:9px} body.avalon-player-ui #notificationsView .notification-card-side{padding-left:0} body.avalon-player-ui #notificationsView .notification-card-status{display:none} body.avalon-player-ui #notificationsView .notification-card-arrow{width:30px;height:30px} body.avalon-player-ui #notificationsView .notification-detail-overlay{padding:8px} body.avalon-player-ui #notificationsView .notification-detail-card{width:calc(100vw - 16px);min-height:auto;max-height:calc(100vh - 16px);grid-template-rows:auto auto minmax(180px,1fr) auto auto} body.avalon-player-ui #notificationsView .notification-detail-head{grid-template-columns:38px minmax(0,1fr) 32px;padding:12px} body.avalon-player-ui #notificationsView .notification-detail-meta, body.avalon-player-ui #notificationsView .notification-detail-message, body.avalon-player-ui #notificationsView .notification-detail-footer{padding-left:12px;padding-right:12px} } /* Rich notification body — safe allowlisted markup from Admin composer. */ body.avalon-player-ui #notificationsView .notification-detail-message{white-space:normal} body.avalon-player-ui #notificationsView .notification-detail-message> :first-child{margin-top:0} body.avalon-player-ui #notificationsView .notification-detail-message> :last-child{margin-bottom:0} body.avalon-player-ui #notificationsView .notification-detail-message p{margin:0 0 .85em} body.avalon-player-ui #notificationsView .notification-detail-message h2{margin:.15em 0 .6em;color:#f2f6fb;font-size:1.35rem;line-height:1.25} body.avalon-player-ui #notificationsView .notification-detail-message h3{margin:.15em 0 .55em;color:#e8eef6;font-size:1.08rem;line-height:1.3} body.avalon-player-ui #notificationsView .notification-detail-message ul, body.avalon-player-ui #notificationsView .notification-detail-message ol{margin:.75em 0;padding-left:1.65em} body.avalon-player-ui #notificationsView .notification-detail-message li+li{margin-top:.25em} body.avalon-player-ui #notificationsView .notification-detail-message blockquote{margin:1em 0;padding:11px 14px;border-left:3px solid var(--notification-unread);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--notification-unread) 5%,transparent);color:#b7c4d4} body.avalon-player-ui #notificationsView .notification-detail-message a{color:#78b8f6;text-decoration:none;border-bottom:1px solid color-mix(in srgb,#78b8f6 38%,transparent)} body.avalon-player-ui #notificationsView .notification-detail-message a:hover{color:#a6d0fa} body.avalon-player-ui #notificationsView .notification-detail-message a[data-media="1"]{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--notification-line);border-radius:9px;background:var(--notification-soft);font-weight:750} body.avalon-player-ui #notificationsView .notification-detail-message img{display:block;max-width:100%;height:auto;margin:12px auto;border:1px solid var(--notification-line);border-radius:10px} body.avalon-player-ui #notificationsView .notification-detail-message table{width:100%;margin:12px 0;border-collapse:collapse;table-layout:fixed} body.avalon-player-ui #notificationsView .notification-detail-message td, body.avalon-player-ui #notificationsView .notification-detail-message th{padding:8px 10px;border:1px solid var(--notification-line);vertical-align:top} body.avalon-player-ui #notificationsView .notification-detail-message th{background:var(--notification-soft);color:#e4ebf4;text-align:left} body.avalon-player-ui #notificationsView .notification-detail-message [data-align="center"]{text-align:center} body.avalon-player-ui #notificationsView .notification-detail-message [data-align="right"]{text-align:right} body.avalon-player-ui #notificationsView .notification-detail-message [data-align="left"]{text-align:left} body.avalon-player-ui #notificationsView .notification-detail-message [data-tone="orange"]{color:#f0a11a} body.avalon-player-ui #notificationsView .notification-detail-message [data-tone="blue"]{color:#5aa9f8} body.avalon-player-ui #notificationsView .notification-detail-message [data-tone="green"]{color:#63c69b} body.avalon-player-ui #notificationsView .notification-detail-message [data-tone="red"]{color:#e87878} body.avalon-player-ui #notificationsView .notification-detail-message [data-tone="purple"]{color:#a88fe2} body.avalon-player-ui #notificationsView .notification-detail-message [data-tone="muted"]{color:#91a0b4} body.avalon-player-ui #notificationsView .notification-card[data-notification-type="admin"], body.avalon-player-ui #notificationsView .notification-detail-overlay[data-type="admin"]{--notification-type:#e7a83d} body.avalon-player-ui #notificationsView .notification-card[data-notification-type="achievement"], body.avalon-player-ui #notificationsView .notification-detail-overlay[data-type="achievement"]{--notification-type:#6eabea} body.avalon-player-ui #notificationsView .notification-card[data-notification-type="guild"], body.avalon-player-ui #notificationsView .notification-detail-overlay[data-type="guild"]{--notification-type:#63c69b} body.avalon-player-ui #notificationsView .notification-card[data-notification-type="security"], body.avalon-player-ui #notificationsView .notification-detail-overlay[data-type="security"]{--notification-type:#72aef0} body.avalon-player-ui #notificationsView .notification-card[data-notification-type="payment"], body.avalon-player-ui #notificationsView .notification-detail-overlay[data-type="payment"]{--notification-type:#68c9a4} body.avalon-player-ui #notificationsView .notification-card[data-notification-type="premium"], body.avalon-player-ui #notificationsView .notification-detail-overlay[data-type="premium"]{--notification-type:#aa8ce2} body.avalon-player-ui #notificationsView .notification-card[data-notification-type="system"], body.avalon-player-ui #notificationsView .notification-detail-overlay[data-type="system"]{--notification-type:#93a4b8} body.avalon-player-ui #notificationsView .notification-card-icon, body.avalon-player-ui #notificationsView .notification-card.unread .notification-card-icon{ border-color:color-mix(in srgb,var(--notification-type,#93a4b8) 34%,var(--notification-line)); background:color-mix(in srgb,var(--notification-type,#93a4b8) 7%,var(--notification-soft) 93%); color:var(--notification-type,#93a4b8); } body.avalon-player-ui #notificationsView .notification-card-kind, body.avalon-player-ui #notificationsView .notification-card-kind[data-notification-type="achievement"]{ border-color:color-mix(in srgb,var(--notification-type,#93a4b8) 28%,var(--notification-line)); background:color-mix(in srgb,var(--notification-type,#93a4b8) 5%,transparent); color:var(--notification-type,#93a4b8); } body.avalon-player-ui #notificationsView .notification-card-importance, body.avalon-player-ui #notificationsView .notification-detail-importance{ display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid var(--notification-line);border-radius:999px; font-size:.6875rem;font-style:normal;font-weight:850;white-space:nowrap; } body.avalon-player-ui #notificationsView .notification-card-importance .ui-icon, body.avalon-player-ui #notificationsView .notification-detail-importance .ui-icon{width:11px;height:11px} body.avalon-player-ui #notificationsView .notification-card-importance[data-notification-importance="important"], body.avalon-player-ui #notificationsView .notification-detail-importance[data-notification-importance="important"]{ border-color:color-mix(in srgb,#e7a83d 30%,var(--notification-line));background:color-mix(in srgb,#e7a83d 6%,transparent);color:#e7a83d; } body.avalon-player-ui #notificationsView .notification-card-importance[data-notification-importance="critical"], body.avalon-player-ui #notificationsView .notification-detail-importance[data-notification-importance="critical"]{ border-color:color-mix(in srgb,#e87878 34%,var(--notification-line));background:color-mix(in srgb,#e87878 7%,transparent);color:#e87878; } body.avalon-player-ui #notificationsView .notification-detail-overlay .notification-detail-icon{ border-color:color-mix(in srgb,var(--notification-type,#93a4b8) 34%,var(--notification-line)); background:color-mix(in srgb,var(--notification-type,#93a4b8) 8%,var(--notification-soft) 92%); color:var(--notification-type,#93a4b8); } body.avalon-player-ui #notificationsView .notification-detail-overlay .notification-detail-heading small{color:var(--notification-type,#93a4b8)} body.avalon-player-ui #notificationsView .notification-detail-actions{ display:flex;justify-content:flex-end;padding:0 18px 14px;background:var(--rf-surface); } body.avalon-player-ui #notificationsView .notification-detail-actions.is-hidden{display:none!important} body.avalon-player-ui #notificationsView .notification-detail-actions .primary-action{min-width:180px;justify-content:center} body.avalon-player-ui #notificationsView .notification-detail-importance.is-hidden{display:none!important} /* Player Account — compact profile + access workspace with Master Password security. */ body.avalon-player-ui #accountView.account-v366{ width:min(100%,1320px); margin-inline:auto; gap:14px; } body.avalon-player-ui #accountView.account-v366>.page-heading{margin-bottom:0!important} body.avalon-player-ui #accountView .account-v366-overview, body.avalon-player-ui #accountView .account-v366-profile, body.avalon-player-ui #accountView .account-v366-management{ border:1px solid var(--rf-line); border-radius:14px; background:var(--rf-surface); box-shadow:none; } body.avalon-player-ui #accountView .account-v366-overview{ display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr); overflow:hidden; } body.avalon-player-ui #accountView .account-v366-identity{ display:flex; align-items:center; min-width:0; padding:17px 18px; border-right:1px solid var(--rf-line); } body.avalon-player-ui #accountView .account-v366-identity small, body.avalon-player-ui #accountView .account-v366-section-head small, body.avalon-player-ui #accountView .account-v366-service-copy small{ display:block; color:var(--rf-accent); font-size:.75rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; } body.avalon-player-ui #accountView .account-v366-identity h2{ margin:4px 0 0; color:var(--rf-text); font-size:1.2rem; line-height:1.15; } body.avalon-player-ui #accountView .account-v366-facts{ display:grid; grid-template-columns:.85fr .85fr 1.3fr; margin:0; min-width:0; } body.avalon-player-ui #accountView .account-v366-facts>div{ min-width:0; display:flex; flex-direction:column; justify-content:center; padding:14px 16px; border-right:1px solid var(--rf-line); } body.avalon-player-ui #accountView .account-v366-facts>div:last-child{border-right:0} body.avalon-player-ui #accountView .account-v366-facts dt{ color:var(--rf-muted); font-size:.75rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } body.avalon-player-ui #accountView .account-v366-facts dd{ overflow:hidden; margin:6px 0 0; color:var(--rf-text); font-size:.8125rem; font-weight:850; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #accountView .account-v366-facts dd span{margin-left:6px;color:var(--rf-muted);font-size:.75rem;font-weight:700} body.avalon-player-ui #accountView .account-v366-profile{padding:0 18px 16px} body.avalon-player-ui #accountView .account-v366-section-head{ min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:16px; } body.avalon-player-ui #accountView .account-v366-profile .account-v366-section-head{border-bottom:1px solid var(--rf-line);margin:0 -18px 14px;padding:0 18px} body.avalon-player-ui #accountView .account-v366-section-head h2{margin:2px 0 0;color:var(--rf-text);font-size:.9375rem} body.avalon-player-ui #accountView .account-v366-section-head>em{color:var(--rf-muted);font-size:.75rem;font-style:normal} body.avalon-player-ui #accountView .account-v366-profile-form{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; } body.avalon-player-ui #accountView .account-v366-profile-form .player-profile-fields{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } body.avalon-player-ui #accountView .account-v366-profile-form label{display:grid;gap:5px} body.avalon-player-ui #accountView .account-v366-profile-form label>span{color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #accountView .account-v366-profile-form input{ height:40px; border-color:var(--rf-line-strong); border-radius:9px; background:var(--rf-input); color:var(--rf-text); } body.avalon-player-ui #accountView .account-v366-profile-actions{display:grid;gap:6px;min-width:150px} body.avalon-player-ui #accountView .account-v366-profile-actions .primary-action{min-width:150px;height:40px!important;min-height:40px!important} body.avalon-player-ui #accountView .account-v366-profile-actions .player-profile-state{min-height:14px;margin:0;text-align:right;font-size:.75rem} body.avalon-player-ui #accountView .account-v366-management{overflow:hidden} body.avalon-player-ui #accountView .account-v366-management>.account-v366-section-head{padding:0 18px;border-bottom:1px solid var(--rf-line)} body.avalon-player-ui #accountView .account-v366-service-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px; } body.avalon-player-ui #accountView .account-v366-service-card{ min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:11px; align-items:center; padding:14px; border:1px solid var(--rf-line); border-radius:12px; background:var(--rf-surface-soft); } body.avalon-player-ui #accountView .account-v366-service-card.is-disabled{opacity:.58} body.avalon-player-ui #accountView .account-v366-service-card .security-card-icon{ width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--rf-line-strong); border-radius:10px; background:var(--rf-surface-raised); } body.avalon-player-ui #accountView .account-v366-service-card .security-card-icon .ui-icon{width:18px;height:18px} body.avalon-player-ui #accountView .account-v366-service-copy{min-width:0} body.avalon-player-ui #accountView .account-v366-service-copy strong{ display:block; overflow:hidden; margin-top:3px; color:var(--rf-text); font-size:.8125rem; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #accountView .account-v366-service-copy em{ display:block; overflow:hidden; margin-top:3px; color:var(--rf-muted); font-size:.72rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #accountView #accountMasterPasswordCard .account-v366-service-copy em{white-space:normal;line-height:1.3} body.avalon-player-ui #accountView .account-v366-service-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px} body.avalon-player-ui #accountView .account-v366-service-side>b{color:var(--rf-accent);font-size:.72rem;white-space:nowrap} body.avalon-player-ui #accountView .account-v366-service-side .secondary-action{height:34px!important;min-height:34px!important;padding-inline:12px!important} body.avalon-player-ui #accountView .account-services-staff{margin:0;padding:14px 18px;color:var(--rf-muted);background:transparent;border:0} body.account-service-modal-open{overflow:hidden} body.avalon-player-ui #accountView .account-v366-modal{ position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:20px; } body.avalon-player-ui #accountView .account-v366-modal.is-hidden{display:none!important} body.avalon-player-ui #accountView .account-v366-modal-backdrop{ position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:rgba(7,10,18,.72); cursor:default; } body.avalon-player-ui #accountView .account-v366-dialog{ position:relative; z-index:1; width:min(100%,620px); max-height:min(760px,calc(100vh - 40px)); overflow:auto; border:1px solid var(--rf-line-strong); border-radius:14px; background:var(--rf-surface); box-shadow:0 24px 70px rgba(0,0,0,.42); } body.avalon-player-ui #accountView .account-v366-dialog-head{ min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 16px; border-bottom:1px solid var(--rf-line); } body.avalon-player-ui #accountView .account-v366-dialog-head small{display:block;color:var(--rf-accent);font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase} body.avalon-player-ui #accountView .account-v366-dialog-head h2{margin:3px 0 0;font-size:1rem;color:var(--rf-text)} body.avalon-player-ui #accountView .account-v367-dialog-close{ width:30px; height:30px; min-width:30px; display:grid; place-items:center; padding:0; border:1px solid transparent; border-radius:50%; background:transparent; color:var(--rf-muted); font:500 1.45rem/1 system-ui,sans-serif; cursor:pointer; } body.avalon-player-ui #accountView .account-v367-dialog-close:hover{border-color:var(--rf-line);background:var(--rf-surface-soft);color:var(--rf-text)} body.avalon-player-ui #accountView .account-v367-dialog-close:focus-visible{outline:2px solid var(--rf-accent);outline-offset:2px} body.avalon-player-ui #accountView .account-v366-form-panel{ margin:0!important; padding:16px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.avalon-player-ui #accountView .account-v366-form-panel form{display:grid;gap:10px;margin-top:0} body.avalon-player-ui #accountView .account-v366-form-panel label{display:grid;gap:5px} body.avalon-player-ui #accountView .account-v366-form-panel label>span{color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #accountView .account-v366-form-panel input{height:40px!important;min-height:40px!important;border-color:var(--rf-line-strong);border-radius:9px;background:var(--rf-input)} body.avalon-player-ui #accountView .account-v366-form-panel .primary-action{height:40px!important;min-height:40px!important;margin-top:2px!important} body.avalon-player-ui #accountView #changeEmailForm{grid-template-columns:1fr 1fr} body.avalon-player-ui #accountView #changeEmailForm .primary-action{grid-column:1/-1} body.avalon-player-ui #accountView #changePasswordForm{grid-template-columns:repeat(3,1fr)} body.avalon-player-ui #accountView #changePasswordForm .primary-action{grid-column:1/-1} body.avalon-player-ui #accountView #setMasterPasswordForm, body.avalon-player-ui #accountView #changeMasterPasswordForm{grid-template-columns:repeat(3,minmax(0,1fr))} body.avalon-player-ui #accountView #setMasterPasswordForm .primary-action, body.avalon-player-ui #accountView #changeMasterPasswordForm .primary-action{grid-column:1/-1} body.avalon-player-ui #accountView .account-v367-master-switch{display:flex;gap:8px;margin:0 0 12px} body.avalon-player-ui #accountView .account-v367-master-switch.is-hidden{display:none!important} body.avalon-player-ui #accountView .account-v367-master-switch .secondary-action{flex:1} body.avalon-player-ui #accountView .account-v367-master-switch .secondary-action.is-active{border-color:var(--rf-accent);color:var(--rf-text)} body.avalon-player-ui #accountView .account-service-inline-fact{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; padding:9px 10px; border:1px solid var(--rf-line); border-radius:9px; background:var(--rf-surface-soft)!important; } body.avalon-player-ui #accountView .account-service-inline-fact small{color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #accountView .account-service-inline-fact b{overflow:hidden;color:var(--rf-text);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap} body.avalon-player-ui #accountView .security-service-status{margin:0 0 12px!important;padding:9px 10px!important;border:1px solid var(--rf-line)!important;border-radius:9px!important;background:var(--rf-surface-soft)!important;font-size:.75rem!important} body.avalon-player-ui #accountView .account-service-state{min-height:14px;margin-top:9px;background:transparent!important;font-size:.75rem} @media(max-width:1050px){ body.avalon-player-ui #accountView .account-v366-service-grid{grid-template-columns:1fr} body.avalon-player-ui #accountView .account-v366-profile-form{grid-template-columns:1fr} body.avalon-player-ui #accountView .account-v366-profile-actions{display:flex;align-items:center;min-width:0} body.avalon-player-ui #accountView .account-v366-profile-actions .player-profile-state{margin-right:auto;text-align:left} } @media(max-width:820px){ body.avalon-player-ui #accountView .account-v366-overview{grid-template-columns:1fr} body.avalon-player-ui #accountView .account-v366-identity{border-right:0;border-bottom:1px solid var(--rf-line)} body.avalon-player-ui #accountView .account-v366-profile-form .player-profile-fields{grid-template-columns:1fr} body.avalon-player-ui #accountView #changePasswordForm, body.avalon-player-ui #accountView #setMasterPasswordForm, body.avalon-player-ui #accountView #changeMasterPasswordForm{grid-template-columns:1fr} body.avalon-player-ui #accountView #changePasswordForm .primary-action, body.avalon-player-ui #accountView #setMasterPasswordForm .primary-action, body.avalon-player-ui #accountView #changeMasterPasswordForm .primary-action{grid-column:auto} } @media(max-width:620px){ body.avalon-player-ui #accountView .account-v366-facts{grid-template-columns:1fr} body.avalon-player-ui #accountView .account-v366-facts>div{border-right:0;border-bottom:1px solid var(--rf-line)} body.avalon-player-ui #accountView .account-v366-facts>div:last-child{border-bottom:0} body.avalon-player-ui #accountView .account-v366-service-card{grid-template-columns:38px minmax(0,1fr)} body.avalon-player-ui #accountView .account-v366-service-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between} body.avalon-player-ui #accountView .account-v366-profile-actions{align-items:stretch;flex-direction:column} body.avalon-player-ui #accountView .account-v366-profile-actions .primary-action{width:100%} body.avalon-player-ui #accountView #changeEmailForm{grid-template-columns:1fr} body.avalon-player-ui #accountView #changeEmailForm .primary-action{grid-column:auto} body.avalon-player-ui #accountView .account-v366-modal{padding:10px} } /* Voting V2 — compact Player voting workspace. */ body.avalon-player-ui #votingView{ width:min(100%,1360px); margin-inline:auto; display:grid; gap:12px; } body.avalon-player-ui #votingView.is-hidden{display:none!important} body.avalon-player-ui #votingView .voting-page-heading{ margin:0 0 2px!important; padding:0 2px!important; } body.avalon-player-ui #votingView .voting-page-heading h1{font-size:1.75rem!important} body.avalon-player-ui #votingView .voting-page-heading small{color:var(--rf-accent)!important} body.avalon-player-ui #votingView .voting-login-note{ min-height:54px; display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:center; margin:0; padding:9px 12px; border:1px solid var(--rf-line); border-radius:12px; background:var(--rf-surface); box-shadow:none; } body.avalon-player-ui #votingView .voting-note-icon{ width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--rf-line); border-radius:9px; background:var(--rf-surface-raised); color:#7fb5ea; } body.avalon-player-ui #votingView .voting-note-icon .ui-icon{width:17px;height:17px} body.avalon-player-ui #votingView .voting-note-copy{ min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 16px; align-items:center; } body.avalon-player-ui #votingView .voting-login-main{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap} body.avalon-player-ui #votingView .voting-note-copy small{ color:#7f92aa; font-size:.75rem; font-weight:850; letter-spacing:.075em; text-transform:uppercase; } body.avalon-player-ui #votingView .voting-login-copy{ min-height:30px; display:inline-flex; align-items:center; gap:7px; padding:0 9px; border:1px solid color-mix(in srgb,var(--rf-accent) 26%,var(--rf-line) 74%); border-radius:8px; background:var(--rf-surface-raised); color:var(--rf-accent); font:inherit; cursor:pointer; transition:border-color .14s ease,background .14s ease,color .14s ease; } body.avalon-player-ui #votingView .voting-login-copy b{color:inherit;font-size:.75rem;font-weight:900} body.avalon-player-ui #votingView .voting-login-copy .ui-icon{width:14px;height:14px} body.avalon-player-ui #votingView .voting-login-copy:hover:not(:disabled){border-color:color-mix(in srgb,var(--rf-accent) 52%,var(--rf-line) 48%);background:color-mix(in srgb,var(--rf-accent) 6%,var(--rf-surface-raised) 94%)} body.avalon-player-ui #votingView .voting-login-copy.is-copied{border-color:color-mix(in srgb,var(--rf-success) 44%,var(--rf-line) 56%);color:var(--rf-success)} body.avalon-player-ui #votingView .voting-login-copy:disabled{opacity:.5;cursor:default} body.avalon-player-ui #votingView .voting-note-copy p{ min-width:0; margin:0; overflow:hidden; color:var(--rf-muted); font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #votingView .voting-provider-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; } body.avalon-player-ui #votingView .vote-provider-card{ min-width:0; display:grid; grid-template-rows:auto auto auto auto auto; gap:9px; margin:0; padding:13px 14px 14px; border:1px solid var(--rf-line); border-radius:13px; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #votingView .vote-provider-head{ display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; } body.avalon-player-ui #votingView .vote-provider-icon{ width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--rf-line); border-radius:9px; background:var(--rf-surface-raised); color:#d3b66a; } body.avalon-player-ui #votingView .vote-provider-card.numerus .vote-provider-icon{color:#8db4dc} body.avalon-player-ui #votingView .vote-provider-icon .ui-icon{width:18px;height:18px} body.avalon-player-ui #votingView .vote-provider-head small{ display:block; color:#7f92aa; font-size:.75rem; font-weight:850; letter-spacing:.065em; text-transform:uppercase; } body.avalon-player-ui #votingView .vote-provider-head h2{margin:2px 0 0;color:var(--rf-text);font-size:.9375rem} body.avalon-player-ui #votingView .vote-provider-head>em{ padding:4px 8px; border:1px solid color-mix(in srgb,#56d7aa 24%,var(--rf-line) 76%); border-radius:999px; color:#6fdbb5; background:transparent; font-size:.75rem; font-style:normal; font-weight:850; white-space:nowrap; } body.avalon-player-ui #votingView .vote-provider-head>em.disabled{border-color:var(--rf-line);color:var(--rf-muted)} body.avalon-player-ui #votingView .vote-provider-card>p{ margin:0; color:var(--rf-muted); font-size:.75rem; line-height:1.4; } body.avalon-player-ui #votingView .vote-reward-list{margin:0;display:grid;gap:6px} body.avalon-player-ui #votingView .vote-provider-card.mmotop .vote-reward-list{grid-template-columns:repeat(4,minmax(0,1fr))} body.avalon-player-ui #votingView .vote-provider-card.numerus .vote-reward-list{grid-template-columns:repeat(2,minmax(0,1fr))} body.avalon-player-ui #votingView .vote-reward-list>div{ min-width:0; min-height:42px; display:grid; gap:2px; align-content:center; padding:6px 8px; border:1px solid var(--rf-line); border-radius:9px; background:var(--rf-surface-soft); } body.avalon-player-ui #votingView .vote-reward-list dt{ overflow:hidden; color:var(--rf-muted); font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; } body.avalon-player-ui #votingView .vote-reward-list dd{ margin:0; color:#dce5f0; font-size:.75rem; font-weight:850; white-space:nowrap; } body.avalon-player-ui #votingView .vote-limit-note{ min-height:17px; margin:0; color:#75879d; font-size:.75rem; line-height:1.3; } body.avalon-player-ui #votingView .vote-link{ width:100%; min-height:38px!important; margin:0; justify-content:center; border-radius:9px!important; text-decoration:none; } body.avalon-player-ui #votingView .vote-link.is-disabled{opacity:.45;pointer-events:none} body.avalon-player-ui #votingView :is(.vote-link,.vote-claim-action){box-shadow:none!important} body.avalon-player-ui #votingView .vote-claim-panel{ min-height:58px; display:grid; grid-template-columns:34px minmax(0,1fr) minmax(230px,300px); gap:10px; align-items:center; margin:0; padding:10px 12px; border:1px solid var(--rf-line); border-radius:12px; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #votingView .vote-claim-icon{ width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--rf-line); border-radius:9px; background:var(--rf-surface-raised); color:#a997d7; } body.avalon-player-ui #votingView .vote-claim-icon .ui-icon{width:17px;height:17px} body.avalon-player-ui #votingView .vote-claim-copy small{ display:inline; color:#8a9bb0; font-size:.75rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; } body.avalon-player-ui #votingView .vote-claim-copy h2{display:inline;margin:0 0 0 9px;color:var(--rf-text);font-size:.875rem} body.avalon-player-ui #votingView .vote-claim-copy p{margin:2px 0 0;color:var(--rf-muted);font-size:.75rem;line-height:1.35} body.avalon-player-ui #votingView .vote-claim-side{display:grid;gap:6px;align-items:center} body.avalon-player-ui #votingView .vote-claim-action{min-height:38px!important;border-radius:9px!important} body.avalon-player-ui #votingView .vote-claim-state{margin:0;padding:6px 8px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface-soft);color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #votingView .vote-claim-state.ok{border-color:color-mix(in srgb,#56d7aa 28%,var(--rf-line) 72%);color:#6fdbb5} body.avalon-player-ui #votingView .vote-claim-state.warning{border-color:color-mix(in srgb,#d8bb75 28%,var(--rf-line) 72%);color:#d8bb75} body.avalon-player-ui #votingView .vote-claim-state.error{border-color:color-mix(in srgb,#ef9ca4 28%,var(--rf-line) 72%);color:#ef9ca4} body.avalon-player-ui #votingView .vote-claim-state:empty{display:none!important} body.avalon-player-ui #votingView .vote-monthly-leaders, body.avalon-player-ui #votingView .vote-history-panel{ margin:0; overflow:hidden; border:1px solid var(--rf-line); border-radius:13px; background:var(--rf-surface)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #votingView .vote-monthly-leaders-head, body.avalon-player-ui #votingView .vote-history-head{ min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:9px 13px; border-bottom:1px solid var(--rf-line); background:transparent; } body.avalon-player-ui #votingView .vote-monthly-leaders-head small, body.avalon-player-ui #votingView .vote-history-head small, body.avalon-player-ui #votingView .vote-monthly-provider-head small{ display:block; color:#7f92aa; font-size:.75rem; font-weight:850; letter-spacing:.065em; text-transform:uppercase; } body.avalon-player-ui #votingView .vote-monthly-leaders-head h2, body.avalon-player-ui #votingView .vote-history-head h2{margin:2px 0 0;color:var(--rf-text);font-size:.9375rem} body.avalon-player-ui #votingView .vote-monthly-leaders-head p, body.avalon-player-ui #votingView .vote-history-head p{margin:2px 0 0;color:var(--rf-muted);font-size:.75rem;line-height:1.3} body.avalon-player-ui #votingView .vote-monthly-leaders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} body.avalon-player-ui #votingView .vote-monthly-provider{min-width:0;padding:0 13px 8px;background:transparent;border:0} body.avalon-player-ui #votingView .vote-monthly-provider+.vote-monthly-provider{border-left:1px solid var(--rf-line)} body.avalon-player-ui #votingView .vote-monthly-provider-head{min-height:42px;display:flex;align-items:center;padding:6px 0} body.avalon-player-ui #votingView .vote-monthly-provider-head h3{margin:2px 0 0;color:var(--rf-text);font-size:.875rem} body.avalon-player-ui #votingView .vote-monthly-list{display:grid} body.avalon-player-ui #votingView .vote-monthly-row{ min-width:0; min-height:43px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:8px; align-items:center; padding:6px 0; border-top:1px solid var(--rf-line); background:transparent!important; } body.avalon-player-ui #votingView .vote-monthly-position{display:flex;align-items:center;gap:5px;color:#7f92aa;font-size:.75rem;font-weight:850} body.avalon-player-ui #votingView .vote-monthly-position.is-first{color:#e4c66f} body.avalon-player-ui #votingView .vote-monthly-position b{font:inherit;color:inherit} body.avalon-player-ui #votingView .vote-monthly-crown{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6} body.avalon-player-ui #votingView .vote-monthly-copy{min-width:0;display:grid;gap:1px;background:transparent!important} body.avalon-player-ui #votingView .vote-monthly-copy b{overflow:hidden;color:var(--rf-text);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap} body.avalon-player-ui #votingView .vote-monthly-copy small{color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #votingView .vote-monthly-count{color:#dce5f0;font-size:.75rem;white-space:nowrap} body.avalon-player-ui #votingView .vote-monthly-empty{padding:15px 0;border-top:1px solid var(--rf-line);color:var(--rf-muted);font-size:.75rem;text-align:center} body.avalon-player-ui #votingView .vote-history-head .secondary-action{min-height:34px!important;padding:0 11px!important} body.avalon-player-ui #votingView .vote-history-summary{ margin:7px 12px 0; padding:0; border:0; background:transparent; color:#7f92aa; font-size:.75rem; } body.avalon-player-ui #votingView .vote-history-list{display:grid;gap:5px;padding:7px 12px 12px} body.avalon-player-ui #votingView .vote-history-row{ min-width:0; min-height:44px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; margin:0; padding:7px 9px; border:1px solid var(--rf-line); border-radius:9px; background:transparent!important; } body.avalon-player-ui #votingView .vote-history-copy{min-width:0;display:grid;gap:2px;background:transparent!important} body.avalon-player-ui #votingView .vote-history-copy b{color:var(--rf-text);font-size:.75rem} body.avalon-player-ui #votingView .vote-history-copy small{color:var(--rf-muted);font-size:.75rem} body.avalon-player-ui #votingView .vote-history-side{display:flex;align-items:center;gap:6px} body.avalon-player-ui #votingView .vote-history-reward, body.avalon-player-ui #votingView .vote-history-status{padding:4px 7px;border:1px solid var(--rf-line);border-radius:999px;color:#91a3b8;background:transparent;font-size:.75rem;font-style:normal;font-weight:800;white-space:nowrap} body.avalon-player-ui #votingView .vote-history-reward.has-reward{color:#aebfdd} body.avalon-player-ui #votingView .vote-history-status.ok{color:#6fdbb5} body.avalon-player-ui #votingView .vote-history-status.error{color:#ef9ca4} body.avalon-player-ui #votingView .vote-history-status.warning{color:#d8bb75} body.avalon-player-ui #votingView .vote-history-empty{padding:18px 10px;color:var(--rf-muted);font-size:.75rem;text-align:center} body.avalon-player-ui #votingView .vote-history-panel>.account-service-state{margin:0 12px 10px} body.avalon-player-ui #votingView #votingState:empty{display:none!important} body.avalon-player-ui #votingView .vote-pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px 10px;border-top:1px solid var(--rf-line);background:transparent} body.avalon-player-ui #votingView .vote-pagination.is-hidden{display:none!important} body.avalon-player-ui #votingView .vote-monthly-provider .vote-pagination{padding:8px 0 2px} body.avalon-player-ui #votingView .vote-page-button{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--rf-line);border-radius:8px;background:transparent;color:var(--rf-muted);font:800 .75rem/1 var(--ui-font);cursor:pointer} body.avalon-player-ui #votingView .vote-page-button:hover:not(:disabled){border-color:var(--rf-line-strong);background:var(--rf-surface-raised);color:var(--rf-text)} body.avalon-player-ui #votingView .vote-page-button.is-active{border-color:color-mix(in srgb,var(--rf-accent) 42%,var(--rf-line) 58%);background:var(--rf-surface-raised);color:var(--rf-text);box-shadow:inset 0 -2px 0 var(--rf-accent)} body.avalon-player-ui #votingView .vote-page-button:disabled:not(.is-active){opacity:.38;cursor:default} body.avalon-player-ui #votingView .vote-page-button.is-arrow{font-size:1rem} @media(max-width:1120px){ body.avalon-player-ui #votingView .vote-provider-card.mmotop .vote-reward-list{grid-template-columns:repeat(2,minmax(0,1fr))} body.avalon-player-ui #votingView .vote-claim-panel{grid-template-columns:34px minmax(0,1fr)} body.avalon-player-ui #votingView .vote-claim-side{grid-column:1/-1} } @media(max-width:900px){ body.avalon-player-ui #votingView .voting-provider-grid, body.avalon-player-ui #votingView .vote-monthly-leaders-grid{grid-template-columns:1fr} body.avalon-player-ui #votingView .vote-monthly-provider+.vote-monthly-provider{border-left:0;border-top:1px solid var(--rf-line)} } @media(max-width:680px){ body.avalon-player-ui #votingView .voting-note-copy{grid-template-columns:1fr} body.avalon-player-ui #votingView .voting-note-copy p{white-space:normal} body.avalon-player-ui #votingView .vote-provider-head{grid-template-columns:36px minmax(0,1fr)} body.avalon-player-ui #votingView .vote-provider-head>em{grid-column:2;justify-self:start} body.avalon-player-ui #votingView .vote-provider-card.mmotop .vote-reward-list, body.avalon-player-ui #votingView .vote-provider-card.numerus .vote-reward-list{grid-template-columns:1fr 1fr} body.avalon-player-ui #votingView .vote-history-head{align-items:flex-start;flex-direction:column} body.avalon-player-ui #votingView .vote-history-head .secondary-action{width:100%} body.avalon-player-ui #votingView .vote-history-row{grid-template-columns:1fr} body.avalon-player-ui #votingView .vote-history-side{justify-content:flex-start;flex-wrap:wrap} } /* Player toast tone owner. Keep toast feedback visible and semantic without altering Admin. */ body.avalon-player-ui .toast{ min-width:min(320px,calc(100vw - 32px)); max-width:min(430px,calc(100vw - 32px))!important; min-height:48px; padding:12px 16px 12px 18px!important; border:1px solid var(--rf-line-strong)!important; border-left:3px solid #8292a7!important; border-radius:11px!important; background:var(--rf-surface-raised)!important; color:var(--rf-text)!important; box-shadow:0 16px 38px rgba(3,7,14,.28)!important; line-height:1.4; } body.avalon-player-ui .toast.is-error{ border-color:color-mix(in srgb,#e0737d 34%,var(--rf-line-strong))!important; border-left-color:#e0737d!important; background:color-mix(in srgb,#e0737d 7%,var(--rf-surface-raised))!important; color:#f3d9dc!important; } body.avalon-player-ui .toast.is-warning{ border-color:color-mix(in srgb,#e4b45f 34%,var(--rf-line-strong))!important; border-left-color:#e4b45f!important; } body.avalon-player-ui .toast.is-success{ border-color:color-mix(in srgb,#54d1a6 34%,var(--rf-line-strong))!important; border-left-color:#54d1a6!important; } /* Converter V13 — target icon cleanup, data-driven presets, aligned history rate. */ body.avalon-player-ui #converterView.converter-flow{ width:100%; max-width:none!important; margin-inline:0; display:grid; gap:16px; } body.avalon-player-ui #converterView.is-hidden{display:none!important} body.avalon-player-ui #converterView .converter-page-heading{margin:0!important;padding:0 2px!important} body.avalon-player-ui #converterView .converter-page-heading small{color:var(--rf-accent)!important;letter-spacing:.08em!important;text-transform:uppercase;font-size:.75rem!important;font-weight:800} body.avalon-player-ui #converterView .converter-page-heading h1{font-size:1.75rem!important;line-height:1.08!important} body.avalon-player-ui #converterView .converter-page-heading p{margin-top:6px!important;color:var(--rf-muted)!important;max-width:none!important;font-size:.75rem!important} body.avalon-player-ui #converterView .converter-builder-card, body.avalon-player-ui #converterView .converter-result-card, body.avalon-player-ui #converterView .converter-flow-history-shell{ border:1px solid color-mix(in srgb,var(--rf-line) 92%, transparent)!important; border-radius:12px!important; background:color-mix(in srgb,var(--rf-surface) 92%, transparent)!important; background-image:none!important; box-shadow:none!important; } body.avalon-player-ui #converterView .converter-flow-source-option:hover:not(:disabled), body.avalon-player-ui #converterView .converter-flow-targets button:hover:not(:disabled), body.avalon-player-ui #converterView .converter-presets button:hover:not(:disabled){ transform:translateY(-1px); } body.avalon-player-ui #converterView .converter-flow-source-option.is-active, body.avalon-player-ui #converterView .converter-flow-targets button.is-active{ border-color:color-mix(in srgb,var(--rf-accent) 60%, var(--rf-line) 40%)!important; box-shadow:0 0 0 1px color-mix(in srgb,var(--rf-accent) 22%, transparent), inset 0 0 0 1px color-mix(in srgb,var(--rf-accent) 14%, transparent)!important; background:color-mix(in srgb,var(--rf-surface-soft) 82%, transparent)!important; } body.avalon-player-ui #converterView .converter-option-icon, body.avalon-player-ui #converterView .converter-result-icon{ width:26px;height:26px;display:grid;place-items:center;color:#c7d5ef;background:transparent!important;border:0!important; } body.avalon-player-ui #converterView .converter-option-copy, body.avalon-player-ui #converterView .converter-target-copy{display:grid;gap:4px;min-width:0} body.avalon-player-ui #converterView .converter-target-copy small{color:#b9c6df!important;font-size:.72rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.02em} body.avalon-player-ui #converterView .converter-target-copy b, body.avalon-player-ui #converterView .converter-option-copy strong{font-size:.88rem!important;line-height:1.15;font-weight:760!important;color:#eef4ff!important;font-variant-numeric:tabular-nums} body.avalon-player-ui #converterView .converter-option-copy small{color:var(--rf-muted)!important;font-size:.75rem!important;line-height:1.3} body.avalon-player-ui #converterView .converter-option-copy small b{font-size:inherit!important;color:#dce6fb!important;font-weight:700!important} body.avalon-player-ui #converterView .converter-option-icon .ui-icon{width:17px;height:17px} body.avalon-player-ui #converterView .converter-flow-source-option.is-active .converter-option-icon{color:var(--rf-accent)} body.avalon-player-ui #converterView .converter-showcase{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(460px,1fr); gap:16px; align-items:start; } body.avalon-player-ui #converterView .converter-builder-card{padding:18px 20px 18px!important;display:grid;gap:0;align-content:start} body.avalon-player-ui #converterView .converter-step-block{display:grid;gap:12px} body.avalon-player-ui #converterView .converter-step-block + .converter-step-block{margin-top:24px} body.avalon-player-ui #converterView .converter-step-block + .converter-recipient-row{margin-top:22px} body.avalon-player-ui #converterView .converter-recipient-row + .converter-step-block{margin-top:24px} body.avalon-player-ui #converterView .converter-step-head{display:flex;align-items:center;gap:9px;color:#eef4ff} body.avalon-player-ui #converterView .converter-step-head b{font-size:.82rem!important;font-weight:780!important} body.avalon-player-ui #converterView .converter-step-context{margin-left:auto;color:var(--rf-muted)!important;font-size:.7rem!important;font-style:normal;font-weight:650!important} body.avalon-player-ui #converterView .converter-step-number{ width:26px;height:26px;border-radius:999px;display:grid;place-items:center; background:linear-gradient(180deg,#ffca47 0%,#f0a300 100%);color:#1a2234;font-weight:850;font-size:.72rem; } body.avalon-player-ui #converterView .converter-flow-source-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important} body.avalon-player-ui #converterView .converter-flow-source-option, body.avalon-player-ui #converterView .converter-flow-targets button{ min-width:0; border:1px solid color-mix(in srgb,var(--rf-line) 92%, transparent)!important; border-radius:10px!important; background:color-mix(in srgb,var(--rf-surface-raised) 86%, transparent)!important; background-image:none!important; box-shadow:none!important; color:var(--rf-text)!important; } body.avalon-player-ui #converterView .converter-flow-source-option{ min-height:54px!important; padding:8px 14px!important; display:grid!important; grid-template-columns:22px minmax(0,1fr)!important; gap:12px!important; align-items:center!important; text-align:left!important; } body.avalon-player-ui #converterView .converter-flow-targets{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px!important} body.avalon-player-ui #converterView .converter-flow-targets button{ min-height:54px!important;padding:7px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;align-items:center!important;text-align:left!important; } body.avalon-player-ui #converterView .converter-flow-targets .converter-target-copy b{font-size:.8rem!important} body.avalon-player-ui #converterView .converter-recipient-row{display:grid!important;gap:10px;margin:0} body.avalon-player-ui #converterView .converter-recipient-row.is-hidden{display:none!important} body.avalon-player-ui #converterView .converter-flow-character, body.avalon-player-ui #converterView .converter-flow-note{ min-height:54px!important;padding:12px 14px!important;border:1px solid color-mix(in srgb,var(--rf-line) 92%, transparent)!important;border-radius:10px!important;background:var(--rf-surface-soft)!important;background-image:none!important;box-shadow:none!important; } body.avalon-player-ui #converterView .converter-flow-character label{display:grid!important;grid-template-columns:auto minmax(240px,350px) minmax(0,1fr);gap:12px!important;align-items:center} body.avalon-player-ui #converterView .converter-flow-character span{color:#dce6fb!important;font-size:.75rem!important;font-weight:700!important} body.avalon-player-ui #converterView .converter-flow-character small, body.avalon-player-ui #converterView .converter-flow-note small{color:var(--rf-muted)!important;font-size:.75rem!important;line-height:1.4} body.avalon-player-ui #converterView .converter-flow-character select{height:42px!important;min-height:42px!important;border-radius:9px!important} body.avalon-player-ui #converterView .converter-flow-character select{background:var(--rf-surface)!important;background-image:none!important;border-color:color-mix(in srgb,var(--rf-line) 92%,transparent)!important;color:var(--rf-text)!important} body.avalon-player-ui #converterView .converter-flow-note{display:flex;align-items:center;gap:10px} body.avalon-player-ui #converterView .converter-flow-note .ui-icon{width:15px;height:15px} body.avalon-player-ui #converterView .converter-flow-note b{font-size:.78rem!important} body.avalon-player-ui #converterView .converter-flow-character.is-account-target{display:none!important} body.avalon-player-ui #converterView .converter-amount-step{gap:12px} body.avalon-player-ui #converterView .converter-amount-row{display:block;width:100%} body.avalon-player-ui #converterView .converter-flow-amount-control{ width:100%!important;min-height:50px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important; border:1px solid color-mix(in srgb,var(--rf-line) 92%, transparent)!important;border-radius:10px!important; background:var(--rf-surface-soft)!important;background-image:none!important;box-shadow:none!important;padding:0 0 0 18px!important; } body.avalon-player-ui #converterView .converter-flow-amount-control:focus-within{border-color:color-mix(in srgb,var(--rf-accent) 62%, var(--rf-line) 38%)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--rf-accent) 22%, transparent)!important} body.avalon-player-ui #converterView .converter-flow-amount-control input{height:48px!important;padding:0!important;border:0!important;background:transparent!important;color:#eef4ff!important;font-size:1.45rem!important;font-weight:800!important;font-variant-numeric:tabular-nums} body.avalon-player-ui #converterView .converter-flow-amount-spinners{width:42px;height:100%;display:grid;align-content:center;justify-items:center;gap:0;border-left:1px solid color-mix(in srgb,var(--rf-line) 88%, transparent);color:var(--rf-muted)} body.avalon-player-ui #converterView .converter-flow-amount-spinners i{font-style:normal;line-height:1;font-size:.75rem} body.avalon-player-ui #converterView .converter-presets{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important} body.avalon-player-ui #converterView .converter-presets button{ width:auto!important;min-width:0!important;min-height:50px!important;padding:7px 12px!important;border:1px solid color-mix(in srgb,var(--rf-line) 92%, transparent)!important;border-radius:10px!important;background:color-mix(in srgb,var(--rf-surface-raised) 78%, transparent)!important;background-image:none!important;display:grid!important;justify-items:center!important;align-content:center!important;gap:4px;box-shadow:none!important;color:#eef4ff!important } body.avalon-player-ui #converterView .converter-presets b{font-size:.8rem!important;font-weight:780!important} body.avalon-player-ui #converterView .converter-presets small{font-size:.72rem!important;color:#b8c7e1!important;font-variant-numeric:tabular-nums} body.avalon-player-ui #converterView .converter-presets button.is-active{border-color:var(--rf-accent)!important;background:color-mix(in srgb,var(--rf-accent) 10%,var(--rf-surface-raised) 90%)!important;box-shadow:inset 0 -2px 0 var(--rf-accent)!important} body.avalon-player-ui #converterView .converter-presets button.is-active b, body.avalon-player-ui #converterView .converter-presets button.is-active small{color:var(--rf-accent)!important} body.avalon-player-ui #converterView .converter-amount-hint{font-size:.75rem!important;line-height:1.45!important;color:var(--rf-muted)!important} body.avalon-player-ui #converterView .converter-flow-statuses{margin:0!important;padding:0!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;border:0!important;background:transparent!important} body.avalon-player-ui #converterView .converter-flow-statuses.is-hidden{display:none!important} body.avalon-player-ui #converterView .converter-flow-statuses>span{min-height:28px!important;padding:0 10px!important;border:1px solid color-mix(in srgb,var(--rf-line) 92%, transparent)!important;border-radius:999px!important;background:transparent!important;color:var(--rf-muted)!important;font-size:.75rem!important;display:inline-flex;align-items:center;gap:8px} body.avalon-player-ui #converterView .converter-flow-statuses i{width:6px!important;height:6px!important;border-radius:999px;background:#7f90b3;box-shadow:none!important} body.avalon-player-ui #converterView .converter-flow-statuses .is-ok i{background:#2cc17a} body.avalon-player-ui #converterView .converter-flow-statuses .is-error i{background:#e16565} body.avalon-player-ui #converterView .converter-flow-statuses .is-warn i{background:#f3ac27} body.avalon-player-ui #converterView .converter-state{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--rf-muted)!important;font-size:.75rem!important} body.avalon-player-ui #converterView .converter-state:empty{display:none!important} body.avalon-player-ui #converterView .converter-result-card{padding:14px 18px 14px!important;display:grid;gap:10px;align-content:start;position:static;align-self:start} body.avalon-player-ui #converterView .converter-result-card h2{margin:0!important;font-size:.85rem!important;font-weight:800!important;color:#eef4ff!important} body.avalon-player-ui #converterView .converter-result-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;min-height:104px;border:1px solid color-mix(in srgb,var(--rf-line) 92%, transparent)!important;border-radius:11px!important;background:color-mix(in srgb,var(--rf-surface-raised) 78%, transparent)!important} body.avalon-player-ui #converterView .converter-result-side{display:grid;justify-items:center;align-content:center;gap:8px;text-align:center;min-width:0} body.avalon-player-ui #converterView .converter-result-side small, body.avalon-player-ui #converterView .converter-rate-copy small, body.avalon-player-ui #converterView .converter-result-value{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0} body.avalon-player-ui #converterView .converter-result-value b{font-size:1.55rem!important;line-height:1;font-weight:820!important;color:#f4f8ff!important;font-variant-numeric:tabular-nums} body.avalon-player-ui #converterView .converter-result-unit{color:#bdcae4!important;font-size:.78rem!important;font-weight:700!important} body.avalon-player-ui #converterView .converter-result-arrow{display:grid;place-items:center;color:var(--rf-accent)} body.avalon-player-ui #converterView .converter-result-arrow .ui-icon{width:20px;height:20px} body.avalon-player-ui #converterView .converter-rate-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;padding:10px 14px;min-height:72px;border:1px solid color-mix(in srgb,var(--rf-line) 92%, transparent)!important;border-radius:11px!important;background:color-mix(in srgb,var(--rf-surface-raised) 72%, transparent)!important} body.avalon-player-ui #converterView .converter-rate-copy{display:grid;gap:4px;min-width:0} body.avalon-player-ui #converterView .converter-rate-copy b{font-size:.8rem!important;font-weight:780!important;color:#eef4ff!important;line-height:1.2} body.avalon-player-ui #converterView .converter-rate-copy span{font-size:.75rem!important;color:#c3d0e9!important} body.avalon-player-ui #converterView .converter-rate-arrow{display:grid;place-items:center;color:var(--rf-accent)} body.avalon-player-ui #converterView .converter-rate-arrow .ui-icon{width:18px;height:18px} body.avalon-player-ui #converterView .converter-rate-total{justify-items:end;text-align:right} body.avalon-player-ui #converterView .converter-rate-balance{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin-top:2px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--rf-line) 76%,transparent)} body.avalon-player-ui #converterView .converter-rate-balance>span{display:flex;align-items:baseline;gap:7px;min-width:0} body.avalon-player-ui #converterView .converter-rate-balance>span:last-child{justify-content:flex-end;text-align:right} body.avalon-player-ui #converterView .converter-rate-balance small{color:#b7c4dd!important;font-size:.7rem!important} body.avalon-player-ui #converterView .converter-rate-balance b{font-size:.84rem!important;font-weight:760!important;color:#eef4ff!important;font-variant-numeric:tabular-nums} body.avalon-player-ui #converterView .converter-rate-balance i{font-style:normal;color:#96a8ca} body.avalon-player-ui #converterView .converter-flow-submit{min-height:44px!important;width:100%!important;border-radius:10px!important;box-shadow:none!important;gap:10px!important;font-size:.8rem!important;font-weight:780!important} body.avalon-player-ui #converterView .converter-flow-submit:not(:disabled){background:#f4ad21!important;background-image:none!important;color:#141823!important;border:0!important} body.avalon-player-ui #converterView .converter-flow-submit:disabled{opacity:1!important;background:color-mix(in srgb,var(--rf-surface-soft) 74%,transparent)!important;color:color-mix(in srgb,var(--rf-text) 46%,transparent)!important;border:1px solid var(--rf-line)!important} body.avalon-player-ui #converterView .converter-flow-submit .ui-icon{width:16px;height:16px} body.avalon-player-ui #converterView .converter-result-note{margin:0!important;padding:0 12px;color:var(--rf-muted)!important;font-size:.72rem!important;line-height:1.4;text-align:center} body.avalon-player-ui #converterView .converter-flow-history-shell{ margin-top:18px!important; padding:0!important; overflow:hidden; border:1px solid var(--rf-line)!important; border-radius:12px!important; background:var(--rf-surface)!important; box-shadow:none!important; } body.avalon-player-ui #converterView .converter-flow-history-head{ min-height:54px!important; padding:12px 15px!important; border-bottom:1px solid var(--rf-line)!important; display:flex!important; align-items:center!important; justify-content:space-between!important; background:transparent!important; } body.avalon-player-ui #converterView .converter-flow-history-head>span{display:grid;gap:4px} body.avalon-player-ui #converterView .converter-flow-history-head small{color:var(--rf-accent)!important;font-size:.72rem!important;line-height:1.1;font-weight:850!important;letter-spacing:.05em;text-transform:uppercase} body.avalon-player-ui #converterView .converter-flow-history-head h2{margin:0!important;color:var(--rf-text)!important;font-size:.92rem!important;line-height:1.2;font-weight:850!important} body.avalon-player-ui #converterView .converter-history-list{display:grid!important;gap:7px!important;margin:0!important;padding:12px 14px!important} body.avalon-player-ui #converterView .converter-history-row{ min-height:64px!important; padding:10px 12px!important; border:1px solid var(--rf-line)!important; border-radius:9px!important; background:var(--rf-surface-soft)!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:12px!important; box-shadow:none!important; } body.avalon-player-ui #converterView .converter-history-row:hover{border-color:var(--rf-line-strong)!important;background:var(--rf-surface-raised)!important} body.avalon-player-ui #converterView .converter-history-copy, body.avalon-player-ui #converterView .converter-history-side{min-width:0;display:grid;gap:4px;background:transparent!important;border:0!important;box-shadow:none!important} body.avalon-player-ui #converterView .converter-history-title{color:var(--rf-text)!important;font-size:.8rem!important;font-weight:850!important;line-height:1.25;background:transparent!important} body.avalon-player-ui #converterView .converter-history-meta, body.avalon-player-ui #converterView .converter-history-balance{color:var(--rf-muted)!important;font-size:.75rem!important;line-height:1.3;background:transparent!important} body.avalon-player-ui #converterView .converter-history-side{justify-items:end;text-align:right} body.avalon-player-ui #converterView .converter-history-status{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:.75rem!important;font-style:normal;font-weight:850!important;line-height:1.2} body.avalon-player-ui #converterView .converter-history-status.ok{color:var(--rf-success)!important} body.avalon-player-ui #converterView .converter-history-empty{padding:18px!important;color:var(--rf-dim)!important;font-size:.75rem!important;text-align:center} body.avalon-player-ui #converterView .converter-history-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:11px 14px 13px!important;border-top:1px solid var(--rf-line)!important;background:transparent!important;flex-wrap:wrap} body.avalon-player-ui #converterView .converter-history-pagination.is-hidden{display:none!important} body.avalon-player-ui #converterView .converter-history-page{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;border:1px solid var(--rf-line)!important;border-radius:7px!important;background:var(--rf-surface-raised)!important;color:var(--rf-muted)!important;font-size:.75rem!important;font-weight:850!important;cursor:pointer;box-shadow:none!important} body.avalon-player-ui #converterView .converter-history-page:hover:not(:disabled){border-color:var(--rf-line-strong)!important;color:var(--rf-text)!important} body.avalon-player-ui #converterView .converter-history-page.is-active{border-color:var(--rf-accent)!important;background:var(--rf-surface-raised)!important;color:var(--rf-accent)!important;box-shadow:inset 0 -2px 0 var(--rf-accent)!important} body.avalon-player-ui #converterView .converter-history-page:disabled{cursor:default;opacity:.35} body.avalon-player-ui #converterView .converter-history-ellipsis{min-width:24px;text-align:center;color:var(--rf-dim)!important;font-size:.75rem!important} body.avalon-player-ui #converterView .converter-hidden-summary{display:none!important} body.avalon-player-ui #converterView :is(.converter-option-copy,.converter-target-copy), body.avalon-player-ui #converterView :is(.converter-option-copy,.converter-target-copy)>*{ background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important; } @media(max-width:1180px){ body.avalon-player-ui #converterView .converter-showcase{grid-template-columns:1fr} body.avalon-player-ui #converterView .converter-result-card{position:static} } @media(max-width:980px){ body.avalon-player-ui #converterView .converter-flow-targets{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:760px){ body.avalon-player-ui #converterView .converter-flow-source-switch, body.avalon-player-ui #converterView .converter-flow-targets, body.avalon-player-ui #converterView .converter-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.avalon-player-ui #converterView .converter-flow-character label, body.avalon-player-ui #converterView .converter-amount-row, body.avalon-player-ui #converterView .converter-rate-card, body.avalon-player-ui #converterView .converter-result-route{grid-template-columns:1fr!important} body.avalon-player-ui #converterView .converter-rate-total{justify-items:start;text-align:left} body.avalon-player-ui #converterView .converter-rate-balance{grid-template-columns:1fr!important} body.avalon-player-ui #converterView .converter-rate-balance i{display:none} body.avalon-player-ui #converterView .converter-history-row{grid-template-columns:1fr!important;align-items:center!important} body.avalon-player-ui #converterView .converter-history-side{width:100%;grid-auto-flow:column;align-items:center;justify-content:space-between;justify-items:start;text-align:left} } @media(max-width:520px){ body.avalon-player-ui #converterView .converter-flow-source-switch, body.avalon-player-ui #converterView .converter-flow-targets, body.avalon-player-ui #converterView .converter-presets{grid-template-columns:1fr!important} body.avalon-player-ui #converterView .converter-flow-source-option, body.avalon-player-ui #converterView .converter-flow-targets button{min-height:72px!important} body.avalon-player-ui #converterView .converter-result-value b{font-size:1.32rem!important} body.avalon-player-ui #converterView .converter-flow-amount-control input{font-size:1.18rem!important} } body.avalon-player-ui .login-screen{background:radial-gradient(circle at 50% 12%,var(--auth-season-ambient-soft),transparent 33%),radial-gradient(circle at 18% 78%,var(--auth-season-ambient-soft),transparent 26%),var(--avalon-bg)!important} body.avalon-player-ui .auth-brand-top{transform:none!important;animation:authLogoArrive .42s ease-out both!important} body.avalon-player-ui .auth-brand-top .site-logo-image{filter:drop-shadow(0 12px 26px rgba(0,0,0,.28))!important;animation:none!important} body.avalon-player-ui .auth-stage{isolation:isolate;transform:none!important;transition:width .3s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease!important;border-color:color-mix(in srgb,var(--avalon-line-strong) 88%,var(--avalon-accent) 12%)!important;background:linear-gradient(155deg,rgba(35,43,63,.97),rgba(27,34,50,.98))!important;box-shadow:0 26px 72px rgba(0,0,0,.31),0 8px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)!important} body.avalon-player-ui .auth-stage.is-registration{width:min(100%,540px)!important} body.avalon-player-ui .auth-stage::after{display:none!important} body.avalon-player-ui .auth-stage>.login-card:not(.is-hidden),body.avalon-player-ui .auth-stage>.registration-result-card:not(.is-hidden),body.avalon-player-ui .auth-stage>.registration-activation-card:not(.is-hidden){animation:authPanelReveal .24s ease-out both} body.avalon-player-ui .auth-stage>.login-card,body.avalon-player-ui .auth-stage>.registration-result-card,body.avalon-player-ui .auth-stage>.registration-activation-card{padding:28px 34px 30px!important} body.avalon-player-ui .auth-card .input-wrap{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important} body.avalon-player-ui .auth-card .input-wrap:focus-within{border-color:color-mix(in srgb,var(--avalon-accent) 70%,var(--avalon-line-strong))!important;background:color-mix(in srgb,var(--avalon-input) 97%,var(--avalon-accent) 3%)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--avalon-accent) 8%,transparent)!important} body.avalon-player-ui .auth-card .primary-action{overflow:hidden;transition:filter .18s ease,box-shadow .18s ease!important} body.avalon-player-ui .auth-card .primary-action::before{display:none!important} body.avalon-player-ui .auth-card .primary-action:hover:not(:disabled){filter:brightness(1.025)!important;box-shadow:0 12px 30px color-mix(in srgb,var(--avalon-accent) 16%,transparent)!important} body.avalon-player-ui .auth-card .primary-action .action-arrow{transition:transform .18s ease} body.avalon-player-ui .auth-card .primary-action:hover:not(:disabled) .action-arrow{transform:translateX(2px)} body.avalon-player-ui .auth-card .auth-security-panel{margin:18px 0 4px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} body.avalon-player-ui .auth-card .auth-security-panel .turnstile-label{min-height:22px;margin:0 0 10px!important;display:flex;align-items:center;justify-content:flex-start;gap:7px;color:#8799b3;font-size:.75rem;font-weight:800;letter-spacing:.01em;text-align:left} body.avalon-player-ui .auth-card .auth-security-panel .turnstile-label .ui-icon{width:15px;height:15px;color:#93a8c4} body.avalon-player-ui .auth-card .auth-security-panel .turnstile-host{width:100%!important;min-height:65px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important} body.avalon-player-ui .auth-card .auth-security-panel .turnstile-host>div{max-width:100%!important} body.avalon-player-ui .auth-card .auth-security-panel .turnstile-host iframe{display:block!important;max-width:100%!important} body.avalon-player-ui .auth-card .auth-security-panel .turnstile-host:empty::before{width:100%!important;max-width:320px!important;min-height:65px!important;border:0!important;border-radius:10px!important;background:rgba(8,18,34,.35)!important;color:#7f91aa!important} body.avalon-player-ui .auth-card .auth-security-panel .turnstile-host.is-failed{overflow:visible!important} body.avalon-player-ui .auth-card .auth-security-panel .turnstile-retry-panel{max-width:360px!important;min-height:72px!important;margin:0!important;border:0!important;border-radius:10px!important;background:rgba(8,18,34,.35)!important} body.avalon-player-ui #registerForm .registration-agreement{margin-top:14px!important} body.avalon-player-ui :is(#registerForm,#recoveryForm,#resetForm) .auth-security-panel{margin-top:14px!important} body.avalon-player-ui :is(#recoveryForm,#resetForm) .auth-security-panel .turnstile-host{justify-content:flex-start!important} body.avalon-player-ui #recoveryForm .auth-availability{margin:14px 0 18px!important} .avalon-player-ui .registration-prefix-field select{width:100%!important;min-height:51px!important;height:51px!important;box-sizing:border-box;padding:0 12px;border:1px solid var(--avalon-line)!important;border-radius:12px!important;outline:0;color:var(--avalon-text)!important;background:var(--avalon-input)!important;font-size:.75rem!important}.avalon-player-ui .registration-prefix-field select:focus{border-color:rgba(255,177,27,.66)!important;box-shadow:0 0 0 2px rgba(255,177,27,.07)!important} @keyframes authLogoArrive{from{opacity:0;transform:translateY(-7px)}} @keyframes authPanelReveal{from{opacity:0;transform:translateY(4px)}} @media(max-width:720px){body.avalon-player-ui .auth-stage.is-registration{width:min(100%,500px)!important}} @media(max-width:560px){body.avalon-player-ui .auth-stage.is-registration{width:min(100%,470px)!important}body.avalon-player-ui .auth-stage>.login-card,body.avalon-player-ui .auth-stage>.registration-result-card,body.avalon-player-ui .auth-stage>.registration-activation-card{padding:25px 20px 22px!important}body.avalon-player-ui .auth-card .auth-security-panel{padding:0!important}} @media(prefers-reduced-motion:reduce){body.avalon-player-ui .auth-brand-top,body.avalon-player-ui .auth-stage>.login-card:not(.is-hidden),body.avalon-player-ui .auth-stage>.registration-result-card:not(.is-hidden),body.avalon-player-ui .auth-stage>.registration-activation-card:not(.is-hidden){animation:none!important}body.avalon-player-ui .auth-stage{transition-duration:.01ms!important}} body.avalon-player-ui .registration-password-grid{grid-template-columns:1fr!important;gap:0!important} /* Local fallback CAPTCHA uses a one-time swipe challenge. */ body.avalon-player-ui .auth-card .local-captcha-group{margin-top:14px;gap:8px} body.avalon-player-ui .auth-card .local-captcha-group .captcha-title{display:block;color:#aebbd0;font-size:.75rem;font-weight:700;line-height:1.35} body.avalon-player-ui .auth-card .captcha-slider{--captcha-progress:0%;--captcha-offset:0px;width:100%} body.avalon-player-ui .auth-card .captcha-slider-track{position:relative;width:100%;height:58px;box-sizing:border-box;border:1px solid rgba(61,93,132,.58);border-radius:12px;overflow:hidden;background:rgba(8,18,34,.48);touch-action:none;user-select:none} body.avalon-player-ui .auth-card .captcha-slider-progress{position:absolute;inset:0 auto 0 0;width:var(--captcha-progress);background:rgba(255,166,24,.11);pointer-events:none;transition:width .08s linear} body.avalon-player-ui .auth-card .captcha-slider-text{position:absolute;inset:0 52px 0 58px;display:flex;align-items:center;justify-content:center;color:#8799b3;font-size:.76rem;font-weight:750;text-align:center;pointer-events:none;transition:color .15s ease} body.avalon-player-ui .auth-card .captcha-slider-thumb{position:absolute;left:4px;top:4px;bottom:4px;width:48px;border:1px solid rgba(96,124,161,.72);border-radius:9px;display:grid;place-items:center;background:#1a2840;color:#9fb2ce;cursor:grab;transform:translateX(var(--captcha-offset));transition:left .08s linear,background .15s ease,border-color .15s ease,color .15s ease;z-index:2} body.avalon-player-ui .auth-card .captcha-slider-thumb .ui-icon{width:17px;height:17px} body.avalon-player-ui .auth-card .captcha-slider.is-dragging .captcha-slider-thumb{cursor:grabbing;border-color:rgba(255,166,24,.7);color:#ffad25} body.avalon-player-ui .auth-card .captcha-slider.is-verifying .captcha-slider-thumb{pointer-events:none;opacity:.72} body.avalon-player-ui .auth-card .captcha-slider.is-complete .captcha-slider-track{border-color:rgba(72,196,135,.52);background:rgba(21,74,57,.18)} body.avalon-player-ui .auth-card .captcha-slider.is-complete .captcha-slider-progress{width:100%!important;background:rgba(72,196,135,.14)} body.avalon-player-ui .auth-card .captcha-slider.is-complete .captcha-slider-text{color:#6fd9a2} body.avalon-player-ui .auth-card .captcha-slider.is-complete .captcha-slider-thumb{left:calc(100% - 56px);transform:none;border-color:rgba(72,196,135,.72);background:rgba(34,102,77,.72);color:#8ee6b8;cursor:default} @media(max-width:420px){body.avalon-player-ui .auth-card .captcha-slider-text{font-size:.71rem;left:56px;right:50px}} #settings-captchaView .captcha-provider-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%} #settings-captchaView .captcha-provider-option{appearance:none;width:100%;min-height:72px;padding:13px 14px;border:1px solid var(--avalon-line);border-radius:11px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;background:var(--avalon-surface-soft);color:var(--avalon-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease} #settings-captchaView .captcha-provider-option:hover{border-color:rgba(255,166,24,.42);background:rgba(255,255,255,.025)} #settings-captchaView .captcha-provider-option:focus-visible{outline:2px solid rgba(255,166,24,.55);outline-offset:2px} #settings-captchaView .captcha-provider-radio{width:16px;height:16px;border:2px solid #60728d;border-radius:50%;display:grid;place-items:center;box-sizing:border-box} #settings-captchaView .captcha-provider-radio::after{content:"";width:6px;height:6px;border-radius:50%;background:#ffad25;transform:scale(0);transition:transform .16s ease} #settings-captchaView .captcha-provider-copy{min-width:0;display:grid;gap:3px} #settings-captchaView .captcha-provider-copy b{font-size:.82rem;color:var(--avalon-text)} #settings-captchaView .captcha-provider-copy small{font-size:.72rem;color:var(--avalon-muted);font-weight:600} #settings-captchaView .captcha-provider-option em{display:none;padding:4px 8px;border-radius:999px;background:rgba(255,166,24,.1);color:#ffb132;font-size:.66rem;font-style:normal;font-weight:800;white-space:nowrap} #settings-captchaView .captcha-provider-option.is-active{border-color:rgba(255,166,24,.72);background:rgba(255,153,0,.055);box-shadow:inset 0 0 0 1px rgba(255,166,24,.12)} #settings-captchaView .captcha-provider-option.is-active .captcha-provider-radio{border-color:#ffad25} #settings-captchaView .captcha-provider-option.is-active .captcha-provider-radio::after{transform:scale(1)} #settings-captchaView .captcha-provider-option.is-active .captcha-provider-copy b{color:#ffb132} #settings-captchaView .captcha-provider-option.is-active em{display:inline-flex} #settings-captchaView .captcha-config-panel.is-hidden{display:none!important} @media(max-width:820px){#settings-captchaView .captcha-provider-switch{grid-template-columns:1fr}} body.admin-auth-body.avalon-ui-v2{min-height:100vh;position:relative;background: radial-gradient(circle at 50% 12%,var(--auth-season-ambient-soft),transparent 33%), radial-gradient(circle at 18% 78%,var(--auth-season-ambient-soft),transparent 26%), var(--bg)!important;color:var(--text)} body.admin-auth-body.avalon-ui-v2::before{content:"";position:fixed;inset:-18%;z-index:0;pointer-events:none;background: radial-gradient(circle at 50% 42%,var(--auth-season-ambient),transparent 29%), radial-gradient(circle at 72% 22%,var(--auth-season-ambient-soft),transparent 24%);opacity:.9} .admin-auth-shell{min-height:100vh;padding:34px 18px;display:grid;place-items:center;position:relative;z-index:5} .admin-auth-card{width:min(100%,460px);padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--bg) 96%,transparent));box-shadow:0 28px 80px rgba(0,0,0,.24)} .admin-auth-card-wide{width:min(100%,520px)} .admin-auth-brand{display:flex;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line-soft)} .admin-auth-brand .site-logo-image{width:42px;height:42px;object-fit:contain} .admin-auth-brand>span{display:grid;gap:3px} .admin-auth-brand b{font-size:.8125rem;letter-spacing:.1em} .admin-auth-brand small{color:var(--muted);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase} .admin-auth-heading{padding:26px 0 8px} .admin-auth-heading>small{color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase} .admin-auth-heading h1{margin:9px 0 10px;font-size:1.625rem;line-height:1.16;letter-spacing:-.035em} .admin-auth-heading p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.7} .admin-auth-alert{margin:14px 0 4px;padding:11px 13px;border:1px solid rgba(83,154,232,.24);border-radius:10px;color:#a8cff7;background:rgba(55,122,195,.08);font-size:.75rem;line-height:1.55} .admin-auth-alert.is-error{border-color:rgba(232,98,98,.3);color:#ffaaaa;background:rgba(193,58,58,.08)} .admin-auth-form{display:grid;gap:15px;margin-top:17px} .admin-auth-form label{display:grid;gap:7px} .admin-auth-form label>span{color:var(--text);font-size:.75rem;font-weight:750} .admin-auth-form label>small{color:var(--muted);font-size:.75rem;line-height:1.45} .admin-auth-form input{width:100%;min-height:46px;box-sizing:border-box;padding:0 13px;border:1px solid var(--line);border-radius:10px;outline:none;color:var(--text);background:color-mix(in srgb,var(--bg) 86%,transparent);font-size:.75rem} .admin-auth-form input:focus{border-color:rgba(245,158,11,.62);box-shadow:0 0 0 3px rgba(245,158,11,.08);background:color-mix(in srgb,var(--panel) 78%,transparent)} .admin-auth-submit{min-height:47px;margin-top:4px;border:1px solid #ffbd3e;border-radius:10px;color:#1a1005;background:linear-gradient(135deg,#ffc843,#ed7600);box-shadow:0 12px 34px rgba(238,118,0,.17);font-size:.75rem;font-weight:850!important;cursor:pointer} .admin-auth-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)} .admin-auth-submit:disabled{cursor:wait;opacity:.65} .admin-auth-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:14px} .admin-auth-foot a{color:var(--muted);font-size:.75rem;font-weight:700} .admin-auth-foot a:hover,.admin-auth-foot a.is-emphasis{color:var(--gold)} .admin-auth-migration-note{margin:13px 0 5px;padding:13px 14px;border:1px solid rgba(245,158,11,.2);border-radius:11px;background:rgba(245,158,11,.055);display:grid;gap:5px} .admin-auth-migration-note b{color:var(--gold);font-size:.75rem} .admin-auth-migration-note span{color:var(--muted);font-size:.75rem;line-height:1.55} .admin-auth-logout{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:transparent;font-size:.75rem;font-weight:750;cursor:pointer} .admin-auth-logout:hover{border-color:rgba(255,113,113,.35);color:#ff9f9f;background:rgba(255,86,86,.05)} @media(max-width:600px){.admin-auth-shell{padding:18px 12px}.admin-auth-card{padding:22px;border-radius:16px}.admin-auth-heading h1{font-size:1.4375rem}.admin-auth-foot{align-items:flex-start;flex-direction:column}} .admin-auth-totp-copy{padding:4px 0 0} .admin-auth-login-card{position:relative;width:min(100%,500px);padding:0;overflow:hidden;background:var(--rf-surface);box-shadow:0 28px 80px rgba(0,0,0,.24)} .admin-auth-login-card::before{content:"";position:absolute;inset:0 22% auto;height:2px;background:linear-gradient(90deg,transparent,var(--auth-season-glow),transparent);box-shadow:none;opacity:.62;pointer-events:none} .admin-auth-login-brand{padding:17px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rf-line)} .admin-auth-login-logo .site-logo-image{max-width:174px} .admin-auth-login-badge{padding:6px 9px;border:1px solid var(--rf-line);border-radius:7px;color:var(--rf-muted);letter-spacing:.12em} .admin-auth-login-intro{padding:27px 28px 0}.admin-auth-login-heading{padding:0}.admin-auth-login-heading h1{font-size:1.8rem;} .admin-auth-control>svg,.admin-auth-login-submit svg,.admin-auth-back svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round} .admin-auth-login-card>.admin-auth-alert{margin:15px 28px 0}.admin-auth-login-form{margin:23px 28px 0} .admin-auth-steps{display:flex;align-items:center;gap:9px;color:var(--rf-dim);}.admin-auth-steps span{display:flex;align-items:center;gap:6px}.admin-auth-steps i{height:1px;flex:1;background:var(--rf-line)}.admin-auth-steps b{display:grid;place-items:center;width:26px;height:22px;border:1px solid var(--rf-line);border-radius:6px;font-size:.625rem}.admin-auth-steps .is-active{color:var(--rf-text)}.admin-auth-steps .is-active b{border-color:var(--rf-accent);color:var(--rf-accent)} .admin-auth-control{min-height:52px;display:flex;align-items:center;border:1px solid var(--rf-line);border-radius:11px;background:var(--rf-input)}.admin-auth-control:focus-within{border-color:rgba(245,158,11,.66)}.admin-auth-control>svg{width:20px;margin-left:15px;color:var(--rf-muted);stroke-width:1.65}.admin-auth-control input{min-height:50px;padding:0 15px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.admin-auth-control input:focus{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.admin-auth-body .admin-auth-control input:-webkit-autofill{-webkit-text-fill-color:var(--rf-text)!important;caret-color:var(--rf-text);box-shadow:0 0 0 1000px var(--rf-input) inset!important}.admin-auth-login-submit{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:11px}.admin-auth-login-submit svg{width:18px;stroke-width:1.8} .admin-auth-code-control input{font-size:1rem;font-weight:800;letter-spacing:.28em}.admin-auth-back{display:flex;align-items:center;justify-content:center;gap:8px}.admin-auth-back svg{width:17px;stroke-width:1.8} .admin-auth-login-foot{margin:23px 28px 0;padding:15px 0}.admin-auth-login-foot a{display:flex;align-items:center;gap:7px} @media(max-width:600px){.admin-auth-login-brand{padding:15px 20px}.admin-auth-login-badge{display:none}.admin-auth-login-intro{padding:23px 20px 0}.admin-auth-login-card>.admin-auth-alert,.admin-auth-login-form,.admin-auth-login-foot{margin-left:20px;margin-right:20px}.admin-auth-login-heading h1{font-size:1.55rem}.admin-auth-login-foot{flex-direction:row;align-items:center;flex-wrap:wrap}}