:root{--bg:#111724;--panel:#1a2234;--line:#2d3850;--muted:#9eacc4;--text:#f0f4ff;--lime:#ffcf53;--mint:#79d5b4;--red:#ef6474}body{background:radial-gradient(ellipse at top right,#233a641f,transparent 50%),var(--bg)}.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0}.sidebar{width:215px;background:#141c2d;padding:27px 17px;border-top:3px solid var(--red)}.workspace{margin-left:215px}.brand{letter-spacing:1.7px;font-size:23px}.brandmark{background:transparent;width:43px;height:43px}.brandmark svg{width:43px;height:43px;filter:drop-shadow(0 3px 7px #0005)}.brand-sub{color:#93a7d2}.nav-icon{display:inline-flex;color:#8c9cbb}nav{gap:5px}nav a{padding:12px;color:#aab7ce;font-size:12px}nav a.active{color:#ffdc7a;background:#ffcf5310;box-shadow:inset 3px 0 var(--red)}nav a.active .nav-icon{color:var(--red)}nav a:hover{background:#29395355}header{height:67px;padding:0 30px;background:#131b2cd9}.breadcrumb{font-size:11px}.header-right #data-status{font-size:9px}main{padding:28px 30px;max-width:1900px}.page-intro{margin-bottom:20px;align-items:center}.page-intro p{font-size:12px;max-width:760px}.eyebrow{color:var(--red);font-size:9px;letter-spacing:1.7px}h1{font-size:36px}h2{font-size:25px}.patch{color:#a9bff2;border-color:#3a4c71;background:#719ef90b;padding:8px 11px}.button{border-color:#405273;background:#23314a}.button.primary{color:#202436;background:#ffcf53;border-color:#ffcf53;box-shadow:0 3px 0 #b48b2c}.button:hover{border-color:#ffdc7a}.button .icon{width:15px;height:15px}.chip{color:#a9b7cf;border-color:#34425e;background:#182136;padding:8px 13px}.chip.active{background:#f3c857;color:#172035;border-color:#f3c857}.results-help{font-size:10px}.filter-panel{display:flex;gap:12px;align-items:end;padding:15px;background:#182134;border:1px solid var(--line);border-radius:7px;margin-bottom:14px}.filter-panel input[type=search]{flex:1;width:auto;min-width:160px;align-self:stretch}.filter-panel label{display:grid;gap:5px;font-size:9px;color:#9daecc}.filter-panel select{font-size:11px;min-width:150px}input,select{background:#121b2b;border-color:#354460;color:#e8eeff;padding:9px 11px}input::placeholder{color:#8094b8}input:focus,select:focus{border-color:#e2b85b;outline-color:#e2b85b}.results-summary{display:flex;justify-content:space-between;color:#adbad2;font-size:10px;margin:20px 1px 13px}.results-summary span{color:#778aaa}.comp-table-head,.comp-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(300px,1.65fr) 77px 77px 77px 80px;gap:12px;align-items:center}.comp-table-head{font-size:9px;color:#8fa2c4;padding:0 17px 10px}.comp-table-head span:nth-child(n+3){text-align:center}.comp-list{display:grid;gap:10px}.comp-row{width:100%;text-align:left;padding:18px 15px;background:linear-gradient(100deg,#212c4022,transparent),var(--panel);border:1px solid #2e3c57;border-left:3px solid var(--type);border-radius:7px;transition:background .15s,border-color .15s}.comp-row:hover{background:#23304a;border-color:#5775a3;border-left-color:var(--type)}.comp-identity{display:flex;gap:11px;align-items:center;min-width:0}.comp-identity h3{font-size:20px;line-height:1.1;margin-bottom:7px}.comp-identity>div>small{display:block;color:#8496b6;font-size:8px;margin-top:7px}.tier{background:#f16b7d24;border:1px solid #f16b7d77;color:#ffa0ac;width:27px;height:31px;font-size:15px}.tier.A{background:#f6c85918;border-color:#f6c85966;color:#f6cd72}.tier.B{background:#719ef91a;border-color:#719ef966;color:#9bbaff}.tier.C{background:#9fa8bb14;border-color:#9fa8bb55;color:#b5c0d7}.type-tag{color:var(--type);background:color-mix(in srgb,var(--type) 13%,transparent);border:1px solid color-mix(in srgb,var(--type) 22%,transparent);padding:3px 5px;display:inline-flex;align-items:center;gap:4px;font-size:8px;line-height:1.1}.type-tag .icon{width:11px;height:11px}.tags{gap:4px}.comp-units{display:flex;align-items:center;gap:5px;min-width:0}.unit-tile{position:relative;min-width:0;flex:1;max-width:52px;text-align:center}.unit-tile .sprite{width:100%;height:43px;background:#111b2b;border:1px solid var(--cost,#77859e);border-bottom:2px solid var(--cost,#77859e);border-radius:5px;filter:none;object-fit:contain}.unit-tile>small{display:block;font-size:7px;color:#b7c2d7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.unit-stars{font-size:7px;color:#ffe094;position:absolute;top:-5px;left:0;width:100%;text-shadow:0 1px 4px #000}.cost-1{--cost:#7e958c}.cost-2{--cost:#72bc8b}.cost-3{--cost:#6c9de7}.cost-4{--cost:#b18ce3}.cost-5{--cost:#e4bd6d}.row-stat{text-align:center;min-width:0}.row-stat label{display:none}.row-stat strong{font-size:15px;font-weight:600;display:block;white-space:nowrap}.row-stat small{display:block;color:#8297b8;font-size:8px;margin-top:5px}.placement{color:#f4d27e;font-weight:600}.rate-bar{display:block;height:3px;border-radius:3px;background:#38435a;margin:8px 0 0}.rate-bar i{display:block;height:100%;border-radius:3px;background:#78c9ac}.notice{background:#19233877;border-color:#303f5b;color:#99adcd;font-size:10px}.stat{background:#182236;border-color:#33425f}.stat label{color:#9baecc}.stat small{color:#95b7c0}.panel{background:#182236;border-color:#33425f}.board{background:radial-gradient(ellipse at center,#334b7455,transparent),#121c2c;border-color:#415271}.hex{background:#2b3d5b}.hex.occupied{background:#536791}.hex.selected{background:#f4ca63}.board-label{color:#8aa1c9}.stage{background:#1c2840;border-color:#344662}.synergy{background:#121c2e}.synergy.on{color:#f4cf6c}.pick{background:#142037;border-color:#344560}.pokemon-card{background:radial-gradient(ellipse at 50% 25%,#30466355,transparent),#1a2539;border-color:#344560}.pokemon-card .sprite{width:90px;height:90px}.pokemon-card:hover{border-color:#ffd368}.pokemon-card .cost{color:#f4cf6c}.stats-table{width:100%;border-collapse:collapse;font-size:12px;background:#182236}.table-scroll{overflow:auto;border:1px solid #354563;border-radius:8px}.stats-table th{text-align:left;font-weight:500;font-size:10px;color:#a5b7d5;background:#202d44;padding:14px 15px;white-space:nowrap;border-bottom:1px solid #3a4b6a}.stats-table td{padding:13px 15px;border-bottom:1px solid #2e3c57;vertical-align:middle;white-space:nowrap}.stats-table tr:last-child td{border-bottom:0}.stats-table tr:hover td{background:#24324b55}.table-pokemon{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;padding:0}.table-pokemon .sprite{width:47px;height:47px;background:#132035;border-radius:5px}.table-pokemon b{font-size:12px}.table-pokemon small{display:block;max-width:220px;white-space:normal;font-size:9px;color:#8199bf;margin-top:4px;line-height:1.5}.table-pokemon:hover b{color:#ffdb81}.cell-note{display:block;font-size:8px;color:#8fa4c6;font-weight:400;margin-top:5px}.gold{color:#f3d181}.subnav{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:20px;font-size:11px}.subnav a{padding:0 0 12px;color:#a2b4d5}.subnav a.active{border-bottom:2px solid var(--red);color:#ffbfca}.item-identity{display:flex;gap:13px;align-items:flex-start;min-width:230px;max-width:420px}.item-identity b{font-size:12px;white-space:normal}.item-identity small{display:block;font-size:8px;color:#8da5cb;margin-top:5px}.item-identity p{font-size:10px;color:#b0bed7;line-height:1.7;white-space:normal;margin:8px 0 0}.item-icon{width:37px;height:37px;display:inline-grid;place-items:center;border:1px solid #536081;background:#111b2c;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden;color:#b5c8e9}.item-icon img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain;position:absolute;inset:2px;background:#111b2c}.item-fallback{width:20px;height:20px}.emblem-icon{color:var(--type);border-color:var(--type);background:color-mix(in srgb,var(--type) 10%,#111b2c)}.recipe-parts{display:flex;gap:7px;align-items:center}.recipe-parts>span{text-align:center;display:grid;justify-items:center;gap:5px}.recipe-parts>span>small{font-size:7px;color:#9baccc}.recipe-parts .item-icon{width:29px;height:29px}.recipe-parts img{width:25px;height:25px;inset:1px}.recipe-parts>b{color:#7085aa}.item-table .tier{width:24px;height:28px;font-size:12px}.ability{background:#202e47}.empty{color:#9eb0cf}dialog{background:#121c2e;border-color:#50668b}footer{color:#8197ba;border-color:#2e3e5b}#toast{background:#ffcf53;color:#17213a}@media(min-width:1700px){.comp-table-head,.comp-row{grid-template-columns:minmax(240px,1.2fr) minmax(380px,1.7fr) 100px 100px 100px 100px}.unit-tile{max-width:58px}.unit-tile .sprite{height:49px}.unit-tile>small{font-size:8px}}@media(max-width:1350px){.comp-table-head,.comp-row{grid-template-columns:minmax(190px,1fr) minmax(245px,1.4fr) 65px 65px 65px 65px;gap:8px}.comp-identity h3{font-size:17px}.comp-identity{gap:8px}.comp-identity .type-tag{font-size:7px;padding:3px}.comp-identity .type-tag .icon{width:9px;height:9px}.unit-tile .sprite{height:35px}.unit-tile>small{font-size:6px}.row-stat strong{font-size:13px}.row-stat small{font-size:7px}}@media(max-width:1150px){.comp-table-head{display:none}.comp-row{grid-template-columns:1.2fr 1.8fr repeat(4,65px)}.comp-units{grid-column:1/3;grid-row:2;justify-content:flex-start}.comp-identity{grid-column:1/3}.row-stat{grid-row:1/3}.row-stat label{display:block;color:#8ca1c5;font-size:8px;margin-bottom:6px}.comp-identity h3{font-size:20px}.unit-tile{max-width:45px}.unit-tile .sprite{height:38px}.unit-tile>small{font-size:7px}.filter-panel select{min-width:100px}.filter-panel{flex-wrap:wrap}}@media(max-width:760px){.sidebar{width:auto;padding:15px 15px 0;border-top:3px solid var(--red)}.workspace{margin-left:0}.brand{font-size:20px}.brandmark,.brandmark svg{width:36px;height:36px}nav{margin-top:13px;padding-bottom:12px;gap:4px}nav a{font-size:10px;gap:5px;padding:9px}.nav-icon .icon{width:14px;height:14px}header{height:55px;padding:0 16px}.header-right #data-status{font-size:8px;max-width:140px}.breadcrumb{font-size:10px}main{padding:23px 16px}.page-intro h1{font-size:32px}.page-intro .eyebrow{font-size:8px}.page-intro p{font-size:11px}.results-help{display:none}.filter-panel{padding:11px;gap:9px}.filter-panel input[type=search]{width:100%;flex-basis:100%;min-height:36px}.filter-panel label{flex:1}.filter-panel select{width:100%;min-width:0;font-size:10px}.results-summary{font-size:9px;gap:10px}.results-summary span{text-align:right;font-size:8px}.comp-row{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 12px;gap:15px 8px}.comp-identity{grid-column:1/-1;grid-row:1}.comp-units{grid-column:1/-1;grid-row:2}.row-stat{grid-row:3}.comp-identity h3{font-size:21px}.comp-identity .type-tag{font-size:8px}.row-stat strong{font-size:16px}.row-stat small{font-size:7px}.unit-tile{max-width:50px}.unit-tile .sprite{height:40px}.unit-tile>small{font-size:7px}.stats-table td{padding:11px 12px}.stats-table th{padding:12px}.detail-head h2{font-size:29px}}.synergy-name{display:flex;align-items:center;gap:7px}.synergy-name .icon{color:var(--type);width:15px;height:15px}
@media(max-width:760px){nav{scrollbar-width:none}nav::-webkit-scrollbar{display:none}.page-intro{align-items:flex-start}.patch{white-space:nowrap}.hex{width:calc((100% - 30px)/7);height:auto;aspect-ratio:48/53}.hex img{width:100%;height:100%;max-width:43px;object-fit:contain}.hex-row:nth-of-type(odd){transform:translateX(9px)}}