:root{--bg-0:#071416;--bg-1:#0a1b1e;--bg-2:#0f2428;--accent-0:#0fe3cf;--accent-1:#48f0da;--accent-2:#0b9386;--text-0:#e7faf7;--text-1:#a8c7c2;--warn:#f8c24a;--danger:#ff6565;--ok:#57e389;--shadow: 0 10px 50px rgba(0,0,0,.6);--radius-xl: 22px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--glass: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));--border: 1px solid rgba(255,255,255,.08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:linear-gradient(180deg,#0fe3cf59,#071416f2 80%),linear-gradient(180deg,#0000008c,#000000bf);background-attachment:fixed,fixed;background-blend-mode:overlay,multiply;color:var(--text-0);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial;line-height:1.45}.backdrop:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#07141699 0,#071416eb 60%,#071416fa);pointer-events:none;z-index:-1}.container{max-width:1220px;margin-inline:auto;padding-inline:18px}a{color:var(--accent-0);text-decoration:none}a:hover{filter:brightness(1.15)}header{position:sticky;top:0;z-index:50;border-bottom:var(--border);background:linear-gradient(180deg,#03090af2,#03090ae0);-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%);box-shadow:0 10px 30px #00000059}.nav{display:flex;align-items:center;gap:18px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-family:Oxanium,Inter;letter-spacing:1px}.logo{width:42px;height:42px;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 40%,var(--accent-0),transparent 60%),#062223;border:1px solid rgba(59,231,210,.3);border-radius:12px;box-shadow:0 0 30px #0ce1c840 inset,0 10px 30px #0000004d}.brand b{font-weight:800;font-size:18px}.nav a.item{color:var(--text-0);font-weight:600;padding:8px 12px;border-radius:10px}.nav a.item.active,.nav a.item:hover{background:linear-gradient(180deg,#0d2b2f,#091e22);border:1px solid rgba(84,246,224,.15)}.lang{position:relative;margin-left:8px;z-index:300}.lang>button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:linear-gradient(180deg,#0d2b2f,#091e22);color:var(--text-0);border:1px solid rgba(84,246,224,.15);cursor:pointer;font-weight:700}.lang ul{position:absolute;right:0;top:118%;min-width:180px;list-style:none;margin:0;padding:6px;background:linear-gradient(180deg,#0b2023,#071a1d);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:60}.lang.open ul{opacity:1;transform:translateY(0);pointer-events:auto}.menu-toggle{display:none;width:44px;height:38px;margin-left:auto;border:1px solid rgba(84,246,224,.15);border-radius:10px;background:linear-gradient(180deg,#0d2b2f,#091e22);cursor:pointer;position:relative}.menu-toggle .bar{position:absolute;left:10px;right:10px;height:2px;background:var(--text-0);border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease}.menu-toggle .bar:nth-child(1){top:12px}.menu-toggle .bar:nth-child(2){top:18px}.menu-toggle .bar:nth-child(3){top:24px}.menu-toggle[aria-expanded=true] .bar:nth-child(1){top:18px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .bar:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .bar:nth-child(3){top:18px;transform:rotate(-45deg)}.nav-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:150}.nav-overlay.open{opacity:1;pointer-events:auto}.nav ul{margin-left:auto;display:flex;gap:18px;list-style:none;padding:0}html,body{overflow-x:hidden}@media (max-width: 768px){.nav{gap:10px}.menu-toggle{display:block;order:2}.lang{order:3}#primaryNav{position:fixed;inset:0;width:100vw;height:100vh;background:linear-gradient(180deg,#0b2023,#071a1d);--header-h: 72px;padding:calc(var(--header-h) + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate3d(100%,0,0);visibility:hidden;pointer-events:none;transition:transform .28s ease;z-index:200;box-sizing:border-box}#primaryNav.open{transform:translateZ(0);visibility:visible;pointer-events:auto}#primaryNav .item{display:block;width:100%;padding:14px 16px;border-radius:12px;font-size:16px;font-weight:700;background:linear-gradient(180deg,#0d2b2f,#091e22);border:1px solid rgba(84,246,224,.15)}#primaryNav li+li .item{margin-top:6px}.nav-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:150}.nav-overlay.open{opacity:1;pointer-events:auto}.lang>button{padding:10px 12px}.lang ul{top:110%;min-width:200px}body.nav-lock{overflow:hidden}}@media (max-width: 768px){.nav ul{margin-left:0}#primaryNav{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);z-index:100}}.nav a.item:focus,.lang>button:focus,.menu-toggle:focus,.lang ul li:focus{outline:2px solid rgba(84,246,224,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){#primaryNav,.menu-toggle .bar,.nav-overlay{transition:none!important}}.lang{position:relative;margin-left:8px;z-index:1000}.lang ul{display:flex;flex-direction:column;align-items:stretch;gap:4px}.lang ul li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}.lang ul li:hover{background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.hero{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem}.logo-big{width:min(640px,92%);margin:0 auto 22px;display:block;filter:drop-shadow(0 14px 40px rgba(12,225,200,.35))}.btn-big{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 34px;border-radius:18px;font-weight:900;letter-spacing:.5px;font-size:18px;text-transform:uppercase;color:#012424;background:linear-gradient(180deg,var(--accent-1),var(--accent-0));border:1px solid rgba(79,240,220,.6);box-shadow:0 10px 40px #0edec673,0 0 0 6px #0ce1c814;position:relative}.btn-big:after{content:"";position:absolute;inset:-2px;border-radius:20px;background:radial-gradient(120px 40px at 50% 0%,rgba(255,255,255,.45),transparent 40%);opacity:.25;pointer-events:none}.btn-big:hover{filter:brightness(1.05);box-shadow:0 12px 50px #0edec699,0 0 0 8px #0ce1c81a}.hero-stats{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:30px 0 26px}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:28px;border:1px solid rgba(79,240,220,.35);background:linear-gradient(180deg,#001418c7,#000f14a6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;color:var(--accent-1);font-size:14px;box-shadow:0 4px 14px #00000059,inset 0 0 12px #0fe3cf1f;transition:transform .2s ease,box-shadow .2s ease}.pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000073,0 0 12px #0fe3cf40 inset}.pill b{color:#fff;font-weight:800;font-size:15px}.hero-stats .pill:nth-child(1),.hero-stats .pill:nth-child(2),.hero-stats .pill:nth-child(3),.hero-stats .pill:nth-child(4){font-size:12px}.cta{display:flex;justify-content:center;gap:14px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:26px 0}.panel{background:linear-gradient(180deg,#0b2023,#071a1d);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden}.panel .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff08,#fff0)}.panel .hd h3{margin:0;font-family:Oxanium;font-size:16px;letter-spacing:.8px}.news{max-height:280px;overflow:auto}.news ul{list-style:none;padding:0;margin:0}.news li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;border-top:1px dashed rgba(255,255,255,.06)}.badge{font-size:11px;text-transform:uppercase;padding:4px 8px;border-radius:999px;font-weight:700;letter-spacing:.4px;color:#03201e}.badge.warn{background:linear-gradient(180deg,#ffd770,#f7b847)}.badge.info{background:linear-gradient(180deg,#7ef5e6,#3fe6d3)}.badge.danger{background:linear-gradient(180deg,#ff8a8a,#ff6464)}.badge.update{background:linear-gradient(180deg,#2e7fff,#1a57d8);color:#fff}.badge.bug{background:linear-gradient(180deg,#16a34a,#0e7a37);color:#fff}.muted{color:var(--text-1);font-size:12px}.banner{position:relative;width:relative;height:350px;background:radial-gradient(80% 80% at 70% 40%,rgba(9,167,153,.4),transparent),url(https://lyrius.cc/images/banner.png) center/cover no-repeat;border-top:1px solid rgba(255,255,255,.06)}.banner h4{position:absolute;left:16px;bottom:12px;margin:0;font-size:20px;font-family:Oxanium,system-ui,sans-serif;text-shadow:0 6px 20px rgba(0,0,0,.5)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.stat{background:linear-gradient(180deg,#0d262a,#0a1e21);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px;text-align:center}.stat b{display:block;font-size:18px;color:var(--accent-1)}.stat span{font-size:12px;color:var(--text-1)}.login{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px}.login .field{display:grid;gap:6px}.textfield{background:#071517;border:1px solid rgba(255,255,255,.08);color:var(--text-0);padding:10px 12px;border-radius:10px}.toplists{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px dashed rgba(255,255,255,.06);font-size:14px}.table th{color:var(--text-1);font-weight:600;text-align:left}.table--dashed th,.table--dashed td{border-bottom:1px dashed rgba(255,255,255,.06)}.toplists .table th,.toplists .table td{font-size:13px}.toplists .table td.num,.toplists .table th.num,.toplists .table td.empire{text-align:center}.toplists .rank-medal{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;font-size:14px;line-height:1}.toplists .player-cell img.race{width:18px;height:18px;vertical-align:-3px;margin-right:6px;border-radius:3px}.toplists .empire img{height:18px;vertical-align:-3px}.toplists .muted-bracket{color:#ffffff8c}.toplists .table th,.toplists .table td{font-size:12px;padding:8px 6px}.toplists .table th.num,.toplists .table td.num,.toplists .table td.empire{text-align:center}.toplists .player-cell img.race{width:16px;height:16px;border-radius:3px;vertical-align:-3px}.toplists tr.row--1 td,.toplists tr.row--2 td,.toplists tr.row--3 td,.toplists tr.row--4 td,.toplists tr.row--5 td{font-size:13px;font-weight:600}.toplists .rank-medal{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;font-size:14px;line-height:1}.toplists .table{border-collapse:separate!important;border-spacing:0!important}.toplists .table th,.toplists .table td{border-bottom:0!important;padding:8px 10px;line-height:1.35;vertical-align:middle}.toplists .table tbody tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:repeating-linear-gradient(to right,rgba(255,255,255,.08) 0 6px,transparent 6px 12px);pointer-events:none}.toplists .table tbody tr:last-child:after{display:none}.toplists .table th.num,.toplists .table td.num{text-align:center!important}.toplists .player-cell{display:flex;align-items:center;gap:8px}.toplists .player-cell img.race{width:16px;height:16px;border-radius:3px}.toplists .empire img{height:16px;vertical-align:-3px}#home-top-players tbody tr:nth-child(-n+5) td,#home-top-guilds tbody tr:nth-child(-n+5) td{font-weight:600!important}.toplists .table th,.toplists .table td{border-bottom:0!important}.toplists .table{border-collapse:separate;border-spacing:0}.toplists .table tbody tr{position:relative}.toplists .table tbody tr:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:.9px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 8px,transparent 8px 16px);pointer-events:none;z-index:0}.toplists .table tbody td{position:relative;z-index:1}.toplists .table th:last-child,.toplists .table td:last-child{text-align:right;padding-right:18px}.toplists .table thead th,.toplists .table tbody td{padding:10px 8px;line-height:22px}.toplists .rank-medal{width:18px;height:18px}.toplists .player-cell img.race{width:16px;height:16px}.toplists .empire img{height:16px}.has-tip{position:relative;display:inline-flex;align-items:center}.has-tip .tip{position:absolute;left:0;top:100%;margin-top:6px;min-width:180px;max-width:260px;padding:10px 12px;z-index:1200;background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff1f;border-radius:10px;-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);color:var(--text-1, #e6f2ef);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.has-tip .tip:before{content:"";position:absolute;left:14px;top:-7px;width:12px;height:12px;transform:rotate(45deg);background:inherit;border-left:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.15);filter:blur(.2px)}.has-tip:hover .tip{opacity:1;transform:translateY(0) scale(1)}.tip .tip-title{font-weight:700;font-size:12px;opacity:.9;margin-bottom:4px}.tip .tip-line{font-size:12px;opacity:.9}.tip .muted{opacity:.7}.has-tip>.tip{display:none!important}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 50px}.card{position:relative;background:linear-gradient(180deg,#0a1e21,#071517);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}.card .title{display:flex;justify-content:center;gap:8px;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:800;font-family:Oxanium;letter-spacing:.8px}.figure{display:grid;place-items:end center;height:385px;background:radial-gradient(65% 60% at 50% 90%,rgba(12,225,200,.2),transparent),url(https://images.unsplash.com/photo-1558980664-10eb5f3ef9b1?q=80&w=1600&auto=format&fit=crop) center/cover}.figure img{height:100%;width:auto;max-width:100%;filter:drop-shadow(0 18px 40px rgba(0,0,0,.8)) drop-shadow(0 10px 40px rgba(12,225,200,.25))}footer{border-top:1px solid rgba(255,255,255,.06);background:#030a0bb3;padding:18px 0;color:var(--text-1)}.foot{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.kicker{font-size:12px;color:var(--text-1)}@media (max-width:1024px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:780px){.cards,.toplists{grid-template-columns:1fr}.hero{padding-top:36px}.logo-big{width:82%}}.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;font-weight:700;letter-spacing:.2px;background:linear-gradient(180deg,var(--accent-1),var(--accent-0));color:#012424;border:none;box-shadow:0 6px 24px #0edec659}.btn:active{transform:translateY(1px)}.modal-backdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:24px}.modal-backdrop.open{display:flex}.modal{width:min(900px,100%);max-height:85vh;overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0b2023,#071a1d);box-shadow:0 30px 80px #0009}.modal .modal-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-family:Oxanium;letter-spacing:.5px}.modal .modal-bd{padding:18px}.modal .close{border:0;background:transparent;color:var(--text-1);font-size:22px;cursor:pointer}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:720px){.grid-2{grid-template-columns:1fr}}.input,.select{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0d1e1f;color:var(--text-0)}.label{font-size:12px;color:var(--text-1);margin-bottom:6px;display:block}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;border:0;cursor:pointer;font-weight:800;color:#012424;background:linear-gradient(180deg,var(--accent-1),var(--accent-0));box-shadow:0 10px 30px #0edec659}.btn-ghost{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-0)}.tabbar{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px}.tabbar a{padding:8px 12px;border-radius:10px;color:var(--text-0)}.tabbar a.active,.tabbar a:hover{background:var(--glass);border:1px solid rgba(255,255,255,.08)}.table-xs{width:100%;border-collapse:collapse}.table-xs th,.table-xs td{padding:10px 8px;border-bottom:1px dashed rgba(255,255,255,.08);font-size:14px;text-align:left}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:14px;font-weight:700;font-size:15px;text-decoration:none;color:var(--text-0);background:linear-gradient(180deg,#0d2b2f,#071a1d);border:1px solid rgba(79,240,220,.25);box-shadow:0 0 18px #0fe3cf40 inset,0 0 14px #0fe3cf40;transition:.25s ease}.btn-primary:hover{background:linear-gradient(180deg,var(--accent-2),#052426);box-shadow:0 0 25px #0fe3cf73,inset 0 0 12px #0fe3cf33;transform:translateY(-2px)}.bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;will-change:transform}.bg-overlay{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#0fe3cf38,#0714168c 80%),linear-gradient(180deg,#00000047,#00000073);background-blend-mode:overlay,multiply}.flash{position:fixed;right:clamp(12px,2vw,24px);bottom:calc(16px + env(safe-area-inset-bottom));z-index:3000;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);max-width:min(92vw,420px);font-size:15px;font-weight:500;animation:flash-in-br .25s ease-out;box-shadow:0 4px 18px #00000040;transition:opacity .4s ease,transform .4s ease}.flash-success{background:#2ecc7140;border:1px solid rgba(46,204,113,.5);color:#eafaf1}.flash-dot{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;font-size:13px;font-weight:700;background:#2ecc7166;color:#fff}.flash-close{margin-left:auto;background:transparent;border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.8;transition:opacity .2s}.flash-close:hover{opacity:1}.flash-error{background:#e74c3c40;border:1px solid rgba(231,76,60,.5);color:#ffecec}.flash-error .flash-dot{background:#e74c3c66}.flash-list{margin:6px 0 0;padding-left:18px}.flash-list li{line-height:1.35;margin:3px 0}body{margin:0;color:var(--text-0);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial;line-height:1.45;background:linear-gradient(180deg,#0fe3cf33,#071416cc 80%),linear-gradient(180deg,#00000040,#0006),#071416;background-blend-mode:overlay,multiply,normal}.backdrop:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#0714161f,#07141647 60%,#07141666);pointer-events:none;z-index:-1}@media (prefers-reduced-motion: reduce){.bg-video{display:none}}.hero--fullbleed{position:relative;height:450px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero--fullbleed .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero--fullbleed .hero-content{position:relative;width:100%;max-width:1220px;padding:0 18px;margin:0 auto;text-align:center}@media (max-width: 780px){.hero--fullbleed{height:320px}}.btn-big{margin-left:265px;margin-top:87px}.hero-stats{margin-top:130px}@media (max-width: 780px){.btn-big{transform:scale(.7);transform-origin:center top;margin-left:0;margin-top:20px}.hero-stats{transform:scale(.7);transform-origin:center top;margin-top:20px}}.error,.alert-error,.flash-error,.flash-error li{color:#ff6b6b!important}.input:invalid,.input:-moz-ui-invalid{border-color:#ffffff1f!important;box-shadow:none!important;outline:none!important}.input:focus{border-color:var(--accent-0);box-shadow:0 0 #0000;outline:none}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-0)!important;caret-color:var(--text-0)!important;-webkit-box-shadow:0 0 0 1000px #0d1e1f inset!important;box-shadow:0 0 0 1000px #0d1e1f inset!important;border:1px solid rgba(255,255,255,.12)!important}.input:-moz-autofill{box-shadow:0 0 0 1000px #0d1e1f inset!important;-moz-text-fill-color:var(--text-0)!important;caret-color:var(--text-0)!important;border:1px solid rgba(255,255,255,.12)!important}.input:not(:placeholder-shown){background:#0d1e1f;color:var(--text-0);border-color:#ffffff1f}:is(.input,.textfield){background:#0d1e1f;color:var(--text-0);border:1px solid rgba(255,255,255,.12);border-radius:8px}:is(.input,.textfield):invalid,:is(.input,.textfield):-moz-ui-invalid{border-color:#ffffff1f!important;box-shadow:none!important;outline:none!important}:is(.input,.textfield):focus{border-color:var(--accent-0)!important;outline:none;box-shadow:none}:is(.input,.textfield):-webkit-autofill,:is(.input,.textfield):-webkit-autofill:hover,:is(.input,.textfield):-webkit-autofill:focus{-webkit-text-fill-color:var(--text-0)!important;caret-color:var(--text-0)!important;-webkit-box-shadow:0 0 0 1000px #0d1e1f inset!important;box-shadow:0 0 0 1000px #0d1e1f inset!important;border:1px solid rgba(255,255,255,.12)!important}:is(.input,.textfield):-moz-autofill{-moz-text-fill-color:var(--text-0)!important;caret-color:var(--text-0)!important;box-shadow:0 0 0 1000px #0d1e1f inset!important;border:1px solid rgba(255,255,255,.12)!important}:is(.input,.textfield):not(:placeholder-shown){background:#0d1e1f;color:var(--text-0);border-color:#ffffff1f}.rank-toolbar{display:flex;align-items:center;gap:10px;margin:10px 0 8px}.rank-search{flex:1;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-1);outline:none}.rank-search::placeholder{color:#ffffff73}.rank-scroll{max-height:60vh;overflow:auto}.rank-table th,.rank-table td{font-size:13px}.rank-table th{font-weight:600;color:var(--text-1)}.rank-table td img.race{width:18px;height:18px;border-radius:4px;vertical-align:-3px}.rank-table td img.emp{width:28px;height:18px;border-radius:4px;object-fit:cover}.rank-table .player-cell{display:flex;align-items:center;gap:8px;min-width:160px}.rank-table .player-cell .name{font-weight:600;font-size:13.5px}.rank-table .player-cell .tag{color:#ffffffa6;font-size:12px;margin-left:6px}.t-right{text-align:right}.medal{font-size:16px;display:inline-block;width:22px;text-align:center}.medal-1{filter:drop-shadow(0 0 3px rgba(255,215,0,.35))}.medal-2{filter:drop-shadow(0 0 3px rgba(192,192,192,.35))}.medal-3{filter:drop-shadow(0 0 3px rgba(205,127,50,.35))}.table-ranking th,.table-ranking td{font-size:13px}.scroll-invisible{overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.scroll-invisible::-webkit-scrollbar{width:0;height:0}.col-rank{width:44px;text-align:center}.col-name{min-width:160px}.col-level{width:70px}.col-exp{width:110px}.col-race,.col-empire{width:64px;text-align:center}.col-guild{min-width:120px}.rank-num{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:999px;font-weight:700;font-size:12px;color:#ffffffd9;background:#ffffff0f}.medal{display:inline-block;width:22px;height:22px;vertical-align:middle;background-size:contain;background-repeat:no-repeat}.medal.m1{background-image:url(/build/assets/gold-wTz9cblt.png)}.medal.m2{background-image:url(/build/assets/silber-CNlE_Ll1.png)}.medal.m3{background-image:url(/build/assets/bronze-DIJGXMms.png)}.race-ico,.emp-ico{width:28px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.rank-toolbar{display:flex;align-items:center;gap:10px;margin:12px 0}.rank-toolbar .input{flex:1}.pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0}.pager .btn-ghost[disabled]{opacity:.5;cursor:not-allowed}.btn-xs{font-size:12px;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.btn-xs.ok{border-color:#03ffab99;background:#03ffab1f}.btn-xs.err{border-color:#ff475799;background:#ff47571f}.btn-xs{padding:6px 10px;font-size:12px;border-radius:10px}.notice{margin:8px 0 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#0c1c1ef2,#0c1c1ed9);border:1px solid rgba(127,245,230,.25);color:#bafff4;box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000059}.notice-error{border-color:#ff696959;color:#ffdede}#tooltip-portal .tip{font-size:12px;padding:10px 12px}