.f-top{justify-content:space-between;align-items:center;gap:20px;margin:10px 0 26px;display:flex}.f-top h1{letter-spacing:-.8px;margin:7px 0 0;font-size:30px}.f-board button,.f-board select,.f-board input,.f-board textarea{font:inherit}.f-board button{cursor:pointer}:is(.f-board button:focus-visible,.f-board a:focus-visible){outline-offset:4px;outline:2px solid #74bcff}.f-board button:disabled{opacity:.45;cursor:not-allowed}.f-primary{color:#071c32;background:#a7d4ff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;display:inline-flex;font-size:14px!important;font-weight:700!important}.f-regions{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.f-regions button{border:1px solid var(--f-line);color:var(--f-muted);text-align:left;background:#101e32;border-radius:10px;align-items:center;gap:14px;padding:17px 20px;font-size:14px;display:flex}.f-regions button svg{margin-left:auto}.f-region-code{letter-spacing:1px;font-size:19px;font-weight:800}.f-layout{grid-template-columns:220px minmax(0,1fr) 250px;align-items:start;gap:24px;display:grid}.f-sidebar nav{gap:5px;display:grid}.f-sidebar nav button{text-align:left;color:var(--f-muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:13px 10px;font-size:14px;display:flex}.f-sidebar nav button span{flex:1}.f-sidebar nav button small{color:#8aabd3;font-size:12px}.f-sidebar nav button.selected{color:#cae6ff;background:#183451}.f-guidance{border-top:1px solid var(--f-line);color:var(--f-muted);margin-top:25px;padding:25px 10px}.f-guidance svg{color:#71a9d9}.f-board h3{color:#e1edff;margin:12px 0 8px;font-size:16px;font-weight:650}.f-guidance p,.f-achievements p,.f-signin p{color:var(--f-muted);font-size:14px;line-height:1.65}.f-main{border:1px solid var(--f-line);background:#101e31;border-radius:12px;min-width:0;overflow:hidden}.f-list-heading{border-bottom:1px solid var(--f-line);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.f-list-heading h2{overflow-wrap:anywhere;margin:0;font-size:18px}.f-list-heading>span{letter-spacing:1px;color:#aac6e9;border:1px solid #456184;border-radius:5px;padding:4px 8px;font-size:12px}.f-empty{text-align:center;padding:45px 24px}.f-empty-symbol{color:#87b7e3;background:#172b43;border:1px solid #3c5a7c;border-radius:18px;place-items:center;width:65px;height:65px;margin:0 auto 15px;display:grid}.f-empty h3{font-size:21px}.f-empty p{color:var(--f-muted);font-size:16px;line-height:1.6}.f-empty button{color:#a7d4ff;background:0 0;border:0;align-items:center;gap:8px;padding:12px;font-size:14px;display:inline-flex}.f-category-grid{border-top:1px solid var(--f-line);grid-template-columns:1fr 1fr;display:grid}.f-category-grid button{text-align:left;color:#c6def7;border:0;border-bottom:1px solid var(--f-line);background:0 0;grid-template-columns:1fr auto;gap:10px;padding:22px;display:grid}.f-category-grid button:nth-child(odd){border-right:1px solid var(--f-line)}.f-category-grid button>svg:first-child{color:#79aee0;grid-column:1/-1}.f-category-grid strong{font-size:15px}.f-category-grid span{color:var(--f-muted);grid-row:3;font-size:14px;line-height:1.5}.f-achievements{border:1px solid var(--f-line);background:linear-gradient(135deg,#1c2c45,#102033);border-radius:12px;padding:21px}.f-achievements>svg{color:#dbc180}.f-achievement{border-top:1px solid #2b405d;align-items:center;gap:9px;padding:13px 0;font-size:14px;display:flex}.f-achievement svg{color:#9fbde2;flex-shrink:0}.f-achievement small{color:#d1b879;margin-left:auto;font-size:12px}.f-achievements .f-badge-help{margin-bottom:0;font-size:12px;line-height:1.65}.f-signin{padding:15px 6px}.f-signin a{color:#a7d4ff;align-items:center;gap:8px;margin-top:15px;font-size:14px;display:flex}.f-thread{border-bottom:1px solid var(--f-line);justify-content:space-between;gap:15px;padding:24px;display:flex}.f-thread-content{min-width:0}.f-category{color:#8cb5e0;font-size:12px}.f-thread-title{text-align:left;color:#e4f0ff;overflow-wrap:anywhere;background:0 0;border:0;padding:7px 0 16px;font-weight:600;line-height:1.5;display:block;font-size:18px!important}.f-author{align-items:flex-start;gap:10px;display:flex}.f-avatar{background:#284b68;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;display:grid;position:relative;overflow:hidden}.f-avatar img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute}.f-author strong{overflow-wrap:anywhere;font-size:14px}.f-badges{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.f-badge{color:#9fc8ec;align-items:center;gap:4px;font-size:12px;display:flex}.f-badges small{color:var(--f-muted);font-size:12px}.f-thread-meta{text-align:right;color:var(--f-muted);flex-shrink:0;padding-top:24px;font-size:12px}.f-thread-meta span{gap:6px;margin-bottom:12px;font-size:14px;display:flex}.f-composer{padding:24px}.f-composer label{color:#c0d5ec;gap:8px;margin:15px 0;font-size:14px;display:grid}.f-composer input,.f-composer textarea,.f-composer select,.f-language select{color:#e7f2ff;background:#0b192b;border:1px solid #416080;border-radius:7px;width:100%;padding:11px}.f-composer textarea{resize:vertical;font-size:16px}.f-form-actions{justify-content:flex-end;gap:10px;display:flex}.f-form-actions>button:not(.f-primary),.f-pages button,.f-back{color:#a7d4ff;background:0 0;border:1px solid #385372;border-radius:7px;padding:10px 14px}.f-composer p{color:var(--f-muted);font-size:14px;line-height:1.6}.f-composer a{color:#a7d4ff}.f-back{align-items:center;gap:8px;margin:16px 24px;display:flex}.f-post{border-bottom:1px solid var(--f-line);grid-template-columns:155px minmax(0,1fr);gap:22px;padding:25px;display:grid}.f-post time{color:var(--f-muted);font-size:12px}.f-post p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.75}.f-post .f-author{flex-direction:column}.f-pages{justify-content:space-between;padding:15px;display:flex}.f-error{color:#ffd6d6;background:#40252f;padding:16px 24px;font-size:14px}.f-error button{color:inherit;background:0 0;border:0;text-decoration:underline}.f-language{color:var(--f-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:20px 8px;font-size:14px;display:flex}.f-language select{flex-basis:100%}.f-board button{transition:background .15s}.f-board .eyebrow{font-size:12px}@media (max-width:1200px){.f-layout{grid-template-columns:200px minmax(0,1fr)}.f-right{grid-column:2}.f-achievements{display:none}.f-regions button{padding:15px}.f-thread{flex-direction:column}.f-thread-meta{text-align:left;gap:20px;padding:0;display:flex}}@media (max-width:720px){.f-layout{grid-template-columns:1fr;gap:15px}.f-right{grid-column:1}.f-sidebar nav{grid-template-columns:1fr 1fr}.f-guidance{display:none}.f-regions{gap:7px}.f-regions button{flex-direction:column;align-items:flex-start;gap:5px;padding:12px}.f-regions button svg{display:none}.f-regions button>span:nth-child(2){font-size:12px}.f-top h1{font-size:25px}.f-top{gap:10px}.f-post{grid-template-columns:1fr}.f-post .f-author{flex-direction:row}.f-category-grid button{padding:16px}.f-language{margin:8px}.f-language select{flex-basis:auto;width:auto}.f-composer{padding:18px}}.build-editor{background:#0e1d2c;border:1px solid #365064;border-radius:10px;min-width:0;margin:18px 0;padding:18px}.build-editor legend{color:#8edbcf;padding:0 8px;font-weight:700}.build-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.build-fields>*,.build-skill>*{min-width:0}.build-editor h3{margin:22px 0 12px;font-size:15px}.build-help{line-height:1.6;color:#a4b9c9!important;font-size:12px!important}.build-skill-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.build-skill-heading strong{color:#8edbcf;white-space:nowrap}.build-skill{grid-template-columns:1fr 80px auto;align-items:end;gap:10px;margin:10px 0;display:grid}.build-editor button,.build-card button{color:#eaf4fa;cursor:pointer;background:#203a50;border:1px solid #48647b;border-radius:6px;padding:9px 12px}.build-editor button:disabled{opacity:.45;cursor:not-allowed}.build-card{background:#0d1d2e;border:1px solid #35516a;border-radius:10px;margin-top:18px;padding:18px}.build-card h3{color:#91dfd1;margin:0;font-size:20px}.build-card h4{color:#bcd1e2;margin:16px 0 10px;font-size:13px}.build-card p,.build-card li{overflow-wrap:anywhere;margin:4px 0!important;font-size:13px!important;line-height:1.7!important}.build-card ul{padding-left:20px;list-style:outside}.f-composer .build-attach{align-items:center;gap:10px;display:flex}.f-composer .build-attach input{width:auto}@media (max-width:650px){.build-fields{grid-template-columns:1fr}.build-skill{grid-template-columns:1fr 65px}.build-skill button{grid-column:1/-1}.build-skill-heading{flex-wrap:wrap}}.visual-build{min-width:0;overflow:visible;padding:22px!important}.ship-search{max-width:650px;margin-bottom:24px;position:relative}.ship-search>label{margin-bottom:8px;display:block}.ship-search input{width:100%}.ship-matches{z-index:20;background:#14282e;border:1px solid #71989b;border-radius:4px;max-height:330px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 14px 36px #0009}.ship-matches button{text-align:left;justify-content:space-between;gap:15px;width:100%;display:flex;color:#eef4f3!important;background:0 0!important;border:0!important;border-bottom:1px solid #ffffff12!important;border-radius:0!important;padding:12px!important}.ship-matches button[aria-selected=true],.ship-matches button:hover{background:#305359!important}.ship-matches small{color:#aac2c3;font-size:11px}.ship-matches p{padding:15px}.ship-equipment-panel{background:linear-gradient(145deg,#46555c,#29363a);border:1px solid #6d8589;margin-bottom:24px}.ship-equipment-panel>header{text-align:center;background:#a2b4b80c;border-bottom:1px solid #84959755;padding:24px}.ship-equipment-panel>header img{object-fit:contain;filter:brightness(1.9);width:280px;max-width:85%;height:78px}.ship-equipment-panel>header h3{color:#ffcf66!important;margin:10px 0 5px!important;font-size:26px!important}.ship-equipment-panel>header h3 span{font-size:20px;font-weight:400}.ship-equipment-panel>header p{color:#c9d7d8;margin:0;font-size:12px}.upgrade-slot-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:28px 22px;display:grid}.upgrade-slot{text-align:center;color:#c8d4d7;min-width:0}.upgrade-slot>span{text-transform:uppercase;letter-spacing:1.5px;margin-bottom:9px;font-size:10px;display:block}.upgrade-slot>button{aspect-ratio:1;place-items:center;width:100%;min-width:0;max-width:105px;margin:0 auto 10px;display:grid;position:relative;background:#17262755!important;border:2px dashed #a8b8b9!important;border-radius:0!important;padding:4px!important}.upgrade-slot>button img{object-fit:contain;width:100%;height:100%}.upgrade-slot>button[aria-expanded=true]{background:#203638!important;border-color:#ffd467!important}.upgrade-slot>button:disabled{opacity:.3}.upgrade-slot small{font-size:11px;line-height:1.5;display:block}.slot-empty{color:#a2b7b7;font-size:34px}.upgrade-slot i,.captain-skill i{border-bottom:14px solid #ffd367;border-left:14px solid #0000;width:0;height:0;position:absolute;bottom:3px;right:3px}.upgrade-picker{background:#14272bcc;border-top:1px solid #90a3a655;padding:20px}.upgrade-picker h4{margin:0}.upgrade-options{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px;display:grid}.upgrade-options>button{text-align:center;white-space:normal;flex-direction:column;align-items:center;display:flex;color:#e4eeee!important;background:#233b3e!important;border:1px solid #77969877!important;border-radius:3px!important;padding:14px!important}.upgrade-options>button[aria-pressed=true]{border-color:#ffd367!important}.upgrade-options img{object-fit:contain;width:70px;height:70px;margin-bottom:10px}.upgrade-options small{color:#ffd367;text-transform:capitalize;margin-top:5px}.loadout-effects{width:100%;font-size:11px;font-weight:400;margin:10px 0 0!important;padding:0!important;list-style:none!important}.loadout-effects li{text-align:left;border-top:1px solid #bed2d219;justify-content:space-between;gap:14px;padding:5px 0;line-height:1.4;display:flex}.loadout-effects b{white-space:nowrap;color:#d3e5dc}.commander-panel{color:#d4dfde;background:radial-gradient(at 0 100%,#333a25 0,#0000 55%),linear-gradient(140deg,#26393a,#101f21);border:1px solid #527271;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:22px;display:grid}.commander-profile{min-width:0}.commander-profile label{font-size:12px;display:block}.commander-profile select{width:100%;min-width:0;margin:8px 0 10px;color:#f1f4ec!important;background:#28494b!important;padding:8px!important}.commander-profile>p{color:#95aead;margin:0 0 18px;font-size:11px}.commander-portrait{object-fit:cover;object-position:top;background:#4c6263;border:4px solid #babfae;width:150px;height:180px;margin-bottom:16px;display:block}.loadout-fallback{color:#91a9a8;place-items:center;font-size:40px;display:grid}.commander-points{margin:12px 0 20px}.commander-points strong{color:#ffd465;font-size:22px;display:block}.commander-points span{font-size:11px}.commander-points progress{accent-color:#ffd465;width:100%;height:5px;margin:9px 0;display:block}.commander-reset{text-transform:uppercase;letter-spacing:1px;width:100%;color:#e7eeea!important;background:#356365!important;border:1px solid #689293!important;border-radius:2px!important;padding:12px!important;font-size:11px!important}.commander-tree{min-width:0}.commander-tree h3{color:#dce7e3!important;margin:0!important;font-size:17px!important}.commander-tree>.build-skill-heading{border-bottom:1px solid #92adac22;gap:12px;padding-bottom:18px}.commander-tree>.build-skill-heading>span{font-size:11px}.commander-tree>.build-skill-heading b{color:#ffdc7a;margin-left:5px;font-size:15px}.captain-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 10px;padding:24px 0;display:grid}.captain-grid.submarine-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.captain-skill{white-space:normal;flex-direction:column;align-items:center;gap:7px;display:flex;position:relative;color:#c1ceca!important;background:0 0!important;border:1px solid #0000!important;border-radius:2px!important;min-width:0!important;padding:8px 3px 18px!important;line-height:1.3!important}:is(.captain-skill:hover,.captain-skill:focus-visible){background:#48636133!important;border-color:#779793!important}.captain-skill img{object-fit:contain;opacity:.75;width:56px;max-width:100%;height:56px}.captain-skill>span{font-size:9px;font-weight:400;line-height:1.4}.captain-skill>small{color:#adc0b7;font-size:9px;position:absolute;bottom:1px;left:4px}.captain-skill.locked img{opacity:.32}.captain-skill.selected{color:#ffdc79!important}.captain-skill.selected img,.saved-skills img{opacity:1;filter:brightness(0)saturate()invert(85%)sepia(48%)saturate(640%)hue-rotate(344deg)brightness(106%)}.captain-skill.selected small{color:#ffdc79}.skill-information{color:#adc0ba;border-top:1px solid #92adac22;min-height:105px;padding-top:14px;font-size:12px}.skill-information h4{color:#ffdb80;margin:0 0 8px}.skill-information p{margin:0;line-height:1.6}.commander-talents{margin-top:20px;font-size:11px;line-height:1.5}.commander-talents summary{cursor:pointer;color:#ffdb80}.commander-talents p{color:#b1c5bd;white-space:pre-line}.build-validation,.legacy-build-note{color:#ffe0a2;background:#70522033;border:1px solid #b5934d;margin-top:15px;padding:12px 16px}.visual-build>.build-help{margin-top:16px;font-size:10px;line-height:1.7}.visual-build a{color:#88c7c9}.saved-upgrades{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.saved-upgrades>div{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.saved-upgrades img{object-fit:contain;width:60px;height:60px}.saved-upgrades small{color:#8caaa9}.saved-skills{flex-wrap:wrap;gap:16px;display:flex}.saved-skills>div{align-items:center;gap:8px;font-size:12px;display:flex}.saved-skills img{object-fit:contain;width:36px;height:36px}@media (max-width:1050px){.commander-panel{grid-template-columns:155px minmax(0,1fr);gap:16px;padding:16px}.commander-portrait{width:130px;height:156px}.captain-grid{gap:10px 4px}.captain-skill img{width:45px;height:45px}.upgrade-slot-row{gap:10px;padding:20px 12px}}@media (max-width:700px){.visual-build{padding:12px!important}.commander-panel{grid-template-columns:minmax(0,1fr)}.commander-profile{grid-template-columns:110px minmax(0,1fr);gap:8px 15px;display:grid}.commander-portrait{grid-row:span 3;width:100px;height:126px;margin:0}.commander-profile>p{margin:0}.commander-points,.commander-reset,.commander-talents{grid-column:1/-1;margin:4px 0}.commander-tree>.build-skill-heading{flex-direction:column;align-items:flex-start;margin-top:15px}.captain-grid{gap:12px 3px}.captain-skill img{width:38px;height:38px}.captain-skill>span{font-size:8px}.upgrade-slot-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.upgrade-slot>button{max-width:80px}.ship-matches button{flex-direction:column;gap:4px}.saved-upgrades{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-options{grid-template-columns:1fr}.skill-information{min-height:120px}}.f-layout.build-wide{grid-template-columns:minmax(0,1fr)}.build-wide>.f-sidebar nav{flex-wrap:wrap;gap:8px;display:flex}.build-wide>.f-sidebar nav button{flex:1;width:auto;min-width:130px}.build-wide>.f-sidebar .f-guidance{display:none}.build-wide>.f-right{grid-template-columns:1fr 1fr;gap:20px;display:grid}.build-wide .f-achievements{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.build-wide .f-achievements>p{flex-basis:100%}.build-wide .f-achievement{margin:0}.commander-points progress::-webkit-progress-bar{background:#182a28}.commander-points progress::-webkit-progress-value{background:#ffd465}.build-wide .captain-skill>span{font-size:11px}.build-wide .captain-skill img{width:64px;height:64px}.build-wide .captain-grid{gap:22px 10px}@media (max-width:700px){.build-wide>.f-right{grid-template-columns:1fr}.build-wide .captain-skill>span{font-size:8px}.build-wide .captain-skill img{width:38px;height:38px}.build-wide .captain-grid{gap:14px 3px}}.ship-equipment-panel>header{display:block}.ship-equipment-panel>header img{filter:brightness(0)invert(.8);margin:0 auto}.upgrade-recommendation-heading{border-bottom:1px solid #84959733;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.upgrade-recommendation-heading strong{color:#ffdc7a;font-size:14px}.upgrade-recommendation-heading p{color:#c6d8d5;max-width:630px;margin:5px 0 0;font-size:11px;line-height:1.6}.upgrade-recommendation-heading button{white-space:nowrap;color:#ffdc7a!important;background:#355e60!important;border:1px solid #819c8b!important;padding:11px 16px!important}.upgrade-slot .recommended-label{color:#ffdc7a;margin-top:9px;font-size:10px}.coal-badge{white-space:nowrap;background:#0b172b66;border:1px solid #8a9cab55;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:4px 7px;color:#d8e6ed!important;font-size:11px!important;display:inline-flex!important}.coal-badge img{object-fit:contain;filter:none!important;width:19px!important;height:19px!important;margin:0!important}.upgrade-slot>.coal-badge{margin-top:8px}.upgrade-group{border-top:1px solid #92adac44;margin-top:18px;padding-top:16px}.upgrade-group h5{color:#d4e5dd;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.upgrade-options .recommended-label{color:#ffdc7a;font-size:11px}.upgrade-options .coal-badge{margin-top:8px}.empty-upgrade{margin-top:15px}.saved-upgrades .coal-badge{font-size:10px!important}@media (max-width:700px){.upgrade-recommendation-heading{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.upgrade-recommendation-heading button{width:100%}}.ship-equipment-panel>header{height:auto;min-height:0}.commander-panel.with-pick-order{grid-template-columns:165px minmax(0,1fr) 185px;gap:18px}.skill-pick-order{border-left:1px solid #e9c96344;min-width:0;padding-left:16px}.skill-pick-order h4{color:#ffdc79;margin:0 0 8px;font-size:15px}.skill-pick-order>p{color:#b6c9bd;margin:0 0 18px;font-size:11px;line-height:1.5}.skill-pick-order ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.skill-pick-order li{background:#f4ca4d12;border:1px solid #edc85a44;border-radius:4px;grid-template-columns:24px minmax(0,1fr) 30px;align-items:start;gap:8px;padding:10px 8px;display:grid}.pick-order-number{color:#ffdc79;background:#f4cf6222;border:1px solid #e4c25f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.skill-pick-order li small{color:#ffdc79;margin-bottom:5px;font-size:10px;display:block}.skill-pick-order li strong{color:#ffdc79;font-size:11px;line-height:1.4;display:block}.skill-pick-order li div>span{color:#acbfb6;margin-top:4px;font-size:10px;display:block}.skill-pick-order li img{object-fit:contain;filter:brightness(0)saturate()invert(85%)sepia(48%)saturate(640%)hue-rotate(344deg)brightness(106%);width:30px;height:30px}.skill-pick-order .pick-order-empty{color:#d7c58d;border:1px dashed #ad97494d;border-radius:4px;padding:12px}.captain-skill>.skill-pick-number{color:#ffdc79;background:#26382b;border:1px solid #e4c25f;border-radius:3px;place-items:center;width:19px;height:19px;font-weight:700;display:grid;position:absolute;top:0;right:1px;font-size:11px!important}.with-pick-order .commander-portrait{max-width:100%}@media (max-width:1100px){.commander-panel.with-pick-order{grid-template-columns:minmax(0,1fr) 185px}.with-pick-order>.commander-profile{grid-column:1/-1;grid-template-columns:125px 1fr 1fr;gap:8px 18px;display:grid}.with-pick-order .commander-portrait{grid-row:span 3;width:110px;height:132px;margin:0}.with-pick-order .commander-points{margin:0}.with-pick-order .commander-talents{grid-column:1/-1}.with-pick-order>.commander-tree{grid-column:1}.with-pick-order>.skill-pick-order{grid-column:2}}@media (max-width:700px){.commander-panel.with-pick-order{grid-template-columns:minmax(0,1fr)}.with-pick-order>.commander-profile{grid-template-columns:100px minmax(0,1fr)}.with-pick-order>.skill-pick-order{border-top:1px solid #e9c96344;border-left:0;grid-column:1;padding:16px 0 0}.with-pick-order .commander-profile .commander-points,.with-pick-order .commander-profile .commander-reset{grid-column:1/-1}.skill-pick-order ol{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skill-pick-order li{grid-template-columns:24px minmax(0,1fr)}.skill-pick-order li img{display:none}}.f-board{--f-line:#527271;--f-muted:#abc2bd;--f-accent:#ffdc79;color:#dce7e3}.f-board .eyebrow,.f-top h1{color:#ffdc79}.f-top h1{line-height:1.2}:is(.f-board button:focus-visible,.f-board a:focus-visible){outline-color:#ffdc79}.f-board h3{color:#dce7e3}.f-board .f-primary{color:#ffdc79;background:#356365;border:1px solid #719b94;border-radius:3px}.f-board .f-primary:hover{background:#44797a}.f-regions button{color:#b9ceca;background:linear-gradient(140deg,#26393a,#182a2c);border-color:#527271;border-radius:3px}.f-regions button[aria-selected=true]{color:#ffdc79;background:#35575a;border-color:#d7b862;box-shadow:inset 0 -3px #ffdc79}.f-sidebar nav button{color:#b9ceca;background:#1a3032;border:1px solid #527271;border-radius:3px}.f-sidebar nav button:hover{background:#304e50}.f-sidebar nav button.selected{color:#ffdc79;background:#35575a;border-color:#d7b862}.f-sidebar nav button small{color:inherit}.f-main{background:linear-gradient(145deg,#26393a,#101f21);border-color:#527271;border-radius:4px}.f-list-heading{background:linear-gradient(145deg,#46555c,#29363a);border-color:#71888966}.f-list-heading h2{color:#ffdc79}.f-list-heading>span{color:#d8e7dc;border-color:#91aaa077;border-radius:3px}.f-category-grid{border-color:#71888955;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px}.f-category-grid button,.f-category-grid button:nth-child(odd){color:#dce7e3;background:#233b3e;border:1px solid #527271;border-radius:3px}.f-category-grid button>svg:first-child{color:#ffdc79}.f-category-grid button:hover,.f-thread:hover{background:#304e50}.f-category-grid button:hover{border-color:#d7b862}.f-empty-symbol{color:#ffdc79;background:#284649;border-color:#6f8e87;border-radius:4px}.f-empty button,.f-category,.f-thread-title,.f-signin a,.f-composer a{color:#ffdc79}.f-thread{background:#1a2f31;border-color:#52727166}.f-thread-title:hover{text-decoration:underline}.f-avatar{color:#ffdc79;background:#35575a;border:1px solid #72918b;border-radius:3px}.f-badge{color:#b0cfc2}.f-badge.pro{color:#ffdc79}.f-post{background:#1a2f31;border-color:#52727166}.f-post:nth-child(2n){background:#203638}.f-composer label{color:#c5d8d0}.f-composer input,.f-composer textarea,.f-composer select,.f-language select{color:#e2ede5;background:#14272b;border-color:#688c87;border-radius:3px}.f-composer input:focus,.f-composer textarea:focus,.f-composer select:focus{border-color:#d7b862;outline-color:#ffdc79}.f-form-actions>button:not(.f-primary),.f-pages button,.f-back{color:#d9e5d7;background:#284649;border-color:#688c87;border-radius:3px}.f-achievements{background:linear-gradient(145deg,#26393a,#17292b);border-color:#527271;border-radius:4px}.f-achievement{border-color:#52727166}.f-achievement svg,.f-achievement small{color:#e7cf87}.f-signin{background:#1a3032;border:1px solid #527271;border-radius:4px;padding:20px}.f-board .build-wide>.f-right{grid-column:1}.f-board .build-wide .f-achievements{display:flex}.f-language{max-width:360px}.f-board .build-wide>.f-sidebar nav{gap:10px}.f-board .build-wide>.f-sidebar nav button{padding:14px 12px}.f-top>.f-primary{flex-shrink:0}@media (max-width:900px){.f-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.f-category-grid{grid-template-columns:1fr;padding:14px}.f-top{flex-wrap:wrap;align-items:flex-start}.f-top h1{font-size:26px}.f-board .build-wide>.f-sidebar nav button{min-width:calc(50% - 10px)}.f-list-heading,.f-post{padding:18px}}.forum-replay-attach{border:1px solid #688c87;border-radius:4px;min-width:0;margin:22px 0;padding:20px}.forum-replay-attach legend{color:#ffdc79;padding:0 8px;font-weight:700}.forum-replay-attach>small{color:#abc2bd;margin-top:16px;font-size:12px;line-height:1.6;display:block}.replay-seed-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:14px 0;display:flex}.replay-seed-controls label{flex:1;min-width:180px;margin:0}.replay-seed-controls button,.replay-seed-matches button,.forum-replay-attach>button{color:#ffdc79;background:#355e60;border:1px solid #719b94;border-radius:3px;padding:11px 15px}.replay-seed-matches{gap:8px;margin:14px 0;display:grid}.replay-seed-matches button{text-align:left;line-height:1.5}.forum-replay-card{background:#14272b;border:1px solid #688c87;border-radius:4px;min-width:0;margin:18px 0;padding:20px}.forum-replay-summary h4{color:#ffdc79;margin:0 0 10px;font-size:18px}.forum-replay-summary p{margin:7px 0;font-size:13px!important;line-height:1.6!important}.forum-replay-teams{grid-template-columns:1fr 1fr;gap:18px;margin:16px 0;display:grid}.forum-replay-teams>div:first-child strong{color:#4bd9b0}.forum-replay-teams>div:last-child strong{color:#ff895e}.forum-replay-summary details{margin:12px 0 18px;font-size:12px}.forum-replay-summary summary{cursor:pointer;color:#c9dcd1}.forum-replay-player{margin-top:20px}.forum-replay-player .replay-board:not(.replay-expanded){width:100%;margin:0}.forum-replay-player .replay-board:not(.replay-expanded) .replay-content{grid-template-columns:minmax(0,1fr) 240px}.forum-replay-player .playback-controls{flex-wrap:wrap}.forum-replay-player .playback-controls input[type=range]{flex:1;width:auto;min-width:120px}.replay-sharing{flex-wrap:wrap;align-items:center;gap:10px;max-width:410px;display:flex}.replay-sharing p{color:#b9d0c5;flex-basis:100%;margin:0;font-size:12px}.forum-replay-player button{white-space:normal}.forum-replay-player .replay-score-table{overflow-x:auto}@media (max-width:900px){.forum-replay-player .replay-board:not(.replay-expanded) .replay-content{grid-template-columns:1fr}.forum-replay-player .replay-inspector{max-height:330px;overflow:auto}}@media (max-width:600px){.forum-replay-attach,.forum-replay-card{padding:12px}.forum-replay-teams{grid-template-columns:1fr}.replay-seed-controls button{flex:1}}.replay-seed-matches button small{color:#bdd0c7;margin-top:6px;font-size:11px;display:block}.f-post:has(.posted-build-card){grid-template-columns:minmax(0,1fr)}.f-post:has(.posted-build-card)>.f-author{flex-direction:row}.posted-build-card{min-width:0;margin-top:20px}.posted-build-card>.build-skill-heading>button{color:#102b40;cursor:pointer;background:#acd4ee;border:1px solid #729ab6;border-radius:4px;padding:10px 14px}.posted-build .upgrade-recommendation-heading>button,.posted-build .commander-reset{display:none}.posted-build select:disabled{opacity:1;cursor:default}.f-post:has(.forum-replay-card){grid-template-columns:minmax(0,1fr)}.f-post:has(.forum-replay-card)>.f-author{flex-direction:row}.f-board .forum-replay-player{color:#edf3ff}.f-board .forum-replay-player .replay-board:not(.replay-expanded) .replay-content{grid-template-columns:minmax(0,1fr) 300px}.f-board .forum-replay-player p{white-space:normal;color:#a7b7cf;font-size:14px;line-height:1.6}.f-board .forum-replay-player h2{font-size:24px}.f-board .forum-replay-player button{font:inherit}@media (max-width:900px){.f-board .forum-replay-player .replay-board:not(.replay-expanded) .replay-content{grid-template-columns:1fr}}.f-board .f-avatar{background:#000;border:1px solid #bd9548;border-radius:50%}.f-board .f-avatar img{object-fit:contain;background:#000;border-radius:50%;padding:8%}:is(.f-board .f-post,.f-board .f-post:has(.posted-build-card),.f-board .f-post:has(.forum-replay-card)){grid-template-columns:150px minmax(0,1fr);align-items:start}.f-board .f-post>.f-author{text-align:center;flex-direction:column;align-items:center;min-width:0}.f-board .f-post>.f-author .f-avatar{width:128px;height:128px}.f-board .f-post>.f-author .f-badges{justify-content:center}.f-board .f-post>div{min-width:0}@media (max-width:720px){:is(.f-board .f-post,.f-board .f-post:has(.posted-build-card),.f-board .f-post:has(.forum-replay-card)){grid-template-columns:76px minmax(0,1fr);gap:12px;padding:14px}.f-board .f-post>.f-author .f-avatar{width:70px;height:70px}.f-board .f-post>.f-author strong{font-size:12px}.f-board .f-post>.f-author .forum-creator-badge{flex-direction:column;padding:4px;font-size:10px}.f-board .f-post>.f-author .f-badge{flex-wrap:wrap;font-size:10px}}body .f-board .captain-skill .skill-icon-wrap{width:64px;height:64px;margin:0 auto;display:block;position:relative;overflow:visible}body .f-board .captain-skill .skill-icon-wrap img{width:100%;height:100%;display:block}body .f-board .f-main .captain-skill .skill-pick-number{z-index:2;background:#ffda72;border:2px solid #684c15;border-radius:50%;place-items:center;width:23px;height:23px;margin:0;padding:0;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;right:-5px;box-shadow:0 1px 4px #0006;color:#142331!important;font-size:12px!important}@media (max-width:700px){body .f-board .captain-skill .skill-icon-wrap{width:38px;height:38px}body .f-board .f-main .captain-skill .skill-pick-number{width:20px;height:20px;font-size:11px!important}}.f-post-actions{border-top:1px solid #8baac1;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:14px;display:flex}.f-post-actions button{color:#17334b;background:#fff;border:1px solid #547087;border-radius:6px;align-items:center;gap:7px;min-height:40px;margin-right:8px;padding:8px 13px;display:inline-flex}.f-post-actions .f-delete{color:#922536;background:#fff2f3;border-color:#af3846;font-weight:650}.f-post-actions .f-delete:hover{background:#ffe1e5}.f-post-actions p{color:#17334b;margin:0 0 12px}.sim-config{grid-template-columns:1fr 1fr 2fr 1fr;gap:20px;margin-bottom:20px;padding:20px;display:grid}.sim-config label,.team-fields>label,.replay-inspector>label{color:#a9c1cd;gap:9px;font-size:14px;display:grid}.sim-config input,.sim-config select{height:40px}.sim-team-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sim-team .panel-top{padding:16px 20px}.team-fields{padding:20px}.ship-slot{grid-template-columns:20px 130px minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;display:grid}.ship-slot b{color:#88a2ae;font-size:13px}.ship-slot select{width:100%;height:36px;font-size:13px}.ship-slot [data-slot=native-select-wrapper]{min-width:0}.team-fields details{border-top:1px solid #334650;margin-top:20px;padding-top:18px}.team-fields summary,.source-note summary{cursor:pointer;color:#d0e3e8;font-size:14px}.behavior-control{color:#a9c1cd;grid-template-columns:1fr auto;gap:8px;margin-top:16px;font-size:14px;display:grid}.behavior-control input{accent-color:#5ed4b8;grid-column:1/-1;width:100%}.sim-actions{flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0 12px;display:flex}.sim-actions>span{color:#9eb7c3;font-size:13px}.sim-empty{text-align:center;margin:20px 0;padding:40px}.replay-board{margin-top:25px}.replay-board th{color:#8eb5c0;white-space:nowrap;background:#104453;padding:12px;font-size:10px}.replay-board td{white-space:nowrap;padding:9px 12px;font-size:12px}.replay-content{background:#052b35;grid-template-columns:minmax(0,1fr) 300px;display:grid}.replay-map svg{width:100%;display:block}.battle-points{background:#06212a;justify-content:space-between;padding:14px 25px;font-family:Consolas,monospace;font-size:15px;display:flex}.replay-inspector{border-left:1px solid #34535d;padding:22px}.replay-inspector .shell-data b{font-size:13px}.replay-inspector .note{padding:10px 0;font-size:12px}.battle-events{max-height:220px;overflow:auto}.battle-events p{margin:10px 0;font-size:12px;line-height:1.5}.battle-events time{color:#65d2b9;font-family:Consolas,monospace}.playback-controls{background:#09252e;align-items:center;gap:15px;padding:18px;display:flex}.playback-controls>input{accent-color:#64dbbf;flex:1;min-width:70px}.playback-controls>span{white-space:nowrap;font-size:13px}.playback-controls select{width:80px}.batch-results{text-align:right}.batch-results small{color:#9fb7c0;font-size:12px}.source-note ul{padding-left:20px}.source-note li{margin-top:8px}@media (max-width:1050px){.sim-team-grid,.replay-content{grid-template-columns:1fr}.replay-inspector{border-top:1px solid #34535d;border-left:0;grid-template-columns:1fr 1fr;gap:12px;display:grid}.replay-inspector .shell-data{grid-column:1/-1}.sim-config{grid-template-columns:1fr 1fr}}@media (max-width:600px){.ship-slot{grid-template-columns:16px 105px minmax(0,1fr);gap:6px}.ship-slot select{font-size:12px}.team-fields{padding:14px}.playback-controls{flex-wrap:wrap;gap:10px}.playback-controls>input{flex-basis:100%;order:4}.replay-inspector,.replay-board .panel-top{display:block}.batch-results{text-align:left;margin-top:15px}.sim-config{gap:12px;padding:15px}}.sim-team .panel-top{background:#142239}.sim-config label,.team-fields>label,.replay-inspector>label{color:#b2c5df}.team-fields details{border-color:#2c4160}.sim-actions>span{color:#a9bbd5}.replay-board th{color:#b5ceee;background:#193353}.replay-board tr[data-selected=true]{background:#213b58}.playback-controls{background:#13243b}.source-note summary{color:#c0d6f3}.replay-expanded{z-index:100;background:#0b1a2b;border-radius:0;flex-direction:column;height:100dvh;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.replay-expanded>.panel-top{flex-shrink:0;padding:10px 20px}.replay-expanded>.panel-top h2{font-size:18px}.replay-expanded .replay-content{flex:1;grid-template-columns:minmax(0,1fr) 290px;min-height:0}.replay-expanded .replay-map{flex-direction:column;min-height:0;display:flex;overflow:hidden}.replay-expanded .replay-map svg{flex:1;width:100%;height:100%;min-height:0}.replay-expanded .replay-inspector{display:block;overflow:auto}.replay-expanded .playback-controls{flex-shrink:0;padding:10px 20px}.replay-score-table{flex-shrink:0;max-height:32vh;overflow:auto}.replay-score-table summary{cursor:pointer;background:#142b44;padding:10px 20px}.replay-expanded .battle-points{padding:8px 25px}@media (max-width:700px){.replay-expanded .replay-content{grid-template-columns:1fr}.replay-expanded .replay-inspector,.replay-expanded>.panel-top p{display:none}}.replay-expanded{width:100vw;max-width:none}.mechanics-study{color:#edf3f8;background:#10171e;border:1px solid #344353;border-radius:10px;margin-top:1.5rem;padding:1rem;font-size:1rem;line-height:1.55}.mechanics-study h3{margin:.35rem 0}.mechanics-study h4{margin:.25rem 0 .75rem;font-size:1.05rem}.mechanics-study p{margin:.7rem 0}.mechanics-study a{color:#9bceff;text-decoration:underline}.mechanics-block{border-top:1px solid #344353;margin-top:1rem;padding-top:1rem}.mechanics-study label{gap:.4rem;display:grid}.mechanics-study select{max-width:100%}.mechanics-table{max-width:100%;margin-top:1rem;overflow-x:auto}.mechanics-table table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.mechanics-table caption{text-align:left;color:#c3d2df;padding-bottom:.5rem}.mechanics-table th,.mechanics-table td{border-bottom:1px solid #344353;padding:.6rem}.mechanics-table thead{background:#1c2d3b}.mechanics-table td:last-child{color:#ffe0a0}.mechanics-study dl{margin:.8rem 0}.mechanics-study dl>div{border-bottom:1px solid #293644;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.4rem 0;display:flex}.mechanics-study dd{color:#ffe0a0;margin:0}.mechanics-study .note{color:#bfcdd8;font-size:.9rem}.player-profile{color:#edf3ff}.profile-search{flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0;padding:22px;display:flex}.player-profile label{gap:8px;font-size:14px;display:grid}.profile-search label:nth-child(2){flex:1;min-width:220px}.player-profile input,.player-profile select{color:#edf3ff;font:inherit;background:#0b192b;border:1px solid #496383;border-radius:7px;padding:11px}.player-profile button{cursor:pointer;color:#edf3ff;font:inherit;background:#254c73;border:1px solid #597a9d;border-radius:7px;padding:10px 14px}.player-profile button:disabled{opacity:.55;cursor:wait}.profile-matches{flex-wrap:wrap;gap:12px;padding:16px;display:flex}.profile-matches button{text-align:left;gap:6px;display:grid}.profile-matches button[aria-pressed=true]{background:#32648d;border-color:#b1d9ff}.profile-overview{margin-top:22px;padding:24px}.profile-overview h2{margin:0 0 14px}.profile-overview a,.profile-source a{color:#9bceff}.profile-overview p,.profile-source{color:#b5c8df;line-height:1.6}.profile-metrics{grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0;display:grid}.profile-metrics>div{background:#172d48;border:1px solid #38536f;border-radius:10px;padding:18px}.profile-metrics strong{margin-top:7px;font-size:27px;display:block}.profile-metrics small{color:#bfd4eb}.profile-fields{padding:10px 0}.profile-field{overflow-wrap:anywhere;border-bottom:1px solid #30445c;justify-content:space-between;gap:20px;padding:9px 0;font-size:13px;display:flex}.profile-field b{text-align:right}.profile-fields details{background:#13253b;border:1px solid #344c67;border-radius:6px;margin:8px 0;padding:10px 14px}.player-profile summary{cursor:pointer;padding:10px 0}.profile-table{max-height:550px;margin:18px 0;overflow:auto}.profile-table table{border-collapse:collapse;text-align:left;width:100%}.profile-table th,.profile-table td{border-bottom:1px solid #344c67;padding:10px}.profile-table th{background:#172d48;position:sticky;top:0}.profile-table button{text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:flex}.profile-table img{object-fit:contain;width:85px;height:36px}.profile-awards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.profile-awards details{background:#172d48;border:1px solid #38536f;border-radius:8px;padding:12px}.profile-awards summary{align-items:center;gap:12px;display:flex}.profile-awards img{object-fit:contain;width:58px;height:58px}.profile-awards small{color:#b5c8df;margin-top:6px;display:block}.profile-ship-detail{background:#152b42;border:1px solid #557898;padding:18px}.profile-source{margin:22px 0;font-size:13px}@media (max-width:650px){.profile-metrics{grid-template-columns:repeat(2,1fr)}.profile-overview{padding:16px}.profile-table th,.profile-table td{padding:6px;font-size:12px}.profile-table img{display:none}}.player-profile .heading h1{margin:8px 0;font-size:28px}.player-profile .heading p{margin:6px 0}.profile-search{margin:16px 0;padding:16px}.profile-overview{background:linear-gradient(140deg,#13243b,#101c2e);border-radius:14px;margin-top:14px;padding:18px}.profile-overview h2{margin-bottom:8px;font-size:21px}.profile-overview>p{margin:8px 0;font-size:13px}.profile-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.profile-metrics>div{border:0;border-left:2px solid #6faad9;border-radius:6px;padding:12px}.profile-metrics strong{font-size:22px}.profile-metrics small{font-size:11px}.profile-table{max-height:360px}.profile-disclosure>summary{color:#d9eaff;align-items:center;gap:10px;padding:2px 0;list-style:none;display:flex}.profile-disclosure>summary::-webkit-details-marker{display:none}.profile-disclosure>summary>span{color:#9cb7d1;margin-left:auto;font-size:12px}.profile-disclosure>summary>svg:last-child{margin-left:auto;transition:transform .15s}.profile-disclosure[open]>summary>svg:last-child{transform:rotate(180deg)}.profile-disclosure[open]>summary{margin-bottom:14px}.profile-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.profile-detail-grid .profile-overview{min-width:0}.profile-facts p{align-items:center;gap:8px;font-size:12px;display:flex}.profile-facts b{text-align:right;margin-left:auto}.profile-facts svg{color:#80b9df;flex-shrink:0}.profile-availability{font-size:12px;line-height:1.6}.profile-awards{margin-top:16px}.profile-awards img{width:42px;height:42px}.profile-fields .profile-field{font-size:12px}.profile-detail-grid .profile-fields details{padding:6px}.profile-matches{padding:10px}.profile-matches button{padding:8px 12px;font-size:13px}@media (max-width:1050px){.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-detail-grid{grid-template-columns:1fr}}@media (max-width:550px){.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}