.view-switch{display:flex;align-items:center;gap:7px}.view-switch a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid #3b352e;color:#8f918b;background:#090d0b;font:800 .65rem "Courier New",monospace;letter-spacing:.08em;text-transform:uppercase}.view-switch a:hover,.view-switch a:focus-visible{outline:none;border-color:#8b552e;color:#efbd67}.view-switch a.is-active{border-color:#c76627;color:#f4dfbf;background:rgba(199,102,39,.16);box-shadow:inset 0 0 15px rgba(199,102,39,.08)}.view-switch-icon{font-size:1rem;line-height:1}
.empire-list{border:1px solid #40372f;background:rgba(8,12,10,.9);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.empire-list-head,.empire-list-row{display:grid;grid-template-columns:minmax(205px,1.45fr) minmax(90px,.65fr) minmax(118px,.78fr) minmax(125px,.9fr) minmax(125px,.9fr) 72px 82px minmax(150px,.95fr);align-items:center;gap:14px;padding:0 18px}.empire-list-head{min-height:48px;border-bottom:1px solid #4d3425;color:#777c76;background:rgba(22,28,24,.84);font:800 .58rem "Courier New",monospace;letter-spacing:.11em;text-transform:uppercase}.empire-list-row{position:relative;min-height:86px;border-bottom:1px solid rgba(199,102,39,.17);transition:border-color .16s ease,background .16s ease,transform .16s ease}.empire-list-row:last-child{border-bottom:0}.empire-list-row:has(.empire-list-row-link:hover),.empire-list-row:focus-within{border-color:rgba(240,138,60,.55);background:linear-gradient(90deg,rgba(199,102,39,.13),rgba(20,29,25,.48));transform:translateX(2px)}.empire-list-row-link{position:absolute;z-index:1;inset:0}.empire-list-row-link:focus-visible{outline:2px solid #f08a3c;outline-offset:-3px}
.empire-list-row>div,.empire-list-row>time{min-width:0;color:#b6b2aa;font-size:.76rem;overflow-wrap:anywhere;pointer-events:none}.empire-list-name{position:relative}.empire-list-name strong{display:block;color:#eee5d7;font:400 .98rem Copperplate,"Trebuchet MS",sans-serif;letter-spacing:.02em}.empire-list-name span{display:block;margin-top:5px;color:#858983;font-size:.68rem}.empire-list-name em{display:inline-block;margin-top:7px;color:#c6965f;font:800 .52rem "Courier New",monospace;font-style:normal;letter-spacing:.1em;text-transform:uppercase}.empire-list-class{color:#a9c4ba!important}.empire-list-ethics{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:5px;pointer-events:auto!important}.empire-list-popularity strong{display:block;color:#efbd67;font:400 1rem Copperplate,serif}.empire-list-popularity span{color:#777c76;font:800 .5rem "Courier New",monospace;letter-spacing:.08em;text-transform:uppercase}.empire-list-date{color:#8f918b!important;font:700 .64rem "Courier New",monospace!important}.empire-list-action{position:relative;z-index:2;pointer-events:auto!important}.empire-list-action .export-queue-button{min-height:38px;padding:7px 9px;border:1px solid rgba(199,102,39,.32);font-size:.56rem;line-height:1.35;background:rgba(199,102,39,.08)}.list-empty-value{color:#6e726d;font-size:.68rem}
@media(max-width:1120px){.empire-list-head,.empire-list-row{grid-template-columns:minmax(190px,1.35fr) 90px 118px minmax(125px,.9fr) minmax(125px,.9fr) 66px minmax(140px,.9fr)}.empire-list-head>:nth-child(7),.empire-list-date{display:none}}
@media(max-width:900px){.toolbar{align-items:center;flex-wrap:wrap}.empire-list-head,.empire-list-row{grid-template-columns:minmax(180px,1.4fr) 90px 118px minmax(120px,.85fr) 64px minmax(135px,.9fr)}.empire-list-head>:nth-child(4),.empire-list-government{display:none}}
@media(max-width:730px){.empire-list-head,.empire-list-row{grid-template-columns:minmax(180px,1.4fr) 90px 118px minmax(135px,.9fr)}.empire-list-head>:nth-child(4),.empire-list-head>:nth-child(5),.empire-list-head>:nth-child(6),.empire-list-head>:nth-child(7),.empire-list-origin,.empire-list-popularity{display:none}.empire-list-head{padding-inline:13px}.empire-list-row{padding:13px;min-height:90px}.view-switch{width:100%}.view-switch a{flex:1;justify-content:center}}
@media(max-width:540px){.empire-list-head{display:none}.empire-list-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:15px}.empire-list-name{grid-column:1}.empire-list-class{grid-column:2;text-align:right}.empire-list-ethics{grid-column:1;grid-row:2}.empire-list-action{grid-column:2;grid-row:2;max-width:150px}.empire-list-action .export-queue-button{min-height:34px}.ethic-icon-trigger{width:29px;height:29px}.ethic-icon-vector{width:20px;height:20px}}